*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "微軟正黑體";
	scroll-behavior: smooth;
}

/* 如果元素少於設置的slick，強制持續顯示箭頭 */
/* .slick-arrow.slick-hidden {
    display: flex !important;
} */
a {
    text-decoration: none; /* 移除下劃線 */
    color: inherit; /* 使用父元素的顏色，或者可以指定其他顏色 */
    background: none; /* 移除背景 */
    border: none; /* 移除邊框 */
    padding: 0; /* 移除預設間距 */
    margin: 0; /* 移除預設外距 */
    font: inherit; /* 繼承字體樣式，保持和父元素一致 */
    cursor: pointer; /* 更改鼠標樣式，讓其不像是超連結 */
}
/* 移除 hover 效果 */
a:hover, a:active, a:focus {
    text-decoration: none;
    color: inherit;
    background: none;
    outline: none; /* 移除聚焦時的輪廓 */
}
body{
    background-color: #FFFFFF;
    overflow-x: hidden;
}
.body_scroll_control{
    overflow: hidden;
}
section{
    position: relative;
}
ul,ol {
    /* list-style: none; */
    margin-left: 20px;
    padding: 0;
}
/* pagination */
.gs_pagination  {
    display: flex;
    /* gap: 20px; */
    margin: 0px auto;
    /* padding-left: 20px; */
}
.gs_pagination strong{
    background-color: #78B2AE;
    color: #FFFFFF;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.5s;
    margin: 0px 10px;
}
@media (max-width: 768px) {
	.gs_pagination strong {
		width: 45px;
        height: 45px;
        margin: 0px 5px;
	}
}
@media (max-width: 575px) {
	.gs_pagination strong {
		width: 42px;
        height: 42px;
        margin: 0px 4px;
        font-size: 16px;
	}
}
.gs_pagination .other_page {
    background-color: #A9A9A9;
    color: #FFFFFF;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.5s;
    margin: 0px 10px;
}
@media (max-width: 768px) {
	.gs_pagination .other_page {
		width: 45px;
        height: 45px;
        margin: 0px 5px;
	}
}
@media (max-width: 575px) {
	.gs_pagination .other_page {
		width: 42px;
        height: 42px;
        margin: 0px 4px;
        font-size: 16px;
	}
}
.gs_pagination .other_page:hover{
    background-color: #78B2AE;
    color: #FFFFFF;
}
.gs_pagination_icon{
    width: 60px;
    background-color: #A9A9A9;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
@media (max-width: 768px) {
	.gs_pagination .gs_pagination_icon {
		width: 45px;
        height: 45px;
        margin: 0px 5px;
	}
}
@media (max-width: 575px) {
	.gs_pagination .gs_pagination_icon {
		width: 42px;
        height: 42px;
        margin: 0px 4px;
        font-size: 16px;
	}
}
.gs_pagination_icon:hover{
    background-color: #78B2AE;
    color: #FFFFFF;
}

/* 編輯器CSS */
.page_html_editor {
	word-break: break-all;
	line-height: 1.6;
	color: #232323;
}
.page_html_editor:after {
	content: ""; /* 2. 新增 content，注意需要加上 "" */
	display: block; /* 3. 新增 display，也可以用 table */
	clear: both;
}
.page_html_editor img {
	max-width: 100%;
	height: auto !important;
}
.page_html_editor iframe {
	max-width: 100%;
}
.page_html_editor table{
	max-width: 100%;
}
.page_html_editor_full_page {
	padding-top: 30px;
}
/* header----------------------- */
/* 電腦版nav */
.header_nav_scrolled_wrap{
    width: 100%;
    background-color: transparent;
    height: 110px;
    position: fixed;
    top: 70px;
    z-index: 90;
    opacity: 90%;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
	.header_nav_scrolled_wrap {
		display: none;
	}
}
.header_nav_wrap{
    display: flex;
    background-color: #FFFFFF;
    height: 110px;
    position: fixed;
    z-index: 100;
    border-radius: 10px;
    top: 70px;
    opacity: 90%;
    margin: 0px auto;
    transition: 0.3s;
}
@media (max-width: 1350px) {
	.header_nav_wrap {
        height: 99px;
        top: 58px;
	}
}
@media (max-width: 1200px) {
	.header_nav_wrap {
        height: 88px;
        top: 46px;
	}
}
@media (max-width: 992px) {
	.header_nav_wrap {
        height: 68px;
        top: 34px;
	}
}
.header_nav_wrap_scrolled_active{
    display: flex;
    background-color: #FFFFFF;
    height: 110px;
    opacity: 90%;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0px;
    transition: 0.3s;
}
@media (max-width: 1350px) {
	.header_nav_wrap_scrolled_active {
        height: 99px;
	}
}
@media (max-width: 1200px) {
	.header_nav_wrap_scrolled_active {
        height: 88px;
	}
}
@media (max-width: 992px) {
	.header_nav_wrap_scrolled_active {
        height: 68px;
	}
}
.header_logo_wrap{
    width: 470px;
    display: flex;
    align-items: center;
    padding-left: 25px;
}
@media (max-width: 1350px) {
	.header_logo_wrap {
		width: 450px;
	}
}
@media (max-width: 1200px) {
	.header_logo_wrap {
		width: 380px;
	}
}
@media (max-width: 992px) {
	.header_logo_wrap {
		width: 290px;
        padding-left: 15px;
	}
}
@media (max-width: 768px) {
	.header_logo_wrap {
	}
}
.header_logo{

}
@media (max-width: 1200px) {
	.header_logo {
		transform: scale(0.6);
	}
}
.header_logo_text{
    font-size: 25px;
    font-weight: bold;
    color: #1F7F79;
    padding-left: 15px;
}
@media (max-width: 1200px) {
	.header_logo_text {
		font-size: 23px;
	}
}
@media (max-width: 992px) {
	.header_logo_text {
        font-size: 18px;
		/* width: 260px; */
        padding-left: 5px;
	}
}
.header_list_wrap{
    width: calc(100% - 470px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
}
@media (max-width: 1350px) {
	.header_list_wrap {
		width: calc(100% - 450px);
	}
}
@media (max-width: 1200px) {
	.header_list_wrap {
		width: calc(100% - 380px);
	}
}
@media (max-width: 992px) {
	.header_list_wrap {
		width: calc(100% - 290px);
        padding-right: 20px;
	}
}
.header_list{
    font-size: 22px;
    color: #6A6666;
    text-decoration: none;
    transition: 0.5s;
}
@media (max-width: 1200px) {
	.header_list {
		font-size: 20px;
	}
}
@media (max-width: 992px) {
	.header_list {
		font-size: 16px;
	}
}
.header_list:hover{
    color: #1C7C77;
}
.header_list_active{
    color: #1C7C77;
}
/* .header_list_wrap > a{
    font-size: 22px;
    color: #6A6666;
    text-decoration: none;
    transition: 0.5s;
}
@media (max-width: 1200px) {
	.header_list_wrap > a {
		font-size: 20px;
	}
}
@media (max-width: 992px) {
	.header_list_wrap > a {
		font-size: 18px;
	}
} */
/* .header_list_wrap > a:hover{
    color: #1C7C77;
} */
/* 手機板nav */
.header_nav_wrap_mobile{
    display: none;
    background-color: #FFFFFF;
    height: 70px;
    position: fixed;
    z-index: 100;
    opacity: 90%;
    width: 100%;
    
}
@media (max-width: 768px) {
	.header_nav_wrap_mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
	}
}
.header_nav_wrap_mobile_shadow{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.header_logo_wrap_mobile{
    display: flex;
    align-items: center;
    padding-left: 8px;
}
.header_logo_mobile{
    transform: scale(0.7);
}
.header_logo_text_mobile{
    color: #1C7C77;
    font-weight: bold;
    font-size: 18px;
}
/* 漢堡條SVG */
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ham path {
    stroke: #1C7C77;
}
.hamRotate.active {
    transform: rotate(45deg);
}
.hamRotate180.active {
    transform: rotate(180deg);
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #45b8bd;
    stroke-width: 5.5;
    stroke-linecap: round;
}
.ham1 .top {
    stroke-dasharray: 40 139;
}
.ham1 .bottom {
    stroke-dasharray: 40 180;
}
.ham1.active .top {
    stroke-dashoffset: -98px;
}
.ham1.active .bottom {
    stroke-dashoffset: -138px;
}
/* 漢堡條SVG */
/* 手機下拉式選單 */
.header_dropdown_menu_mobile{
    display: none;
    position: fixed;
    top: 70px;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 20px 15px 60px;
    overflow: auto;
    scrollbar-width: none;
    z-index: 80;
}
.header_dropdown_menu_item_link_mobile{
    display: block;
    text-align: center;
    padding: 20px 0px;
    width: 100%;
    border: 1px solid #005353;
    border-radius: 10px;
    margin-bottom: 25px;
    font-size: 18px;
    color: #1C7C77;
    cursor: pointer;
}
.header_dropdown_menu_item_link_mobile:hover{
    color: #1C7C77;
}
.header_dropdown_menu_item_mobile{
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 25px;
    color: #1C7C77;
    cursor: pointer;
}
.header_dropdown_menu_inner_item_title_mobile{
    padding: 20px 0px;
    border-radius: 10px;
    border: 1px solid #005353;
    transition: 0.3s;
    position: relative;
    font-size: 18px;
}
.header_dropdown_menu_item_mobile_active{
    background-color: #005353;
    color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 30px;
    text-align: start;
}
.header_dropdown_menu_arrow{
    display: block;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translate(0%, -50%);
}
.header_menu_arrow_active{
    transform: rotate(90deg);
    top: 40%;
    color: #FFFFFF;
}
.header_dropdown_menu_inner_menu_mobile{
    display: none;
    background-color: #407E7E;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.header_dropdown_menu_inner_item_mobile{
    display: block;
    padding: 20px 0px 20px 50px;
    font-size: 18px;
    width: 100%;
    border-top: 1px solid white;
    color: white;
    cursor: pointer;
    background-color: #407E7E;
    text-align: start;
}
.header_dropdown_menu_inner_item_mobile:last-of-type{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.header_dropdown_menu_inner2_menu_mobile{
    display: none;
    background-color: #407E7E;
    color: white;
    
}
/* .header_dropdown_menu_inner2_menu_mobile:last-of-type{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
} */
.header_dropdown_inner2_menu_item_mobile{
    display: block;
    width: 100%;
    border-top: 1px solid white;
    color: white;
    overflow: hidden;
    cursor: pointer;
    background-color: #407E7E;
    text-align: start;
}
.header_dropdown_inner2_menu_item_mobile:last-of-type{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.header_dropdown_menu_inner2_title_mobile{
    display: block;
    padding: 20px 65px 20px 50px;
    width: 100%;
    color: white;
    cursor: pointer;
    background-color: #407E7E;
    text-align: start;
    position: relative;
    font-size: 18px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
@media (max-width: 575px) {
	.header_dropdown_menu_inner2_title_mobile {
		padding: 20px 60px 20px 50px;
	}
}
/* .header_dropdown_menu_inner2_title_mobile:last-of-type{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
} */
.header_dropdown_menu_inner2_item_mobile{
    display: block;
    padding: 20px 0px 20px 50px;
    width: 100%;
    border-top: 1px solid white;
    color: white;
    cursor: pointer;
    background-color: #7FA9A9;
    text-align: start;

}
/* .header_dropdown_menu_inner2_item_mobile:last-of-type{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
} */
.header_dropdown_menu_inner2_item_mobile:hover{
    background-color: #7FA9A9;
}

/* welcome -------------------- */
.header_slider{
    position: relative;
}
.slick-dotted.slick-slider{
    margin-bottom: 60px;
}
.header_slider_overlay{
    background-color: black;
    opacity: 30%;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
}
.banner_slick_pc{
    display: block;
}
@media (max-width: 768px) {
	.banner_slick_pc {
		display: none;
	}
}
.banner_slick_mobile{
    display: none;
}
@media (max-width: 768px) {
	.banner_slick_mobile {
		display: block;
	}
}
.banner_slick_item_wrap{
    position: relative;
    cursor: default;
}
.header_slider_img{
    width: 100%;
    height: calc(100vw / 1920 * 820);
    object-fit: cover;
}

.header_slider_img_mobile{
    width: 100%;
    height: calc(100vw / 430 * 550);
    object-fit: cover;
}
.header_slider_text{
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translate(-50%, -50%);
    font-size: 67px;
    color: white;
    z-index: 20;
    width: 80vw;
}
@media (max-width: 1490px) {
	.header_slider_text {
		font-size: 60px;
	}
}
@media (max-width: 1350px) {
	.header_slider_text {
		font-size: 55px;
	}
}
@media (max-width: 1230px) {
	.header_slider_text {
		font-size: 50px;
	}
}
@media (max-width: 1120px) {
	.header_slider_text {
		font-size: 45px;
	}
}
@media (max-width: 1010px) {
	.header_slider_text {
		font-size: 40px;
	}
}
@media (max-width: 900px) {
	.header_slider_text {
		font-size: 32px;
	}
}
@media (max-width: 768px) {
	.header_slider_text {
        top: 53%;
        font-size: 55px;
	}
}
.header_slider_text > span {
    display: block;
    text-align: center;
}
@media (max-width: 768px) {
    .header_slider_text > .header_slider_text_sign {
        display: none;
	}
}
@media (max-width: 678px) {
	.header_slider_text {
        font-size: 45px;
	}
}
@media (max-width: 575px) {
	.header_slider_text {
        font-size: 30px;
	}
}
.header_slider_btn_wrap{
    background-color: #FFFFFF;
    position: absolute;
    z-index: 10;
    width: 33px;
    height: 63px;
    left: 50%;
    bottom: 33px;
    border-radius: 17px;
    cursor: pointer;
}
@media (max-width: 1350px) {
    .header_slider_btn_wrap {
        width: 33px;
        height: 63px;
        bottom: 29px;
    }
}
@media (max-width: 1200px) {
    .header_slider_btn_wrap {
        width: 25px; /* 75% 比例 */
        height: 50px; /* 75% 比例 */
        bottom: 25px;
    }
}
@media (max-width: 992px) {
    .header_slider_btn_wrap {
        width: 20px; /* 60% 比例 */
        height: 40px; /* 60% 比例 */
        bottom: 21px;
    }
}

.header_slider_btn_ball{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #1C7C77;
    border-radius: 50%;
    left: 50%;
    top: 28%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
}
@media (max-width: 1350px) {
    .header_slider_btn_ball {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 1200px) {
    .header_slider_btn_ball {
        width: 15px; /* 75% 比例 */
        height: 15px; /* 75% 比例 */
    }
}
@media (max-width: 992px) {
    .header_slider_btn_ball {
        width: 12px; /* 60% 比例 */
        height: 12px; /* 60% 比例 */
    }
}
.header_slider_btn_wrap:hover .header_slider_btn_ball{
    top: 72%;
}
#about_wrap.animation{
	animation-name: ani_slideBottom;
	animation-duration: 1s;
	animation-delay: 0.7;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
}
@media (max-width: 991px){
	#about_wrap.animation{
		animation: none;
	}
}
.about_wrap{
    display: flex;
    gap: 60px;
    padding-top: 135px;
    padding-bottom: 135px;
    position: relative;
}
@media (max-width: 1600px) {
    .about_wrap {
        padding-top: 20px;
        padding-bottom: 120px;
    }
}
@media (max-width: 1200px) {
    .about_wrap {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .about_wrap {
        display: block;
        padding-bottom: 95px;
    }
}
.welcome_left_title_pc {
    position: absolute;
    left: -100px;
    top: 0px;
    display: block;
    height: 100%;
    border-left: 1px solid #707070;
}
@media (max-width: 1600px) {
    .welcome_left_title_pc {
        display: none;
    }
}
.welcome_left_title_en_pc {
    transform: rotate(90deg); 
    transform-origin: left top;
    white-space: nowrap;
    font-size: 60px;
    color: #1C7C77;
    line-height: 1em;
    padding-left: 63px;
    padding-top: 15px;
    font-weight: lighter;
}
.welcome_left_title_cn_pc {
    font-size: 30px;
    color: #1C7C77;
    writing-mode: vertical-rl;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    padding-top: 68px;
    padding-left: 15px;
    letter-spacing: 5px;
}
.welcome_left_title_mobile{
    display: none;
    border-bottom: 1px solid #707070;
}
@media (max-width: 1600px) {
    .welcome_left_title_mobile {
        display: flex;
        align-items: end;
        padding-top: 80px;
    }
}
@media (max-width: 768px) {
    .welcome_left_title_mobile {
        padding-top: 60px;
    }
}
.welcome_left_title_en_mobile{
    font-size: 56px;
    color: #1C7C77;
    line-height: 1em;
    font-weight: lighter;
    margin-right: 20px;
}
@media (max-width: 992px) {
    .welcome_left_title_en_mobile {
        font-size: 40px;
    }
}
@media (max-width: 768px) {
    .welcome_left_title_en_mobile {
        font-size: 50px;
        margin-right: 10px;
        font-weight: 200;
    }
}
@media (max-width: 575px) {
    .welcome_left_title_en_mobile {
        font-size: 30px;
    }
}
.welcome_left_title_cn_mobile{
    font-size: 28px;
    color: #1C7C77;
    line-height: 1.2em;
}
@media (max-width: 992px) {
    .welcome_left_title_cn_mobile {
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .welcome_left_title_cn_mobile {
        font-size: 22px;
    }
}
@media (max-width: 575px) {
    .welcome_left_title_cn_mobile {
        font-size: 18px;
    }
}

.about_img_wrap{
    width: 50%;
}
@media (max-width: 768px) {
    .about_img_wrap {
        width: 100%;
    }
}
.about_img_box{
    margin-bottom: 40px;
}
.about_img{
    width: 100%;
    height: 415px;
    object-fit: cover;
}
@media (max-width: 1350px) {
    .about_img {
        height: 373px;
    }
}
@media (max-width: 1200px) {
    .about_img {
        height: 332px;
    }
}
@media (max-width: 992px) {
    .about_img {
        height: 256px;
    }
}
@media (max-width: 768px) {
    .about_img {
        height: calc(((100vw - 30px)) / 570 * 395);
    }
}
.about_slider .slick-dots{
    bottom: -45px;
}
.slick-dots li button { 
    width: 20px;
    height: 20px;
    background-color: #959595; 
    border-radius: 50%;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
@media (max-width: 992px) {
    .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 768px) {
    .slick-dots li button {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 575px) {
    .slick-dots li button {
        width: 12px;
        height: 12px;
    }
}
.slick-dots li.slick-active button { /* 當前按鈕樣式 */
    background-color: #1C7C77;
}
.about_content_wrap{
    width: 50%;
    position: relative;
}
@media (max-width: 768px) {
    .about_content_wrap {
        width: 100%;
        padding-top: 30px;
    }
}
@media (max-width: 575px) {
    .about_content_wrap {
        padding-top: 10px;
    }
}
.about_content_text{
    font-size: 20px;
    color: #707070;
    height: 415px;
    overflow: auto;
}
@media (max-width: 1350px) {
    .about_content_text {
        height: 373px;
    }
}
@media (max-width: 1200px) {
    .about_content_text {
        font-size: 18px;
        height: 332px;
    }
}
@media (max-width: 992px) {
    .about_content_text {
        font-size: 18px;
        height: 256px;
    }
}
@media (max-width: 768px) {
    .about_content_text {
        font-size: 20px;
        margin-bottom: 55px;
        height: unset;
    }
}
@media (max-width: 575px) {
    .about_content_text {
        font-size: 16px;
    }
}
.about_content_text::-webkit-scrollbar {
    width: 5px;
    background-color: #EBEBEB;
}
.about_content_text::-webkit-scrollbar-thumb {
    background: #D2D2D2;
}
.about_content_paragraph{
    text-indent: 2em;
    margin-bottom: 1px;
}
.about_more_btn{
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #1F7F79;
    color: #1F7F79;
    width: 130px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin-left: auto;
    cursor: pointer;
    transition: 0.5s;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.about_more_btn:hover{
    color: #FFFFFF;
    background-color: #1F7F79;
}
@media (max-width: 992px) {
    .about_more_btn {
        width: 120px;
        height: 47px;
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .about_more_btn {
        position: relative;
        margin: 0px auto;
        width: 115px;
        height: 45px;
        font-size: 18px;
        font-weight: bold;
    }
    .about_more_btn:hover{
        color: #1F7F79;
        background-color: #FFFFFF;
    }
}
/* news----------------------- */
.news_section{
    background: linear-gradient(45deg, rgba(182, 229, 187, 0.12), rgba(155, 191, 191, 0.12));
}
.news_top_decoration{
    position: absolute;
    left: 100px;
    top: 180px;
}
.news_bottom_decoration{
    position: absolute;
    left: 160px;
    top: 650px;
}
@media (max-width: 768px) {
    .news_top_decoration,
    .news_bottom_decoration{
        display: none;
    }
}
#news_wrap.animation{
	animation-name: ani_slideBottom;
	animation-duration: 1s;
	animation-delay: 0.7;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
}
@media (max-width: 991px){
	#news_wrap.animation{
		animation: none;
	}
}
.news_wrap{
    padding-top: 165px;
    padding-bottom: 105px;
    position: relative;
}
@media (max-width: 1600px) {
    .news_wrap{
        padding-top: 85px;
    }
}
@media (max-width: 1200px) {
    .news_wrap{
        padding-top: 70px;
    }
}
@media (max-width: 768px) {
    .news_wrap{
        padding-top: 60px;
        padding-bottom: 95px;
    }
}
@media (max-width: 575px) {
    .news_wrap{
        padding-top: 50px;
    }
}
.welcome_right_title_pc{
    position: absolute;
    background-color: #7FBDBF;
    color: #FFFFFF;
    right: -200px;
    top: -70px;
    height: 580px;
    width: 150px;
    /* padding-top: 130px; */
}
@media (max-width: 1600px) {
    .welcome_right_title_pc {
        display: none;
    }
}
.welcome_right_title_cn_pc{
    font-size: 30px;
    letter-spacing: 5px;
    writing-mode: vertical-rl;
    white-space: nowrap;
    /* padding-left: 22px; */
    position: absolute;
    top: 130px;
    left: 20px;
}
.welcome_right_title_en_pc{
    font-size: 60px;
    font-weight: lighter;
    transform: rotate(90deg); 
    transform-origin: right top;
    line-height: 1em;
    /* padding-top: 12px;
    padding-left: 10px; */
    position: absolute;
    top: 520px;
    right: 10px;
    width: 400px;
}
.welcome_right_title_mobile{
    display: none;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
@media (max-width: 1600px) {
    .welcome_right_title_mobile {
        display: flex;
    }
}
@media (max-width: 768px) {
    .welcome_right_title_mobile {
        gap: 10px;
    }
}
.welcome_right_title_en_mobile{
    font-size: 56px;
    color: #1C7C77;
    font-weight: lighter;
    line-height: 1em;
    padding-bottom: 10px;
}
@media (max-width: 992px) {
    .welcome_right_title_en_mobile {
        font-size: 40px;
        padding-bottom: 4px;
    }
}
@media (max-width: 768px) {
    .welcome_right_title_en_mobile {
        font-size: 50px;
        font-weight: 200;
    }
}
@media (max-width: 575px) {
    .welcome_right_title_en_mobile {
        font-size: 30px;
        padding-bottom: 5px;
    }
}
.welcome_right_title_cn_mobile{
    font-size: 28px;
    color: #1C7C77;
    line-height: 1em;
    padding-top: 10px;
}
@media (max-width: 992px) {
    .welcome_right_title_cn_mobile {
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .welcome_right_title_cn_mobile {
        font-size: 25px;
    }
}
@media (max-width: 575px) {
    .welcome_right_title_cn_mobile {
        font-size: 18px;
        padding-top: 5px;
    }
}
.welcome_right_title_decoration_mobile{
    width: 20px;
    height: 120px;
    background-color: #7FBDBF;
}
@media (max-width: 575px) {
    .welcome_right_title_decoration_mobile {
        height: 85px;
    }
}
.news_lists_wrap{
    margin-bottom: 65px;
    /* min-height: 1200px; */
}
.new_list_link{
    display: flex;
    border: 1px solid black;
    align-items: center;
    justify-content: space-between;
    padding: 19px 25px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #1F7F79;
    margin-bottom: 20px;
    transition: 0.5s;
}
@media (max-width: 768px) {
    .new_list_link {
        padding: 14px 25px;
    }
}
.new_list_link:last-of-type{
    margin-bottom: 0px;
}
.new_list_link:hover{
    background-color: #1F7F79;
}
.new_list_link:hover,
.new_list_link:hover .news_date,
.new_list_link:hover .voice_icon
{
    color: white;
}
.news_list_inner_wrap{
    display: flex;
    width: calc(100% - 130px);
    align-items: center;
    gap: 15px;
    border-right: 1px solid #1F7F79;
}
@media (max-width: 768px) {
    .news_list_inner_wrap {
        width: calc(100% - 100px);
    }
}
.new_list_link:hover .news_list_inner_wrap{
    border-right: 1px solid #FFFFFF;
}
.voice_icon{
    color: #1F7F79;
    font-size: 30px;
}
@media (max-width: 768px) {
    .voice_icon {
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .new_list_link:hover{
        background-color: transparent;
    }
    .new_list_link:hover,
    .new_list_link:hover .news_date,
    .new_list_link:hover .voice_icon
    {
        color: #1F7F79;
    }
    .new_list_link:hover .news_list_inner_wrap{
        border-right: 1px solid #1F7F79;
    }
}
.news_title{
    font-size: 25px;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 40px;
    text-overflow: ellipsis; 
}
@media (max-width: 992px) {
    .news_title {
        font-size: 22px;
        margin-right: 20px;
    }
}
@media (max-width: 768px) {
    .news_title {
        font-size: 20px;
        margin-right: 10px;
    }
}
.news_date{
    width: 130px;
    text-align: end;
    color: #1F7F79;
    font-size: 18px;
}
@media (max-width: 992px) {
    .news_date {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .news_date {
        font-size: 16px;
        width: 100px;
    }
}
.news_more_btn{
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #1F7F79;
    color: #1F7F79;
    width: 130px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    cursor: pointer;
    transition: 0.5s;
    margin: 0px auto;
}
.news_more_btn:hover{
    color: #FFFFFF;
    background-color: #1F7F79;
}
@media (max-width: 992px) {
    .news_more_btn {
        width: 120px;
        height: 47px;
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .news_more_btn{
        width: 115px;
        height: 45px;
        font-size: 18px;
        font-weight: bold;
    }
    .news_more_btn:hover{
        color: #1F7F79;
        background-color: transparent;
    }
}
/* service----------------------- */
.service_section{}
.service_decoration{
    position: absolute;
    right: 35px;
    top: 155px;
}
@media (max-width: 768px) {
    .service_decoration {
        display: none;
    }
}
#service_wrap.animation{
	animation-name: ani_slideBottom;
	animation-duration: 1s;
	animation-delay: 0.7;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
}
@media (max-width: 991px){
	#service_wrap.animation{
		animation: none;
	}
}
.service_wrap{
    padding: 165px 0px 105px;
    position: relative;
}
@media (max-width: 1600px) {
    .service_wrap {
        padding-top: 20px;
        padding-bottom: 120px;
    }
}
@media (max-width: 1200px) {
    .service_wrap {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .service_wrap {
        display: block;
        padding-bottom: 95px;
    }
}
.service_slider_box{
    /* overflow: hidden; */
}
.service_slider{
    margin: 0px -15px;
    padding-bottom: 85px;
}
.service_btn_wrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service_arrow{
    background-color: #1F7F79;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: 0.5s;
    color: #FFFFFF;
    cursor: pointer;
}
.service_arrow:hover{
    border: 1px solid #1F7F79;
    background-color: #FFFFFF;
}
.service_arrow:hover i{
    color: #1F7F79;
}
@media (max-width: 768px) {
    .service_arrow:hover{
        /* border: 1px solid #1F7F79; */
        background-color: #1F7F79;
    }
    .service_arrow:hover i{
        color: #FFFFFF;
    }
}
.service_prev_arrow{
    transform: rotate(180deg);
}
.service_slider_item{
    padding: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 15px;
    border-radius: 10px;
    background-color: #FFFFFF;
}
.service_slider_item:hover{
    background-color: #FFFFFF;
}

.service_item_img_box{
    overflow: hidden;
    border-radius: 10px;
}
.service_item_img{
    width: 100%;
    height: 307px;
    border-radius: 10px;
    object-fit: cover;
    transition: 0.5s;
}
@media (max-width: 1350px) {
    .service_item_img {
        height: 273px;
    }
}
@media (max-width: 1200px) {
    .service_item_img {
        height: 239px;
    }
}
@media (max-width: 992px) {
    .service_item_img {
        height: 177px;
    }
}
@media (max-width: 768px) {
    .service_item_img {
        height: calc(((100vw - 150px) / 3) / 355 * 305);
    }
}
@media (max-width: 575px) {
    .service_item_img {
        height: calc((100vw - 50px) / 355 * 305);
    }
}
.service_slider_item:hover .service_item_img{
    transform: scale(1.2);
}
.service_item_title{
    text-align: center;
    padding: 15px 0px 5px;
    font-size: 25px;
    color: #1F7F79;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 992px) {
    .service_item_title {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .service_item_title {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    .service_item_title {
        font-size: 18px;
    }
}
.service_more_btn{
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #1F7F79;
    color: #1F7F79;
    width: 130px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    cursor: pointer;
    transition: 0.5s;
    margin: 0px 50px;
}
.service_more_btn:hover{
    color: #FFFFFF;
    background-color: #1F7F79;
}
@media (max-width: 992px) {
    .service_more_btn {
        width: 120px;
        height: 47px;
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .service_more_btn{
        width: 115px;
        height: 45px;
        font-size: 18px;
        font-weight: bold;
    }
    .service_more_btn:hover{
        color: #1F7F79;
        background-color: transparent;
    }
}
@media (max-width: 575px) {
    .service_more_btn {
        margin: 0px 30px;
    }
}

/* web----------------------- */
.web_section{
    background: linear-gradient(45deg, rgba(38, 154, 190, 0.12), rgba(121, 217, 131, 0.12));
}
.web_decoration{
    position: absolute;
    bottom: 0px;
    /* opacity: 12%; */
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
}
.web_decoration_img{
    width: 100%;
}
@media (max-width: 992px) {
    .web_decoration_img{
        width: 150%;
    }
}
@media (max-width: 768px) {
    .web_decoration_img{
        display: none;
    }
}
/* @media (max-width: 575px) {
    .web_decoration_img{
        display: none;
    }
} */
.web_decoration_img_mobile{
    display: none;
    width: 100%;
}
@media (max-width: 768px) {
    .web_decoration_img_mobile{
        display: block;
    }
}
#web_wrap.animation{
	animation-name: ani_slideBottom;
	animation-duration: 1s;
	animation-delay: 0.7;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
}
@media (max-width: 991px){
	#web_wrap.animation{
		animation: none;
	}
}
.web_wrap{
    padding-top: 260px;
    padding-bottom: 165px;
    position: relative;
}
@media (max-width: 1600px) {
    .web_wrap{
        padding-top: 85px;
    }
}
@media (max-width: 1200px) {
    .web_wrap{
        padding-top: 70px;
    }
}
@media (max-width: 768px) {
    .web_wrap{
        padding-top: 60px;
        padding-bottom: 165px;
    }
}
@media (max-width: 575px) {
    .web_wrap{
        padding-top: 50px;
    }
}
.web_slider_box{
    overflow: hidden;
    padding-right: 1px;
}
.web_slider{
    margin: 0px -20px;
    padding: 1px 2px 60px;
}
.web_slider_item{
    margin: 0px 20px;
    border: 1px solid #1F7F79;
    overflow: hidden;
}
.web_slider_item_img{
    width: 100%;
    height: 146px;
    object-fit: contain;
    background-color: #FFFFFF;
    transition: 0.5s;
    background-repeat: no-repeat;
}
@media (max-width: 1350px) {
    .web_slider_item_img {
        height: 130px;
    }
}
@media (max-width: 1200px) {
    .web_slider_item_img {
        height: 114px;
    }
}
@media (max-width: 992px) {
    .web_slider_item_img {
        height: 119px;
    }
}
@media (max-width: 768px) {
    .web_slider_item_img {
        height: calc(((100vw - 120px) / 3) / 265 * 145);
    }
}
@media (max-width: 575px) {
    .web_slider_item_img {
        height: calc(((100vw - 80px) / 2) / 265 * 145);
    }
}
.web_slider_item:hover .web_slider_item_img{
    transform: scale(1.2);
}

.web_btn_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.web_arrow{
    background-color: #1F7F79;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: 0.5s;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0px 10px;
}
.web_arrow:hover{
    border: 1px solid #1F7F79;
    background-color: #FFFFFF;
}
.web_arrow:hover i{
    color: #1F7F79;
}
@media (max-width: 768px) {
    .web_arrow:hover{
        background-color: #1F7F79;
    }
    .web_arrow:hover i{
        color: #FFFFFF;
    }
}
/* load_page/about_page----------------------- */
.other_page_banner_section{}
.other_page_banner_img{
    width: 100%;
    height: calc(100vw / 1920 * 410);
    object-fit: cover;
}
@media (max-width: 768px) {
    .other_page_banner_img{
        display: none;
    }
}
.other_page_banner_img_mobile{
    display: none;
    width: 100%;
    height: calc(100vw / 430 * 255);
    object-fit: cover;
}
@media (max-width: 768px) {
    .other_page_banner_img_mobile{
        display: block;
    }
}
.about_page_section{}
.page_title_wrap_mobile{
    display: none;
    color: #1C7C77;
    border-left: 17px solid #7FBDBF;
    padding: 18px 0px;
}
@media (max-width: 1500px) {
    .page_title_wrap_mobile{
        display: block;
    }
}
.page_title_wrap_en_mobile{
    font-size: 35px;
    font-weight: lighter;
    padding-left: 20px;
}
@media (max-width: 992px) {
    .page_title_wrap_en_mobile{
        font-size: 32px;
    }
}
@media (max-width: 768px) {
    .page_title_wrap_en_mobile{
        font-weight: 200;
        font-size: 29px;
    }
}
@media (max-width: 575px) {
    .page_title_wrap_en_mobile{
        font-size: 25px;
        padding-left: 15px;
    }
}
.page_title_wrap_cn_mobile{
    font-size: 28px;
    padding-left: 20px;
}
@media (max-width: 992px) {
    .page_title_wrap_cn_mobile{
        font-size: 25px;
        padding-left: 18px;
    }
}
@media (max-width: 768px) {
    .page_title_wrap_cn_mobile{
        font-size: 22px;
        padding-left: 17px;
    }
}
@media (max-width: 575px) {
    .page_title_wrap_cn_mobile{
        font-size: 20px;
        padding-left: 15px;
    }
}
.page_title_strip{
    position: absolute;
    height: 110px;
    width: 535px;
    background-color: #7FBDBF;
    top: 0px;
    font-size: 60px;
    font-weight: lighter;
    color: #1C7C77;
    transform-origin: top left; /* 設置基準點為左上角 */
    transform: rotate(90deg);
    padding-left: 45px;
    display: flex;
    align-items: center;
}
@media (max-width: 1500px) {
    .page_title_strip{
        display: none;
    }
}
.page_title{
    font-size: 30px;
    color: #1C7C77;
    position: absolute;
    top: 40px;
    left: 25px;
}
@media (max-width: 1500px) {
    .page_title{
        display: none;
    }
}
.about_page_wrap{
    display: flex;
    padding-top: 45px;
    position: relative;
    margin-bottom: 170px;
}
@media (max-width: 992px) {
    .about_page_wrap{
        padding-top: 40px;
        margin-bottom: 130px;
    }
}
@media (max-width: 768px) {
    .about_page_wrap{
        padding-top: 35px;
        margin-bottom: 90px;
    }
}
@media (max-width: 575px) {
    .about_page_wrap{
        padding-top: 30px;
        margin-bottom: 60px;
    }
}
.page_left_sidebar_menu{
    width: 185px;
    margin-right: 115px;
    padding-top: 55px;
}
@media (max-width: 1500px) {
    .page_left_sidebar_menu{
        padding-top: 0px;
    }
}
@media (max-width: 1200px) {
    .page_left_sidebar_menu{
        margin-right: 80px;
    }
}
@media (max-width: 992px) {
    .page_left_sidebar_menu{
        width: 160px;
    }
}
@media (max-width: 768px) {
    .page_left_sidebar_menu{
        display: none;
    }
}
.page_left_sidebar_item{
    display: flex;
    font-size: 22px;
    color: #707070;
    align-items: center;
    justify-content: start;
    padding: 25px 0px 25px 25px;
    border-bottom: 1px solid #707070;
    position: relative;
    transition: 0.5s;
}
.page_left_sidebar_item:hover{
    color: #1F7F79;
}
.page_left_sidebar_item_dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1F7F79;
    margin-right: 12px;
    opacity: 0;
    /* transition: 0.2s; */
    min-width: 10px;
}
.page_left_sidebar_item:hover .page_left_sidebar_item_dot{
    opacity: 1;
}
.page_left_sidebar_item_active{
    color: #1F7F79;
}
.page_left_sidebar_item_dot_active{
    opacity: 1;
}
.about_page_content{
    padding-top: 90px;
    width: calc(100% - 300px);
}
@media (max-width: 1500px) {
    .about_page_content{
        padding-top: 35px;
    }
}
@media (max-width: 1200px) {
    .about_page_content{
        width: calc(100% - 205px);
        padding-top: 35px;
    }
}
@media (max-width: 992px) {
    .about_page_content{
        width: calc(100% - 240px);
        padding-top: 35px;
    }
}
@media (max-width: 768px) {
    .about_page_content{
        padding-top: 0px;
        width: 100%;
    }
}
.about_page_content_title{
    color: #1C7C77;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
    margin-bottom: 60px;
}
@media (max-width: 992px) {
    .about_page_content_title {
        margin-bottom: 40px;
        padding-bottom: 14px;
    }
}
@media (max-width: 768px) {
    .about_page_content_title {
        margin-bottom: 30px;
        padding-bottom: 13px;
    }
}
@media (max-width: 575px) {
    .about_page_content_title {
        margin-bottom: 15px;
        padding-bottom: 10px;
        font-size: 18px;
    }
}
.about_page_content_img_box{
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .about_page_content_img_box {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .about_page_content_img_box {
        margin-bottom: 15px;
    }
}
.about_page_content_img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
@media (max-width: 1350px) {
    .about_page_content_img {
        height: 260px;
    }
}
@media (max-width: 1200px) {
    .about_page_content_img {
        height: 236px;
    }
}
@media (max-width: 992px) {
    .about_page_content_img {
        height: 167px;
    }
}
@media (max-width: 768px) {
    .about_page_content_img {
        height: calc((100vw - 30px) / 900 * 300);
    }
}
.about_page_content_editor{}
.other_page_bottom_decoration_box{
    margin-bottom: 35px;
}
.other_page_bottom_decoration_img{
    width: 100%;
}
@media (max-width: 768px) {
    .other_page_bottom_decoration_img {
        display: none;
    }
}
.other_page_bottom_decoration_img_mobile{
    display: none;
    width: 100%;
}
@media (max-width: 768px) {
    .other_page_bottom_decoration_img_mobile {
        display: inline;
    }
}

/* news----------------------- */
.news_page_wrap{
    padding-top: 45px;
    position: relative;
    margin-bottom: 170px;
}
@media (max-width: 1500px) {
    .news_page_wrap {
        margin-bottom: 135px;
    }
}
@media (max-width: 768px) {
    .news_page_wrap {
        margin-bottom: 100px;
    }
}
.news_page_content{
    width: 100%;
}
.news_page_lists_wrap{
    padding-top: 90px;
    padding-left: 90px;
    padding-bottom: 100px;
}
@media (max-width: 1500px) {
    .news_page_lists_wrap {
        padding-top: 45px;
        padding-left: 0px;
        padding-bottom: 90px;
    }
}
@media (max-width: 992px) {
    .news_page_lists_wrap {
        padding-top: 22px;
        padding-bottom: 80px;
    }
}
@media (max-width: 768px) {
    .news_page_lists_wrap {
        padding-top: 0px;
        padding-bottom: 70px;
    }
}
.news_list{
    display: flex;
    border-bottom: 1px solid #707070;
    padding: 30px 35px;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
}
@media (max-width: 768px) {
    .news_list {
        padding: 25px 10px;
    }
}
@media (max-width: 575px) {
    .news_list {
        padding: 25px 0px;
    }
}
.news_list:first-of-type{
    border-top: 1px solid #707070;
}
.news_list:hover{
    background-color: #F3F7F7;
}
@media (max-width: 768px) {
    .news_list:hover{
        background-color: transparent;
    }
}
.news_list_icon{
    width: 70px;
}
@media (max-width: 768px) {
    .news_list_icon {
        width: 40px;
    }
}
.news_list_title{
    font-size: 25px;
    width: calc(100% - 290px);
    margin-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1200px) {
    .news_list_title {
        margin-right: 45px;
        width: calc(100% - 275px);
        font-size: 22px;
    }
}
@media (max-width: 992px) {
    .news_list_title {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .news_list_title {
        margin-right: 20px;
        width: calc(100% - 180px);
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .news_list_title {
        margin-right: 10px;
        width: calc(100% - 170px);
    }
}
.news_list_date{
    width: 160px;
    text-align: center;
    background-color: #1F7F79;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 5px 0px;
    font-size: 18px;
}
@media (max-width: 992px) {
    .news_list_date {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .news_list_date {
        font-size: 16px;
        width: 120px;
    }
}
/* news_content_page----------------------- */
.news_content_page_wrap{
    padding-top: 45px;
    position: relative;
    margin-bottom: 170px;
}
@media (max-width: 1500px) {
    .news_content_page_wrap {
        margin-bottom: 135px;
    }
}
@media (max-width: 768px) {
    .news_content_page_wrap {
        margin-bottom: 100px;
        padding-top: 15px;
    }
}
.news_content_page_container{
    padding-top: 50px;
    padding-left: 90px;
}
@media (max-width: 1500px) {
    .news_content_page_container {
        padding-top: 0px;
        padding-left: 0px;
    }
}
.news_content_page_date{
    width: 160px;
    text-align: center;
    background-color: #1F7F79;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 5px 0px;
    font-size: 18px;
    margin-left: auto;
}
@media (max-width: 992px) {
    .news_content_page_date {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .news_content_page_date {
        font-size: 16px;
        width: 120px;
    }
}
.news_content_page_title{
    font-size: 25px;
    border-bottom: 1px solid #707070;
    padding: 10px 0px;
}
@media (max-width: 992px) {
    .news_content_page_title {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .news_content_page_title {
        font-size: 18px;
    }
}
.news_content_page_content{
    padding-top: 40px; 
    padding-bottom: 115px;
    font-size: 20px;
}
@media (max-width: 768px) {
    .news_content_page_content {
        font-size: 16px;
        padding-top: 20px; 
        padding-bottom: 60px;
    }
}
.news_content_page_btn{
    font-size: 22px;
    color: #FFFFFF;
    background-color: #1C7C77;
    border: 10px;
    display: flex;
    border-radius: 30px;
    width: 180px;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    transition: 0.5s;
}
@media (max-width: 992px) {
    .news_content_page_btn{
        width: 150px;
        height: 50px;
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .news_content_page_btn{
        width: 120px;
        height: 40px;
        font-size: 16px;
    }
}
.news_content_page_btn:hover{
    background-color: #FFFFFF;
    color: #1C7C77;
    border: 1px solid #1C7C77;
}
@media (max-width: 768px) {
    .news_content_page_btn:hover{
        background-color: #1C7C77;
        color: #FFFFFF;
    }
}
/* service----------------------- */
.service_page_left_sidebar_item_box{
    border-top: 1px solid #707070;
}
.service_page_left_sidebar_item_box:first-of-type{
    border-top: 0px;
}
.service_page_left_sidebar_item_box:last-of-type{
    border-bottom: 1px solid #707070;
}
.service_page_left_sidebar_item{
    display: flex;
    font-size: 22px;
    /* color: #707070; */
    /* height: 80px; */
    align-items: center;
    justify-content: start;
    padding: 20px 0px 20px 25px;
    position: relative;
    cursor: pointer;
}

.service_page_left_sidebar_item_name{
    color: #707070;
}
.service_page_left_sidebar_item_name_active{
    color: #1F7F79;
}
.service_page_left_sidebar_item:hover .service_page_left_sidebar_item_name{
    color: #1F7F79;
}
.service_page_left_sidebar_item_dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #707070;
    margin-right: 12px;
    min-width: 10px;
}
.service_page_left_sidebar_item_dot_active{
    background-color: #1F7F79;
}
.service_page_left_sidebar_item:hover .service_page_left_sidebar_item_dot{
    background-color: #1F7F79;
}
.service_page_left_sidebar_inner_item_menu{
    display: none;
}
.service_page_left_sidebar_inner_item{
    display: flex;
    white-space: wrap;
    font-size: 20px;
    color: #707070;
    padding: 25px 0px 25px 47px;
    align-items: center;
    justify-content: start;
    border-top: 1px solid #707070;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
}
.service_page_left_sidebar_inner_item:hover{
    background-color: #EDF5F4;
}
.service_page_wrap{
    display: flex;
    padding-top: 45px;
    position: relative;
    margin-bottom: 170px;
}
@media (max-width: 768px) {
    .service_page_wrap{
        margin-bottom: 90px;
    }
}
@media (max-width: 575px) {
    .service_page_wrap{
        padding-top: 35px;
    }
}
.service_page_content{
    width: calc(100% - 300px);
    padding-top: 80px;
}
@media (max-width: 1500px) {
    .service_page_content{
        padding-top: 25px;
    }
}
@media (max-width: 1200px) {
    .service_page_content{
        width: calc(100% - 205px);
        padding-top: 25px;
    }
}
@media (max-width: 992px) {
    .service_page_content{
        width: calc(100% - 240px);
        padding-top: 30px;
    }
}
@media (max-width: 768px) {
    .service_page_content{
        width: 100%;
        padding-top: 20px;
    }
}
@media (max-width: 575px) {
    .service_page_content{
        width: 100%;
        padding-top: 0px;
    }
}
.service_page_content_title{
    color: #1C7C77;
    font-size: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
    font-weight: bold;
    text-align: center;
}
@media (max-width: 992px) {
    .service_page_content_title{
        font-size: 22px;
        padding-bottom: 7px;
    }
}
@media (max-width: 575px) {
    .service_page_content_title{
        font-size: 18px;
        padding-bottom: 5px;
    }
}
.service_page_part_wrap{
    padding-top: 10px;
}
.service_page_part_title{
    font-size: 20px;
    color: #1F7F79;
    border-left: 5px solid #1F7F79;
    margin: 10px 0px;
    padding-left: 10px;
}
@media (max-width: 992px) {
    .service_page_part_title{
        line-height: 1em;
        font-size: 19px;
    }
}
@media (max-width: 575px) {
    .service_page_part_title{
        font-size: 18px;
    }
}
.service_page_part_content_editor{}

/* qa----------------------- */
.qa_page_wrap{
    display: flex;
    padding-top: 45px;
    position: relative;
    margin-bottom: 170px;
}
@media (max-width: 768px) {
    .qa_page_wrap{
        margin-bottom: 90px;
        padding-top: 30px;
    }
}
.qa_page_left_sidebar_item{
    display: flex;
    font-size: 22px;
    color: #707070;
    padding: 25px 25px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #707070;
    position: relative;
}
.qa_page_left_sidebar_item:hover{
    background-color: #EDF5F4;
}
.qa_page_left_sidebar_item_active{
    background-color: #EDF5F4;
}
.qa_page_content{
    width: calc(100% - 300px);
}
@media (max-width: 1200px) {
    .qa_page_content{
        width: calc(100% - 205px);
    }
}
@media (max-width: 992px) {
    .qa_page_content{
        width: calc(100% - 240px);
    }
}
@media (max-width: 768px) {
    .qa_page_content{
        width: 100%;
    }
}
.qa_page_lists_wrap{
    padding-top: 50px;
    padding-bottom: 100px;
}
@media (max-width: 1500px) {
    .qa_page_lists_wrap {
        padding-top: 25px;
        padding-bottom: 90px;
    }
}
@media (max-width: 768px) {
    .qa_page_lists_wrap {
        padding-top: 0px;
        padding-bottom: 80px;
    }
}
.qa_page_mobile_class{
    font-size: 18px;
    color: #707070;
    margin-bottom: 15px;
    display: none;
}
@media (max-width: 768px) {
    .qa_page_mobile_class {
        display: block;
    }
}
.qa_page_list{}
.qa_page_list_question_box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
    cursor: pointer;
    transition: 0.5s;
}
.qa_page_list_question_icon{
    font-size: 28px;
    font-weight: bold;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #1C7C77;
    border: 1px solid #1C7C77;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    transition: 0.5s;
}
@media (max-width: 1200px) {
    .qa_page_list_question_icon {
        height: 40px;
        width: 40px;
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .qa_page_list_question_icon {
        height: 30px;
        width: 30px;
        font-size: 18px;
    }
}
.qa_page_list_question_box:hover .qa_page_list_question_icon{
    background-color: #1C7C77;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.qa_page_list_question_icon_active{
    background-color: #1C7C77;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin-bottom: auto;
}
/* .qa_page_list_question_content{
    font-size: 24px;
    color: #1C7C77;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 50px);
    transition: 0.5s;
} */
.qa_page_list_question_content{
    height: 35px;
    color: #1C7C77;
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: calc(100% - 50px);
    white-space: normal;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .qa_page_list_question_content {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .qa_page_list_question_content {
        font-size: 16px;
        height: 25px;
    }
}
@media (max-width: 575px) {
    .qa_page_list_question_content {
        height: 20px;
    }
}
.qa_page_list_question_content_active{
    height: auto;
    -webkit-line-clamp: unset;
    overflow: auto;
}
/* .qa_page_list_question_content_active{
    overflow: unset;
    white-space: wrap;
    text-overflow: unset;
} */
.qa_page_list_answer_box{
    display: flex;
    background-color: #F4F9FA;
    padding: 25px 10px 25px 60px;
    border-radius: 5px;
}
@media (max-width: 1200px) {
    .qa_page_list_answer_box {
        padding: 25px 10px 25px 50px;
    }
}
@media (max-width: 992px) {
    .qa_page_list_answer_box {
        padding: 20px 10px 20px 40px;
    }
}
@media (max-width: 768px) {
    .qa_page_list_answer_box {
        padding: 20px 10px 25px 30px;
    }
}
.qa_page_list_answer_icon{
    font-size: 28px;
    font-weight: bold;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #FFF3DE;
    color: #B78F49;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
@media (max-width: 1200px) {
    .qa_page_list_answer_icon {
        height: 40px;
        width: 40px;
        font-size: 24px;
        margin-right: 15px;
    }
}
@media (max-width: 768px) {
    .qa_page_list_answer_icon {
        height: 30px;
        width: 30px;
        font-size: 20px;
        margin-right: 10px;
    }
}
.qa_page_list_answer_content{
    padding-top: 10px;
    width: calc(100% - 70px);
}
@media (max-width: 1200px) {
    .qa_page_list_answer_content {
        padding-top: 8px;
        width: calc(100% - 55px);
    }
}
@media (max-width: 768px) {
    .qa_page_list_answer_content {
        padding-top: 6px;
        width: calc(100% - 40px);
    }
}

/* contact----------------------- */
.contact_page_section{}
.contact_sended_page_wrap{
    padding-top: 80px;
    padding-bottom: 120px;
    min-height: 32vw;
}
.contact_page_wrap{
    display: flex;
    padding-top: 80px;
    padding-bottom: 120px;
}
@media (max-width: 992px) {
    .contact_page_wrap {
        display: block;
        padding-top: 50px;
        padding-bottom: 75px;
    }
}
.contact_page_form{
    width: 50%;
    padding: 20px 95px;
}
@media (max-width: 992px) {
    .contact_page_form {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .contact_page_form {
        padding: 0px 0px 80px;
    }
}
.contact_page_form_input_row{
    margin-bottom: 20px;
}
.contact_page_form_input_label{
    font-weight: bold;
    display: block;
    color: #1C7C77;
    font-size: 20px;
}
@media (max-width: 768px) {
    .contact_page_form_input_label {
        font-size: 18px;
    }
}
.contact_page_form_input{
    height: 42px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #1C7C77;
    outline: none;
    padding: 0px 10px;
}
.contact_page_form_input_textarea{
    height: 120px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #1C7C77;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    outline: none;
    overflow: hidden;
    resize: none; 
}
.recaptcha_box{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.contact_submit_btn{
    width: 150px;
    height: 60px;
    background-color: #1C7C77;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 22px;
    border-radius: 30px;
    border: none;
    margin: 0px auto;
    transition: 0.5s;
}
@media (max-width: 992px) {
    .contact_submit_btn{
        width: 135px;
        height: 50px;
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .contact_submit_btn{
        width: 120px;
        height: 40px;
        font-size: 16px;
    }
}
.contact_submit_btn:hover{
    background-color: #FFFFFF;
    color: #1C7C77;
    border: 1px solid #1C7C77;
}
.contact_page_img_box{
    width: 50%;
    background-color: #7FBDBF;
    padding: 20px 60px;
}
@media (max-width: 992px) {
    .contact_page_img_box {
        width: 100%;
        padding: 40px 80px;
    }
}
@media (max-width: 768px) {
    .contact_page_img_box {
        padding: 40px 60px;
    }
}
@media (max-width: 575px) {
    .contact_page_img_box {
        padding: 40px 40px;
    }
}
.contact_page_editor{
    overflow: hidden;
    width: 100%;
}
.contact_page_img{
    width: 100%;
    height: 515px;
    object-fit: cover;
}
@media (max-width: 1350px) {
    .contact_page_img{
        height: 450px;
    }
}
@media (max-width: 1200px) {
    .contact_page_img{
        height: 386px;
    }
}
@media (max-width: 992px) {
    .contact_page_img{
        height: 662px;
    }
}
@media (max-width: 768px) {
    .contact_page_img{
        height: calc((100vw - 150px)/ 480 * 515);
    }
}
@media (max-width: 575px) {
    .contact_page_img{
        height: calc((100vw - 110px)/ 480 * 515);
    }
}
.contact_page_img_text{
    text-align: center;
}
.contact_page_img_text_25{
    font-size: 25px;
    color: #FFFFFF;
    padding-bottom: 4px;
}
@media (max-width: 575px) {
    .contact_page_img_text_25 {
        font-size: 20px;
    }
}
.contact_page_img_text_18{
    font-size: 18px;
    color: #FFFFFF;
    padding-bottom: 4px;
}
@media (max-width: 575px) {
    .contact_page_img_text_18 {
        font-size: 16px;
    }
}
/* footer----------------------- */
.go_top_fixed{
    width: 93px;
    height: 93px;
    border-radius: 50%;
    background-color: #1F7F79;
    position: fixed;
    bottom: 150px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    flex-direction: column;
    font-size: 22px;
    cursor: pointer;
    transition: 0.5s;
}
@media (max-width: 768px) {
    .go_top_fixed {
        width: 71px; /* 60% 比例 */
        height: 71px; /* 60% 比例 */
        bottom: 130px;
        font-size: 18px;
        right: 15px;
    }
}
.go_top_fixed:hover{
    background-color: #FFFFFF;
    color: #1F7F79;
    border: 1px solid #1F7F79;
}
.go_top_absolute{
    width: 93px;
    height: 93px;
    border-radius: 50%;
    background-color: #1F7F79;
    position: absolute;
    top: -120px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    flex-direction: column;
    font-size: 22px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .go_top_absolute {
        width: 71px; /* 60% 比例 */
        height: 71px; /* 60% 比例 */
        top: -100px;
        font-size: 18px;
        right: 15px;
    }
}
.footer_section{
    background-color: #1F7F79;
    padding: 40px 0px;
    position: relative;
}
@media (max-width: 1350px) {
    .footer_section {
        padding: 35px 0px;
    }
}
@media (max-width: 1200px) {
    .footer_section {
        padding: 30px 0px;
    }
}
@media (max-width: 992px) {
    .footer_section {
        padding: 25px 0px;
    }
}
.footer_wrap{
    display: flex;
}
@media (max-width: 768px) {
    .footer_wrap {
        flex-direction: column;
    }
}
.footer_logo_and_info_wrap{
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .footer_logo_and_info_wrap {
        width: 100%;
        justify-content: start;
    }
}
@media (max-width: 768px) {
    .footer_logo_and_info_wrap {
        padding-bottom: 15px;
        border-bottom: 1px solid #FFFFFF;
    }
}
.footer_logo_box{
    transition: 0.5s;
}
@media (max-width: 1350px) {
    .footer_logo_box {
        width: 135px;
    }
}
@media (max-width: 1200px) {
    .footer_logo_box {
        width: 120px;
    }
}
@media (max-width: 992px) {
    .footer_logo_box {
        width: 106px;
    }
}
@media (max-width: 768px) {
    .footer_logo_box {
        width: 91px;
    }
}
@media (max-width: 575px) {
    .footer_logo_box {
        width: 77px;
    }
}
@media (max-width: 400px) {
    .footer_logo_box {
        width: 70px;
    }
}
.footer_logo_box:hover{
    opacity: 0.7;
}
.footer_logo{
    display: block;
    width: 100%;
}
.footer_info{
    padding: 0px 15px;
}
.footer_info_big_text{
    color: #FFFFFF;
    font-size: 25px;
}
@media (max-width: 1200px) {
    .footer_info_big_text {
        font-size: 23px;
    }
}
@media (max-width: 992px) {
    .footer_info_big_text {
        font-size: 19px;
    }
}
@media (max-width: 768px) {
    .footer_info_big_text {
        font-size: 17px;
    }
}
@media (max-width: 575px) {
    .footer_info_big_text {
        font-size: 14px;
    }
}
@media (max-width: 400px) {
    .footer_info_big_text {
        font-size: 12px;
    }
}
.footer_info_middle_text{
    color: #FFFFFF;
    font-size: 18px;
}
@media (max-width: 1200px) {
    .footer_info_middle_text {
        font-size: 16px;
    }
}
@media (max-width: 992px) {
    .footer_info_middle_text {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .footer_info_middle_text {
        font-size: 17px;
    }
}
@media (max-width: 575px) {
    .footer_info_middle_text {
        font-size: 14px;
    }
}
@media (max-width: 400px) {
    .footer_info_middle_text {
        font-size: 12px;
    }
}
.footer_info_small_text{
    color: #FFFFFF;
    font-size: 18px;
}
@media (max-width: 1200px) {
    .footer_info_small_text {
        font-size: 16px;
    }
}
@media (max-width: 992px) {
    .footer_info_small_text {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .footer_info_small_text {
        font-size: 15px;
    }
}
@media (max-width: 575px) {
    .footer_info_small_text {
        font-size: 12px;
    }
}
.designed_link{
    transition: 0.5s;
}
.designed_link:hover{
    opacity: 0.7;
}
.footer_copyright_info_wrap{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    padding-bottom: 25px;
}
@media (max-width: 768px) {
    .footer_copyright_info_wrap {
        width: 100%;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 10px;
    }
}
.gs_container {
	width: 1200px;
	margin: 0 auto;
    
}
@media (max-width: 1350px) {
	.gs_container {
		max-width: 1080px;
	}
}
@media (max-width: 1200px) {
	.gs_container {
		max-width: 960px;
	}
}
@media (max-width: 992px) {
	.gs_container {
		max-width: 740px;
	}
}
@media (max-width: 768px) {
	.gs_container {
		max-width: 100%;
        padding: 0px 15px;
	}
}