/*
======================================================================
*	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;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {text-decoration:none;}
a:active {color:#000000;}

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

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

/**/
a.btn {display:inline-block; padding:1.25rem 2.5rem; position:relative; font-size:1rem; text-align:center; color:#FFFFFF; color:#000000; border-radius:100px; background:#FFFFFF; overflow:hidden; transition:background 0.3s , color 0.3s;}
a.btn span {}
a.btn:hover {color:#FFFFFF; background:#000000;}
    /**/
    a.btn_green {background:#A2D100;}
    a.btn_green:hover {color:#000000; background:#A2D100;}
    /**/
    a.btn_black {color:#FFFFFF; background:#000000;}
    a.btn_black:hover {color:#000000; background:#A2D100;}
    /**/
    a.btn_gray {background:rgba(0, 0, 0, 0.05);}
    a.btn_gray:hover {color:rgba(0, 0, 0, 0.5); background:rgba(0, 0, 0, 0.05);}

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

/**/
.shead {padding:0 0 4rem 0; text-align:center;}
.shead h2 {font-size:3.5rem;}

/**/
.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:#A2D100;}
.pages span {cursor:default; background:#A2D100;}

/**/
.tab {display:flex; justify-content:center; padding:3.75rem 0; text-align:center;}
.tab .inner {display:flex;}
.tab a {margin:0 0.625rem; padding:0.625rem 1.875rem; font-size:1rem; border:0.125rem solid rgba(0, 0, 0, 0.05); border-radius:2.5rem; white-space:nowrap; transition:color 0.3s;}
.tab a:hover,
.tab a.active {color:#A2D100;}

/**/
.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 {font-size:14px;}
.table .title {border-radius:4px; background:#333333;}
.table .title ul {display:flex; justify-content:space-between;}
.table .title ul li {padding:25px; color:#FFFFFF; font-weight:bold;}
.table .list {}
.table .list ul {display:flex; justify-content:space-between; border-radius:4px;}
.table .list ul:nth-child(even) {background:#F2F2F2;}
.table .list ul li {padding:25px;}

/**/
.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; background:#A2D100; 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;}

a.anchor {display:block; height:0; position:relative; top:-2.5rem; overflow:hidden;}

.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:0; top:0; z-index:20; width:100%; border-radius:0 0 2.5rem 2.5rem; 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:#FFFFFF; border-radius:0 0 2.5rem 2.5rem; 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; flex-shrink:0; width:10rem; height:4.6rem; position:absolute; z-index:1; left:0; top:50%; transform:translateY(-50%); background-image:url('images/logo.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center center; transition:margin 0.3s;}
header .logo::after{opacity:0; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url('images/logo_hover.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center center; transition:all 0.3s;}
header .logo_en {background-image:url('images/logo_en.png');}
header .logo_en::after {background-image:url('images/logo_en_hover.png');}
header .nav_more {display:none; cursor:pointer;}
header .menu{width:100%; height:100%;}
header .menu ul{display:flex; justify-content:center; height:100%;}
header .menu ul li{}
header .menu ul li > a {position:relative; padding:0 2rem; 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:color 0.3s;}
header .menu ul li > a::before {content:""; position:absolute; left:50%; bottom:1.25rem; transform:translateX(-50%); width:0; height:0.1875rem; border-radius:0.25rem; background:#A2D100; transition:all 0.3s;}
header .menu ul li > a:hover::before {width:2.5rem;}
header .menu ul li.sub.sub_hover .dropdowns {visibility:visible; opacity:1;}
header .dropdowns {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:6.25rem; width:100%; padding:6.25rem 0 5rem; transition-duration:0.3s;}
header .dropdowns dl {display:flex; justify-content:center; margin:0 -2.5rem;}
header .dropdowns dd {padding:0 2.5rem; 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; margin:0; padding:0; text-align:center;}
header .dropdowns dd a span {display:flex; justify-content:center; align-items:center; margin-bottom:1rem; width:7.5rem; height:7.5rem; border-radius:100%; background-color:#A2D100; background-position:center center; background-repeat:no-repeat; background-size:80%; overflow:hidden;}
header .dropdowns dd a span em {width:80%; height:80%; transform:scale(0.95); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
header .dropdowns dd:nth-child(1) a span em {background-image:url('images/products_type_icon_1.svg');}
header .dropdowns dd:nth-child(2) a span em {background-image:url('images/products_type_icon_2.svg');}
header .dropdowns dd:nth-child(3) a span em {background-image:url('images/products_type_icon_3.svg');}
header .dropdowns dd:nth-child(4) a span em {background-image:url('images/products_type_icon_4.svg');}
header .dropdowns dd:nth-child(5) a span em {background-image:url('images/products_type_icon_5.svg');}
header .dropdowns dd a p {font-size:1rem;}
header .dropdowns dd a:hover span em {transform:scale(1.0);}
    /* 新增值灰 */
    header .dropdowns dd:nth-child(3) a,
    header .dropdowns dd:nth-child(4) a,
    header .dropdowns dd:nth-child(5) a {cursor:default;}
    header .dropdowns dd:nth-child(3) a span,
    header .dropdowns dd:nth-child(4) a span,
    header .dropdowns dd:nth-child(5) a span {background:rgba(0, 0, 0, 0.02);}
    header .dropdowns dd:nth-child(3) a span em,
    header .dropdowns dd:nth-child(4) a span em,
    header .dropdowns dd:nth-child(5) a span em {opacity:0.1;}
    header .dropdowns dd:nth-child(3) a p,
    header .dropdowns dd:nth-child(4) a p,
    header .dropdowns dd:nth-child(5) a p {opacity:0.2;}
    header .dropdowns dd:nth-child(3) a:hover span em,
    header .dropdowns dd:nth-child(4) a:hover span em,
    header .dropdowns dd:nth-child(5) a:hover span em {transform:scale(0.95);}
header .options {display:flex; align-items:center; position:absolute; right:0; top:50%; transform:translateY(-50%); height:100%;}
header .options a {display:block; color:#FFFFFF;}
header .options a:hover {opacity:0.5;}
header .options .o_search {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:1rem; height:1rem; background-position:center center; background-repeat:no-repeat; background-size:100%;}
header .options .o_search > span::before {background-image:url("images/search_icon.svg");}
header .options .o_search > span::after {opacity:0; background-image:url("images/search_icon_black.svg");}
header .options .o_lang {display:flex; justify-content:space-between; align-items:center; color:#FFFFFF;}
header .options .o_lang span {display:flex; align-items:center; height:100%; cursor:pointer; font-size:1rem; opacity:0.5;}
header .options .o_lang span.active {opacity:1;}
header .options .o_lang i {display:block; width:0.125rem; height:0.875rem; margin:0 1rem; transform:rotate(30deg); border-radius:2px; background:#FFFFFF;}
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 {background:rgba(255, 255, 255, 1); box-shadow:0 0px 10px rgba(0,0,0,0.03);}
header.fill .logo::after {opacity:1;}
header.fill .menu ul li > a {color:#000000;}
header.fill .options .o_search > span::after {opacity:1;}
header.fill .options .o_lang,
header.fill .options .o_lang a {color:#000000;}
header.fill .options .o_lang i {background:#000000;}
header.sub_fill {}
header.sub_fill::after {height:60vh; min-height:400px;}
header.sub_fill .logo::after {opacity:1;}
header.sub_fill .menu ul li > a {color:#000000;}
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;
    }
}
    
    /**/
    .sel_news_detail header {background:#FFFFFF; box-shadow:0 0px 10px rgba(0,0,0,0.03);}
    .sel_news_detail header .logo::after {opacity:1;}
    .sel_news_detail header .menu ul li > a {color:#000000;}
    .sel_news_detail header .options a {color:#000000;}
    .sel_news_detail header .options .o_search > span::after {opacity:1;}
    .sel_news_detail header .options .o_lang {color:#000000;}
    .sel_news_detail header .options .o_lang i {background:#000000;}
    /**/
    .sel_core_technology header {background:#FFFFFF; box-shadow:0 0px 10px rgba(0,0,0,0.03);}
    .sel_core_technology header .logo::after {opacity:1;}
    .sel_core_technology header .menu ul li > a {color:#000000;}
    .sel_core_technology header .options a {color:#000000;}
    .sel_core_technology header .options .o_search > span::after {opacity:1;}
    .sel_core_technology header .options .o_lang {color:#000000;}
    .sel_core_technology header .options .o_lang i {background:#000000;}
    /**/
    .sel_products_detail_2 header {background:#FFFFFF; box-shadow:0 0px 10px rgba(0,0,0,0.03);}
    .sel_products_detail_2 header .logo::after {opacity:1;}
    .sel_products_detail_2 header .menu ul li > a {color:#000000;}
    .sel_products_detail_2 header .options a {color:#000000;}
    .sel_products_detail_2 header .options .o_search > span::after {opacity:1;}
    .sel_products_detail_2 header .options .o_lang {color:#000000;}
    .sel_products_detail_2 header .options .o_lang i {background:#000000;}
    /**/
    .sel_careers_detail header {background:#FFFFFF; box-shadow:0 0px 10px rgba(0,0,0,0.03);}
    .sel_careers_detail header .logo::after {opacity:1;}
    .sel_careers_detail header .menu ul li > a {color:#000000;}
    .sel_careers_detail header .options a {color:#000000;}
    .sel_careers_detail header .options .o_search > span::after {opacity:1;}
    .sel_careers_detail header .options .o_lang {color:#000000;}
    .sel_careers_detail header .options .o_lang i {background:#000000;}
    /**/
    .sel_clause header {background:#FFFFFF; box-shadow:0 0px 10px rgba(0,0,0,0.03);}
    .sel_clause header .logo::after {opacity:1;}
    .sel_clause header .menu ul li > a {color:#000000;}
    .sel_clause header .options a {color:#000000;}
    .sel_clause header .options .o_search > span::after {opacity:1;}
    .sel_clause header .options .o_lang {color:#000000;}
    .sel_clause header .options .o_lang i {background:#000000;}
    /**/
    .sel_search header {background:#FFFFFF; box-shadow:0 0px 10px rgba(0,0,0,0.03);}
    .sel_search header .logo::after {opacity:1;}
    .sel_search header .menu ul li > a {color:#000000;}
    .sel_search header .options a {color:#000000;}
    .sel_search header .options .o_search > span::after {opacity:1;}
    .sel_search header .options .o_lang {color:#000000;}
    .sel_search header .options .o_lang i {background:#000000;}

/**/
footer {position:relative; background:#FFFFFF;}
footer .inner {padding:8rem 0 0;}
footer .inner::before {content:""; position:absolute; z-index:2; left:0; top:0; border-radius:5rem 5rem 0 0; width:100%; height:100%; background:#A2D100;}
footer .inner::after {content:""; position:absolute; right:0; top:-14px; border-radius:5rem 5rem 0 0; width:98%; height:50%; transform:skew(0deg,1deg); background:#006B46;}
footer .t {position:relative; z-index:2;}
footer .t .main {}
footer .t .f_c_text {text-align:center;}
footer .t .f_c_text h2 {font-size:2.75rem; margin:auto; max-width:37.5rem; width:100%;}
footer .t .f_c_text .btn_area {margin-top:2rem;}
footer .t .f_c_text .btn_area a.btn {}
footer .t .f_nav {display:flex; flex-wrap:wrap; justify-content:space-between; margin:3.75rem 0;}
footer .t .f_nav .l {display:flex;}
footer .t .f_nav .r {display:flex; flex-direction:row-reverse;}
footer .t .f_nav h3 {font-size:2rem;}
footer .t .f_nav ul {margin:0 4rem 0;}
footer .t .f_nav ul li {padding:0.625rem 0;}
footer .t .f_nav ul li .cell {}
footer .t .f_nav ul li h4 {}
footer .t .f_nav ul li h4 a {font-size:1.125rem; opacity:0.5;}
footer .t .f_nav .r ul {text-align:right;}
footer .b {position:relative; z-index:2;}
footer .b .main {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:relative; padding:2.5rem 0; border-top:0.125rem solid rgba(0, 0, 0, 0.1);}
footer .b .text {}
footer .b p {display:flex; font-size:0.75rem; white-space:nowrap; line-height:1;}
footer .b p:nth-child(2) {display:none; margin-top:8px;}
footer .b p a {text-decoration:underline;}
footer .b p em {margin:0 0.625rem; position:relative;}
footer .b p em::after {content:''; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:0.0625rem; height:0.6875rem; background:#000000;}
footer .b p a:hover {opacity:1;}
footer .b p span.vokodesign {margin-left:0.625rem; opacity:0.5;}
footer .b p span.vokodesign a {padding:0 0 0 4px;}
footer .b .f_logo {display:none; width:10rem; height:6rem; position:absolute; z-index:1; left:50%; bottom:0; transform:translateX(-50%); border-radius:10px 10px 0 0; background:url('images/logo.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center center; transition:margin 0.3s;}
footer .b .social {}
footer .b .social dl {display:flex;}
footer .b .social dl dd {margin-left:1.25rem;}
footer .b .social dl dd a {display:block; width:2.5rem; height:2.5rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}

/**/
.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 a.btn {margin-left:1rem; padding:0.625rem 1.875rem; font-size:0.75rem;}
.cookie_popup .btn_area a.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; border-radius:0 0 4rem 4rem; overflow:hidden;}
.con_topic .main {padding:30rem 0 9.375rem; position:relative; z-index:1; color:#FFFFFF;}
.con_topic .text {}
.con_topic .text h1 {font-size:4.5rem; color:#A2D100;}
.con_topic .topic_bg {position:absolute; left:0; top:0; width:100%; height:100%;}
.con_topic .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

/**/
.con_products_list {}
.con_products_list ul {}
.con_products_list ul li {margin-bottom:5rem;}
.con_products_list ul li:last-child {margin:0;}
.con_products_list ul li h2 {font-size:2.75rem; margin-bottom:2.5rem; padding:0 1.25rem;}
.con_products_list ul li dl {margin:-2.5rem; display:flex; flex-wrap:wrap;}
.con_products_list ul li dd {width:50%; padding:2.5rem;}
.con_products_list ul li a {display:block;}
.con_products_list ul li a .cell {position:relative;}
.con_products_list ul li a .cover {padding:6.25rem 1.25rem; border:2px solid transparent; border-radius:2.5rem; background:#F5F8ED; overflow:hidden; transition:border 0.3s;}
.con_products_list ul li a .cover span {display:block; width:50%; margin:auto; transform:scale(0.95); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
.con_products_list ul li a .cover p {font-size:1.375rem; text-align:center; margin-top:1.25rem;}
.con_products_list ul li a:hover .cover {border-color:#A2D100;}
.con_products_list ul li a:hover .cover span {transform:scale(1.0);}

/**/
.con_news_list {}
.con_news_list ul {display:flex; flex-wrap:wrap; margin:-2rem;}
.con_news_list ul li {width:33.33%; padding:2rem;}
.con_news_list ul li a {display:block; height:100%; border-radius:1.25rem; background:#F5F8ED; overflow:hidden; transition:background 0.3s;}
.con_news_list ul li a .cell {}
.con_news_list ul li a .cover {overflow:hidden;}
.con_news_list ul li a .cover span {display:block; width:100%; transform:scale(1); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
.con_news_list ul li a .text {padding:2.75rem 2.5rem;}
.con_news_list ul li a .text .name {transition:all 0.3s ease-out 0s;}
.con_news_list ul li a .text .name h4 {font-size:1.375rem; margin-top:1.875rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_news_list ul li a .text .name p {font-size:0.875rem;}
.con_news_list ul li a .text .btn {display:inline-block; margin-top:2.5rem; padding:1rem 2rem; font-size:0.875rem; border-radius:6.25rem; background:#FFFFFF;}
.con_news_list ul li a:hover {background:#A2D100;}
.con_news_list ul li a:hover .cover span {transform:scale(1.05);}




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

.sel_home {}

    /* kv */
    .kv {position:fixed; left:0; top:0; width:100%; height:55rem; background:#000000; overflow:hidden;}
    .kv .swiper-container {width:100%; height:100%; z-index:auto;}
    .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 .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 i {opacity:0; display:block; position:absolute; left:4px; bottom:12rem; width:10rem; height:0.125rem; border-radius:0.125rem; overflow:hidden; background:rgba(255, 255, 255, 0.5);}
    .kv .swiper-slide .text i::after {content:""; position:absolute; left:0; bottom:0; width:0; height:100%; border-radius:0.125rem; background:rgba(255, 255, 255, 1.0);}
    .kv .swiper-slide .text .btn_area {margin-top:60px;}
    .kv .swiper-slide .it {margin-top:20px;/*偏移量*/ opacity:0; position:absolute; z-index:4; width:100%; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);}
    .kv .swiper-slide .it:before {display:none; content:""; position:absolute; left:0; top:0; width:70px; height:8px; background:#1024A5;}
    .kv .swiper-slide .it h2 {display:none; font-size:4rem; line-height:1.4;}
    .kv .swiper-slide .bg {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%) scale(1.0); width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .kv .swiper-slide .bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .kv .swiper-slide .bg .video {width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
    .kv .swiper-slide .bg .video video {width:100%;}
    .kv .swiper-slide-active .it {opacity:1; margin-top:0; transition-delay:0.3s; transition-duration:1s;}
    .kv .p_n {position:relative;}
    .kv .swiper-slide-active .text i::after {animation:swiper_slide_active_preloader 6s 1 linear forwards;}
    @keyframes swiper_slide_active_preloader {
        100% {
            width:100%;
        }
    }
    .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 {display:none;}

    /**/
    .core_technology {position:relative; z-index:1; margin-top:55rem; padding:6rem 0 10rem; background:#FFFFFF;}
    .core_technology::after {content:""; position:absolute; left:0; top:-9.5vw; z-index:2; width:100%; height:9.5vw; background:url('images/core_technology_clip.png'); background-repeat:no-repeat; background-position:left bottom; background-size:100% auto;}
    .core_technology .main {}
    .core_technology ul {display:flex; flex-wrap:wrap; margin:-2rem;}
    .core_technology ul li {padding:2rem; width:33.333333%;}
    .core_technology ul li .cell {}
    .core_technology ul li a {display:block;}
    .core_technology ul li .cover {border-radius:1.25rem; overflow:hidden;}
    .core_technology ul li .cover span {display:block; margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .core_technology ul li .desc {padding:1.375rem; text-align:center;}
    .core_technology ul li .desc h3 {font-size:1.375rem;}
    .core_technology ul li a:hover .cover span {transform:scale(1.05);}
    .core_technology_detail {padding:12.5rem 0;}
    .core_technology_detail h1 {font-size:3.5rem; text-align:center;}
    .core_technology_detail article {margin-top:3.75rem; font-size:1.125rem; line-height:1.8;}
    .core_technology_detail article video {width:100%; border-radius:1.25rem;}

    /**/
    .core_products {position:relative; padding:8rem 0 0; background:#FFFFFF;}
    .core_products::after {content:""; position:absolute; left:0; top:0; z-index:2; width:100%; height:150px; background:url('images/core_products_clip.png'); background-repeat:no-repeat; background-position:left top; background-size:100% 100%;}
    .core_products .main {position:relative; z-index:1;}
    .core_products .shead {color:#FFFFFF;}
    .core_products ul {}
    .core_products ul li {}
    .core_products ul li .cell {position:relative;}
    .core_products ul li .cover {}
    .core_products ul li .cover a {display:block; margin:auto; width:30%;}
    .core_products ul li .cover span {display:block; margin:auto; transform:scale(0.98); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .core_products ul li .btn_area {display:none; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); margin-top:10rem;}
    .core_products ul li .cover a:hover span {transform:scale(1.0);}
    .core_products .topic_bg {position:absolute; left:0; top:-9.375rem; width:100%; height:100%;}
    .core_products .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .home_news {position:relative; padding:8rem 0 10rem; background:#FFFFFF;}
    .home_news .main {}
    .home_news .box {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .home_news .img {width:50%; height:32.1875rem; position:relative; margin-top:2rem; overflow:hidden;}
    .home_news .img .cover {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; overflow:hidden; transition:all 0.3s;}
    .home_news .img .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
    .home_news .img .cover.active {opacity:1;}
    .home_news .img .cover.active span {transform:scale(1.02);}
    .home_news ul {width:50%; padding-left:4rem;}
    .home_news ul li {}
    .home_news ul li a {display:block; padding:1.8125rem 0; position:relative;}
    .home_news ul li a::before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0, 0, 0, 0.1);}
    .home_news ul li a::after {content:""; position:absolute; left:0; bottom:0; width:0; height:0.25rem; background:#A2D100; transition:all 0.3s ease 0s;}
    .home_news ul li a:hover::after {width:100%;}
    .home_news ul li a.active::after {width:100%;}
    .home_news ul li a .cell {}
    .home_news ul li a .text {}
    .home_news ul li a .text h4 {font-size:1.375rem; margin-bottom:1.25rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
    .home_news ul li a .text p {font-size:0.875rem; opacity:0.5;} 




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

.sel_company {}

    /**/
    .profile {padding:9.375rem 0;}
    .profile .main {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .profile .img {width:50%; position:relative; border-radius:2rem; overflow:hidden;}
    .profile .img p {position:absolute; z-index:1; left:2.5rem; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; align-items:center;}
    .profile .img p::after {display:none; content:""; position:absolute; left:0; top:0; width:100%; height:50%; background:linear-gradient(to bottom, rgb(162, 209, 0) , rgba(162, 209, 34, 0) 100%); transition:all 0.3s;}
    .profile .img p strong {padding:1rem 2rem; cursor:pointer; font-size:1.125rem; font-weight:normal; line-height:1; position:relative; z-index:1; border-radius:6.25rem; background:#F5F8ED; transition:color 0.3s;}
    .profile .img p strong:nth-child(2) {margin-top:1.25rem;}
    .profile .img p strong.active {background:#A2D100;}
    .profile .img .box {position:absolute; left:0; top:0; width:100%; height:100%;}
    .profile .img .box span {opacity:0; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
    .profile .img .box span.active {opacity:1; transform:scale(1.02);}
    .profile .text {width:50%; padding-left:6.25rem; display:flex; flex-direction:column; justify-content:center;}
    .profile .text p {font-size:1.375rem; margin-bottom:2.5rem; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical; overflow:hidden;}
    .profile .text p:last-child {margin:0;}

        /**/
        .company_about {}
        .company_about section {font-size:1.375rem; line-height:2;}

    /**/
    .corporate_culture {padding:9.375rem 0;; position:relative; color:#FFFFFF; background:#000000;}
    .corporate_culture .main {position:relative; z-index:1;}
    .corporate_culture ul {margin:-4rem 0;}
    .corporate_culture ul li {padding:4rem 0;}
    .corporate_culture ul li .cell {}
    .corporate_culture ul li h2 {font-size:2.75rem; line-height:1; margin-bottom:1.25rem;}
    .corporate_culture ul li p {font-size:1.375rem; max-width:600px;}
    .corporate_culture .topic_bg {opacity:0.5; position:absolute; left:0; top:0; width:100%; height:100%;}
    .corporate_culture .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .milestone {padding:8rem 0; position:relative; overflow:hidden;}
    .milestone .swiper-container {max-width:1600px; height:36rem; cursor:grab; padding:0 100px; overflow:visible;}
    .milestone .swiper-container .swiper-slide {text-align:center; background:none;}
    .milestone .swiper-container .swiper-slide .text {color:#333333;}
    .milestone .swiper-container .swiper-slide .text h3 {position:absolute; left:0; top:50%; margin-top:-4.9375rem; width:100%; font-size:2.75rem; color:#A2D100;}
    .milestone .swiper-container .swiper-slide .text .circle {display:block; width:1.25rem; height:1.25rem; border-radius:100%; position:absolute; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#000000;}
    .milestone .swiper-container .swiper-slide .text .circle::after {content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:0.125rem; height:1.25rem; border-radius:0 0 0.125rem 0.125rem; background:#000000;}
    .milestone .swiper-container .swiper-slide .text .line {position:absolute; left:0; top:50%; margin-top:-1px; display:block; width:100%; height:0.25rem; background:rgba(0, 0, 0, 0.2);}
    .milestone .swiper-container .swiper-slide:first-child .text .line {border-radius:10px 0 0 10px;}
    .milestone .swiper-container .swiper-slide:last-child .text .line {border-radius:0 10px 10px 0;}
    .milestone .swiper-container .swiper-slide .text .box {position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto;}
    .milestone .swiper-container .swiper-slide .text .box .inner {position:relative; padding:2.5rem; height:14.75rem; text-align:left; border:2px solid transparent; background:#F5F8ED; border-radius:1.25rem; overflow:hidden; transition:border 0.3s;}
    .milestone .swiper-container .swiper-slide .text .box .inner::before {content:""; position:absolute; left:50%; top:-10px; margin-left:-10px; border-bottom:10px solid #f5f5f5; border-left:10px solid transparent; border-right:10px solid transparent;}
    .milestone .swiper-container .swiper-slide .text h4 {display:none; margin-bottom:1rem; font-size:1.375rem;}
    .milestone .swiper-container .swiper-slide .text p {font-size:1.125rem; line-height:1.6; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;}
    .milestone .swiper-container .swiper-pagination-bullet {background:#000000;}
    .milestone .swiper-container .swiper-pagination-bullet::before {border-color:#000000;}
    .milestone .swiper-container .swiper-pagination {bottom:10px;}
    .milestone .swiper-container .swiper-slide:nth-child(odd) {}
    .milestone .swiper-container .swiper-slide:nth-child(odd) h3 {margin-top:2.375rem;}
    .milestone .swiper-container .swiper-slide:nth-child(odd) .circle::after {top:auto; bottom:100%; border-radius:2px 2px 0 0;}
    .milestone .swiper-container .swiper-slide:nth-child(odd) .text .box {top:0;}
    .milestone .swiper-container .swiper-slide:nth-child(odd) .text .box .inner::before { top:auto; bottom:-10px; border-top:10px solid #f5f5f5; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:none;}
    .milestone .swiper-container .swiper-slide:hover .text .box .inner {border-color:#A2D100;}




/****************************************/
/*  innovative  */
/****************************************/

.sel_innovative {}

    /**/
    .innovative_list {padding:8rem 0 10rem;}
    .innovative_list .main {}
    .innovative_list ul {}
    .innovative_list ul li {margin-bottom:6.25rem;}
    .innovative_list ul li:last-child {margin:0;}
    .innovative_list ul li h2 {font-size:2.75rem;}
    .innovative_list ul li .cell {margin-top:2.5rem; position:relative;}
    .innovative_list ul li .cell::after {content:""; position:absolute; left:0; top:0; width:calc(50%); height:100%; border-radius:0 0 2rem 0; background:#10694B;}
    .innovative_list ul li .content {display:flex; flex-wrap:wrap; position:relative; z-index:1;}
    .innovative_list ul li:nth-child(even) .cell::after {left:auto; right:0; border-radius:0 0 0 40px;}
    .innovative_list ul li:nth-child(even) .content {flex-direction:row-reverse;}
    .innovative_list ul li:nth-child(even) .text {margin:0 -2.5rem 0 0;}
    .innovative_list ul li:nth-child(even) .cover .inner {border-radius:0 2rem 2rem 0;}
    .innovative_list ul li .cover {width:calc(50% + 2.5rem); overflow:hidden;}
    .innovative_list ul li .cover .inner {width:100%; height:calc(100% - 6.25rem); border-radius:2rem 0 0 2rem; overflow:hidden;}
    .innovative_list ul li .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
    .innovative_list ul li .text {width:calc(50%); margin-left:-2.5rem; padding:6.25rem 6.25rem 9.375rem; position:relative; z-index:1; border-radius:2rem; background:#F5F8ED;}
    .innovative_list ul li .text p {font-size:1rem; color:rgba(0, 0, 0, 0.75);}
    .innovative_list ul li .text p strong {display:inline-block; margin-bottom:0.625rem; line-height:1.4; font-weight:normal; font-size:1.5rem; color:rgba(0, 0, 0, 1.0);}
    .innovative_list ul li .content:hover .cover span {transform:scale(1.05);}
    .innovative_list ul li .content:hover .text {}




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

.sel_products {}

    /**/
    .products_list {padding:3.75rem 0 9.375rem 0;}
    .products_list .tab {}
    .products_list .tab span {display:flex; flex-direction:column; align-items:center; cursor:pointer; margin:0 2.5rem}
    .products_list .tab span i {display:flex; justify-content:center; align-items:center; margin-bottom:1rem; width:7.5rem; height:7.5rem; border-radius:100%; background:#A2D100;}
    .products_list .tab span i em {width:80%; height:80%; transform:scale(0.95); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
    .products_list .tab span:nth-child(1) i em {background-image:url('images/products_type_icon_1.svg');}
    .products_list .tab span:nth-child(2) i em {background-image:url('images/products_type_icon_2.svg');}
    .products_list .tab span:nth-child(3) i em {background-image:url('images/products_type_icon_3.svg');}
    .products_list .tab span:nth-child(4) i em {background-image:url('images/products_type_icon_4.svg');}
    .products_list .tab span:nth-child(5) i em {background-image:url('images/products_type_icon_5.svg');}
    .products_list .tab span p {font-size:1rem}
    .products_list .tab span:hover i em {transform:scale(1.0);}
        /* 新增值灰 */
        .products_list .tab span:nth-child(3) i,
        .products_list .tab span:nth-child(4) i,
        .products_list .tab span:nth-child(5) i {background:rgba(0, 0, 0, 0.02);}
        .products_list .tab span:nth-child(3),
        .products_list .tab span:nth-child(4),
        .products_list .tab span:nth-child(5) {cursor:default;}
        .products_list .tab span:nth-child(3) p,
        .products_list .tab span:nth-child(4) p,
        .products_list .tab span:nth-child(5) p {opacity:0.2}
        .products_list .tab span:nth-child(3) i em,
        .products_list .tab span:nth-child(4) i em,
        .products_list .tab span:nth-child(5) i em {opacity:0.1}
        .products_list .tab span:nth-child(3):hover i em,
        .products_list .tab span:nth-child(4):hover i em,
        .products_list .tab span:nth-child(5):hover i em { transform:scale(0.95);}

    /**/
    .soon {}
    .soon .soon_text {padding:400px 0 300px;}
    .soon .soon_text p {font-size:18px; text-align:center;}




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

.sel_products_detail_1 {}
    
    /**/
    .d1_1 {position:relative; padding:16rem 0; background:#000000;}
    .d1_1 .main {position:relative; z-index:1;}
    .d1_1 .text {text-align:center; color:#FFFFFF;}
    .d1_1 .text h1 {font-size:5rem; line-height:1; margin-bottom:20px; color:#A2D100;}
    .d1_1 .text p {font-size:1.5rem; line-height:1;}
    .d1_1 ul {display:flex; flex-wrap:wrap; justify-content:center; margin:5rem auto -1.25rem; max-width:40rem;}
    .d1_1 ul li {padding:1.25rem; width:12.5rem;}
    .d1_1 ul li .cell {}
    .d1_1 ul li .cover {}
    .d1_1 ul li .cover span {display:block; width:100%; border:1px solid #A2D100; border-radius:0.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_1 .topic_bg {position:absolute; left:0; top:0; width:100%; height:100%;}
    .d1_1 .topic_bg span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .d1_2 {padding:9.375rem 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_2 .main {}
    .d1_2 .text {text-align:center;}
    .d1_2 .text h2 {font-size:2.75rem; color:#A2D100; margin-bottom:1.25rem;}
    .d1_2 .text h2 span {}
    .d1_2 .text p {font-size:1.275rem; max-width:50rem; margin:auto;}
    .d1_2 .img {margin:5rem auto 0; text-align:center;}
    .d1_2 .img .t {}
    .d1_2 .img .t ul {display:flex; justify-content:space-between; align-items:center;}
    .d1_2 .img .t ul li {position:relative;}
    .d1_2 .img .t ul li .cell {}
    .d1_2 .img .t ul li .cover {position:relative; z-index:1; height:100%;}
    .d1_2 .img .t ul li .cover span {display:block; width:12.5rem; height:10.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_2 .img .t ul li .cover p {position:absolute; left:0; bottom:-1.875rem; width:100%; font-size:1rem; line-height:1;}
    .d1_2 .img .t ul li dl {display:flex; padding:3.125rem 0;}
    .d1_2 .img .t ul li dl dd {}
    .d1_2 .img .t ul li dl dd:last-child {margin:0 0 0 9.375rem; position:relative;}
    .d1_2 .img .t ul li dl dd:last-child::before {content:""; position:absolute; right:calc(100% + 0.75rem); top:50%; width:8.125rem; height:0; border-top:2px dashed rgba(0, 0, 0, 0.5);}
    .d1_2 .img .t ul li dl dd:last-child::after {content:""; position:absolute; right:100%; top:50%; transform:translateY(-50%); border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d1_2 .img .t ul li:nth-child(1)::after {content:""; position:absolute; right:-6.25rem; top:50%; transform:translateY(-50%); width:6.25rem; height:2px; background:rgba(0, 0, 0, 0.3);}
    .d1_2 .img .t ul li:nth-child(2) {width:0; height:16.875rem;}
    .d1_2 .img .t ul li:nth-child(2)::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:4rem; height:100%; margin:0 0 0 2rem; border:2px dashed rgba(0, 0, 0, 0.5); border-right:none; border-radius:2rem 0 0 2rem;}
    .d1_2 .img .t ul li:nth-child(2) .cell {width:0; height:100%;}
    .d1_2 .img .t ul li:nth-child(2) .cell::before {content:""; position:absolute; left:calc(4rem + 3px); top:-0.46875rem; border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d1_2 .img .t ul li:nth-child(2) .cell::after {content:""; position:absolute; left:calc(4rem + 3px); bottom:-0.46875rem; border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d1_2 .img .t ul li:nth-child(4) {width:0; height:16.875rem;;}
    .d1_2 .img .t ul li:nth-child(4)::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:6.25rem; height:100%; margin:0 0 0 -3.125rem; border:2px dashed rgba(0, 0, 0, 0.5); border-left:none; border-radius:0 2rem 2rem 0;}
    .d1_2 .img .t ul li:nth-child(4) .cell {width:0; height:100%;}
    .d1_2 .img .t ul li .dot {position:absolute; z-index:2; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:flex; justify-content:center; align-items:center; width:6.25rem; height:2.75rem; border:2px solid rgba(0,0,0,0.1); border-radius:6.25rem; background:#FFFFFF;}
    .d1_2 .img .t ul li:nth-child(4) .dot {background-image:url('images/p1/002_icon.svg'); background-position:center center; background-repeat:no-repeat; background-size:1.75rem 1.5rem;}
    .d1_2 .img .t ul li .dot strong {display:block; font-weight:normal; font-size:1rem;}
    .d1_2 .img .t ul li .dot p {font-size:1rem;}
    .d1_2 .img .t ul li:nth-child(5)::before {content:""; position:absolute; left:-6.875rem; top:50%; transform:translateY(-50%); width:6.25rem; height:2px; background:rgba(0, 0, 0, 0.3);}
    .d1_2 .img .t ul li:nth-child(5)::after {content:""; position:absolute; right:100%; top:50%; transform:translateY(-50%); border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d1_2 .img .b {margin-top:6.25rem;}
    .d1_2 .img .b ul {display:flex; justify-content:center;}
    .d1_2 .img .b ul li {}
    .d1_2 .img .b ul li:last-child {margin-left:6.25rem;}
    .d1_2 .img .b ul li .cell {}
    .d1_2 .img .b ul li .cover {}
    .d1_2 .img .b ul li .cover span {display:block; width:25rem; height:18.75rem; margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_2 .img .b ul li .cover p {font-size:1.125rem; line-height:1; margin-top:1.875rem;}

    /**/
    .d1_3 {padding:9.375rem 0; position:relative;}
    .d1_3::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 6.25rem); height:100%; border-radius:2rem; background:rgba(0, 0, 0, 1.0);}
    .d1_3 .main {position:relative; z-index:1; overflow:hidden;}
    .d1_3 .text {text-align:center;}
    .d1_3 .text h2 {font-size:2.75rem; color:#A2D100; margin-bottom:1.25rem;}
    .d1_3 .text h2 span {}
    .d1_3 .text p {font-size:1.375rem; color:#FFFFFF; max-width:50rem; margin:auto;}
    .d1_3 .img {max-width:100rem; position:relative; margin:5rem auto 0; padding:6.25rem 0; color:rgba(255, 255, 255, 1.0);}
    .d1_3 .img ul {opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%;}
    .d1_3 .img ul li {position:absolute;}
    .d1_3 .img ul li:nth-child(1) {left:0; top:0;}
    .d1_3 .img ul li:nth-child(2) {right:0; top:0;}
    .d1_3 .img ul li:nth-child(3) {left:0; bottom:0;}
    .d1_3 .img ul li:nth-child(4) {right:0; bottom:0;}
    .d1_3 .img ul li .cell {}
    .d1_3 .img ul li .cover {width:31.25rem; height:8.75rem;}
    .d1_3 .img ul li .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_3 .img .circle {opacity:0; position:relative; width:34.375rem; height:34.375rem; margin:auto; border:2px dashed rgba(0, 0, 0, 1.0); border-radius:100%; 

        background:
        radial-gradient(
          circle at center top,
          rgba(255, 255, 255, 1),
          rgba(255, 255, 255, 0) 100%
        ),
        radial-gradient(
          circle at right center,
          rgba(162, 209, 0, 1),
          rgba(162, 209, 0, 0) 100%
        ),
        radial-gradient(
            circle at left center,
            rgba(255, 102, 2, 1),
            rgba(255, 102, 2, 1) 100%
        ) beige;

/*        background:linear-gradient(to bottom, #FFFFFF, #A2D100 , #FF6602);*/
    }
    .d1_3 .img .circle::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; background:#000000;}
    .d1_3 .img .circle dl {opacity:0; position:absolute; z-index:1; width:100%; height:100%;}
    .d1_3 .img .circle dl dd {position:absolute;}
    .d1_3 .img .circle dl dd:nth-child(1) {left:-9.5%; top:15.5%;}
    .d1_3 .img .circle dl dd:nth-child(2) {right:-9.5%; top:15.5%;}
    .d1_3 .img .circle dl dd:nth-child(3) {bottom:6.5%; left:-9.5%;}
    .d1_3 .img .circle dl dd:nth-child(4) {bottom:6.5%; right:-9.5%;}
    .d1_3 .img .circle dl dd .cell {}
    .d1_3 .img .circle dl dd .cover {width:10rem; height:5.5rem; border:1px solid #A2D100; border-radius:0.625rem; overflow:hidden;}
    .d1_3 .img .circle dl dd .cover 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;}
    .d1_3 .img .circle dl dd p {padding:0.625rem 0; font-size:0.875rem; text-align:center; background:#000000;}
    .d1_3 .img .circle ol {opacity:0; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; margin:auto; width:45%; height:45%; border:0.5rem solid rgba(255, 255, 255, 1.0); border-radius:100%;}
    .d1_3 .img .circle ol li {display:flex; justify-content:center; align-items:center; position:absolute; width:7.5rem; height:7.5rem; border-radius:100%; border-width:0.125rem; border-style:solid; background:rgba(0, 0, 0, 1.0);}
    .d1_3 .img .circle ol li:nth-child(1) {left:50%; top:-22.5%; transform:translateX(-50%); border-color:#FFFFFF;}
    .d1_3 .img .circle ol li:nth-child(2) {right:-15.5%; bottom:0.5%; color:#A2D100; border-color:#A2D100;}
    .d1_3 .img .circle ol li:nth-child(3) {left:-15.5%; bottom:0.5%; color:#FF6602; border-color:#FF6602;}
    .d1_3 .img .circle ol li .cell {}
    .d1_3 .img .circle pl li p {}
    .d1_3 .img.move ul {animation-name:d1_3_img_move; animation-delay:0.3s; animation-duration:1s; animation-direction:normal; animation-iteration-count:1; animation-fill-mode:forwards;}
    .d1_3 .img .circle {animation-name:d1_3_img_move; animation-delay:0.6s; animation-duration:1s; animation-direction:normal; animation-iteration-count:1; animation-fill-mode:forwards;}
    .d1_3 .img .circle dl {animation-name:d1_3_img_move; animation-delay:0.6s; animation-duration:1s; animation-direction:normal; animation-iteration-count:1; animation-fill-mode:forwards;}
    .d1_3 .img .circle ol {animation-name:d1_3_img_move; animation-delay:0.9s; animation-duration:1s; animation-direction:normal; animation-iteration-count:1; animation-fill-mode:forwards;}
    @keyframes d1_3_img_move {
        0% {
            transform:translateY(0.625rem);
        }
        100% {
            opacity:1;
            transform:translateY(0);
        }
    }

    /**/
    .d1_4 {padding:9.375rem 0 12.5rem; position:relative;}
    .d1_4 .main {position:relative; z-index:1;}
    .d1_4 .text {text-align:center;}
    .d1_4 .text h2 {font-size:2.75rem; color:#A2D100;}
    .d1_4 .text h2 span {}
    .d1_4 .text p {font-size:1.375rem; max-width:50rem; margin:auto;}
    .d1_4 .text ul {display:flex; flex-wrap:wrap; justify-content:center; margin:2.5rem auto -1.25rem;}
    .d1_4 .text ul li {padding:1.25rem; width:12.5rem;}
    .d1_4 .text ul li .cell {}
    .d1_4 .text ul li .cover {}
    .d1_4 .text ul li .cover span {display:block; width:100%; border-radius:0.625rem; /*border:1px solid #A2D100;*/ background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_4 .img {}
    .d1_4 .img .t_i {max-width:75rem; margin:5rem auto;}
    .d1_4 .img .t_i span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d1_4 .lr {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:0 10%;}
    .d1_4 .lr ul {width:50%; margin:-2.5rem 0; padding-right:2.5rem;}
    .d1_4 .lr ul li {padding:2.5rem 0;}
    .d1_4 .lr ul li .cell {}
    .d1_4 .lr ul li .text {text-align:left;}
    .d1_4 .lr ul li .text h3 {font-size:1.875rem; color:#A2D100; margin-bottom:0.625rem;}
    .d1_4 .lr ul li .text p {font-size:1.125rem;}
    .d1_4 .r {width:50%; padding:0 0 0 5rem;}
    .d1_4 .r .cover {}
    .d1_4 .r .cover span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}




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

.sel_products_detail_2 {}
    
    /**/
    .d2_1 {position:relative; padding:16rem 0;}
    .d2_1 .main {position:relative; z-index:1;}
    .d2_1 .text {text-align:center;}
    .d2_1 .text h1 {font-size:5rem; line-height:1; margin-bottom:20px; color:#A2D100;}
    .d2_1 .text p {font-size:1.5rem; line-height:1;}
    .d2_1 ul {display:flex; flex-wrap:wrap; justify-content:center; margin:5rem auto -1.25rem; max-width:30rem;}
    .d2_1 ul li {padding:1.25rem; width:12.5rem;}
    .d2_1 ul li .cell {}
    .d2_1 ul li .cover {}
    .d2_1 ul li .cover span {display:block; width:100%; border-radius:0.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_1 .topic_bg {position:absolute; left:0; top:0; width:100%; height:100%;}
    .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 .text {text-align:center;}
    .d2_2 .text h2 {font-size:2.75rem; color:#A2D100; margin-bottom:1.25rem;}
    .d2_2 .text h2 span {}
    .d2_2 .text p {font-size:1.275rem; max-width:50rem; margin:auto;}
    .d2_2 .img {margin:5rem auto 0; text-align:center;}
    .d2_2 .img .t {}
    .d2_2 .img .t ul {display:flex; justify-content:space-between; align-items:center;}
    .d2_2 .img .t ul li {position:relative;}
    .d2_2 .img .t ul li .cell {}
    .d2_2 .img .t ul li .cover {position:relative; z-index:1; height:100%;}
    .d2_2 .img .t ul li .cover span {display:block; width:12.5rem; height:10.625rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_2 .img .t ul li .cover p {position:absolute; left:0; bottom:-1.875rem; width:100%; font-size:1rem; line-height:1;}
    .d2_2 .img .t ul li dl {display:flex; padding:3.125rem 0;}
    .d2_2 .img .t ul li dl dd {}
    .d2_2 .img .t ul li dl dd:last-child {margin:0 0 0 9.375rem; position:relative;}
    .d2_2 .img .t ul li dl dd:last-child::before {content:""; position:absolute; right:calc(100% + 0.75rem); top:50%; width:8.125rem; height:0; border-top:2px dashed rgba(0, 0, 0, 0.5);}
    .d2_2 .img .t ul li dl dd:last-child::after {content:""; position:absolute; right:100%; top:50%; transform:translateY(-50%); border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d2_2 .img .t ul li:nth-child(1)::after {content:""; position:absolute; right:-6.25rem; top:50%; transform:translateY(-50%); width:6.25rem; height:2px; background:rgba(0, 0, 0, 0.3);}
    .d2_2 .img .t ul li:nth-child(2) {width:0; height:16.875rem;}
    .d2_2 .img .t ul li:nth-child(2)::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:4rem; height:100%; margin:0 0 0 2rem; border:2px dashed rgba(0, 0, 0, 0.5); border-right:none; border-radius:2rem 0 0 2rem;}
    .d2_2 .img .t ul li:nth-child(2) .cell {width:0; height:100%;}
    .d2_2 .img .t ul li:nth-child(2) .cell::before {content:""; position:absolute; left:calc(4rem + 3px); top:-0.46875rem; border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d2_2 .img .t ul li:nth-child(2) .cell::after {content:""; position:absolute; left:calc(4rem + 3px); bottom:-0.46875rem; border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d2_2 .img .t ul li:nth-child(4) {width:0; height:16.875rem;;}
    .d2_2 .img .t ul li:nth-child(4)::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:6.25rem; height:100%; margin:0 0 0 -3.125rem; border:2px dashed rgba(0, 0, 0, 0.5); border-left:none; border-radius:0 2rem 2rem 0;}
    .d2_2 .img .t ul li:nth-child(4) .cell {width:0; height:100%;}
    .d2_2 .img .t ul li .dot {position:absolute; z-index:2; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:flex; justify-content:center; align-items:center; width:6.25rem; height:2.75rem; border:2px solid rgba(0,0,0,0.1); border-radius:6.25rem; background:#FFFFFF;}
    .d2_2 .img .t ul li:nth-child(4) .dot {background-image:url('images/p1/002_icon.svg'); background-position:center center; background-repeat:no-repeat; background-size:1.75rem 1.5rem;}
    .d2_2 .img .t ul li .dot strong {display:block; font-weight:normal; font-size:1rem;}
    .d2_2 .img .t ul li .dot p {font-size:1rem;}
    .d2_2 .img .t ul li:nth-child(5)::before {content:""; position:absolute; left:-6.875rem; top:50%; transform:translateY(-50%); width:6.25rem; height:2px; background:rgba(0, 0, 0, 0.3);}
    .d2_2 .img .t ul li:nth-child(5)::after {content:""; position:absolute; right:100%; top:50%; transform:translateY(-50%); border-style:solid; border-width:0.5rem; border-color:transparent transparent transparent #000000;}
    .d2_2 .img .b {margin-top:6.25rem;}
    .d2_2 .img .b ul {display:flex; justify-content:center;}
    .d2_2 .img .b ul li {}
    .d2_2 .img .b ul li:last-child {margin-left:6.25rem;}
    .d2_2 .img .b ul li .cell {}
    .d2_2 .img .b ul li .cover {}
    .d2_2 .img .b ul li .cover span {display:block; width:25rem; height:18.75rem; margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_2 .img .b ul li .cover p {font-size:1.125rem; line-height:1; margin-top:1.875rem;}

    /**/
    .d2_3 {padding:9.375rem 0; position:relative;}
    .d2_3::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 6.25rem); height:100%; border-radius:2rem; background:rgba(0, 0, 0, 1.0);}
    .d2_3 .main {position:relative; z-index:1; overflow:hidden;}
    .d2_3 .text {text-align:center;}
    .d2_3 .text h2 {font-size:2.75rem; color:#A2D100; margin-bottom:1.25rem;}
    .d2_3 .text h2 span {}
    .d2_3 .text p {font-size:1.375rem; color:#FFFFFF; max-width:50rem; margin:auto;}
    .d2_3 .img {max-width:860px; margin:5rem auto 0; color:rgba(255, 255, 255, 1.0);}
    .d2_3 .img ul {}
    .d2_3 .img ul li {margin-bottom:2.5rem;}
    .d2_3 .img ul li:last-child {margin:0;}
    .d2_3 .img ul li .cell {display:flex; justify-content:space-between; align-items:center;}
    .d2_3 .img ul li .l {width:20%; margin-top:1.75rem; text-align:center;}
    .d2_3 .img ul li .l .cover {border:1px solid #A2D100; border-radius:0.625rem; overflow:hidden;}
    .d2_3 .img ul li .l .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_3 .img ul li .l p {padding:0.625rem 0 0; font-size:0.875rem; text-align:center;}
    .d2_3 .img ul li .r {width:80%; padding-left:3rem;}
    .d2_3 .img ul li .r .cover {}
    .d2_3 .img ul li .r .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .d2_4 {padding:9.375rem 0 12.5rem; position:relative;}
    .d2_4 .main {position:relative; z-index:1;}
    .d2_4 .text {text-align:center;}
    .d2_4 .text h2 {font-size:2.75rem; color:#A2D100;}
    .d2_4 .text h2 span {}
    .d2_4 .text p {font-size:1.375rem; max-width:50rem; margin:auto;}
    .d2_4 .text ul {display:flex; flex-wrap:wrap; justify-content:center; margin:2.5rem auto -1.25rem;}
    .d2_4 .text ul li {padding:1.25rem; width:12.5rem;}
    .d2_4 .text ul li .cell {}
    .d2_4 .text ul li .cover {}
    .d2_4 .text ul li .cover span {display:block; width:100%; border-radius:0.625rem; /*border:1px solid #A2D100;*/ background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_4 .img {}
    .d2_4 .img .t_i {max-width:75rem; margin:5rem auto;}
    .d2_4 .img .t_i span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d2_4 .lr {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:0 10%;}
    .d2_4 .lr ul {width:50%; margin:-2.5rem 0; padding-right:2.5rem;}
    .d2_4 .lr ul li {padding:2.5rem 0;}
    .d2_4 .lr ul li .cell {}
    .d2_4 .lr ul li .text {text-align:left;}
    .d2_4 .lr ul li .text h3 {font-size:1.875rem; color:#A2D100; margin-bottom:0.625rem;}
    .d2_4 .lr ul li .text p {font-size:1.125rem;}
    .d2_4 .r {width:50%; padding:0 0 0 5rem;}
    .d2_4 .r .cover {}
    .d2_4 .r .cover span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}




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

.sel_products_detail_3 {}

    /**/
    .d3_1 {position:relative; padding:20rem 0 18rem; background:#000000;}
    .d3_1 .main {position:relative; z-index:1;}
    .d3_1 .text {text-align:center; color:#FFFFFF;}
    .d3_1 .text h1 {font-size:5rem; line-height:1; margin-bottom:20px; color:#A2D100;}
    .d3_1 .text p {font-size:1.5rem; line-height:1;}
    .d3_1 .topic_bg {position:absolute; left:0; top:0; width:100%; height:100%;}
    .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:5rem 0;}
    .d3_2 .main {}
    .d3_2 ul {display:flex; 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 {padding:2.5rem; background:#F5F8ED; border-radius:1.25rem;}
    .d3_2 ul li .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d3_2 ul li .cover p {font-size:1rem; text-align:center;}




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

.sel_products_detail_4 {}

    /**/
    .d4_1 {position:relative; padding:20rem 0 18rem; background:#000000;}
    .d4_1 .main {position:relative; z-index:1;}
    .d4_1 .text {text-align:center; color:#FFFFFF;}
    .d4_1 .text h1 {font-size:5rem; line-height:1; margin-bottom:20px; color:#A2D100;}
    .d4_1 .text p {font-size:1.5rem; line-height:1;}
    .d4_1 .topic_bg {position:absolute; left:0; top:0; width:100%; height:100%;}
    .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:5rem 0;}
    .d4_2 .main {}
    .d4_2 ul {display:flex; flex-wrap:wrap; margin:-2.5rem;}
    .d4_2 ul li {width:50%; padding:2.5rem;}
    .d4_2 ul li .cell {}
    .d4_2 ul li .cover {padding:2.5rem; background:#F5F8ED; border-radius:1.25rem;}
    .d4_2 ul li .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .d4_2 ul li .cover p {font-size:1rem; text-align:center;}




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

.sel_news {}

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

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




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

.sel_news_detail {}

    /**/
    .sel_news_detail .article {margin-top:6.25rem; padding:6.25rem 0 9.375rem;}
    .sel_news_detail .article .main {}
    .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:1.125rem; line-height:1.8;}
    .sel_news_detail .article .content p {font-size:1.125rem; line-height:2.2;}
    .sel_news_detail .article .content img {display:inline-block; margin-bottom:1.25rem; border-radius:1.25rem;}
    .sel_news_detail .article .content a {text-decoration:underline;}




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

.sel_support {}

    /**/
    .base_info {padding:9.375rem 0;}
    .base_info .main {}
    .base_info ul {display:flex; justify-content:center; margin:0 -2.5rem;}
    .base_info ul li {padding:0 2.5rem;}
    .base_info ul li:last-child {display:none;}
    .base_info ul li .cell {}
    .base_info ul li .cover {width:7.5rem; height:7.5rem; padding:0.75rem; border-radius:100%; background:#F5F8ED; transition:transform 0.3s;}
    .base_info ul li span {display:block; width:100%; height:100%; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .base_info ul li.active .cover {background:#A2D100;}
    .base_info .box {margin-top:5rem;}
    .base_info .box .con {display:none; align-items:center; position:relative; padding:6.25rem 3.75rem; border-radius:2.5rem; background:#F5F8ED;}
    .base_info .box .con.active {display:flex;}
    .base_info .box .con span {font-size:2.25rem; line-height:1.8; white-space:nowrap; opacity:0.3;}
    .base_info .box .con .nk {margin-left:2.75rem;}
    .base_info .box .con h3 {font-size:2.25rem; }
    .base_info .box .con dl {opacity:0; display:flex; position:absolute; right:6.25rem; top:50%; transform:translateY(-50%);}
    .base_info .box .con:last-child dl {opacity:1;}
    .base_info .box .con dl dd {width:9.375rem; margin-left:1.25rem;}
    .base_info .box .con dl dd img {width:100%;}
    .base_info .box .con dl dd p {font-size:0.875rem; line-height:1; margin-top:0.625rem; text-align:center; opacity:0.3;}
    .base_info .box .con a {}
    .base_info ul li:hover .cover {transform:scale(1.05);}

    /**/
    .support_news {padding-top:0; display:none;}

    /**/
    .strengths_list {margin-bottom:12.5rem;}
    .strengths_list .main {}
    .strengths_list .shead {}
    .strengths_list .shead h2 {}
    .strengths_list ul {}
    .strengths_list ul li {margin-bottom:5rem; cursor:default;}
    .strengths_list ul li:last-child {margin:0;}
    .strengths_list ul li .cell {position:relative; border-radius:2.5rem; overflow:hidden;}
    .strengths_list ul li .cover {position:relative; background:#000000;}
    .strengths_list ul li .cover h3 {color:#FFFFFF; font-size:2.75rem; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1; transition:transform 0.3s,left 0.3s,color 0.3s;}
    .strengths_list ul li .cover h3::after {content:""; position:absolute; z-index:-1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:15.625rem; height:15.625rem; opacity:0; border-radius:100%; background:#A2D100; transition:all 0.3s;}
    .strengths_list ul li .cover span {display:block; opacity:0.8; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .strengths_list ul li .content {opacity:0; position:absolute; right:0; top:0; width:50%; height:100%; display:flex; flex-direction:column; justify-content:center; padding:6.25rem 10.5rem; font-size:1.375rem; line-height:2; border-radius:2.5rem; background:#A2D100; transition:all 0.3s;}
    .strengths_list ul li .content h4 {margin-bottom:1.25rem; font-size:1.875rem;}
    .strengths_list ul li .content .t_a {}
    .strengths_list ul li .content .t_a dd {}
    .strengths_list ul li .content .t_b dd p {font-size:0.875rem; line-height:1;}
    .strengths_list ul li .content img {display:block; margin-bottom:1.25rem;}
    .strengths_list ul li:hover .cover h3 {left:25%; transform:translateX(-50%) translateY(-50%) scale(1.02); color:#000000;}
    .strengths_list ul li:hover .cover h3::after {opacity:1; transform:translateX(-50%) translateY(-50%) scale(1.2);}
    .strengths_list ul li:hover .cover span {opacity:1; transform:scale(1.02);}
    .strengths_list ul li:hover .content {opacity:1;}

    /**/
    .sel_support_news {}
    .sel_support_news .news {}




/****************************************/
/*  join  */
/****************************************/

.sel_support {}

    /**/
    .recruitment {padding:9.375rem 0;}
    .recruitment .main {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border-radius:2.5rem; background:#A2D100; overflow:hidden;}
    .recruitment .cover {width:50%;}
    .recruitment .cover span {display:block; width:100%; height:31.25rem; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .recruitment .text {width:50%; display:flex; justify-content:center; align-items:center;}
    .recruitment .text .article {}
    .recruitment .text h2 {font-size:2.75rem;}
    .recruitment .text .btn_area {margin-top:2.5rem;}
    .recruitment .text .btn_area a.btn {}

    /**/
    .advantage {padding:0 0 9.375rem 0; text-align:center;}
    .advantage .main {}
    .advantage h2 {font-size:2.75rem;}
    .advantage ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:5rem -2rem 0;}
    .advantage ul li  {width:33.333333%; padding:0 2rem;}
    .advantage ul li .cell {border-radius:1.25rem; height:100%; background:#F5F8ED; overflow:hidden; transition:background 0.3s;}
    .advantage ul li .cover {overflow:hidden;}
    .advantage ul li .cover span {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .advantage ul li .text {position:relative; padding:5rem 2.5rem;}
    .advantage ul li .text h3 {font-size:1.75rem;}
    .advantage ul li .text p {font-size:1rem; margin-top:0.875rem; transform:translateY(10px); opacity:0; transition:transform 0.3s , opacity 0.3s;}
    .advantage ul li .text i {display:block; position:absolute; left:50%; top:10.5rem; transform:translateX(-50%); width:3rem; height:3rem; border:0.125rem solid rgba(0, 0, 0, 0.05); border-radius:100%; transition:transform 0.3s;}
    .advantage ul li .text i::before,
    .advantage ul li .text i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border-radius:4px; background:#000000;}
    .advantage ul li .text i::before {width:40%; height:0.125rem;}
    .advantage ul li .text i::after {width:0.125rem; height:40%;}
    .advantage ul li p {font-size:1.125rem;}
    .advantage ul li:hover .cell {background:#A2D100;}
    .advantage ul li:hover .cover span {transform:scale(1.05);}
    .advantage ul li:hover .text i {opacity:0; transform:translateX(-50%) translateY(10px);}
    .advantage ul li:hover .text p {opacity:1; transform:translateY(0);}

    /**/
    .welfare {padding:12.5rem 0; position:relative; background:#000000;}
    .welfare .main {position:relative; z-index:1;}
    .welfare h2 {font-size:2.75rem;}
    .welfare ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-2.5rem 0;}
    .welfare ul li  {width:25%; margin:2.5rem 0; text-align:center; color:#FFFFFF;}
    .welfare ul li .cell {}
    .welfare ul li .cover {display:flex; justify-content:center; align-items:center; margin:0 auto 1.25rem; width:10rem; height:10rem; border-radius:100%; background:#A2D100; overflow:hidden;}
    .welfare ul li .cover span {display:block; width:70%; height:70%; transform:scale(0.95); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
    .welfare ul li p {font-size:1.125rem;}
    .welfare ul li:hover .cover span {transform:scale(1.0);}
    .welfare .topic_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000000;}
    .welfare .topic_bg span {opacity:0.5; display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

    /**/
    .environment {padding:9.375rem 0; text-align:center;}
    .environment h2 {font-size:2.75rem;}
    .environment .col {display:flex; margin-top:5rem;}
    .environment .c_v .cover {border-radius:1.25rem 0.625rem 0.625rem 1.25rem; overflow:hidden;}
    .environment .c_v .cover span {display:block; width:100%; height:40rem; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .environment .c_v .cover span:hover {transform:scale(1.02);}
    .environment .c_v {width:50%; padding-right:1.25rem;}
    .environment ul {width:50%; padding-left:1.25rem;}
    .environment ul li  {margin-bottom:2.5rem;}
    .environment ul li:last-child {margin:0;}
    .environment ul li .cell {}
    .environment ul li .cover {border-radius:0.625rem 1.25rem 1.25rem 0.625rem; overflow:hidden;}
    .environment ul li .cover span {display:block; width:100%; height:18.75rem; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:transform 0.3s;}
    .environment ul li .cover span:hover {transform:scale(1.02);}




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

.sel_careers {}

    /**/
    .careers_list {padding:2.5rem 0 12.5rem;}
    .careers_list ul {}
    .careers_list ul li {margin-bottom:2.5rem;}
    .careers_list ul li:last-child {margin:0;}
    .careers_list ul li a {display:block; padding:3.75rem; border-radius:1.25rem; background:#F5F8ED; transition:background 0.3s;}
    .careers_list ul li .cell {}
    .careers_list ul li .text {}
    .careers_list ul li .text h3 {font-size:1.375rem; margin-bottom:0.625rem;}
    .careers_list ul li .text p {font-size:1rem; opacity:0.5;}
    .careers_list ul li a:hover {background:#A2D100;}




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

.sel_careers_detail {}

    /**/
    .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; border:0.25rem solid #F5F8ED; border-radius:1.25rem;}
    .careers_detail article h3 {font-size:1.75rem; margin-bottom:1.25rem;}
    .careers_detail article p {font-size:0.875rem;}
    .careers_detail article .attachment_box {margin-top:2rem;}
    .careers_detail article .attachment_box .widget {position:relative; width:12.5rem; height:3.125rem; margin:0 0 0.625rem 0; display:block;}
    .careers_detail article .attachment_box .widget button {display:block; pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; font-size:1rem; color:rgba(0, 0, 0, 1.0); border-radius:2.5rem; background:#A2D100;}
    .careers_detail article .attachment_box .widget input {display:block; width:100%; height:100%; font-size:0; cursor:pointer; opacity:0;}
    .careers_detail article .attachment_box .widget.disabled {opacity:0.3;}
    .careers_detail article .attachment_box .widget.disabled input {display:none;}
    .careers_detail article .attachment_box .file_list {}
    .careers_detail article .attachment_box .file_list p {font-size:0.75rem; margin-bottom:0.625rem;}
    .careers_detail article .attachment_box .file_list p span {cursor:pointer; text-decoration:underline; padding-left:10px; opacity:0.5;}
    .careers_detail article .attachment_box .clear_files {display:none;}
    .careers_detail article .attachment_box .count {display:none;}
    .careers_detail article .attachment_box .tip {display:block; font-size:0.875rem; opacity:0.5;}
    .careers_detail .btn_area {margin-top:5rem; text-align:center;}
    .careers_detail .btn_area a.btn {font-size:1.375rem;}




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

.sel_contact {}

    /**/
    .contact_box {}
    .contact_box .main {padding:9.375rem 0 12.5rem; display:flex; justify-content:center;}
    .contact_box .tb {max-width:600px;}
    .contact_box .t {}
    .contact_box .t ul {}
    .contact_box .t ul li {margin-bottom:2.5rem;}
    .contact_box .t ul li:last-child {margin:0;}
    .contact_box .t ul li .cell {}
    .contact_box .t ul li .text {}
    .contact_box .t ul li .text h3 {font-size:2.05rem;}
    .contact_box .t ul li .text p {font-size:1rem; opacity:0.5;}
    .contact_box .b {margin-top:6.25rem;}
    .contact_box .b .b_i {}
    .contact_box .b p {font-size:1rem;}
    .contact_box .b h2 {font-size:2.5rem; color:#A2D100; text-decoration:underline;}
    .contact_box .b ul {display:flex; margin-top:2.5rem;}
    .contact_box .b ul li {margin-right:2rem; text-align:center;}
    .contact_box .b ul li:last-child {margin:0;}
    .contact_box .b ul li .cell {padding:0.625rem; border:0.25rem solid #F5F8ED; border-radius:1.25rem; overflow:hidden;}
    .contact_box .b ul li img {max-width:9.375rem;}
    .contact_box .b ul li span {font-size:0.875rem; opacity:0.3;}




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

.sel_search {}
    
    /**/
    .sel_search .form_wrap {}
    .sel_search .form_wrap .fw_inner {padding:200px 0;}
    .sel_search form {margin:auto; max-width:600px; position:relative;}
    .sel_search form input[type='text'] {display:block; padding:14px 20px; width:100%; font-size:16px; background:#FFFFFF;}
    .sel_search form input[type='submit'] {display:inline-block; width:60px; height:100%; cursor:pointer; position:absolute; right:0; top:0; font-size:0; color:#FFFFFF; background: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:20px;}
    .sel_search .sr_logo .jg {font-size:14px; opacity:0.3;}
    .sel_search .sr_frm_box {margin-bottom:100px;}
    .sel_search .sr_lists {}
    .sel_search .sr_lists .l {display:none; padding:0 0 30px; 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:20px 0 0 0;}
    .sel_search .sr_lists .l ul li {padding:0 20px 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:40px; padding:40px; border-radius:20px; background:rgba(0, 0, 0, 0.03);}
    .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:22px;}
    .sel_search .sr_lists .c ul li p {font-size:16px; padding:10px 0 20px;}
    .sel_search .sr_lists .c ul li .adds {font-size:14px; opacity:0.3;}
    .sel_search .sr_lists .c ul .empty_tip {padding:40px 0 0; font-size:14px; opacity:0.3;}




/****************************************/
/*  clause  */
/****************************************/

.sel_clause {}
    
    /**/
    .sel_clause article {max-width:960px; margin:6.25rem auto 0; padding:6.25rem 0 12rem;}
    .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;}