/*
======================================================================
*   Author:                 www.vokodesign.com
======================================================================
*/




/* css reset */
* {margin:0; padding:0; border:none; outline:none; box-shadow:none; -webkit-appearance:none; resize:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p {line-height:2;}
img {display:block; max-width:100%; flex-shrink:0; border:none; overflow:hidden;}
li{list-style-type: none;}
a {color:#000000; text-decoration:none;}

input,
button,
textarea {border-radius:0; font-family:Arial,Verdana,sans-serif;}

/*修改表单元素placeholder默认置灰文字颜色*/
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {opacity:1; font-size:1rem; color:rgba(0, 0, 0, 0.2); font-weight:normal;}
/* for Chrome or Safari */
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {opacity:1; font-size:1rem; color:rgba(0, 0, 0, 0.2); font-weight:normal;}
html {font-size:1vw;}
body {font-family:Arial,Verdana,sans-serif;}

h1, 
h2, 
h3, 
h4, 
h5, 
h6
{line-height:1.4; font-weight:normal;}




/****************************************/
/*  font-face  */
/****************************************/

/* Bangla-MN */

    /* Regular */
    @font-face {
      font-family: "Bangla-MN-Regular";
      src: url("images/font/Bangla-MN/Regular/Regular.woff2") format("woff2"),
           url("images/font/Bangla-MN/Regular/Regular.woff") format("woff"),
           url("images/font/Bangla-MN/Regular/Regular.ttf") format("truetype"),
           url("images/font/Bangla-MN/Regular/Regular.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Bold */
    @font-face {
      font-family: "Bangla-MN-Bold";
      src: url("images/font/Bangla-MN/Bold/Bold.woff2") format("woff2"),
           url("images/font/Bangla-MN/Bold/Bold.woff") format("woff"),
           url("images/font/Bangla-MN/Bold/Bold.ttf") format("truetype"),
           url("images/font/Bangla-MN/Bold/Bold.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }




/* Alibaba-Sans */

    /* Alibaba-Sans-Light */
    @font-face {
      font-family: "Alibaba-Sans-Light";
      src: url("images/font/Alibaba-Sans/Light/Light.woff2") format("woff2"),
           url("images/font/Alibaba-Sans/Light/Light.woff") format("woff"),
           url("images/font/Alibaba-Sans/Light/Light.ttf") format("truetype"),
           url("images/font/Alibaba-Sans/Light/Light.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Alibaba-Sans-Regular */
    @font-face {
      font-family: "Alibaba-Sans-Regular";
      src: url("images/font/Alibaba-Sans/Regular/Regular.woff2") format("woff2"),
           url("images/font/Alibaba-Sans/Regular/Regular.woff") format("woff"),
           url("images/font/Alibaba-Sans/Regular/Regular.ttf") format("truetype"),
           url("images/font/Alibaba-Sans/Regular/Regular.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Alibaba-Sans-Medium */
    @font-face {
      font-family: "Alibaba-Sans-Medium";
      src: url("images/font/Alibaba-Sans/Medium/Medium.woff2") format("woff2"),
           url("images/font/Alibaba-Sans/Medium/Medium.woff") format("woff"),
           url("images/font/Alibaba-Sans/Medium/Medium.ttf") format("truetype"),
           url("images/font/Alibaba-Sans/Medium/Medium.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Alibaba-Sans-Heavy */
    @font-face {
      font-family: "Alibaba-Sans-Heavy";
      src: url("images/font/Alibaba-Sans/Heavy/Heavy.woff2") format("woff2"),
           url("images/font/Alibaba-Sans/Heavy/Heavy.woff") format("woff"),
           url("images/font/Alibaba-Sans/Heavy/Heavy.ttf") format("truetype"),
           url("images/font/Alibaba-Sans/Heavy/Heavy.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }




/* Montserrat */

    /* Montserrat-Light */
    @font-face {
      font-family: "Montserrat-Light";
      src: url("images/font/Montserrat/Light/Light.woff2") format("woff2"),
           url("images/font/Montserrat/Light/Light.woff") format("woff"),
           url("images/font/Montserrat/Light/Light.ttf") format("truetype"),
           url("images/font/Montserrat/Light/Light.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Montserrat-Regular */
    @font-face {
      font-family: "Montserrat-Regular";
      src: url("images/font/Montserrat/Regular/Regular.woff2") format("woff2"),
           url("images/font/Montserrat/Regular/Regular.woff") format("woff"),
           url("images/font/Montserrat/Regular/Regular.ttf") format("truetype"),
           url("images/font/Montserrat/Regular/Regular.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Montserrat-Medium */
    @font-face {
      font-family: "Montserrat-Medium";
      src: url("images/font/Montserrat/Medium/Medium.woff2") format("woff2"),
           url("images/font/Montserrat/Medium/Medium.woff") format("woff"),
           url("images/font/Montserrat/Medium/Medium.ttf") format("truetype"),
           url("images/font/Montserrat/Medium/Medium.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Montserrat-Extrabold */
    @font-face {
      font-family: "Montserrat-Extrabold";
      src: url("images/font/Montserrat/Extrabold/Extrabold.woff2") format("woff2"),
           url("images/font/Montserrat/Extrabold/Extrabold.woff") format("woff"),
           url("images/font/Montserrat/Extrabold/Extrabold.ttf") format("truetype"),
           url("images/font/Montserrat/Extrabold/Extrabold.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }




/* Noto-Sans */

    /* Noto-Sans-Regular */
    @font-face {
      font-family: "Noto-Sans-Regular";
      src: url("images/font/Noto-Sans/Regular/Regular.woff2") format("woff2"),
           url("images/font/Noto-Sans/Regular/Regular.woff") format("woff"),
           url("images/font/Noto-Sans/Regular/Regular.ttf") format("truetype"),
           url("images/font/Noto-Sans/Regular/Regular.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* Noto-Sans-Bold */
    @font-face {
      font-family: "Noto-Sans-Bold";
      src: url("images/font/Noto-Sans/Bold/Bold.woff2") format("woff2"),
           url("images/font/Noto-Sans/Bold/Bold.woff") format("woff"),
           url("images/font/Noto-Sans/Bold/Bold.ttf") format("truetype"),
           url("images/font/Noto-Sans/Bold/Bold.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }




/* San-Francisco */

    /* San-Francisco-Light */
    @font-face {
      font-family: "San-Francisco-Light";
      src: url("images/font/San-Francisco/Light/Light.woff2") format("woff2"),
           url("images/font/San-Francisco/Light/Light.woff") format("woff"),
           url("images/font/San-Francisco/Light/Light.ttf") format("truetype"),
           url("images/font/San-Francisco/Light/Light.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* San-Francisco-Regular */
    @font-face {
      font-family: "San-Francisco-Regular";
      src: url("images/font/San-Francisco/Regular/Regular.woff2") format("woff2"),
           url("images/font/San-Francisco/Regular/Regular.woff") format("woff"),
           url("images/font/San-Francisco/Regular/Regular.ttf") format("truetype"),
           url("images/font/San-Francisco/Regular/Regular.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* San-Francisco-Medium */
    @font-face {
      font-family: "San-Francisco-Medium";
      src: url("images/font/San-Francisco/Medium/Medium.woff2") format("woff2"),
           url("images/font/San-Francisco/Medium/Medium.woff") format("woff"),
           url("images/font/San-Francisco/Medium/Medium.ttf") format("truetype"),
           url("images/font/San-Francisco/Medium/Medium.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    /* San-Francisco-Bold */
    @font-face {
      font-family: "San-Francisco-Bold";
      src: url("images/font/San-Francisco/Bold/Bold.woff2") format("woff2"),
           url("images/font/San-Francisco/Bold/Bold.woff") format("woff"),
           url("images/font/San-Francisco/Bold/Bold.ttf") format("truetype"),
           url("images/font/San-Francisco/Bold/Bold.svg") format("svg");
      font-weight: normal;
      font-style: normal;
    }




/****************************************/
/*  public  */
/****************************************/

/**/
:root {
    --global_color:#003087;
}
/**/
.row {margin:0 auto; padding:0 10%; max-width:1600px; width:100%;}

/**/
.btn_area {display:flex;}
.btn {display:inline-block; padding:1.25rem 2.5rem; position:relative; font-size:1rem; text-align:center; cursor:pointer; color:#FFFFFF; color:#000000; border-radius:100px; border:1px solid transparent; background:#FFFFFF; overflow:hidden; transition:background 0.3s , color 0.3s;}
.btn span {}
.btn:visited {}
.btn:hover {}
    /**/
    .btn_trans {color:#FFFFFF; border-color:rgba(255, 255, 255, 1.0); background:transparent;}
    .btn_trans:visited {color:#FFFFFF;}
    .btn_trans:hover {}
    /**/
    .btn_brand {color:#FFFFFF; background:var(--global_color);}
    .btn_brand:visited {color:#FFFFFF;}
    .btn_brand:hover {}
    /**/
    .btn_gray {background:rgba(0, 0, 0, 0.05);}
    .btn_gray:hover {}

/**/
.swiper-pagination-bullet {opacity:1; background:#FFFFFF;}
.swiper-pagination-bullet-active {background:var(--global_color);}

/**/
.more {margin-top:4rem; text-align:center;}
.more a {display:inline-block; position:relative; padding:2rem; border:0.125rem solid rgba(0, 0, 0, 0.05); border-radius:100%; transition:transform 0.3s;}
.more a i {display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:1.25rem; height:1.25rem;}
.more a i::before,
.more a i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border-radius:0.125rem; background:#000000; transition:all 0.3s ease-out 0s;}
.more a i::before {width:100%; height:0.125rem;}
.more a i::after {width:0.125rem; height:100%;}
.more a:hover {transform:scale(1.05);}
.more a:hover i::before,
.more a:hover i::after {background:#ccc;}

/**/
.shead {padding:0 0 4rem 0;}
.shead h2 {}

/**/
.pages {margin-top:2.5rem; text-align:center;}
.pages .box {display:flex; justify-content:center;}
.pages a,
.pages span {display:inline-block; margin:0 0.625rem; font-size:1rem; width:2.5rem; height:2.5rem; line-height:2.5rem; border-radius:100%; text-align:center; background:#F2F2F2;}
.pages a.a1:first-child {display:none;}
.pages a.a1:nth-child(2) {text-indent:-999999px; background-image:url("images/prev.svg"); background-position:center center; background-repeat:no-repeat; background-size:0.5rem auto;}
.pages a.a1:last-child {text-indent:-999999px; background-image:url("images/next.svg"); background-position:center center; background-repeat:no-repeat; background-size:0.5rem auto;}
.pages a:hover {background:#ccc;}
.pages span {cursor:default; background:#ccc;}

/**/
.tab {display:flex; justify-content:center; padding:3.75rem 0; text-align:center;}
.tab .inner {display:flex;}
.tab a,
.tab span {margin:0 0.625rem; padding:1.25rem 2.5rem; font-size:1rem; cursor:pointer; border-radius:2.5rem; white-space:nowrap; background:rgba(0, 0, 0, 0.05); transition:color 0.3s;}
.tab a:hover,
.tab span:hover {}
.tab a.active,
.tab span.active {color:#FFFFFF; background:var(--global_color);}

/**/
.breadcrumbs {padding:40px 0;}
.breadcrumbs .main {display:flex; align-items:center;}
.breadcrumbs a.icon {width:28px; height:28px; background-image:url("images/breadcrumbs_icon_home.svg"); background-position:left center; background-repeat:no-repeat; background-size:cover;}
.breadcrumbs a {display:block; position:relative; margin-right:40px; font-size:16px; color:rgba(0, 0, 0, 0.5);}
.breadcrumbs a::after {content:""; position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:20px; height:1px; background:rgba(0, 0, 0, 1.0);}
.breadcrumbs span {font-size:16px;}

/**/
table {width:100%; border-collapse:collapse; border:none; font-size:0.875rem; line-height:1.6;}
table tr {border:none; text-align:left;}
table th {padding:30px 30px; border-left:none; border-top:none; border-bottom:none; color:#FFFFFF; font-weight:normal; border-right:1px solid rgba(255, 255, 255, 0.1); background:var(--global_color);}
table td {padding:30px 30px; border-left:none; border-top:none; border-bottom:none; border-right:1px solid rgba(0, 0, 0, 0.05);}
table tr:nth-child(odd) td {background:#f2f2f2;}
table th:first-child,
table td:first-child {border-radius:0.3125rem 0 0 0.3125rem;}
table th:last-child,
table td:last-child {border-radius:0 0.3125rem 0.3125rem 0; border:none;}

/**/
.t_start {transform:translateY(110%);}
.t_anim {transition:transform 1s cubic-bezier(0.2, 0, 0.1, 1);}
.is_ready .t_anim {transform:translateY(0%);}
.is_ready .t_anim.delay1 {transition-delay:.15s}
.is_ready .t_anim.delay2 {transition-delay:.2s}
.is_ready .t_anim.delay3 {transition-delay:.25s}
.is_ready .t_anim.delay4 {transition-delay:.3s}
.is_ready .t_anim.delay5 {transition-delay:.35s}

/**/
.parallax_scrolling {position:absolute; left:0; bottom:0; width:100%; height:calc(100% + 100px); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.parallax_scrolling.t_start {transform:scale(1.02);}
.is_ready .parallax_scrolling.t_anim {transform:scale(1);}

/**/
.alert {position:fixed; z-index:22; left:0; right:0; top:0; bottom:0; margin:auto; background:rgba(0, 0, 0, 0.1);}
.alert .i_a {position:absolute; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); padding:3.75rem 1.25rem 2.5rem; width:25rem; text-align:center; background:#FFFFFF; border-radius:1.25rem;}
.alert .i_a h4 {font-size:1.125rem;}
.alert .i_a a {display:inline-block; margin-top:1.875rem; padding:0.875rem 1.875rem; min-width:7.5rem; color:#FFFFFF; background:var(--global_color); border-radius:2.5rem;}

/**/
.toast {display:none; position:fixed; z-index:11; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);}
.toast .i_t {position:fixed; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); padding:24px 36px; text-align:center; background:rgba(0, 0, 0, 0.9); border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.toast span {display:block; margin:0 auto 10px; width:48px; height:48px; background:url('images/loading.png') no-repeat scroll center center / 100%; animation:toast_preloader 1s infinite linear;}
@keyframes toast_preloader {
    100% {
        transform:rotate(360deg)
    }
}
.toast p {font-size:14px; color:#FFFFFF; white-space:nowrap;}

.player {display:none; position:fixed; border-radius:2px; z-index:999999; left:0; top:50%; width:100%; height:100%; background:#000000; overflow:hidden;}
.player .inner_player {display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden;}
.player .close {position:absolute; z-index:1; right:40px; top:40px; display:block; width:48px; height:48px; border-radius:100%; cursor:pointer;}
.player .close::before {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background:#FFFFFF; transform-origin:center center; transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.player .close::after {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background:#FFFFFF; transform-origin:center center; transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
.player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/}
.player video {display:inline-block; width:100%; height:100%;}
.player_bg {display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;}
.player iframe {width:100%; height:100%;}

/**/
header{position:absolute; left:0; top:0; z-index:20; width:100%; padding-top:1.25rem; border-radius:1.25rem; transition:all 0.3s;}
header::before {display:none; content:""; position:absolute; left:0; top:0; width:100%; height:9.375rem; background:linear-gradient(to bottom, rgba(16, 105, 75, 1) , rgba(172, 206, 34, 0) 100%); transition:all 0.3s;}
header::after {content:""; position:fixed; left:0; top:0; width:100%; height:0; background:var(--global_color); transition:all 0.3s;}
header .inner_header {display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; height:6.25rem;}
header .logo{display:block; width:10rem; height:4.6rem; position:absolute; z-index:1; left:0; top:50%; transform:translateY(-50%); background-image:url('images/logo.svg'); background-repeat:no-repeat; background-size:100% auto; background-position:center center; transition:margin 0.3s;}
header .nav_more {display:none; cursor:pointer;}
header .menu{display:flex; justify-content:flex-end; width:100%; height:100%;}
header .menu ul{display:flex; justify-content:center; height:100%;}
header .menu ul li{position:relative;}
header .menu ul li > a {position:relative; padding:0 1.5rem; display:flex; align-items:center; font-size:1rem; color:rgba(255, 255, 255, 0.8); white-space:nowrap; height:100%; font-style:normal; text-rendering:optimizeLegibility; transition:color 0.3s;}
header .menu ul li.sub.sub_hover .dropdowns {visibility:visible; opacity:1;}
header .dropdowns {visibility:hidden; opacity:0; position:absolute; z-index:9; left:50%; top:calc(100% - 1.25rem); transform:translateX(-50%); padding:1.375rem 0; border-radius:0.625rem; background:rgba(255,255,255,0.8); backdrop-filter:blur(0.625rem); -webkit-backdrop-filter:blur(0.625rem); transition-duration:0.3s;}
header .dropdowns dl {}
header .dropdowns dd {transition:all 0.3s ease-out 0s;}
header .dropdowns dd a {display:block; padding:0.625rem 1.25rem; color:rgba(0, 0, 0, 0.6); transition:color 0.3s;}
header .dropdowns dd a p {font-size:1rem; line-height:1; white-space:nowrap;}
header .dropdowns dd a:hover {color:rgba(0, 0, 0, 1);}
header .options {display:flex; align-items:center; margin-left:2.5rem; width:auto; height:100%;}
header .options a {display:block; font-size:0.875rem;}
header .options a:hover {}
header .options .o_search {display:none; margin-right:1rem; height:100%;}
header .options .o_search > span {display:block; cursor:pointer; position:relative; width:2rem; height:100%;}
header .options .o_search > span::before,
header .options .o_search > span::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:1.125rem; height:1.125rem; background-position:center center; background-repeat:no-repeat; background-size:100%;}
header .options .o_search > span::before {opacity:0; background-image:url("images/search_icon.svg");}
header .options .o_search > span::after {background-image:url("images/search_icon_black.svg");}
header .options .o_lang {position:relative; height:100%; color:#FFFFFF;}
header .options .o_lang > span {display:block; cursor:pointer; position:relative; width:2rem; height:100%;}
header .options .o_lang > span::before,
header .options .o_lang > span::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:1.125rem; height:1.125rem; background-position:center center; background-repeat:no-repeat; background-size:100%;}
header .options .o_lang > span::before {background-image:url("images/lang_icon.svg");}
header .options .o_lang > span::after {opacity:0; background-image:url("images/lang_icon_black.svg");}
header .options .o_lang:hover .dropdowns {visibility:visible; opacity:1;}
header .searchview {display:none; position:fixed; z-index:3; left:0; right:0; top:12.5rem; margin:auto; padding:0 10%; width:100%; max-width:1600px; height:6.25rem; margin:auto;}
header .searchview::after {content:""; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.5);}
header .searchview .form {height:100%; position:relative; z-index:1;}
header .searchview .form button {position:absolute; right:1.875rem; top:0; bottom:0; margin:auto; width:2.5rem; height:2.5rem; cursor:pointer; background:none; opacity:0.3; transition:opacity 0.3s;}
header .searchview .form button:before,
header .searchview .form button:after {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:1.25rem; height:0.125rem; border-radius:2px; background:#000000; }
header .searchview .form button:before {transform:rotate(45deg);}
header .searchview .form button:after {transform:rotate(-45deg);}
header .searchview .form input {width:100%; height:100%; font-size:1.125rem; font-weight:bold; padding:1.875rem; border-radius:1.25rem; background:#FFFFFF;}
header .searchview .form input::placeholder {color:rgba(0, 0, 0, 0.2);}
header .searchview .form button:hover {opacity:1;}
header.fill {}
header.sub_fill {}
header.sub_fill::after {}
header.sub_fill .options .o_search > span::after {opacity:1;}
header.sub_fill .options .o_lang,
header.sub_fill .options .o_lang a {color:#000000;}
header.sub_fill .options .o_lang i {background:#000000;}
header.show {animation-name:header_show; animation-delay:0s; animation-duration:0.3s; animation-direction:normal; animation-iteration-count:1; animation-fill-mode:forwards;}
@keyframes header_show {
    0% {
        transform:translateY(-10px);
        opacity:0;
        visibility:visible;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
header.hidden {animation-name:header_hidden; animation-delay:0s; animation-duration:0.3s; animation-direction:normal; animation-iteration-count:1; animation-fill-mode:forwards;}
@keyframes header_hidden {
    0% {
    }
    100% {
        transform:translateY(-10px);
        opacity:0;
        visibility:hidden;
    }
}

/**/
footer {margin:1.25rem 0; padding:6.25rem 0 4.5rem; position:relative;}
footer::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; background-image:url('images/footer_bg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover;}
footer h2 {font-size:4.5rem; line-height:1.2; color:#FFFFFF; text-align:center; position:relative; z-index:1; width:70%; margin:auto;}
footer .c_l_btn {position:relative; z-index:2; display:flex; justify-content:center; align-items:center; width:10rem; height:10rem; margin:2.5rem auto 0; font-size:1.375rem; color:#FFFFFF; border-radius:100%; background:#CE4A39;}
footer .main {position:relative; z-index:1; margin-top:-4.875rem; padding:2.5rem 4.5rem 0; border-radius:1.25rem; background:#FFFFFF;}
footer .t {margin:0 0 4.5rem 0;}
footer .t_l {display:flex; justify-content:space-between; align-items:center;}
footer .t_l .logo {display:block; width:10rem; background-image:url('images/logo_hover.svg'); background-position:center center; background-repeat:no-repeat; background-size:cover;}
footer .t_l .logo span {display:block; width:100%; padding-top:34%;}
footer .t_l ul {display:flex;}
footer .t_l ul li {margin-right:1.25rem;}
footer .t_l ul li:last-child {margin:0;}
footer .t_l ul li span {display:block; width:2.5rem; height:2.5rem; border-radius:100%; background-color:rgba(0, 0, 0, 0.05); background-position:center center; background-repeat:no-repeat; background-size:50%;}
footer .f_nav {margin-top:4.5rem;}
footer .f_nav ul {display:flex; justify-content:space-between;}
footer .f_nav ul li {margin:0 4.5rem 0 0;}
footer .f_nav ul li:last-child {margin:0;}
footer .f_nav ul li h3 {font-size:1.125rem; white-space:nowrap;}
footer .f_nav ul li p {display:flex; flex-direction:column; margin-top:1.25rem;}
footer .f_nav ul li p a {font-size:0.875rem; opacity:0.8;}
footer .b {padding:2.5rem 0; border-top:1px solid rgba(0, 0, 0, 0.1);}
footer .b p {display:flex; justify-content:space-between; font-size:0.75rem; opacity:0.8;}
footer .b p a {}
footer .b p a:hover {opacity:1;}
footer .b a {padding:0 0.625rem;}
footer .b p span.vokodesign {opacity:0.3;}
footer .b p span.vokodesign a {padding:0 0 0 0.25rem;}

/**/
.cookie_popup {display:none; position:fixed; z-index:20; left:0; bottom:0; width:100%;}
.cookie_popup .main {width:calc(33.333333% - 2.5rem); margin:0 0 2.5rem auto; border-radius:1.25rem; background:#FFFFFF; box-shadow:0 0px 2.5rem rgba(0,0,0,0.05);}
.cookie_popup .cpm {padding:2.5rem; position:relative;}
.cookie_popup .text {padding-right:1.25rem;}
.cookie_popup .text p {font-size:0.75rem;}
.cookie_popup .text p a {margin:0 0 0 0.25rem; text-decoration:underline;}
.cookie_popup .btn_area {display:flex; margin-top:1.25rem;}
.cookie_popup .btn_area .btn {margin-left:1rem; padding:0.625rem 1.875rem; font-size:0.75rem;}
.cookie_popup .btn_area .btn:first-child {margin:0;}
.cookie_popup .close {display:block; opacity:0.3; width:2.5rem; height:2.5rem; cursor:pointer; position:absolute; right:1rem; top:1.75rem; transform:rotate(45deg); transition:opacity 0.3s;}
.cookie_popup .close::before,
.cookie_popup .close::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border-radius:0.125rem; background:#000000;}
.cookie_popup .close::before {width:0.125rem; height:40%;}
.cookie_popup .close::after {width:40%; height:0.125rem;}
.cookie_popup .close:hover {opacity:1;}

/**/
.con_topic {position:relative; overflow:hidden;}
.con_topic .main {padding:30rem 0 9.375rem; position:relative; z-index:1;}
.con_topic .text {color:#FFFFFF;}
.con_topic .text h1 {display:inline-block; font-size:4.5rem; line-height:1; margin-bottom:1.875rem;}
.con_topic .text p {font-size:1.375rem; line-height:1.6; width:70%;}
.con_topic .text i {display:block; width:6.5rem; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.con_topic .text i em {display:none; opacity:0.1; width:100%; padding-top:140%; background-image:url('images/con_topic_arrow.svg'); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.con_topic .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:calc(100% - 2.5rem); border-radius:1.25rem; background:#000000; overflow:hidden;}
.con_topic .topic_bg span {display:block; opacity:0.8; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

/**/
.con_products_list {}
.con_products_list .p_group {margin-bottom:4.5rem;}
.con_products_list .p_group:last-child {margin:0;}
.con_products_list h2 {font-size:1.875rem; margin-bottom:2.5rem; padding:0 1.25rem;}
.con_products_list ul {margin:-2.5rem; display:flex; flex-wrap:wrap;}
.con_products_list ul li {width:50%; padding:2.5rem;}
.con_products_list ul li a {display:block; border-radius:1.25rem; background:#FFFFFF; overflow:hidden;}
.con_products_list ul li a .cell {position:relative; padding:1.875rem;}
.con_products_list ul li a .cover {border-radius:0.3125rem; background:linear-gradient(90deg, rgba(239, 245, 247, 0.3), rgb(255, 255, 255)); transition:border 0.3s;}
.con_products_list ul li a .cover span {display:block; width:100%; margin:auto; padding-top:75%; transform:scale(0.95); background-position:center center; background-repeat:no-repeat; background-size:80% auto; transition:transform 0.3s;}
.con_products_list ul li a .text {margin-top:1.25rem;}
.con_products_list ul li a .text p {font-size:1.125rem; line-height:1;}
.con_products_list ul li a:hover .cover {border-color:#ccc;}
.con_products_list ul li a:hover .cover span {transform:scale(1.0);}

/**/
.con_clinical_insights_video_list {}
.con_clinical_insights_video_list ul {display:flex; flex-wrap:wrap; margin:-2rem;}
.con_clinical_insights_video_list ul li {width:33.33%; padding:2rem;}
.con_clinical_insights_video_list ul li a {display:block; height:100%; padding:2.5rem; border:0.125rem solid rgba(0, 0, 0, 0.05); border-radius:1.25rem; overflow:hidden; transition:all 0.3s;}
.con_clinical_insights_video_list ul li a .cell {}
.con_clinical_insights_video_list ul li a .cover {position:relative; border-radius:0.3125rem; overflow:hidden;}
.con_clinical_insights_video_list ul li a .cover span {display:block; width:100%; padding-top:56.25%; transform:scale(1); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
.con_clinical_insights_video_list ul li a .text {display:flex; flex-direction:column; margin-top:1.875rem; position:relative;}
.con_clinical_insights_video_list ul li a .text h3 {font-size:1.125rem; margin-bottom:2.5rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_clinical_insights_video_list ul li a .text p {font-size:0.875rem; line-height:1; opacity:0.3; position:absolute; left:0; bottom:0;}
.con_clinical_insights_video_list ul li a i {opacity:0; display:flex; justify-content:center; align-items:center; width:3rem; height:3rem; position:absolute; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border-radius:100%; background:#FFFFFF; transition:all 0.3s;}
.con_clinical_insights_video_list ul li a i svg {width:50%;}
.con_clinical_insights_video_list ul li a i svg .triangle {fill:transparent; stroke:var(--global_color); stroke-width:10%; transition:all 0.3s;}
.con_clinical_insights_video_list ul li a:hover {box-shadow:0 0 1.25rem rgba(0,0,0,0.05);}

/**/
.con_clinical_insights_article_list {}
.con_clinical_insights_article_list ul {display:flex; flex-wrap:wrap; margin:-2rem;}
.con_clinical_insights_article_list ul li {width:50%; padding:2rem;}
.con_clinical_insights_article_list ul li a {display:block; height:100%; padding:2.5rem; border:0.125rem solid rgba(0, 0, 0, 0.05); border-radius:1.25rem; overflow:hidden; transition:all 0.3s;}
.con_clinical_insights_article_list ul li a .cell {display:flex; flex-direction:row-reverse; justify-content:space-between;}
.con_clinical_insights_article_list ul li a .cover {width:4.5rem; flex-shrink:0;}
.con_clinical_insights_article_list ul li a .cover span {display:block; width:100%; padding-top:140%; border-radius:0.3125rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.con_clinical_insights_article_list ul li a .text {display:flex; flex-direction:column; width:calc(100% - 4.5rem); position:relative; padding-right:2.5rem;}
.con_clinical_insights_article_list ul li a .text h3 {font-size:1.125rem; margin-bottom:2.5rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_clinical_insights_article_list ul li a .text p {font-size:0.875rem; line-height:1; opacity:0.3; position:absolute; left:0; bottom:0;}
.con_clinical_insights_article_list ul li a:hover {box-shadow:0 0 1.25rem rgba(0,0,0,0.05);}

/**/
.con_news_list {}
.con_news_list ul {}
.con_news_list ul li {padding:0 0 1.25rem 0;}
.con_news_list ul li:last-child {padding:0;}
.con_news_list ul li a {display:block;}
.con_news_list ul li .cell {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.con_news_list ul li .cover {width:30%; border-radius:1.25rem; transform:translateZ(0);/* Safari*/ overflow:hidden;}
.con_news_list ul li .cover span {display:block; width:100%; padding-top:56.25%; background-color:rgba(255, 255, 255, 0.8); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
.con_news_list ul li .text {width:calc(70% - 1.25rem); padding:2.5rem; border-radius:1.25rem; background:rgba(255, 255, 255, 0.8);}
.con_news_list ul li .text .date {font-size:1rem; line-height:1; margin-bottom:1.25rem;}
.con_news_list ul li .text .date span {}
.con_news_list ul li .text .date span:nth-child(1) {}
.con_news_list ul li .text .date span:nth-child(2) {}
.con_news_list ul li .text h3 {font-size:1.375rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_news_list ul li .text i {display:none; width:4.5rem; height:1.25rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.con_news_list ul li a:hover .cover span {transform:scale(1.05);}




/****************************************/
/*  home  */
/****************************************/

.sel_home {}

    /* kv */
    .kv {width:100%; height:100vh; padding:1.25rem; overflow:hidden;}
    .kv .swiper-container {width:100%; height:100%; border-radius:1.25rem;}
    .kv .swiper-wrapper {z-index:auto;}
    .kv .swiper-slide {cursor:move; cursor:grab; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .kv .swiper-slide::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
    .kv .swiper-slide .row {height:100%;}
    .kv .swiper-slide .text {width:100%; height:100%; color:#FFFFFF; position:relative; z-index:3; transition:all 0.3s ease-out 0s;}
    .kv .swiper-slide .text .btn_area {margin-top:3.75rem;}
    .kv .swiper-slide .text .btn_area .btn:first-child {margin-right:1.25rem;}
    .kv .swiper-slide .it {margin-bottom:-0.625rem; opacity:0; position:absolute; z-index:4; width:100%; left:0; bottom:6rem;}
    .kv .swiper-slide .it:before {display:none; content:""; position:absolute; left:0; top:0; width:70px; height:8px; background:#1024A5;}
    .kv .swiper-slide .it p {font-size:1.875rem;}
    .kv .swiper-slide .it h2 {font-size:4rem; line-height:1.2; width:70%;}
    .kv .swiper-slide .bg {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:100%;}
    .kv .swiper-slide .bg span {display:block; width:100%; height:100%; transform:scale(1); transition:6s linear 0s; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .kv .swiper-slide .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .kv .swiper-slide .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}
    .kv .swiper-slide-active .it {opacity:1; margin-bottom:0; transition-delay:0.3s; transition-duration:1s;}
    .kv .swiper-slide-active .bg span {transform:scale(1);}
    .kv .swiper-container .swiper-pagination {opacity:0; width:auto; position:absolute; right:10%; left:auto; top:50%; bottom:auto; transform:translateY(-50%); display:flex; flex-direction:column;}
    .kv .swiper-container .swiper-pagination .swiper-pagination-bullet {margin:1rem 0; opacity:1; position:relative; width:0.625rem; height:0.625rem; border-radius:100%; background:rgba(255, 255, 255, 0.5);}
    .kv .swiper-container .swiper-pagination .swiper-pagination-bullet::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%) scale(0.8); width:2rem; height:2rem; border-radius:100%; border:0.125rem solid rgba(255, 255, 255, 1); opacity:0; transition:all 0.3s;}
    .kv .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background:#FFFFFF;}
    .kv .swiper-container .swiper-pagination .swiper-pagination-bullet-active::after {transform:translateX(-50%) translateY(-50%) scale(1.1); opacity:1;}
    .kv .swiper-container .swiper-button-prev,
    .kv .swiper-container .swiper-button-next {color:#FFFFFF;}
    .kv .swiper-container .swiper-button-prev::after,
    .kv .swiper-container .swiper-button-next::after {font-size:1.875rem;}
    .kv .swiper-container .swiper-button-prev {left:2.5rem;}
    .kv .swiper-container .swiper-button-next {right:2.5rem;}

    /**/
    .core_products {position:relative; z-index:2;}
    .core_products .main {}
    .core_products ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
    .core_products ul li {width:calc(50% - 0.625rem); border-radius:1.25rem; transform:translateZ(0);/* Safari */ overflow:hidden;}
    .core_products ul li a {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); /*backdrop-filter:blur(2.5rem); -webkit-backdrop-filter:blur(2.5rem);*/}
    .core_products ul li a .cell {}
    .core_products ul li a .cover {overflow:hidden;}
    .core_products ul li a .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .core_products ul li a .text {padding:2.5rem; color:#FFFFFF;}
    .core_products ul li:nth-child(2) a .text::before {display:none; content:""; position:absolute; left:0; top:0; margin-left:-0.625rem; width:1px; height:100%; background:rgba(0, 0, 0, 0.1);}
    .core_products ul li a .text h3 {font-size:1.875rem; margin-bottom:0.625rem;}
    .core_products ul li a .text p {font-size:1rem; line-height:1.8;}
    .core_products ul li a .text .btn_area {display:flex; margin-top:1.25rem;}
    .core_products ul li a .text .btn_area .btn {display:flex; align-items:center; padding:0.625rem 1.25rem; border-color:rgba(0, 0, 0, 0.1); font-size:0.875rem;}
    .core_products ul li a .text .btn_area .btn i {display:block; width:0; height:0; margin-left:1.875rem; position:relative; transition:all 0.3s;}
    .core_products ul li a .text .btn_area .btn i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .core_products ul li a .text .btn_area .btn i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .core_products ul li a .text .btn_area .btn i em {display:block; width:1rem; height:1px; background:rgba(0, 0, 0, 1.0); position:absolute; right:2px; top:50%; transform:translateY(-50%);}
    .core_products ul li a:hover .cover span {transform:scale(1.05);}

    /**/
    .endofresh_moment {color:#FFFFFF; overflow:hidden;}
    .endofresh_moment .main {position:relative; z-index:1; padding:30rem 0 6.25rem;}
    .endofresh_moment h2 {font-size:4.5rem; position:relative; z-index:1;}
    .endofresh_moment h2 sup {display:inline-block; margin:0 0.625rem 0 0; transform:translateY(-0.625rem); font-size:1.875rem;}
    .endofresh_moment .slider {position:relative; z-index:1; margin-top:9.375rem;}
    .endofresh_moment .slider p {margin-top:-2.5rem; padding:2.5rem 0 0 2.5rem; width:45%; position:absolute; left:0; top:0; z-index:1;}
    .endofresh_moment .slider p::before,
    .endofresh_moment .slider p::after {content:""; position:absolute; width:2.5rem; height:2.5rem; opacity:0.3; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
    .endofresh_moment .slider p::before {left:0; top:0; background-image:url('images/quote_l.png');}
    .endofresh_moment .slider p::after {right:0; bottom:0; background-image:url('images/quote_r.png');}
    .endofresh_moment .slider p em {display:none; font-size:1.875rem; line-height:1.4; font-style:normal;}
    .endofresh_moment .slider p em.active {display:block;}
    .endofresh_moment .slider .thumb {width:16rem; margin:0 0 0 auto; position:relative;}
    .endofresh_moment .slider ul {width:100%; padding-top:120%; position:relative; transition:all 0.3s;}
    .endofresh_moment .slider ul li {width:100%; position:absolute; right:0; top:0; border-radius:1.25rem; transition:all 0.3s; overflow:hidden;}
    .endofresh_moment .slider ul li:nth-child(1) {right:105%; z-index:4;}
    .endofresh_moment .slider ul li:nth-child(2) {right:70%; z-index:3;}
    .endofresh_moment .slider ul li:nth-child(3) {right:35%; z-index:2;}
    .endofresh_moment .slider ul li:nth-child(4) {right:0%; z-index:1;}
    .endofresh_moment .slider ul li:nth-child(5) {right:-35%; z-index:-1;}
    .endofresh_moment .slider ul li .cell {width:100%; height:100%;}
    .endofresh_moment .slider ul li span {display:block; width:100%; padding-top:120%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .endofresh_moment .slider ul li.active {}
    .endofresh_moment .slider .pn {display:flex; justify-content:center; align-items:center; cursor:pointer; width:3rem; height:3rem; border-radius:100%; position:absolute; z-index:10; right:calc(0% + 10px); top:50%; transform:translateY(-50%); transition:all 0.3s;}
    .endofresh_moment .slider .pn i {position:absolute; display:block; width:0; height:0; transform:translateX(0.3125rem);}
    .endofresh_moment .slider .pn i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.625rem; height:1px; background:#FFFFFF; transition:all 0.3s;}
    .endofresh_moment .slider .pn i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.625rem; height:1px; background:#FFFFFF; transition:all 0.3s;}
    .endofresh_moment .slider .pn:hover {background:rgba(255, 255, 255, 0.2);}
    .endofresh_moment .slider .pn.prev {right:calc(186% - 10px);}
    .endofresh_moment .slider .pn.prev i {transform:translateX(-0.3125rem) rotate(180deg);}
    .endofresh_moment .bg {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .endofresh_moment .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(0,0,0,0.5);}
    .endofresh_moment .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .endofresh_moment .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

    /**/
    .inspiring_story {padding:9.375rem 0; overflow:hidden;}
    .inspiring_story h2 {font-size:4.5rem;}
    .inspiring_story .swiper-container {padding-top:2.5rem; overflow:visible;}
    .inspiring_story .swiper-container .swiper-slide {border-radius:1.25rem; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .inspiring_story .swiper-container .swiper-slide a {display:block; position:relative; width:100%; color:rgba(255, 255, 255, 1.0);}
    .inspiring_story .swiper-container .swiper-slide a:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 25%,rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.2) 100%);}
    .inspiring_story .swiper-container .swiper-slide a .cover {width:100%;}
    .inspiring_story .swiper-container .swiper-slide a .cover span {display:block; width:100%; padding-top:150%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
    .inspiring_story .swiper-container .swiper-slide a .text {position:absolute; z-index:1; left:2.5rem; top:2.5rem;}
    .inspiring_story .swiper-container .swiper-slide a .text h3 {font-size:1.875rem;}
    .inspiring_story .swiper-container .swiper-slide a .text p {font-size:0.875rem;}
    .inspiring_story .swiper-container .swiper-slide a i {display:flex; justify-content:center; align-items:center; width:3rem; height:3rem; position:absolute; z-index:1; left:2.5rem; bottom:2.5rem; border-radius:100%; background:rgba(255, 255, 255, 1.0); transition:all 0.3s;}
    .inspiring_story .swiper-container .swiper-slide a i svg {width:50%;}
    .inspiring_story .swiper-container .swiper-slide a i svg .triangle {fill:transparent; stroke:var(--global_color); stroke-width:10%; transition:all 0.3s;}
    .inspiring_story .swiper-container .swiper-slide a:hover .cover span {transform:scale(1.05);}
    .inspiring_story .swiper-container .swiper-slide a:hover i {background:var(--global_color)}
    .inspiring_story .swiper-container .swiper-slide a:hover i svg .triangle {stroke:#FFFFFF;}
    .inspiring_story .swiper-container .cp {position:absolute; right:0; top:-5.5rem; display:flex; justify-content:space-between; align-items:center;}
    .inspiring_story .swiper-container .cp .btn_area {display:flex; margin-right:1.875rem; display:none;}
    .inspiring_story .swiper-container .cp .swiper-button-prev,
    .inspiring_story .swiper-container .cp .swiper-button-next {position:static; transform:none; margin:0; width:3.5rem; height:3.5rem; border-radius:100%; background:rgba(0, 0, 0, 0.05);}
    .inspiring_story .swiper-container .cp .swiper-button-prev {}
    .inspiring_story .swiper-container .cp .swiper-button-next {margin-left:0.625rem;}
    .inspiring_story .swiper-container .cp .swiper-button-prev::after,
    .inspiring_story .swiper-container .cp .swiper-button-next::after {display:none;}
    .inspiring_story .swiper-container .cp .swiper-button-prev i,
    .inspiring_story .swiper-container .cp .swiper-button-next i {display:block; width:0; height:0; position:relative; transition:all 0.3s;}
    .inspiring_story .swiper-container .cp .swiper-button-prev i {margin-right:1rem; transform:rotate(180deg);}
    .inspiring_story .swiper-container .cp .swiper-button-next i {margin-left:1rem;}
    .inspiring_story .swiper-container .cp .swiper-button-prev i::before,
    .inspiring_story .swiper-container .cp .swiper-button-next i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .inspiring_story .swiper-container .cp .swiper-button-prev i::after,
    .inspiring_story .swiper-container .cp .swiper-button-next i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .inspiring_story .swiper-container .cp .swiper-button-prev i em,
    .inspiring_story .swiper-container .cp .swiper-button-next i em {display:block; width:1rem; height:1px; background:rgba(0, 0, 0, 1.0); position:absolute; right:2px; top:50%; transform:translateY(-50%);}
    .inspiring_story .lightbox {display:none; position:fixed; z-index:21; left:0; top:0; width:100%; height:100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);}
	.inspiring_story .lightbox .video {width:80%; height:100vh; margin:auto; display:flex; justify-content:center; align-items:center;}
	.inspiring_story .lightbox .video video {width:100%; border-radius:1.25rem; overflow:hidden;}
	.inspiring_story .lightbox .close {display:block; width:2.5rem; height:2.5rem; cursor:pointer; position:absolute; right:2.5rem; top:2.5rem; transform:rotate(45deg); background:#000000; border-radius:100%; transition:opacity 0.3s;}
	.inspiring_story .lightbox .close i {display:block; opacity:0.5; width:0; height:0; transition:all 0.3s;}
	.inspiring_story .lightbox .close i::before,
	.inspiring_story .lightbox .close i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#FFFFFF; transition:opacity 0.3s;}
	.inspiring_story .lightbox .close i::before {width:0.125rem; height:40%;}
	.inspiring_story .lightbox .close i::after {width:40%; height:0.125rem;}
	.inspiring_story .lightbox .close:hover i {opacity:1;}

    /**/
    .news {margin-top:1.25rem; padding:9.375rem 0; position:relative;}
    .news::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; background:#C8E3EB;}
    .news .main {position:relative; z-index:1;}
    .newnews_and_press .shead {display:flex; justify-content:space-between; align-items:center;}
    .news .shead h2 {font-size:4.5rem;}
    .news .btn_area {display:flex; justify-content:center; margin-top:4.5rem;}




/****************************************/
/*  products  */
/****************************************/

.sel_products {}
/* 特殊处理，后续删除 */
.sel_products_no_href .tab {position:relative;}
.sel_products_no_href .tab .btn_area {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sel_products_no_href .tab .btn_area .btn {border:none;}
.sel_products_no_href .con_products_list ul li a {cursor:default;}
.sel_products_no_href .con_products_list ul li a:hover span {transform:scale(0.95);}

    /**/
    .products_topic {position:relative;}
    .products_topic .text {padding:30rem 0 9.375rem; color:#FFFFFF; position:relative; z-index:1;}
    .products_topic .text h1 {font-size:4.5rem; line-height:1; margin-bottom:1.25rem;}
    .products_topic .text p {font-size:1.375rem; line-height:1.6; width:50%;}
    .products_topic .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:calc(100% - 2.5rem); border-radius:1.25rem; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .products_topic .topic_bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
    .products_topic .topic_bg .video {opacity:0.8; position:absolute; left:0; top:0; width:100%; height:100%;}
    .products_topic .topic_bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

    /**/
    .products_list {padding:3.75rem 0 9.375rem 0; position:relative; overflow:hidden;}
    .products_list::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; background:#C8E3EB;}
    .products_list .main {position:relative; z-index:1;}




/****************************************/
/*  products_detail_1  */
/****************************************/

.sel_products_detail_1 {}
    
    /**/
    .d1_1 {position:relative; padding:30rem 0 9.375rem;}
    .d1_1 .main {position:relative; z-index:1;}
    .d1_1 .text {width:65%; color:#FFFFFF;}
    .d1_1 .text h1 {font-size:4.5rem; line-height:1; margin-bottom:1.25rem;}
    .d1_1 .text h2 {font-size:1.875rem; line-height:1; margin-bottom:1.25rem;}
    .d1_1 .text p {font-size:1.375rem; line-height:1.4;}
    .d1_1 ul {display:flex; flex-wrap:wrap; justify-content:flex-start; margin:3.875rem -0.3125rem 0;}
    .d1_1 ul li {padding:0 0.3125rem; width:9.375rem;}
    .d1_1 ul li .cell {}
    .d1_1 ul li .cover {border-radius:0.625rem; overflow:hidden;}
    .d1_1 ul li .cover span {display:block; width:100%; padding-top:50%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_1 .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .d1_1 .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_1 .topic_bg span::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}

    /**/
    .d1_2 {padding:9.375rem 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_2 .main {}
    .d1_2 ul {border-radius:1.25rem; overflow:hidden;}
    .d1_2 ul li {}
    .d1_2 ul li .cell {display:flex; justify-content:space-between; align-items:stretch;}
    .d1_2 ul li:nth-child(even) .cell {flex-direction:row-reverse;}
    .d1_2 ul li .cover {width:50%;}
    .d1_2 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_2 ul li .text {width:50%; height:auto; padding:4.5rem; display:flex; flex-direction:column; justify-content:center; background:rgba(0,0,0,0.05); overflow:hidden;}
    .d1_2 ul li .text h3 {font-size:2.5rem; line-height:1.2; margin-bottom:0.625rem;}
    .d1_2 ul li .text p {font-size:1.125rem; line-height:1.4;}

    /**/
    .d1_3 {padding:9.375rem 0 12.5rem; position:relative;}
    .d1_3 .main {position:relative; z-index:1;}
    .d1_3 h2 {font-size:2.5rem; text-align:center; margin-bottom:4.5rem;}
    .d1_3 ul {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; margin:-1.25rem;}
    .d1_3 ul li {width:25%; padding:1.25rem;}
    .d1_3 ul li .cell {width:100%;}
    .d1_3 ul li .cover {width:100%;}
    .d1_3 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_3 .bg {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .d1_3 .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5);}
    .d1_3 .bg span {display:block; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_3 .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .d1_3 .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

    /**/
    .d1_4 {padding:4.5rem 0;}
    .d1_4 .main {}
    .d1_4 ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin:-1.25rem;}
    .d1_4 ul li {width:25%; padding:1.25rem;}
    .d1_4 ul li .cell {width:100%;}
    .d1_4 ul li .cover {width:100%;}
    .d1_4 ul li .cover span {display:block; width:100%; padding-top:75%; border-radius:0.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_4 ul li .text {margin-top:1.25rem;}
    .d1_4 ul li .text p {font-size:1rem;}

    /**/
    .d1_5 {margin-bottom:9.375rem;}
    .d1_5 .main {}
    .d1_5 .btn_area {margin:2.5rem 0; justify-content:center;}
    .d1_5 .btn_area .btn:first-child {margin-right:1.25rem;}
    .d1_5 .btn_area .btn:last-child {display:flex; align-items:center;}
    .d1_5 .btn_area .btn i {display:block; margin:0 -0.625rem 0 0.625rem; width:1rem; height:1rem; background-image:url('images/arrow.svg'); background-position:center center; background-size:cover;}
    .d1_5 .table_scroll {display:none;}
    .d1_5 .table_scroll.active {display:block;}




/****************************************/
/*  products_detail_2  */
/****************************************/

.sel_products_detail_2 {}
.sel_products_detail_2 header .menu ul li > a {color:rgba(0, 0, 0, 0.8);}
.sel_products_detail_2 header .logo {background-image:url('images/logo_hover.svg');}
.sel_products_detail_2 header .options .o_lang > span::after {opacity:1;}
.sel_products_detail_2 header .dropdowns {background:rgba(0, 0, 0, 0.02);}
.sel_products_detail_2 .con_topic .main {padding:20rem 0 9.375rem;}
.sel_products_detail_2 .con_topic .text {color:#000000;}
    
    /**/
    .d2_1 {position:relative; padding:30rem 0 9.375rem;}
    .d2_1 .main {position:relative; z-index:1;}
    .d2_1 .text {width:65%; color:#FFFFFF;}
    .d2_1 .text h1 {font-size:4.5rem; line-height:1; margin-bottom:1.25rem;}
    .d2_1 .text h2 {font-size:1.875rem; line-height:1; margin-bottom:1.25rem;}
    .d2_1 .text p {font-size:1.375rem; line-height:1.4;}
    .d2_1 ul {display:flex; flex-wrap:wrap; justify-content:flex-start; margin:3.875rem -0.3125rem 0;}
    .d2_1 ul li {padding:0 0.3125rem; width:9.375rem;}
    .d2_1 ul li .cell {}
    .d2_1 ul li .cover {border-radius:0.625rem; overflow:hidden;}
    .d2_1 ul li .cover span {display:block; width:100%; padding-top:50%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_1 .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .d2_1 .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .d2_2 {padding:9.375rem 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_2 .main {}
    .d2_2 ul {border-radius:1.25rem; overflow:hidden;}
    .d2_2 ul li {}
    .d2_2 ul li .cell {display:flex; justify-content:space-between; align-items:stretch;}
    .d2_2 ul li:nth-child(even) .cell {flex-direction:row-reverse;}
    .d2_2 ul li .cover {width:50%;}
    .d2_2 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_2 ul li .text {width:50%; height:auto; padding:4.5rem; display:flex; flex-direction:column; justify-content:center; background:rgba(0,0,0,0.05); overflow:hidden;}
    .d2_2 ul li .text h3 {font-size:2.5rem; line-height:1.2; margin-bottom:1.25rem;}
    .d2_2 ul li .text p {font-size:1.125rem; line-height:1.4;}

    /**/
    .d2_3 {padding:9.375rem 0 12.5rem; position:relative;}
    .d2_3 .main {position:relative; z-index:1;}
    .d2_3 h2 {font-size:2.5rem; text-align:center; margin-bottom:4.5rem;}
    .d2_3 ul {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; margin:-1.25rem;}
    .d2_3 ul li {width:25%; padding:1.25rem;}
    .d2_3 ul li .cell {width:100%;}
    .d2_3 ul li .cover {width:100%;}
    .d2_3 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_3 .bg {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .d2_3 .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5);}
    .d2_3 .bg span {display:block; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_3 .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .d2_3 .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

    /**/
    .d2_4 {padding:4.5rem 0;}
    .d2_4 .main {}
    .d2_4 ul {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; margin:-1.25rem;}
    .d2_4 ul li {width:25%; padding:1.25rem;}
    .d2_4 ul li .cell {width:100%;}
    .d2_4 ul li .cover {width:100%;}
    .d2_4 ul li .cover span {display:block; width:100%; padding-top:75%; border-radius:0.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_4 ul li .text {margin-top:1.25rem;}
    .d2_4 ul li .text p {font-size:1rem;}

    /**/
    .d2_5 {margin-bottom:9.375rem;}
    .d2_5 .main {}
    .d2_5 .btn_area {margin:2.5rem 0; justify-content:center;}
    .d2_5 .btn_area .btn:first-child {margin-right:1.25rem;}
    .d2_5 .btn_area .btn:last-child {display:flex; align-items:center;}
    .d2_5 .btn_area .btn i {display:block; margin:0 -0.625rem 0 0.625rem; width:1rem; height:1rem; background-image:url('images/arrow.svg'); background-position:center center; background-size:cover;}
    .d2_5 .table_scroll {display:none;}
    .d2_5 .table_scroll.active {display:block;}




/****************************************/
/*  products_detail_3  */
/****************************************/

.sel_products_detail_3 {}
.sel_products_detail_3 header .menu ul li > a {color:rgba(0, 0, 0, 0.8);}
.sel_products_detail_3 header .logo {background-image:url('images/logo_hover.svg');}
.sel_products_detail_3 header .options .o_lang > span::after {opacity:1;}
.sel_products_detail_3 header .dropdowns {background:rgba(0, 0, 0, 0.02);}
.sel_products_detail_3 .con_topic .main {padding:20rem 0 9.375rem;}
.sel_products_detail_3 .con_topic .text {color:#000000;}
    
    /**/
    .d3_1 {position:relative; padding:30rem 0 9.375rem;}
    .d3_1 .main {position:relative; z-index:1;}
    .d3_1 .text {width:65%; color:#FFFFFF;}
    .d3_1 .text h1 {font-size:4.5rem; line-height:1; margin-bottom:1.25rem;}
    .d3_1 .text h2 {font-size:1.875rem; line-height:1; margin-bottom:1.25rem;}
    .d3_1 .text p {font-size:1.375rem; line-height:1.4;}
    .d3_1 .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .d3_1 .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .d3_2 {padding:9.375rem 0 6.25rem;}
    .d3_2 .main {}
    .d3_2 ul {display:flex; justify-content:center; flex-wrap:wrap; margin:-2.5rem;}
    .d3_2 ul li {width:33.33%; padding:2.5rem;}
    .d3_2 ul li .cell {}
    .d3_2 ul li .cover {border-radius:0.625rem; overflow:hidden;}
    .d3_2 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d3_2 ul li .text {margin-top:1.25rem;}
    .d3_2 ul li .text p {font-size:1.125rem; line-height:1.4;}

    /**/
    .d3_3 {margin-bottom:9.375rem;}
    .d3_3 .main {}
    .d3_3 .btn_area {margin:0 0 2.5rem 0; justify-content:center;}
    .d3_3 .btn_area .btn:first-child {margin-right:1.25rem;}
    .d3_3 .btn_area .btn:last-child {display:flex; align-items:center;}
    .d3_3 .btn_area .btn i {display:block; margin:0 -0.625rem 0 0.625rem; width:1rem; height:1rem; background-image:url('images/arrow.svg'); background-position:center center; background-size:cover;}
    .d3_3 .table_scroll {display:none; overflow-x:scroll;}
    .d3_3 .table_scroll.active {display:block;}




/****************************************/
/*  products_detail_4  */
/****************************************/

.sel_products_detail_4 {}
    
    /**/
    .d4_1 {position:relative; padding:30rem 0 9.375rem;}
    .d4_1 .main {position:relative; z-index:1;}
    .d4_1 .text {width:65%; color:#FFFFFF;}
    .d4_1 .text h1 {font-size:4.5rem; line-height:1; margin-bottom:1.25rem;}
    .d4_1 .text h2 {font-size:1.875rem; line-height:1; margin-bottom:1.25rem;}
    .d4_1 .text p {font-size:1.375rem; line-height:1.4;}
    .d4_1 ul {display:flex; flex-wrap:wrap; justify-content:flex-start; margin:3.875rem -0.3125rem 0;}
    .d4_1 ul li {padding:0 0.3125rem; width:9.375rem;}
    .d4_1 ul li .cell {}
    .d4_1 ul li .cover {border-radius:0.625rem; overflow:hidden;}
    .d4_1 ul li .cover span {display:block; width:100%; padding-top:50%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d4_1 .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .d4_1 .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .d4_2 {padding:9.375rem 0 6.25rem;}
    .d4_2 .main {}
    .d4_2 ul {display:flex; justify-content:center; flex-wrap:wrap; margin:-2.5rem;}
    .d4_2 ul li {width:33.33%; padding:2.5rem;}
    .d4_2 ul li .cell {}
    .d4_2 ul li .cover {border-radius:0.625rem; overflow:hidden;}
    .d4_2 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d4_2 ul li .text {margin-top:1.25rem;}
    .d4_2 ul li .text p {font-size:1.125rem; line-height:1.4;}

    /**/
    .d4_3 {margin-bottom:9.375rem;}
    .d4_3 .main {}
    .d4_3 .btn_area {margin:0 0 2.5rem 0; justify-content:center;}
    .d4_3 .btn_area .btn:first-child {margin-right:1.25rem;}
    .d4_3 .btn_area .btn:last-child {display:flex; align-items:center;}
    .d4_3 .btn_area .btn i {display:block; margin:0 -0.625rem 0 0.625rem; width:1rem; height:1rem; background-image:url('images/arrow.svg'); background-position:center center; background-size:cover;}
    .d4_3 .table_scroll {display:none; overflow-x:scroll;}
    .d4_3 .table_scroll.active {display:block;}




/****************************************/
/*  solutions  */
/****************************************/

.sel_solutions {}

    /**/
    .sel_solutions .con_topic .text h1 {margin:1.25rem 0 0 0;}

    /**/
    .s_o_c_1 {padding:4.5rem 0;}
    .s_o_c_1 .main {}
    .s_o_c_1 ul {border-radius:1.25rem; overflow:hidden;}
    .s_o_c_1 ul li {margin-bottom:1.25rem; border-radius:1.25rem; background:rgba(0, 0, 0, 1); overflow:hidden;}
    .s_o_c_1 ul li:last-child {margin:0;}
    .s_o_c_1 ul li .cell {display:flex; justify-content:flex-end; align-items:center; position:relative; background:rgba(0, 0, 0, 0.02);}
    .s_o_c_1 ul li:nth-child(even) .cell {flex-direction:row-reverse;}
    .s_o_c_1 ul li .text {padding:9.375rem 2.5rem 9.375rem 0; width:50%; position:relative; z-index:1; color:#FFFFFF;}
    .s_o_c_1 ul li:nth-child(even) .text {padding-left:9.375rem; width:auto;}
    .s_o_c_1 ul li .text h4 {font-size:1.375rem;}
    .s_o_c_1 ul li .text h3 {font-size:3.5rem; line-height:1; margin:1.25rem auto 2.5rem;}
    .s_o_c_1 ul li .text p {font-size:1rem; line-height:1.6; display:flex; flex-direction:column;}
    .s_o_c_1 ul li .text p span {position:relative; margin-bottom:0.625rem; padding-left:0.875rem;}
    .s_o_c_1 ul li .text p span:last-child {margin:0;}
    .s_o_c_1 ul li .text p span::before {opacity:0.8; content:""; position:absolute; left:0; top:0.75rem; width:0.3125rem; height:0.3125rem; border-radius:100%; background:#FFFFFF;}
    .s_o_c_1 ul li .text .num {margin:3.5rem 0 0;}
    .s_o_c_1 ul li .text .num dl {display:flex; flex-wrap:wrap;}
    .s_o_c_1 ul li .text .num dl dd {margin-right:2.5rem; font-size:0.75rem;}
    .s_o_c_1 ul li:nth-child(1) .text .num dl dd {}
    .s_o_c_1 ul li .text .num dl dd p {font-size:0.75rem; line-height:1.6; margin:0 0 0.625rem 0;}
    .s_o_c_1 ul li .text .num dl dd em {font-size:1.375rem; font-style:normal; color:#5BB4DF;}
    .s_o_c_1 ul li .text .num dl dd em span {font-size:4.5rem;}
    .s_o_c_1 ul li .text .num dl dd em i {margin-left:0.3125rem; font-size:0.875rem; font-style:normal;}
    .s_o_c_1 ul li .text .btn_area {display:none; margin-top:2.5rem;}
    .s_o_c_1 ul li .text .btn_area .btn {}
    .s_o_c_1 ul li:nth-child(1) .text .btn_area {display:block;}
    .s_o_c_1 ul li .bg {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:100%;}
    .s_o_c_1 ul li .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 1);}
    .s_o_c_1 ul li:nth-child(1) .bg::after {opacity:0;}
    .s_o_c_1 ul li:nth-child(2) .bg::after {opacity:0.5;}
    .s_o_c_1 ul li:nth-child(3) .bg::after {opacity:0.8;}
    .s_o_c_1 ul li:nth-child(4) .bg::after {opacity:0.7;}
    .s_o_c_1 ul li .bg span {display:block; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .s_o_c_1 ul li .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .s_o_c_1 ul li .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}




/****************************************/
/*  clinical insights  */
/****************************************/

.sel_clinical_insights {}

    /**/
    .clinical_insights_list {padding-bottom:9.375rem;}
    .clinical_insights_list .lightbox {display:none; position:fixed; z-index:21; left:0; top:0; width:100%; height:100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);}
	.clinical_insights_list .lightbox .video {width:80%; height:100vh; margin:auto; display:flex; justify-content:center; align-items:center;}
	.clinical_insights_list .lightbox .video video {width:100%; border-radius:1.25rem; overflow:hidden;}
	.clinical_insights_list .lightbox .close {display:block; width:2.5rem; height:2.5rem; cursor:pointer; position:absolute; right:2.5rem; top:2.5rem; transform:rotate(45deg); background:#000000; border-radius:100%; transition:opacity 0.3s;}
	.clinical_insights_list .lightbox .close i {display:block; opacity:0.5; width:0; height:0; transition:all 0.3s;}
	.clinical_insights_list .lightbox .close i::before,
	.clinical_insights_list .lightbox .close i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#FFFFFF; transition:opacity 0.3s;}
	.clinical_insights_list .lightbox .close i::before {width:0.125rem; height:40%;}
	.clinical_insights_list .lightbox .close i::after {width:40%; height:0.125rem;}
	.clinical_insights_list .lightbox .close:hover i {opacity:1;}




/****************************************/
/*  news  */
/****************************************/

.sel_news {}

    /**/
    .sel_news .news {padding:3.875rem 0 9.875rem 0;}

    /**/
    .sel_news .con_topic .topic_bg span {background-image:url("images/news_topic.jpg");}

    /**/
    .news_list {padding:2.5rem 0 9.375rem 0;}




/****************************************/
/*  news detail  */
/****************************************/

.sel_news_detail {}
.sel_news_detail header .menu ul li > a {color:rgba(0, 0, 0, 0.8);}
.sel_news_detail header .logo {background-image:url('images/logo_hover.svg');}
.sel_news_detail header .options .o_lang > span::after {opacity:1;}
.sel_news_detail header .dropdowns {background:rgba(0, 0, 0, 0.02);}

    /**/
    .sel_news_detail .article {margin-top:6.25rem; padding:6.25rem 0 9.375rem;}
    .sel_news_detail .article .main {max-width:50rem; margin:auto;}
    .sel_news_detail .article .title {margin-bottom:3.125rem;}
    .sel_news_detail .article .title h1 {font-size:2.75rem; margin-bottom:1.25rem; line-height:1.4;}
    .sel_news_detail .article .title span {font-size:0.875rem; opacity:0.5;}
    .sel_news_detail .article .content {font-size:1rem; line-height:2;}
    .sel_news_detail .article .content p {font-size:1rem; line-height:2;}
    .sel_news_detail .article .content img {display:inline-block; border-radius:1.25rem;}
    .sel_news_detail .article .content a {text-decoration:underline;}
    .sel_news_detail .note {display:inline-block; width:100%; font-size:0.875rem; text-align:center; line-height:1.4; opacity:0.3;}
    .sel_news_detail .quote_source {display:block; width:100%; font-size:0.75rem; font-style:italic; line-height:1.4; opacity:0.3;}




/****************************************/
/*  esg  */
/****************************************/

.sel_esg {}
.sel_esg .anchor {display:block; width:0; height:6.25rem; position:absolute; top:0; overflow:hidden;}

    /**/
    .esg_topic {position:relative; overflow:hidden;}
    .esg_topic .main {display:flex; justify-content:center; align-items:center; padding:12.5rem 0 9.375rem; position:relative; z-index:1;}
    .esg_topic .text {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); text-align:center; color:#FFFFFF;}
    .esg_topic .text h1 {font-size:3.875rem; line-height:1.4;}
    .esg_topic ul {opacity:1; position:relative; width:36rem; height:36rem; border-radius:100%; border:1px dotted rgba(255, 255, 255, 0.5);}
    .esg_topic ul li {width:calc(100% + 6.25rem); height:calc(100% + 6.25rem); position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);}
    .esg_topic ul li .cell {width:100%; height:100%; display:flex; justify-content:space-between; align-items:center;}
    .esg_topic ul li i {display:block; width:6.25rem; height:6.25rem; position:relative; border-radius:100%; background-color:rgba(255, 255, 255, 0.1); backdrop-filter:blur(2.5rem); -webkit-backdrop-filter:blur(2.5rem);}
    .esg_topic ul li span {display:block; opacity:0; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background-position:center center; background-repeat:no-repeat; background-size:40% auto; animation:esg_topic 0.3s 1 forwards;}
    .esg_topic ul li:nth-child(1) .cell {transform:rotate(90deg);}
    .esg_topic ul li:nth-child(2) .cell {transform:rotate(162deg);}
    .esg_topic ul li:nth-child(2) i {transform:rotate(-162deg);}
    .esg_topic ul li:nth-child(3) .cell {transform:rotate(234deg);}
    .esg_topic ul li:nth-child(3) i {transform:rotate(-234deg);}
    .esg_topic ul li:nth-child(4) .cell {transform:rotate(306deg);}
    .esg_topic ul li:nth-child(4) i {transform:rotate(-306deg);}
    .esg_topic ul li:nth-child(5) .cell {transform:rotate(18deg);}
    .esg_topic ul li:nth-child(5) i {transform:rotate(-18deg);}
    @keyframes esg_topic
    {
        0% {
        }
        100% {
            opacity:1;
            background-size:50% auto;
        }
    }
    .esg_topic .topic_bg {position:absolute; left:50%; top:1.25rem; transform:translateX(-50%); width:calc(100% - 2.5rem); height:calc(100% - 2.5rem); border-radius:1.25rem; background:#000000; overflow:hidden;}
    .esg_topic .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .esg_topic .topic_bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .esg_topic .topic_bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

    
    /**/
    .esg_list {padding:6.25rem 0 0; overflow:hidden;}
    .esg_list .main {}
    .esg_list ul {}
    .esg_list ul li {margin-bottom:6.25rem; position:relative;}
    .esg_list ul li .cell {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
    .esg_list ul li:nth-child(even) .cell {flex-direction:row-reverse;}
    .esg_list ul li .cover {width:50%;border-radius:1.25rem; overflow:hidden;}
    .esg_list ul li .cover span {display:block; width:100%; padding-top:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .esg_list ul li .text {width:calc(50% - 4.5rem);}
    .esg_list ul li .text h3 {font-size:2.5rem; margin-bottom:1.25rem;}
    .esg_list ul li .text p {font-size:1.125rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;}
    .esg_list ul li .text .info {margin-top:4.5rem;}
    .esg_list ul li .text .info dl {}
    .esg_list ul li .text .info dl:nth-child(3) dd ol {margin:0;}
    .esg_list ul li .text .info dt {margin-bottom:1.25rem;}
    .esg_list ul li .text .info dd {display:flex; flex-wrap:wrap;}
    .esg_list ul li .text .info dd ol {display:flex; align-items:center; margin-bottom:3.5rem; width:50%;}
    .esg_list ul li .text .info dd ol .icon {width:3.5rem; flex-shrink:0;}
    .esg_list ul li .text .info dd ol .icon span {display:block; width:100%; padding-top:100%; background-position:center center; background-repeat:no-repeat; background-size:auto;}
    .esg_list ul li .text .info dd ol p {display:flex; flex-direction:column; font-size:0.875rem; line-height:1.2; margin-left:1.25rem;}
    .esg_list ul li .text .info dd ol p em {font-style:normal; font-size:1.375rem; margin-top:0.625rem; line-height:1; color:var(--global_color);}
    .esg_list ul li .text .info dd ol p em span {font-size:2.5rem; margin:0 0.3125rem; font-family:Montserrat-Regular,Arial,Verdana,sans-serif;}
    .esg_list ul li .text .info dd ol p em i {font-size:1.375rem; font-style:normal;}
    .esg_list ul li:nth-child(2) .info dl:nth-child(1) dd ol {width:100%;}
    .esg_list ul li:last-child .cover span {padding-top:75%;}
    .esg_list ul li .swiper-container {width:50%; margin:0; overflow:visible;}
    .esg_list ul li .swiper-container .swiper-slide {border-radius:1.25rem; overflow:hidden;}
    .esg_list ul li .swiper-container .swiper-slide span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .esg_list ul li .swiper-container .swiper-button-prev,
    .esg_list ul li .swiper-container .swiper-button-next {width:3.5rem; height:3.5rem; border-radius:100%; background:rgba(0, 0, 0, 0.05);}
    .esg_list ul li .swiper-container .swiper-button-prev {left:calc(100% + 4.5rem); top:auto; bottom:0;}
    .esg_list ul li .swiper-container .swiper-button-next {left:calc(100% + 4.5rem + 3.5rem + 1.25rem); top:auto; bottom:0;}
    .esg_list ul li .swiper-container .swiper-button-prev::after,
    .esg_list ul li .swiper-container .swiper-button-next::after {display:none;}
    .esg_list ul li .swiper-container .swiper-button-prev i,
    .esg_list ul li .swiper-container .swiper-button-next i {display:block; width:0; height:0; position:relative; transition:all 0.3s;}
    .esg_list ul li .swiper-container .swiper-button-prev i {margin-right:1rem; transform:rotate(180deg);}
    .esg_list ul li .swiper-container .swiper-button-next i {margin-left:1rem;}
    .esg_list ul li .swiper-container .swiper-button-prev i::before,
    .esg_list ul li .swiper-container .swiper-button-next i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .esg_list ul li .swiper-container .swiper-button-prev i::after,
    .esg_list ul li .swiper-container .swiper-button-next i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .esg_list ul li .swiper-container .swiper-button-prev i em,
    .esg_list ul li .swiper-container .swiper-button-next i em {display:block; width:1rem; height:1px; background:rgba(0, 0, 0, 1.0); position:absolute; right:2px; top:50%; transform:translateY(-50%);}




/****************************************/
/*  about  */
/****************************************/

.sel_about {}
.sel_about .con_topic .text h1 {font-size:2.5rem;}
.sel_about .con_topic .text h1 sup {font-size:1.125rem;}
.sel_about .con_topic .text p {width:100%; font-size:4.5rem; line-height:1;}
.sel_about .anchor {display:block; width:0; height:6.25rem; position:absolute; top:0; overflow:hidden;}

    /**/
    .a_c_1 {margin-top:6.25rem; position:relative; z-index:2;}
    .a_c_1 .main {position:relative;}
    .a_c_1 ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 -2.5rem; padding:0 15%;}
    .a_c_1 ul li {width:50%; padding:0 2.5rem;}
    .a_c_1 ul li .cell {display:flex; flex-direction:column;}
    .a_c_1 ul li:last-child .cell {flex-direction:column-reverse;}
    .a_c_1 ul li .text {margin:4.5rem 0;}
    .a_c_1 ul li .text h2 {font-size:2.5rem; margin-bottom:0.625rem;}
    .a_c_1 ul li .text p {font-size:1.125rem;}
    .a_c_1 ul li span {display:block; width:100%; padding-top:140%; border-radius:1.25rem; background-color:rgba(0,0,0,0.02); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .a_c_1 .swiper-container {margin-top:9.375rem; border-radius:1.25rem;}
    .a_c_1 .swiper-container .swiper-button-prev,
    .a_c_1 .swiper-container .swiper-button-next {display:none;}
    .a_c_1 .swiper-container .swiper-button-prev {left:22%;}
    .a_c_1 .swiper-container .swiper-button-next {right:22%;}
    .a_c_1 .swiper-container .swiper-button-prev::after,
    .a_c_1 .swiper-container .swiper-button-next::after {display:none;}
    .a_c_1 .swiper-container .swiper-button-prev i,
    .a_c_1 .swiper-container .swiper-button-next i {display:block; width:0; height:0; position:relative; transition:all 0.3s;}
    .a_c_1 .swiper-container .swiper-button-prev i {margin-right:1rem; transform:rotate(180deg);}
    .a_c_1 .swiper-container .swiper-button-next i {margin-left:1rem;}
    .a_c_1 .swiper-container .swiper-button-prev i::before,
    .a_c_1 .swiper-container .swiper-button-next i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .a_c_1 .swiper-container .swiper-button-prev i::after,
    .a_c_1 .swiper-container .swiper-button-next i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .a_c_1 .swiper-container .swiper-button-prev i em,
    .a_c_1 .swiper-container .swiper-button-next i em {display:block; width:1rem; height:1px; background:rgba(0, 0, 0, 1.0); position:absolute; right:2px; top:50%; transform:translateY(-50%);}
    .a_c_1 .swiper-container .swiper-pagination {display:none;}
    .a_c_1 .swiper-container .swiper-slide {border-radius:1.25rem; background:#FFFFFF; overflow:hidden;}
    .a_c_1 .swiper-container .swiper-slide .cover {width:100%;}
    .a_c_1 .swiper-container .swiper-slide .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .a_c_1 .swiper-container .swiper-slide .text {position:relative; padding-top:75%;}
    .a_c_1 .swiper-container .swiper-slide .text p {position:absolute; left:0; top:0; padding:2.5rem 2.5rem 0; font-size:0.875rem; line-height:1.6;}
    .a_c_1 .swiper-container .swiper-slide .text ul {position:absolute; left:0; bottom:0; display:flex; align-items:flex-end; margin:0; padding:0 2.5rem 2.5rem; width:100%;}
    .a_c_1 .swiper-container .swiper-slide .text ul li {width:50%; padding:0;}
    .a_c_1 .swiper-container .swiper-slide .text ul li .cell {}
    .a_c_1 .swiper-container .swiper-slide .text ul li strong {font-size:0.75rem; font-weight:normal;}
    .a_c_1 .swiper-container .swiper-slide .text ul li aside {display:flex; align-items:center; margin-top:0.625rem; line-height:1; font-size:1rem; color:var(--global_color);}
    .a_c_1 .swiper-container .swiper-slide .text ul li aside i {font-size:0.75rem; font-style:normal;}
    .a_c_1 .swiper-container .swiper-slide .text ul li aside span {display:inline; width:auto; margin:0 0.3125rem; padding:0; font-size:1.75rem; border-radius:0; background:transparent; font-family:Montserrat-Regular,Arial,Verdana,sans-serif;}
    .a_c_1 .swiper-container .swiper-slide .text ul li aside em {font-style:normal; font-size:0.875rem;}
    .a_c_1 .swiper-container .swiper-slide:nth-child(2) .text ul li,
    .a_c_1 .swiper-container .swiper-slide:nth-child(3) .text ul li,
    .a_c_1 .swiper-container .swiper-slide:nth-child(5) .text ul li{width:auto;}
    .a_c_1 .swiper-container .swiper-slide .text ul li:last-child .cell {flex-direction:column;}

	/**/
    .a_c_2 {position:relative;}
    .a_c_2 .main {position:relative; z-index:1; padding:22.375rem 0 9.375rem; color:#FFF;}
    .a_c_2 .shead {}
    .a_c_2 .shead h2 {font-size:4.5rem; text-align:center;}
    .a_c_2 .swiper-container {}
    .a_c_2 .swiper-container .swiper-slide {cursor:grab;}
    .a_c_2 .swiper-container .swiper-slide .text {height:22rem; text-align:center;}
    .a_c_2 .swiper-container .swiper-slide h2 {margin-top:3.5rem; font-size:2.5rem; line-height:1; color:rgba(255, 255, 255, 1); transition:all 0.3s;}
    .a_c_2 .swiper-container .swiper-slide h3 {display:none; line-height:1;}
    .a_c_2 .swiper-container .swiper-slide p {display:none; font-size:1rem; line-height:1.6; margin:auto; opacity:0.8;}
    .a_c_2 .swiper-container .swiper-slide-active h2 {font-size:9.375rem; margin:0;}
    .a_c_2 .swiper-container .swiper-slide-active h3 {display:block; margin:1.25rem 0; font-size:2.5rem;}
    .a_c_2 .swiper-container .swiper-slide-active p {display:block;}
    .a_c_2 .swiper-container .swiper-button-prev,
    .a_c_2 .swiper-container .swiper-button-next {position:absolute; width:3.5rem; height:3.5rem; top:17%; border-radius:100%; background:rgba(255, 255, 255, 1);}
    .a_c_2 .swiper-container .swiper-button-prev {left:25%;}
    .a_c_2 .swiper-container .swiper-button-next {right:25%;}
    .a_c_2 .swiper-container .swiper-button-prev::after,
    .a_c_2 .swiper-container .swiper-button-next::after {display:none;}
    .a_c_2 .swiper-container .swiper-button-prev i,
    .a_c_2 .swiper-container .swiper-button-next i {display:block; width:0; height:0; position:relative; transition:all 0.3s;}
    .a_c_2 .swiper-container .swiper-button-prev i {margin-right:1rem; transform:rotate(180deg);}
    .a_c_2 .swiper-container .swiper-button-next i {margin-left:1rem;}
    .a_c_2 .swiper-container .swiper-button-prev i::before,
    .a_c_2 .swiper-container .swiper-button-next i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .a_c_2 .swiper-container .swiper-button-prev i::after,
    .a_c_2 .swiper-container .swiper-button-next i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .a_c_2 .swiper-container .swiper-button-prev i em,
    .a_c_2 .swiper-container .swiper-button-next i em {display:block; width:1rem; height:1px; background:rgba(0, 0, 0, 1.0); position:absolute; right:2px; top:50%; transform:translateY(-50%);}
    .a_c_2 .swiper-container .swiper-pagination {display:none;}
    .a_c_2 .bg {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .a_c_2 .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1);}
    .a_c_2 .bg span {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.02); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .a_c_2 .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .a_c_2 .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

	/**/
	.honor {margin-top:1.25rem; padding:9.375rem 0 12.5rem; position:relative;}
	.honor .main {position:relative; z-index:1; text-align:center;}
    .honor .shead {padding-bottom:2.5rem;}
	.honor .shead h2 {font-size:4.5rem;}
    .honor ul {display:flex; justify-content:center; flex-wrap:wrap;}
	.honor ul li {cursor:default; padding:0.625rem 0; transition:all 0.3s;}
	.honor ul li .cell {}
	.honor ul li p {display:flex; justify-content:space-between; align-items:center; font-size:1.375rem; line-height:1.4;}
    .honor ul li p i {width:0.875rem; margin:0 0.625rem;}
    .honor ul li p i:nth-child(1)::before {content:""; display:block; width:100%; padding-top:200%; background-image:url("images/honor_icon_l.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .honor ul li p i:nth-child(2)::before {content:""; display:block; width:100%; padding-top:200%; background-image:url("images/honor_icon_r.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .honor ul li.d {opacity:0.3;}
    .honor ul li.active {opacity:1;}
    .honor .bg {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .honor .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1);}
    .honor .bg span {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.02); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .honor .img {margin:4.5rem auto 0;}
    .honor .img span {display:block; width:100%; padding-top:32.5%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .a_c_3 {margin:1.25rem 0 0 1.25rem; padding:6.25rem 0; position:relative; display:flex; align-items:center; font-size:3.875rem; color:#FFFFFF; width:calc(100% - 2.5rem); border-radius:1.25rem; background:var(--global_color); overflow:hidden;}
    .a_c_3 .scroll_container {width:100%; position:relative;}
    .a_c_3 .scroll_track {position:absolute; left:0; top:50%; transform:translateY(-50%); white-space:nowrap;}
    .a_c_3 .word_group {display:inline-block; position:relative; padding:0 2.5rem;}
    @keyframes slide {
        0% {
            transform:translateX(100%);
        }
        100% {
            transform:translateX(-100%);
        }
    }
    .a_c_3 p {display:flex; align-items:center;}
    .a_c_3 span {text-transform:uppercase; font-family:Montserrat-Regular,Arial,Verdana,sans-serif;}
    .a_c_3 em {position:absolute; right:-1.25rem; top:50%; transform:translateY(-50%); display:block; width:2.5rem; height:2.5rem; background-image:url("images/star.svg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .a_c_4 {padding:9.375rem 0 12.5rem;}
    .a_c_4 .main {}
    .a_c_4 .shead {text-align:center;}
    .a_c_4 .shead h6 {display:none; font-size:1.375rem;}
    .a_c_4 .shead h2 {font-size:4.5rem;}
    .a_c_4 .shead p {font-size:1rem; opacity:0.5;}
    .a_c_4 ul {position:relative; margin:-1.25rem;}
    .a_c_4 ul li {width:50%; padding:1.25rem;}
    .a_c_4 ul li:nth-child(2) {width:25%; position:absolute; left:50%; top:0;}
    .a_c_4 ul li:nth-child(2) span {padding-top:calc(200% + 2.5rem);}
    .a_c_4 ul li:nth-child(3) {width:25%; position:absolute; left:75%; top:0;}
    .a_c_4 ul li:nth-child(4) {width:25%; position:absolute; left:75%; top:50%;}
    .a_c_4 ul li .cell {border-radius:1.25rem; overflow:hidden;}
    .a_c_4 ul li span {display:block; width:100%; padding-top:100%; background-color:rgba(0,0,0,0.02); background-position:center center; background-repeat:no-repeat; background-size:cover;}




/****************************************/
/*  contact  */
/****************************************/

.sel_contact {}

    /**/
    .c_c_1 {padding:6.25rem 0;}
    .c_c_1 .main {display:flex; justify-content:space-between; flex-wrap:wrap; border-radius:1.25rem; background:rgba(0, 0, 0, 0.02);}
    .c_c_1 .c_l {width:50%; padding:6.25rem; display:flex; flex-direction:column; align-items:flex-start; position:relative; border-radius:1.25rem; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .c_c_1 .c_l::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
    .c_c_1 .c_l p {font-size:1.375rem; color:#FFFFFF; line-height:1.6; position:relative; z-index:1; transform:translateY(-0.625rem);}
    .c_c_1 .c_l .m_t {margin-top:2.5rem; width:100%; position:relative; z-index:1;}
    .c_c_1 .c_l .m_t a {display:flex; align-items:center; font-size:1.375rem; color:#FFFFFF; margin-top:1.25rem;}
    .c_c_1 .c_l .m_t a i {display:block; width:2.25rem; height:2.25rem; margin-right:1.25rem; background-image:url("images/email.svg"); background-position:center center; background-repeat:no-repeat; background-size:90% auto;}
    .c_c_1 .c_l .m_t a:nth-child(2) i {background-image:url("images/phone.svg");}
    .c_c_1 .c_r {width:50%; padding:6.25rem;}
    .c_c_1 .c_r ul {display:flex; flex-wrap:wrap; margin:-1.25rem;}
    .c_c_1 .c_r ul li {width:50%; padding:1.25rem;}
    .c_c_1 .c_r ul li:last-child {width:100%;}
    .c_c_1 .c_r ul li .cell {display:flex; flex-direction:column;}
    .c_c_1 .c_r ul li span {font-size:0.875rem; opacity:0.8;}
    .c_c_1 .c_r ul li input,
    .c_c_1 .c_r ul li textarea {padding:1.25rem 0; font-size:1rem; position:relative; background:transparent; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.2); transition:all 0.3s;}
    .c_c_1 .c_r ul li input:focus,
    .c_c_1 .c_r ul li textarea:focus {border-color:var(--global_color)}
    .c_c_1 .c_r .btn_area {margin-top:2.875rem; display:flex;}

    /**/
    .c_c_2 {display:none; position:relative; padding:9.375rem 0;}
    .c_c_2::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; background-color:rgba(0, 0, 0, 0.02); background-image:url("https://www.united-imaging.com/-/media/uih/images/ulnnovation/new-uinnovation/kejijiangxin.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .c_c_2 .main {position:relative; z-index:1; padding:6.25rem; border-radius:1.25rem; background:#FFFFFF;}
    .c_c_2 h2 {font-size:4.5rem;}
    .c_c_2 ul {}
    .c_c_2 ul li {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
    .c_c_2 ul li:last-child {border:none;}
    .c_c_2 ul li .cell {display:flex; justify-content:space-between; align-items:flex-start; padding:4.5rem 0;}
    .c_c_2 ul li:last-child .cell {padding-bottom:0;}
    .c_c_2 ul li .col_1 {width:40%; padding-right:4.5rem; font-size:1.375rem; line-height:1.6; opacity:0.5;}
    .c_c_2 ul li .col_2 {width:60%; font-size:1.375rem; line-height:1.6;}

    /**/
    .c_c_3 {padding:0 0 9.375rem 0;}
    .c_c_3 .main {}
    .c_c_3 .shead {display:flex; justify-content:center; align-items:center;}
    .c_c_3 .shead h2 {font-size:4.5rem;}
    .c_c_3 .shead p {font-size:1rem;}
    .c_c_3 .map {position:relative;}
    .c_c_3 .map .region i {display:block; position:absolute; z-index:1; width:1.25rem; height:1.25rem; border-radius:100%; background:var(--global_color);}
    .c_c_3 .map .region i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%) scale(3); width:100%; height:100%; border-radius:100%; opacity:0.1; background:var(--global_color); animation:map_region 1s infinite alternate;}
    .c_c_3 .map .region i:nth-child(1) {left:78.55%; top:39.55%;}
    .c_c_3 .map .region i:nth-child(2) {left:74.55%; top:43.55%;}
    .c_c_3 .map .region i:nth-child(1)::after {animation-delay:0s;}
    .c_c_3 .map .region i:nth-child(2)::after {animation-delay:0.5s;}
    @keyframes map_region
    {
        0% {
        }
        100% {
            opacity:0;
        transform:translateX(-50%) translateY(-50%) scale(6);
        }
    }
    .c_c_3 .map span {display:block; opacity:0.5; width:100%; padding-top:40%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
    .c_c_3 ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:1.25rem; border-top:1px solid rgba(0, 0, 0, 0.1);}
    .c_c_3 ul li {flex:1; padding:4.5rem;}
    .c_c_3 ul li:nth-child(1) {padding-left:0;}
    .c_c_3 ul li:nth-child(2) {border-left:1px solid rgba(0, 0, 0, 0.1);}
    .c_c_3 ul li h3 {font-size:1.875rem;}
    .c_c_3 ul li p {font-size:1rem; line-height:1.6; margin:0.625rem 0 1.25rem;}
    .c_c_3 ul li span {display:flex; align-items:center; font-size:1rem; opacity:0.5;}
    .c_c_3 ul li span i {display:inline-block; width:1.25rem; height:1.25rem; margin-right:0.625rem; background-image:url("images/phone_black.svg"); background-position:center center; background-repeat:no-repeat; background-size:90% auto;}
    .c_c_3 ul li .btn_area {margin-top:2.5rem;}
    .c_c_3 ul li .btn_area .btn {font-size:0.875rem;}




/****************************************/
/*  support  */
/****************************************/

.sel_support {}

    /**/
    .sel_support .con_topic .text h1 {margin:1.25rem 0 0 0;}

    /**/
    .s_c_1 {padding:4.5rem 0;}
    .s_c_1 .main {}
    .s_c_1 ul {border-radius:1.25rem; overflow:hidden;}
    .s_c_1 ul li {}
    .s_c_1 ul li .cell {display:flex; justify-content:space-between; align-items:center; background:rgba(0, 0, 0, 0.02);}
    .s_c_1 ul li:nth-child(2) .cell {flex-direction:row-reverse;}
    .s_c_1 ul li .cover {width:50%;}
    .s_c_1 ul li .cover span {display:block; width:100%; padding-top:75%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .s_c_1 ul li .text {width:50%; padding:0 4.5rem;}
    .s_c_1 ul li .text h3 {font-size:1.875rem;}
    .s_c_1 ul li .text .btn_area {margin-top:1.25rem;}
    .s_c_1 ul li .text .btn_area .btn {}
    .s_c_1 .lightbox {display:none; position:fixed; z-index:21; left:0; top:0; width:100%; height:100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);}
	.s_c_1 .lightbox .video {width:80%; height:100vh; margin:auto; display:flex; justify-content:center; align-items:center;}
	.s_c_1 .lightbox .video video {width:100%; border-radius:1.25rem; overflow:hidden;}
	.s_c_1 .lightbox .close {display:block; width:2.5rem; height:2.5rem; cursor:pointer; position:absolute; right:2.5rem; top:2.5rem; transform:rotate(45deg); background:#000000; border-radius:100%; transition:opacity 0.3s;}
	.s_c_1 .lightbox .close i {display:block; opacity:0.5; width:0; height:0; transition:all 0.3s;}
	.s_c_1 .lightbox .close i::before,
	.s_c_1 .lightbox .close i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#FFFFFF; transition:opacity 0.3s;}
	.s_c_1 .lightbox .close i::before {width:0.125rem; height:40%;}
	.s_c_1 .lightbox .close i::after {width:40%; height:0.125rem;}
	.s_c_1 .lightbox .close:hover i {opacity:1;}

    /**/
    .s_c_vcode {margin-bottom:4.5rem;}
    .s_c_vcode .main {display:flex; flex-direction:column; align-items:center;}
    .s_c_vcode .img {width:12.5rem;}
    .s_c_vcode .img span {display:block; width:100%; padding-top:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .s_c_vcode .text {margin-top:0.625rem;}
    .s_c_vcode .text h2 {font-size:1.125rem;}

    /**/
    .s_c_2 {margin-bottom:9.375rem;}
    .s_c_2 .main {}
    .s_c_2 ul {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:-0.625rem;}
    .s_c_2 ul li {width:25%; padding:0.625rem; text-align:center;}
    .s_c_2 ul li .cell {padding:2.5rem; border-radius:0.625rem; background:rgba(0, 0, 0, 0.02);}
    .s_c_2 ul li span {display:block; margin:0 auto 1.25rem; width:4.5rem; height:4.5rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .s_c_2 ul li p {font-size:1rem;}




/****************************************/
/*  careers  */
/****************************************/

.sel_careers {}
.sel_careers header .menu ul li > a {color:rgba(0, 0, 0, 0.8);}
.sel_careers header .logo {background-image:url('images/logo_hover.svg');}
.sel_careers header .options .o_lang > span::after {opacity:1;}
.sel_careers header .dropdowns {background:rgba(0, 0, 0, 0.02);}
.sel_careers .con_topic .main {padding:20rem 0 9.375rem;}
.sel_careers .con_topic .text {color:#000000;}

    /**/
    .reason {position:relative; margin-bottom:1.25rem; padding:9.375rem 0;}
    .reason .main {position:relative; z-index:1; padding:6.25rem; border-radius:1.25rem; background:rgba(255, 255, 255, 1);}
    .reason h2 {font-size:2.5rem;}
    .reason ul {margin-top:1.25rem;}
    .reason ul li {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
    .reason ul li:last-child {border:none;}
    .reason ul li .cell {display:flex; justify-content:space-between; align-items:flex-start; padding:4.5rem 0;}
    .reason ul li:last-child .cell {padding-bottom:0;}
    .reason ul li .col_1 {width:40%; padding-right:4.5rem; font-size:1.375rem; line-height:1.6;}
    .reason ul li .col_2 {width:60%; opacity:0.5; font-size:1.125rem; line-height:1.6;}
    .reason .bg {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 2.5rem); height:100%; border-radius:1.25rem; overflow:hidden;}
    .reason .bg::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1);}
    .reason .bg span {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.02); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .reason .bg .video {position:absolute; left:0; top:0; width:100%; height:100%;}
    .reason .bg .video video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:auto; min-width:100%; min-height:100%;}

    /**/
    .careers_list {padding:6.25rem 0; position:relative;}
    .careers_list .main {position:relative; z-index:1;}
    .careers_list ul li {margin-bottom:1.25rem;}
    .careers_list ul li a {display:block; padding:4.5rem 6.25rem; border-radius:1.25rem; background-color:rgba(0, 0, 0, 0.02); transition:all 0.3s;}
    .careers_list ul li .cell {display:flex; justify-content:space-between; align-items:center;}
    .careers_list ul li .col_1 {width:40%; font-size:1.375rem;}
    .careers_list ul li .col_2 {width:40%; font-size:1.125rem; opacity:0.5; padding:0 4.5rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
    .careers_list ul li i {display:block; width:0; height:0; margin-left:1.875rem; position:relative; transition:all 0.3s;}
    .careers_list ul li i::before {content:""; position:absolute; right:0; top:50%; transform-origin:right top; transform:rotate(45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .careers_list ul li i::after {content:""; position:absolute; right:0; bottom:50%; transform-origin:right bottom; transform:rotate(-45deg); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
    .careers_list ul li i em {display:block; width:1rem; height:1px; background:rgba(0, 0, 0, 1.0); position:absolute; right:2px; top:50%; transform:translateY(-50%); transition:all 0.3s;}
    .careers_list ul li a:hover {color:#FFFFFF; background:var(--global_color);}
    .careers_list ul li a:hover i::before,
    .careers_list ul li a:hover i::after,
    .careers_list ul li a:hover i em {background:#FFFFFF;}




/****************************************/
/*  careers_detail  */
/****************************************/

.sel_careers_detail {}
.sel_careers_detail header .menu ul li > a {color:rgba(0, 0, 0, 0.8);}
.sel_careers_detail header .logo {background-image:url('images/logo_hover.svg');}
.sel_careers_detail header .options .o_lang > span::after {opacity:1;}
.sel_careers_detail header .dropdowns {background:rgba(0, 0, 0, 0.02);}

    /**/
    .careers_detail {padding:12.5rem 0;}
    .careers_detail .main {}
    .careers_detail h1 {font-size:3.5rem;}
    .careers_detail article {margin-top:3.75rem; padding:3.75rem; font-size:1rem; line-height:2; border-radius:1.25rem; background:rgba(0, 0, 0, 0.02);}
    .careers_detail article strong {display:inline-block; font-size:1.375rem; font-weight:normal; margin-bottom:1.25rem;}
    .careers_detail article p {font-size:0.875rem;}