/*
======================================================================
*   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:1.8;}
img {display:block; max-width:100%; flex-shrink:0; border:none; overflow:hidden;}
li{list-style-type: none;}
a {color:#000000; text-decoration:none; transition:all 0.3s;}

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

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {opacity:1; font-size:0.875rem; 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:0.875rem; color:rgba(0, 0, 0, 0.2); font-weight:normal;}

h1, 
h2, 
h3, 
h4, 
h5, 
h6
{}
html {font-size:1vw;}
body {border:20px solid #FFFFFF; font-family:Arial,Verdana,sans-serif;}

/* 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    ************/
/***************************************/

/**/
.row {margin:0 auto; padding:0 100px; max-width:1600px; width:100%;}

/**/
.btn_area {display:flex; justify-content:flex-start;}
a.btn {display:inline-block; padding:0.625rem 1.25rem; position:relative; font-size:0.875rem; text-align:center; color:#FFFFFF; color:#000000; background:#FFFFFF; transition:all 0.3s ease-out 0s; overflow:hidden;}
a.btn span {}
a.btn:hover {}
    /**/
    a.btn_black {color:#FFFFFF; background:rgba(0, 0, 0, 1); box-shadow:0 0.625rem 0.625rem rgba(0, 0, 0, 0.05);}
    a.btn_gray {background:rgba(0, 0, 0, 0.05);}

/**/
.more {display:inline-block; padding:1.25rem 6rem 1.25rem 0; font-size:1rem; line-height:1; position:relative; transition:all 0.3s ease-out 0s;}
.more::before,
.more::after {content:""; position:absolute; left:0; width:100%; height:1px; background:#000000; transition:all 0.3s ease-out 0s;}
.more::before {top:0;}
.more::after {bottom:0;}
.more span {}
.more i {display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.875rem; height:0.875rem; transition:all 0.3s ease-out 0s;}
.more i::before,
.more i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#000000; transition:all 0.3s ease-out 0s;}
.more i::before {width:100%; height:1px;}
.more i::after {width:1px; height:100%;}
.more:hover i {transform:translateY(-50%) rotate(45deg);}
    /**/
    .more.white {color:#FFFFFF;}
    .more.white::before,
    .more.white::after {background:#FFFFFF;}
    .more.white i::before,
    .more.white i::after {background:#FFFFFF;}

/**/
.shead {padding:0 0 2.5rem 0;}
.shead h2 {font-size:4.5rem; line-height:1; color:#15499A; text-transform:uppercase;}
.shead h3 {font-size:2rem; line-height:1; font-weight:normal; margin-top:0.625rem;}

/**/
.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:0.875rem; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#FFFFFF;}
.pages span {cursor:default; background:#FFE329;}
.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;}

/**/
.tab {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -0.625rem; }
.tab a,
.tab span {display:flex; justify-content:center; align-items:center; position:relative; margin:0 0.625rem; padding:0.625rem 1.25rem; font-size:0.875rem; text-align:center; cursor:pointer; background:#FFFFFF; transition:all 0.3s;}
.tab a:hover,
.tab span:hover {background:#FFE329;}
.tab a.active,
.tab span.active {background:#FFE329;}
.tab a.active:hover,
.tab span.active:hover {opacity:1;}

/**/
.breadcrumbs {padding:2.5rem 0;}
.breadcrumbs .main {display:flex; align-items:center;}
.breadcrumbs a.icon {width:1.75rem; height:1.75rem; 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:2.5rem; font-size:1rem; color:rgba(0, 0, 0, 0.5);}
.breadcrumbs a::after {content:""; position:absolute; right:-1.875rem; top:50%; transform:translateY(-50%); width:1.25rem; height:1px; background:rgba(0, 0, 0, 1.0);}
.breadcrumbs span {font-size:1rem;}

/**/
.table {font-size:0.875rem;}
.table .title {border-radius:0.25rem; background:#333333;}
.table .title ul {display:flex; justify-content:space-between;}
.table .title ul li {padding:1.25rem; color:#FFFFFF; font-weight:bold;}
.table .list {}
.table .list ul {display:flex; justify-content:space-between; border-radius:0.25rem;}
.table .list ul:nth-child(even) {background:#F2F2F2;}
.table .list ul li {padding:1.25rem;}

/* 公共文字上升动画类 */
.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:20rem; text-align:center; background:#FFFFFF;}
.alert .i_a h4 {font-size:1rem; font-weight:normal;}
.alert .i_a a {display:inline-block; margin-top:2.5rem; padding:0.625rem 1.25rem; min-width:6rem; font-size:0.875rem; background:#FFE329;}

/**/
.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;}

a.anchor {display:block; height:0; position:relative; overflow:hidden;}

/**/
.video {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.video video {width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.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:fixed; left:20px; top:20px; z-index:20; width:calc(100% - 40px);}
header .inner_header {display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; height:6.25rem; background:rgba(0, 0, 0, 0.9); backdrop-filter:blur(40px);}
header .logo{display:flex; align-items:center; width:8rem; height:6.25rem; position:absolute; z-index:1; left:2.5rem; top:50%; transform:translateY(-50%); 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; opacity:0.8; padding:0 1.5rem; display:flex; align-items:center; font-size:1rem; color:rgba(255, 255, 255, 1.0); white-space:nowrap; height:100%; font-style:normal; text-rendering:optimizeLegibility; transition:opacity 0.3s;}
header .menu ul li > a:hover {opacity:1;}
header .menu ul li.sub_hover .dropdowns {visibility:visible; opacity:1;}
header .dropdowns {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:6.25rem; background:#ffffff;}
header .dropdowns dl {}
header .dropdowns dd {transition:all 0.3s ease-out 0s;}
header .dropdowns dd img {display:block; width:100%; transition:all 0.3s ease-out 0s;}
header .dropdowns dd a {display:block; position:relative; padding:1.25rem 1.5rem; white-space:nowrap; color:rgba(0, 0, 0, 0.6);}
header .dropdowns dd a::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0, 0, 0, 0.03);}
header .dropdowns dd a span {display:block; margin-bottom:1.25rem; width:100%; height:18.75rem; overflow:hidden;}
header .dropdowns dd a p {font-size:1rem; line-height:1;}
header .dropdowns dd a:hover {color:rgba(0, 0, 0, 1.0); background:#FFE329;}
header .dropdowns.normal {position:absolute; padding:0; width:auto;}
header .dropdowns.normal dl {margin:0; padding:0.625rem 0; flex-direction:column;}
header .dropdowns.normal dd {padding:0}
header .dropdowns.normal dd a {padding:0.625rem 1.875rem; text-align:left;}
header .dropdowns.normal dd a:hover {}
header .options {display:flex; align-items:center; margin:0 2.5rem 0 1.25rem; font-size:0.875rem;}
header .options a {display:block;}
header .options a:hover {}
header .options .q_phone {margin-right:2.5rem;}
header .options .q_phone .btn_area {display:flex;}
header .options .q_phone .btn_area a.btn {margin-right:1.25rem; padding:0.625rem 1.25rem; display:flex; justify-content:center; align-items:center; cursor:pointer; font-size:0.875rem; color:rgba(255, 255, 255, 0.8); border:1px solid rgba(255, 255, 255, 0.2); background:transparent;}
header .options .q_phone .btn_area a.btn:hover {color:rgba(255, 255, 255, 1.0);}
header .options .q_phone .btn_area a.btn .icon {margin-right:0.625rem; display:block; width:1.25rem; height:1.25rem; background:url("images/phone.svg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
header .options .q_phone .btn_area a.btn:last-child {margin:0; color:#000000; background:#FFE329;}
header .options .q_phone .btn_area a.btn span {}
header .options .o_search {display:none; margin-right:1.25rem; height:100%;}
header .options .o_search > span {display:block; cursor:pointer; position:relative; width:2rem; height:100%;}
header .options .o_search > span::before {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%; background-image:url("images/search_icon.svg");}
header .options .o_lang {position:relative; height:100%; color:#FFFFFF;}
header .options .o_lang > span {display:flex; align-items:center; height:100%; cursor:pointer;}
header .options .o_lang > span i {position:relative; display:block; margin-left:0.625rem; width:0.375rem; height:0.375rem; transform:rotate(135deg);}
header .options .o_lang > span i::before {content:""; position:absolute; right:0; top:0; width:100%; height:1px; background:rgba(255, 255, 255, 1.0);}
header .options .o_lang > span i::after {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255, 255, 255, 1.0);}
header .options .o_lang .dropdowns {position:absolute; left:50%; top:6rem; transform:translateX(-50%); width:auto;}
header .options .o_lang .dropdowns dl {display:block; max-width:none; margin:0; padding:0;}
header .options .o_lang .dropdowns dl dd {padding:0;}
header .options .o_lang:hover .dropdowns {visibility:visible; opacity:1;}
header .options .dropdowns {}
header .options .dropdowns a {font-size:0.875rem;}
header .searchview {display:none; position:fixed; z-index:3; left:0; right:0; top:0; margin:auto; width:100%; height:6.25rem; background:#FFFFFF;}
header .searchview .form {max-width:60rem; height:100%; margin:auto; position:relative;}
header .searchview .form button {position:absolute; right:0; top:0; bottom:0; margin:auto; width:2.5rem; height:2.5rem; cursor:pointer; background:none;}
header .searchview .form button:before {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:1.25rem; height:0.125rem; background:#000000; transform:rotate(45deg);}
header .searchview .form button:after {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:1.25rem; height:0.125rem; background:#000000; transform:rotate(-45deg);}
header .searchview .form input {width:100%; height:100%; font-size:1rem; background:transparent;}
header .searchview .form input::placeholder {color:rgba(0, 0, 0, 0.2);}
header.fill {}
.sticky_nav {background:#15499A;}
.sticky_nav ul li a {color:rgba(0,0,0,1);}
.sticky_nav .dropdowns {top:6.25rem; background:#ffffff;}
.sticky_nav .dropdowns dd a {}
.sticky_nav .dropdowns dd a:hover {}
.sticky_nav .options .q_phone .btn_area a.btn:last-child {color:#15499A; background:#FFFFFF;}
.sticky_nav .options a {}

/**/
footer {z-index:1; left:20px; bottom:20px; width:calc(100% - 40px); margin:auto;}
footer .main {padding:2rem 0; border-top:1px solid rgba(0, 0, 0, 0);}
footer .main ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
footer .main ul li {}
footer .main ul li .cell {}
footer .main ul li:first-child .cell {display:flex;}
footer .main ul li:first-child p:last-child {margin:0;}
footer .main ul li:first-child p:last-child::after {display:none;}
footer .main ul li:last-child p {margin:0; opacity:0.3;}
footer .main ul li:last-child p::after {display:none;}
footer .main ul li:last-child p a {margin:0;}
footer p {margin-right:1.25rem; position:relative; font-size:0.75rem;}
footer p::after {content:''; position:absolute; right:-0.46875rem; top:50%; transform:translateY(-50%); width:1px; height:0.75rem; background:#000000;}
footer p a {margin:0 0.3125rem; position:relative;}
footer p a::after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:0.0625rem; transform:scaleX(1.0); transform-origin:bottom left; background:#000000; transition:transform 0.3s;}
footer p a:hover {}
footer p a:hover::after {transform:scaleX(0); transform-origin:bottom right;}
footer p .vokodesign {margin-left:0.3125rem;}

/**/
.cookie_popup {display:none; position:fixed; z-index:20; left:0; top:0; width:100%; height:100%;}
.cookie_popup .main {width:100%; height:100vh; display:flex; justify-content:center; align-items:center;}
.cookie_popup .cpm {padding:5rem; position:relative; width:100%; max-width:37.5rem; background:#15499A;}
.cookie_popup .text {color:#FFFFFF;}
.cookie_popup .text p {font-size:0.875rem;}
.cookie_popup .text p a {color:#FFFFFF; text-decoration:underline;}
.cookie_popup .btn_area {display:flex; margin-top:2.5rem;}
.cookie_popup .btn_area a.btn {margin-left:1.25rem; padding:0.75rem 1.875rem; font-size:0.875rem;}
.cookie_popup .btn_area a.btn:first-child {margin:0;}
.cookie_popup .close {display:block; width:2.5rem; height:2.5rem; cursor:pointer; position:absolute; right:0.625rem; top:0.625rem; transform:rotate(45deg); opacity:0.3; transition:all 0.3s ease-out 0s;}
.cookie_popup .close::before,
.cookie_popup .close::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#FFFFFF;}
.cookie_popup .close::before {width:0.125rem; height:40%;}
.cookie_popup .close::after {width:40%; height:0.125rem;}
.cookie_popup .close:hover {opacity:0.8;}

/**/
.con_topic {position:relative; background:#000000; overflow:hidden;}
.con_topic .main {padding:20rem 0 4rem; position:relative; z-index:1; color:#FFFFFF;}
.con_topic .text {}
.con_topic .text h1 {font-size:2.75rem; line-height:1; text-transform:uppercase;}
.con_topic .text p {font-size:1.375rem; line-height:1; margin-top:0.625rem;}
.con_topic .topic_bg {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:100%;}
.con_topic .topic_bg span {display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 1.0); background-position:center center; background-repeat:no-repeat; background-size:cover;}

/**/
.con_products_list {}
.con_products_list ul {display:flex; flex-wrap:wrap; margin:-0.625rem;}
.con_products_list ul li {width:25%; padding:0.625rem;}
.con_products_list ul li a {display:block; cursor:default; background:#FFFFFF;}
.con_products_list ul li a .cell {position:relative;}
.con_products_list ul li a .cover {padding:2.5rem; overflow:hidden;}
.con_products_list ul li a .cover span {display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-out 0s;}
.con_products_list ul li a .desc {display:none; padding:1.25rem; text-align:center;}
.con_products_list ul li a .desc p {font-size:1rem;}

/**/
.con_news_list {margin-top:40px;}
.con_news_list ul {}
.con_news_list ul li {margin-bottom:1.25rem;}
.con_news_list ul li:last-child {margin:0;}
.con_news_list ul li .cell {}
.con_news_list ul li a {display:flex; flex-wrap:wrap; justify-content:space-between; background:#FFFFFF;}
.con_news_list ul li a .cover {width:50%; overflow:hidden;}
.con_news_list ul li a .cover span {display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-out 0s;}
.con_news_list ul li a .text {width:50%; padding:0.625rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.con_news_list ul li a .text .tb {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding:2.5rem; width:80%;}
.con_news_list ul li a .text .tb .name {transition:all 0.3s ease-out 0s;}
.con_news_list ul li a .text .tb .name h4 {font-size:1.375rem; font-weight:normal; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.con_news_list ul li a .text .tb .name p {font-size:1rem; margin:1.25rem 0 2.5rem; opacity:0.5; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_news_list ul li a .text .tb .more {display:none;}
.con_news_list ul li a .text .date {width:20%; display:flex; flex-direction:column; justify-content:space-between; text-align:center; padding:2.5rem 1.25rem; background:#FFFFFF;}
.con_news_list ul li a .text .date strong {font-size:4rem;}
.con_news_list ul li a .text .date p {font-size:1rem; opacity:0.3;}
.con_news_list ul li a:hover {background:#FFE329;}
.con_news_list ul li a:hover .cover span {transform:scale(1.05);}




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

.sel_home {}
.sel_home .swiper_1 {width:100%; height:calc(100vh - 40px);}
.sel_home .swiper_1 .swiper-slide {background-position:center center; background-color:#000000; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.sel_home .swiper_1 .swiper-pagination {display:none;}
.sel_home .swiper_1 .content {height:100vh; display:flex; justify-content:center; align-items:center;}
.sel_home .swiper_1 .title {margin:0 0 2rem; text-align:center;}
.sel_home .swiper_1 .title h2 {font-size:2rem; position:relative; line-height:1; margin-bottom:0.625rem;}
.sel_home .swiper_1 .title h2::before {content:""; position:absolute; left:50%; top:-1.25rem; transform:translateX(-50%); width:2.5rem; height:0.125rem; background:#FFE329;}
.sel_home .swiper_1 .title p {font-size:1.125rem; line-height:1;}
.sel_home footer {position:fixed;}
    
    /**/
    .slide_1 {background-image:url('images/slide_1.jpg');}
    .slide_1 .slide_home {width:100%;}
    .slide_1 .moving_logo {display:flex; justify-content:center; align-items:center; position:relative; width:25rem; height:25rem; margin:auto; border-radius:100%; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px);}
    .slide_1 .moving_logo img {display:block; width:50%;}

    /**/
    .slide_2 {background-image:url('images/slide_2.jpg');}
    .slide_2 .slide_about {width:100%;}
    .slide_2 .slide_about .lr {padding:2.5rem; display:flex; justify-content:space-between; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px);}
    .slide_2 .slide_about .lr .img {width:45%; overflow:hidden;}
    .slide_2 .slide_about .lr .text {width:55%; padding-left:2.5rem; display:flex; flex-direction:column; justify-content:space-between;}
    .slide_2 .slide_about .lr .text .t {}
    .slide_2 .slide_about .lr .text .intro {font-size:1rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;}
    .slide_2 .slide_about .lr ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:1.875rem -1.25rem;}
    .slide_2 .slide_about .lr ul li {width:25%; padding:0 1.25rem;}
    .slide_2 .slide_about .lr ul li .cell {}
    .slide_2 .slide_about .lr ul li a {display:block; text-align:center; cursor:pointer; padding:2.5rem 0; background:url('images/polygon.svg'); background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
    .slide_2 .slide_about .lr ul li a span {display:block; width:2.5rem; height:2.5rem; margin:0 auto 0.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .slide_2 .slide_about .lr ul li:nth-child(1) a span {background-image:url('images/slide_about_icon_1.png');}
    .slide_2 .slide_about .lr ul li:nth-child(2) a span {background-image:url('images/slide_about_icon_2.png');}
    .slide_2 .slide_about .lr ul li:nth-child(3) a span {background-image:url('images/slide_about_icon_3.png');}
    .slide_2 .slide_about .lr ul li:nth-child(4) a span {background-image:url('images/slide_about_icon_4.png');}
    .slide_2 .slide_about .lr ul li a span img {display:block; width:100%;}
    .slide_2 .slide_about .lr ul li a p {font-size:1rem; line-height:1;}

    /**/
    .slide_3 {background-image:url('images/slide_3.jpg');}
    .slide_3 .slide_products {width:100%;}
    .slide_3 .tab {}
    .slide_3 .tab a {flex:1;}
    .slide_3 .focus_box {margin:4rem -0.625rem 0;}
    .slide_3 .swiper_2 {width:auto; height:100%; overflow:hidden;}
    .slide_3 .swiper_2 .swiper-wrapper {flex-direction:row;}
    .slide_3 .swiper_2 .swiper-slide {padding:0 0.625rem; background:transparent;}
    .slide_3 .swiper_2 .swiper-slide .cell {display:flex; justify-content:center; align-items:center; height:100%; padding:2.5rem; background:#FFFFFF;}
    .slide_3 .swiper_2 .swiper-slide img {display:block; margin:auto; width:80%;}

    /**/
    .slide_4 {background-image:url('images/slide_4.jpg');}
    .slide_4 .slide_advantage {width:100%;}
    .slide_4 .slide_advantage ul {display:flex; flex-wrap:wrap; margin:0 -0.625rem;}
    .slide_4 .slide_advantage ul li {width:20%; padding:0 0.625rem; overflow:hidden;}
    .slide_4 .slide_advantage ul li .cell {position:relative; height:100%;}
    .slide_4 .slide_advantage ul li .cell::after {content:""; position:absolute; left:0; top:6rem; width:100%; height:100%; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px);}
    .slide_4 .slide_advantage ul li .t {position:relative; z-index:1; padding:1.25rem;}
    .slide_4 .slide_advantage ul li .t span {display:block; margin:auto; width:12rem; height:12rem; background-image:url("images/slide_advantage.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .slide_4 .slide_advantage ul li .t h3 {font-size:1.375rem; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; max-width:10rem; text-align:center;}
    .slide_4 .slide_advantage ul li .b {padding:1rem 2rem 6rem; position:relative; z-index:1;}

    /**/
    .slide_5 {background-image:url('images/slide_5.jpg');}
    .slide_5 .slide_applications {width:100%;}
    .slide_5 ul {display:flex; justify-content:space-between; align-items:flex-start; position:relative;}
    .slide_5 ul li {width:16.72%;}
    .slide_5 ul li:nth-child(5),
    .slide_5 ul li:nth-child(6),
    .slide_5 ul li:nth-child(7),
    .slide_5 ul li:nth-child(8),
    .slide_5 ul li:nth-child(9),
    .slide_5 ul li:nth-child(10) {position:absolute;}      
    .slide_5 ul li:nth-child(5) {left:13.85%; top:20.74%;}
    .slide_5 ul li:nth-child(6) {left:41.64%; top:20.74%;}
    .slide_5 ul li:nth-child(7) {left:69.42%; top:20.74%;}
    .slide_5 ul li:nth-child(8) {left:27.71%; top:41.51%;}
    .slide_5 ul li:nth-child(9) {left:55.5%; top:41.51%;}
    .slide_5 ul li:nth-child(10) {left:50%; transform:translateX(-50%); bottom:0;}
    .slide_5 ul li .cell {position:relative;}
    .slide_5 ul li img {display:block; width:100%; overflow:hidden; transition:all 0.3s;}
    .slide_5 ul li h3 {opacity:0; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; text-align:center; font-size:1.375rem; transition:all 0.3s;}
    .slide_5 ul li:hover img {opacity:0.2;}
    .slide_5 ul li:hover h3 {opacity:1;}

    /**/
    .slide_6 {background-image:url('images/slide_6.jpg');}
    .slide_6 .title {color:#FFFFFF;}
    .slide_6 .slide_news {width:100%;}
    .slide_6 .lr {padding:2.5rem; display:flex; flex-wrap:wrap; justify-content:space-between; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px);}
    .slide_6 .l {width:40%; height:100%;}
    .slide_6 .l .cover {overflow:hidden;}
    .slide_6 .l .cover img {display:block; width:100%;}
    .slide_6 .l .text {margin:1.25rem 0;}
    .slide_6 .l .text h3 {font-size:1.375rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
    .slide_6 .l .text span {font-size:0.75rem; display:block; padding:0.3125rem 0 0.625rem; opacity:0.3;}
    .slide_6 .l .text p {font-size:0.875rem; opacity:0.5; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
    .slide_6 .r {width:60%; padding-left:3rem;}
    .slide_6 .r .tab {justify-content:flex-start;}
    .slide_6 .r .tab a {font-size:0.875rem; padding:0.75rem 1.25rem;}
    .slide_6 .r .ul_cols {margin-top:2.5rem;}
    .slide_6 .r ul {visibility:hidden; opacity:0; height:0;}
    .slide_6 .r ul.active {visibility:visible; opacity:1; height:auto;}
    .slide_6 .r ul li {margin-bottom:2rem;}
    .slide_6 .r ul li:last-child {margin:0;}
    .slide_6 .r ul li .cell {}
    .slide_6 .r ul li a {display:flex;}
    .slide_6 .r ul li a .cover {width:25%;}
    .slide_6 .r ul li a .cover span {display:block; width:100%; position:relative; background:#FFFFFF; overflow:hidden;}
    .slide_6 .r ul li a .cover img {position:absolute; left:0; top:0; width:100%; height:100%;}
    .slide_6 .r ul li a .text {width:75%; padding-left:2.5rem;}
    .slide_6 .r ul li a .text h4 {font-size:1.125rem; line-height:1; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
    .slide_6 .r ul li a .text span {font-size:0.75rem; line-height:1; display:block; padding:0.625rem 0 0.625rem; opacity:0.3;}
    .slide_6 .r ul li a .text p {font-size:0.875rem; opacity:0.5; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

    /**/
    .slide_7 {background-image:url('images/slide_7.jpg');}
    .slide_7 .slide_contact {width:100%;}
    .slide_7 .lr {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .slide_7 .l {width:50%; padding-right:2.5rem;}
    .slide_7 .l ul {}
    .slide_7 .l ul li {margin-bottom:1.25rem;}
    .slide_7 .l ul li .cell {}
    .slide_7 .l ul li input,
    .slide_7 .l ul li textarea {display:block; width:100%; padding:1rem; font-size:1.125rem; background:rgba(255, 255, 255, 0.95); backdrop-filter:blur(10px);}
    .slide_7 .l ul li textarea {height:15rem;}
    .slide_7 .l .btn_area {margin-top:1.25rem;}
    .slide_7 .l .btn_area a.btn {min-width:6rem; background:#FFE329;}
    .slide_7 .r {width:50%; padding-left:2.5rem;}
    .slide_7 .r ul {}
    .slide_7 .r ul li {margin-bottom:1.25rem;}
    .slide_7 .r ul li:last-child {margin:0;}
    .slide_7 .r ul li .cell {display:flex; align-items:center;}
    .slide_7 .r ul li i {display:block; width:1.75rem; height:1.75rem; margin-right:0.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .slide_7 .r ul li:nth-child(1) i {background-image:url('images/slide_contact_icon_1.png');}
    .slide_7 .r ul li:nth-child(2) i {background-image:url('images/slide_contact_icon_2.png');}
    .slide_7 .r ul li:nth-child(3) i {background-image:url('images/slide_contact_icon_3.png');}
    .slide_7 .r ul li:nth-child(4) i {background-image:url('images/slide_contact_icon_4.png');}
    .slide_7 .r ul li p {font-size:1.125rem; line-height:1;}
    .slide_7 .r .img {display:flex; display:none; margin-top:3.125rem;}
    .slide_7 .r .img img {width:12rem;}
    .slide_7 .r .img img:last-child {margin-left:2.5rem;}




/*****************************************/
/*************    company    *************/
/*****************************************/

.sel_company {}

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

    /**/
    .company {padding:4rem 0; margin:auto; font-size:1rem; line-height:2;}
    .company .main {max-width:800px; margin:auto;}




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

.sel_products {}

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

    /**/
    .products {padding:2.5rem 0 6.25rem; background:#F8F8F8;}
    .products .con_products_list {margin-top:2.5rem;}




/****************************************/
/********    products_detail   ********/
/****************************************/

.sel_products_detail {}
    
    /**/
    .sel_products_detail_1 .con_topic .topic_bg span {background-image:url("images/products_1_topic.jpg");}

    /**/
    .products_detail_group {padding:6.25rem 0;}
    .products_detail_group .title {}
    .products_detail_group .title h1 {font-size:2.5rem; text-align:center;}
    .products_detail_group ul {margin-top:2.5rem;}
    .products_detail_group ul li {margin-bottom:2.5rem;}
    .products_detail_group ul li:last-child {margin:0;}
    .products_detail_group ul li .cell {}
    .products_detail_group ul li img {display:block; width:100%;}




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

.sel_news {}

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

    /**/
    .news {padding:3.75rem 0 9.375rem; background:rgba(0, 0, 0, 0.02);}
    .news .con_news_list {margin-top:2.5rem;}




/*****************************************/
/***********    news_detail    ***********/
/*****************************************/

.sel_news_detail {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:800px; 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:0.875rem; line-height:1.8;}
    .sel_news_detail .article .content p {}
    .sel_news_detail .article .content img {display:inline-block; margin-bottom:1.25rem;}
    .sel_news_detail .article .content a {text-decoration:underline;}




/*****************************************/
/*************    search    **************/
/*****************************************/

.sel_search {background:rgba(0, 0, 0, 0.03);}
    
    /**/
    .sel_search .form_wrap {}
    .sel_search .form_wrap .fw_inner {padding:12.5rem 0;}
    .sel_search form {margin:auto; max-width:37.5rem; position:relative;}
    .sel_search form input[type='text'] {display:block; padding:0.875rem 1.25rem; width:100%; font-size:1rem; background:#FFFFFF;}
    .sel_search form input[type='submit'] {display:inline-block; width:3.75rem; height:100%; cursor:pointer; position:absolute; right:0; top:0; font-size:0; color:#FFFFFF; background:#15499A url("/statics/css/images/search_icon.svg"); background-repeat:no-repeat; background-position:center center; background-size:20px auto; transition:all 0.3s ease-out 0s; overflow:hidden;}
    .sel_search .sr_logo {margin-bottom:1.25rem;}
    .sel_search .sr_logo .jg {font-size:0.875rem; opacity:0.3;}
    .sel_search .sr_frm_box {margin-bottom:6.25rem;}
    .sel_search .sr_lists {}
    .sel_search .sr_lists .l {display:none; padding:0 0 1.875rem; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
    .sel_search .sr_lists .l > div span {}
    .sel_search .sr_lists .l ul {display:flex; margin:1.25rem 0 0 0;}
    .sel_search .sr_lists .l ul li {padding:0 1.25rem 0 0;}
    .sel_search .sr_lists .l ul li .ac {color:#ed1c24;}
    .sel_search .sr_lists .c {}
    .sel_search .sr_lists .c ul {}
    .sel_search .sr_lists .c ul li {margin-bottom:2.5rem; padding:2.5rem; background:#FFFFFF;}
    .sel_search .sr_lists .c ul li:last-child {margin:0;}
    .sel_search .sr_lists .c ul li h5 {}
    .sel_search .sr_lists .c ul li h5 a {font-size:1.125rem;}
    .sel_search .sr_lists .c ul li p {font-size:1rem; padding:0.625rem 0 1.25rem;}
    .sel_search .sr_lists .c ul li .adds {font-size:0.75rem; opacity:0.3;}
    .sel_search .sr_lists .c ul .empty_tip {padding:2.5rem 0 0; font-size:0.875rem; opacity:0.3;}




/*****************************************/
/************    sel_clause    ***********/
/*****************************************/

.sel_clause {}
    
    /**/
    .sel_clause article {max-width:60rem; margin:6.25rem auto 0; padding:6.25rem 2.5rem 9.375rem;}
    .sel_clause article h1 {font-size:1.375rem; margin-bottom:2.5rem;}
    .sel_clause article section {font-size:0.875rem; line-height:1.8;}
    .sel_clause article section p {font-size:0.875rem; line-height:1.8; margin-bottom:1.25rem;}