@charset "utf-8";
:root {
    --wetown-main-color: #006fa8;
    --wetown-light-color: #00aeef;
    --wetown-highlight-color: #f8971d;
}


/*
@名称: base
@功能: 重设浏览器默认样式
*/


/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
    font-size: 12px;
    color: #000;
    background: white;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

@media (max-width:1400px) {
    html {
        font-size: 11px;
    }
}

@media (max-width:1024px) {
    html {
        font-size: 10px;
    }
}

@media (max-width:768px) {
    html {
        font-size: 10px;
    }
}


/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}


/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
    font: 12px/1.5 'Google Sans', -apple-system, PingFang SC, 'Noto Sans SC', Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
    border-radius: 5px !important;
}


/* 去掉各Table  cell 的边距并让其边重合 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* IE bug fixed: th 不继承 text-align*/

th {
    text-align: inherit;
}


/* 去除默认边框 */

fieldset,
img {
    border: 0;
}


/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
    display: block;
}


/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
    border: 0;
    font-variant: normal;
}


/* 一致的 del 样式 */

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}


/* 去掉列表前的标识, li 会继承 */

ol,
ul {
    list-style: none;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
    text-align: left;
}


/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}


/* 统一上标和下标 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* 正常链接 未访问 */

a:link,
a:visited {
    color: var(--wetown-main-color);
}

a:focus {
    outline: none;
    -moz-outline-style: none;
    -moz-outline: none;
}


/* 鼠标悬停 */

a:hover {
    color: var(--wetown-highlight-color);
    text-decoration: none;
}


/* 默认不显示下划线，保持页面简洁 */

ins,
a {
    text-decoration: none;
}


/* 清理浮动 */

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fn-clear {
    zoom: 1;
    /* for IE6 IE7 */
}


/*上下边距*/

.fn-block {
    margin-bottom: 15px;
}

.fn-block-10px {
    margin-bottom: 10px;
}

.fn-blank {
    height: 10px;
    width: 100%;
    overflow: hidden;
}

.fn-mr5 {
    margin-right: 5px
}

.fn-mt5 {
    margin-top: 5px
}

.fn-mb5 {
    margin-bottom: 5px
}

.fn-ml10 {
    margin-left: 10px
}

.fn-mr10 {
    margin-right: 10px
}

.fn-mt10 {
    margin-top: 10px
}

.fn-mb10 {
    margin-bottom: 10px;
}

.fn-ml15 {
    margin-left: 15px
}

.fn-mr15 {
    margin-right: 15px
}

.fn-mt15 {
    margin-top: 15px
}

.fn-mb15 {
    margin-bottom: 15px
}

.fn-mt20 {
    margin-top: 20px
}

.fn-mb20 {
    margin-bottom: 20px;
}

.fn-pl5 {
    padding-left: 5px;
}

.fn-pr5 {
    padding-right: 5px;
}

.fn-pt5 {
    padding-top: 5px
}

.fn-pl10 {
    padding-left: 10px
}

.fn-pr10 {
    padding-right: 10px
}

.fn-pt10 {
    padding-top: 10px
}

.fn-pb10 {
    padding-bottom: 10px
}

.fn-pl15 {
    padding-left: 15px
}

.fn-pr15 {
    padding-right: 15px
}

.fn-pt15 {
    padding-top: 15px
}

.fn-pb15 {
    padding-bottom: 15px
}

.fn-pb20 {
    padding-bottom: 20px;
}


/*水平排列*/

.fn-align-left {
    text-align: left;
}

.fn-align-center {
    text-align: center;
}

.fn-align-right {
    text-align: right;
}


/* 隐藏, 通常用来与 JS 配合 */

body .fn-hide {
    display: none;
}


/* 设置内联, 减少浮动带来的bug */

.fn-left,
.fn-right {
    display: inline;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}


/* 单行文字溢出时出现省略号，需设定宽度 */

.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* chrome 下字体过小的问题 */

.fn-webkit-adjust {
    -webkit-text-size-adjust: none;
}


/* 简单的渐变 */

.fn-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
    background: -o-linear-gradient(top, #fcfcfc, #f1f1f1);
    background: linear-gradient(top, #fcfcfc, #f1f1f1);
}


/* 浅色的渐变 */

.fn-linear-light {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background: -o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9);
}


/* 手势 */

.cursor-pointer {
    cursor: pointer;
}

@font-face {
    font-family: 'wetown';
    /* Project id 2849038 */
    src: url('//at.alicdn.com/t/font_2849038_ufivvt5e1go.woff2?t=1635409715818') format('woff2'), url('//at.alicdn.com/t/font_2849038_ufivvt5e1go.woff?t=1635409715818') format('woff'), url('//at.alicdn.com/t/font_2849038_ufivvt5e1go.ttf?t=1635409715818') format('truetype');
}

.wetown-icon {
    font-family: 'wetown';
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
    letter-spacing: -4px;
}

.din {
    font-family: 'DIN';
}

@font-face {
    font-family: 'NEXA-XBOLD';
    src: url('./fonts/NEXA-XBOLD.eot');
    src: url('./fonts/NEXA-XBOLD.woff') format('woff'), url('./fonts/NEXA-XBOLD.ttf') format('truetype'), url('./fonts/NEXA-XBOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'en_m';
    src: url('./fonts/EUCLIDCIRCULARA-REGULAR_0.TTF');
}

@font-face {
    font-family: 'en_m1';
    src: url('./fonts/EUCLIDCIRCULARA-MEDIUM_0.TTF');
}

@font-face {
    font-family: 'en_l';
    src: url('./fonts/EUCLIDCIRCULARA-LIGHT_0.TTF');
}

@font-face {
    font-family: 'en_b';
    src: url('./fonts/EUCLIDCIRCULARA-BOLD_0.TTF');
}

.en_m {
    font-family: en_m;
}

.en_m1 {
    font-family: en_m1;
}

.en_l {
    font-family: en_l;
}

.en_b {
    font-family: en_b;
}

.enxa_b {
    font-family: 'NEXA-XBOLD';
}


/* 定义网站色值 */

.mc {
    color: #c3ffff;
}

.fc {
    color: #6ea97f;
}

.wc {
    color: #ffffff;
}

.grc {
    color: #999999;
}

.d-gc {
    color: #37393d;
}

.rc {
    color: var(--wetown-main-color);
}

.oc {
    color: #ffb11e;
}

.yc {
    color: #fff714;
}

.gc {
    color: #00fdfd;
}

.bc {
    color: #002bff;
}

.transi {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.linear-bg {
    background: linear-gradient(0deg, #03aedb 0%, #137acc 100%);
}

.linear-txt {
    background: linear-gradient(0deg, #03aedb 0%, #137acc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.f-100 {
    font-size: 8.33rem;
}

.f-80 {
    font-size: 6.66rem;
}

.f-72 {
    font-size: 6rem;
}

.f-60 {
    font-size: 5rem;
}

.f-50 {
    font-size: 4.166rem;
}

.f-48 {
    font-size: 4rem;
}

.f-46 {
    font-size: 3.83rem;
}

.f-44 {
    font-size: 3.66rem;
}

.f-42 {
    font-size: 3.5rem;
}

.f-40 {
    font-size: 3.33rem;
}

.f-38 {
    font-size: 3.16rem;
}

.f-36 {
    font-size: 3rem;
}

.f-34 {
    font-size: 2.83rem;
}

.f-32 {
    font-size: 2.66rem;
}

.f-30 {
    font-size: 2.5rem;
}

.f-28 {
    font-size: 2.33rem;
}

.f-26 {
    font-size: 2.166rem;
}

.f-24 {
    font-size: 2rem;
}

.f-22 {
    font-size: 1.83rem;
}

.f-20 {
    font-size: 1.66rem;
}

.f-18 {
    font-size: 1.5rem;
}

.f-16 {
    font-size: 1.33rem;
}

.f-14 {
    font-size: 1.166rem;
}

.f-12 {
    font-size: 1rem;
}

.f-light {
    font-weight: lighter;
}

.f-bold {
    font-weight: bold;
}

.f-500 {
    font-weight: 500;
}

.f-left {
    text-align: left;
}

.f-center {
    text-align: center;
}

.f-right {
    text-align: right;
}

.up-word {
    text-transform: uppercase;
}

.v-show {
    visibility: visible;
}

.v-hide {
    visibility: hidden;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.back-cover {
    background-size: cover;
}

.back-contain {
    background-size: contain;
}

.wid-10 {
    width: 10%;
}

.wid-15 {
    width: 15%;
}

.wid-20 {
    width: 20%;
}

.wid-25 {
    width: 25%;
}

.wid-30 {
    width: 30%;
}

.wid-35 {
    width: 35%;
}

.wid-40 {
    width: 40%;
}

.wid-45 {
    width: 45%;
}

.wid-50 {
    width: 50%;
}

.wid-55 {
    width: 55%;
}

.wid-60 {
    width: 60%;
}

.wid-65 {
    width: 65%;
}

.wid-70 {
    width: 70%;
}

.wid-75 {
    width: 75%;
}

.wid-80 {
    width: 80%;
}

.wid-85 {
    width: 85%;
}

.wid-90 {
    width: 90%;
}

.wid-95 {
    width: 95%;
}

.wid-100 {
    width: 100%;
}

.op-0 {
    opacity: 0;
}

.op-1 {
    opacity: 0.1;
}

.op-2 {
    opacity: 0.2;
}

.op-3 {
    opacity: 0.3;
}

.op-4 {
    opacity: 0.4;
}

.op-5 {
    opacity: 0.5;
}

.op-6 {
    opacity: 0.6;
}

.op-7 {
    opacity: 0.7;
}

.op-8 {
    opacity: 0.8;
}

.op-9 {
    opacity: 0.9;
}

.op-10 {
    opacity: 1;
}

.layout-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.layout-v-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.layout-h-middle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

#header {
    position: fixed;
    z-index: 999;
    width: 100% !important;
    transition: all .3s;
}

@media (min-width:768px) {
    #header.stick-hover,
    #header.sticky-active {
        background-color: white;
    }
    #mod-advertisement-1{
        padding-top: 100px;
    }
}

#header.stick-hover .navbar .uk-navbar-left,
#header.stick-hover .navbar .uk-navbar-right{
    box-shadow: none !important;
    background-color: transparent !important;
}

#header .navbar {
    margin: 0 auto;
    background-color: white;
    transition: all .3s;
    max-width: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

#header .uk-navbar-dropdown,
#header .uk-navbar-dropdown-nav {
    width: 100vw !important;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

#header .uk-navbar-dropbar {
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05) inset;
    width: 200vw;
    left: -50vw !important;
    background-color: rgba(255, 255, 255, 1);
}

#header .uk-navbar-dropdown-nav li {
    display: inline-block;
    margin-right: 1rem;
    float: left;
}

#header .uk-navbar-dropdown-nav li .category-header-icon svg {
    width: 2.2rem;
    height: 2.2rem;
}

#header .uk-categories-navbar-dropdown>ul>li>a {
    /* margin:0 !important;
    background-color: transparent; */
}

#header .uk-categories-navbar-dropdown>ul>li>a:hover svg path {
    fill: white;
}

#header .navbar .uk-navbar-left #mod-logo {
    padding: 0 0.5rem;
    transition: all .3s;
}

#header .navbar .uk-navbar-left #mod-logo img {
    height: 5rem;
    transition: all .3s;
    padding: 0;
}

#header .navbar .uk-navbar-left,
#header .navbar .uk-navbar-right {
}

#header .navbar .uk-navbar-right {
}

@media (min-width: 960px){ 
    #header .navbar .uk-navbar-right .uk-navbar-item{
        min-height: 100px;
    }
}
#header .navbar .uk-navbar-nav .uk-navbar-dropdown::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 1px;
    background-color: #eee;
}

#header .navbar .uk-navbar-nav>li {
    z-index: 981;
}

#header .navbar .uk-navbar-nav li a {
    font-size: 1.4rem;
    font-weight: bold;
    color: #222;
    transition: all .3s;
    padding: 0 1rem;
}

#header .navbar .uk-navbar-nav li ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 1.5rem 0;
    border-radius: .3rem;
    padding: 20px 30px;
    background-color: #f3f4f6;
}

#header .navbar .uk-navbar-nav li ul li a:hover {
    background-color: var(--wetown-main-color);
}

#header .navbar .uk-navbar-nav li ul li a .wetown-icon {
    font-size: 2.2rem;
    font-style: normal;
    margin-bottom: .5rem;
    color: #444;
    transition: all .3s;
}

#header .navbar .uk-navbar-nav li ul li a:hover,
#header .navbar .uk-navbar-nav li ul li a:hover .wetown-icon {
    color: white;
}

#header .navbar .uk-navbar-nav li a:hover,
#header .navbar .uk-navbar-nav li a[aria-expanded="true"] {
    color: var(--wetown-main-color);
}

#header .mod-telephone {
    font-size: 1.6rem;
    color: var(--wetown-main-color);
}

.navbar-right-items>div {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.navbar-right-items>div:first-child {
    margin-left: 0;
}

.navbar-right-items>div.mod-telephone>span {
    position: relative;
    top: .2rem;
}


/*animate补充动画*/

.scroll-animate.animated {
    visibility: hidden;
}

.disable-hover {
    pointer-events: none;
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

@keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }
}

.fadeOutLeftSmall {
    animation-name: fadeOutLeftSmall;
}

@keyframes fadeOutRightSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }
}

.fadeOutRightSmall {
    animation-name: fadeOutRightSmall;
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, 20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

@keyframes fadeOutUpSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(0%, -10%, 0);
    }
}

.fadeOutUpSmall {
    animation-name: fadeOutUpSmall;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.scaleIn {
    animation-name: scaleIn;
}

@keyframes slideInUpSmall {
    from {
        transform: translate3d(0%, 10%, 0);
    }
    to {
        transform: none;
    }
}

.slideInUpSmall {
    animation-name: slideInUpSmall;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

@keyframes fn1 {
    0% {
        opacity: 0;
        clip-path: inset(100% 0 0 0);
        transform: translate3d(0%, 20px, 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: none;
    }
}

.fn1 {
    animation-name: fn1;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);
}

.section-header .section-title {
    font-size: 4rem;
}

.section-header .section-title .ename {
    font-family: 'Google Sans';
    font-weight: bolder;
    letter-spacing: -0.333rem;
    color: #dbdbdb;
}

.section-header .section-title .cnname {
    font-weight: bolder;
    color: black;
    margin-top: -2.7rem;
}
#mod-advertisement-1 .swiper-slide > a{
    background-color: #f8f8f8;
}

.mod-company-datas {}

.mod-company-datas>div {
    text-align: center;
    position: relative;
    margin-right: 10px;
    padding-right: 50px;
}

.mod-company-datas>div::after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background-color: #eee;
    position: absolute;
    right: 0;
    top: 10%;
}

.mod-company-datas>div:last-child {
    margin-right: 0;
    padding-right: 0;
}

.mod-company-datas>div:last-child::after {
    display: none;
}

.mod-company-datas>div>div {
    position: relative;
    display: inline-block;
}

.mod-company-datas>div>div>em {
    font-family: 'din';
    font-style: normal;
    font-size: 5.15rem;
    color: var(--wetown-main-color);
    font-weight: bolder;
    letter-spacing: -0.2rem;
}

.mod-company-datas>div>div>sup {
    font-size: 2.3rem;
    color: #666;
    position: absolute;
}

.mod-company-datas>div>div>sup.top {
    top: 1.4rem;
    right: -1.4rem;
}

.mod-company-datas>div>div>sup.bottom {
    top: auto;
    bottom: 3.4rem;
    right: -3.2rem;
    font-size: 1.5rem;
}

.mod-company-datas>div>p {
    font-size: 1.33rem;
    color: #333;
    margin-top: -1.5rem;
}

@media (max-width:768px) {
    .mod-company-datas>div {
        text-align: center;
        position: relative;
        margin-right: 0px;
        padding-right: 30px;
    }
}

.uk-sticky-placeholder {
    display: none !important;
}

.mod-company-profile {
    font-size: 1.33rem;
    color: #484848;
    line-height: 1.7;
    font-weight: 400;
    max-width: 55rem;
}
.uk-lightbox-panel .uk-spinner svg {
    width: 10rem;
    height: 10rem;
}
.bx_rc {
    box-shadow: 0 3px 29px -8px rgba(210, 127, 132, 0.34);
}

.bx_grc {
    box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71);
}

.alan_delay100 {
    animation-delay: 100ms;
}

.alan_delay200 {
    animation-delay: 200ms;
}

.alan_delay300 {
    animation-delay: 300ms;
}

.alan_delay400 {
    animation-delay: 400ms;
}

.alan_delay500 {
    animation-delay: 500ms;
}

.alan_delay600 {
    animation-delay: 600ms;
}

.alan_delay700 {
    animation-delay: 700ms;
}

.alan_delay900 {
    animation-delay: 900ms;
}

.alan_delay800 {
    animation-delay: 800ms;
}

.alan_delay1000 {
    animation-delay: 1000ms;
}

.fontAni>span {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: 1.2;
    overflow: hidden;
    vertical-align: middle;
}

.fontAni>span>em {
    display: inline-block;
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
}

.fontAni>span>em.animated {
    opacity: 0;
}

.fontAni.e2>span {
    margin: 0 0.2em;
}

.button-primary {
    background-color: var(--wetown-main-color);
    display: inline-block;
    border-radius: .5rem;
    padding: 0 2rem .5rem 1rem;
    position: relative;
    overflow: hidden;
}

.button-primary::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background-color: var(--wetown-highlight-color);
    transition: all .3s;
    z-index: 0;
}

.button-primary>span {
    color: white;
    display: inline-block;
    padding: 1rem 5rem 1rem 1rem;
    font-size: 1.15rem;
    font-weight: 500;
    position: relative;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAALCAYAAAAA2L+yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDODQxQzhBMUNBNDExRUM4NTZDQkZCQjE2NTJGNUI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDODQxQzhCMUNBNDExRUM4NTZDQkZCQjE2NTJGNUI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM4NDFDODgxQ0E0MTFFQzg1NkNCRkJCMTY1MkY1QjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4NDFDODkxQ0E0MTFFQzg1NkNCRkJCMTY1MkY1QjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YmecCAAAAtUlEQVR42mL8//8/wyADQkD8HYpxAiaGwQfkgfgTEIcBMeNQcjgIsADxSiC+AsTKuBSAfMUxiBwtjcTWAuI7QDwDiAuB+AdMghGYxiWB9DOGwQ9+QZPPJiD+z8QwdAAbEG8A4nNAzDqUHA4Cy4DYDoh/g5IKKJ0rDCLHeQDxZDSxG0AcCKXhmfMPNAMMFnAULV1HA/FaULoeCsUhCPQDMT8Qr0F3NKxUGWwOloYW0U/wKQIIMACWtyeRvb3jHAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: right 1.8rem;
    background-size: 2rem auto;
    z-index: 1;
}

.button-primary>span::after {
    content: "";
    display: block;
    height: 2px;
    width: calc(100% - 6rem);
    position: absolute;
    bottom: 0.7rem;
    left: 1rem;
    background-color: var(--wetown-light-color);
    transition: all .3s;
}

.button-primary:hover::after {
    left: 0;
    top: 0;
}

.button-primary:hover>span::after {
    background-color: white;
}

#iconAni {
    width: 3rem;
    height: auto;
    margin-bottom: 0.35rem;
}

#iconAni path {
    stroke: rgb(255, 255, 255);
    fill: rgba(255, 255, 255, 0);
    stroke-width: 12px;
    transition: fill 0.5s ease-in-out 0s;
}

#iconAni.on,
#iconAni.on path {
    color: #fff;
    fill: rgb(255, 255, 255);
}

.mod-company-video {
    position: relative;
}

.mod-company-video .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3.5rem;
    margin-left: -3.5rem;
    width: 7rem !important;
    height: 7rem !important;
}

.mod-company-video .icon.on,
.mod-company-video .icon.on path {
    color: #ff3859 !important;
    fill: #ff3859 !important;
    stroke: #ff3859 !important;
}

.googlesans {
    font-family: 'Google Sans';
}

.mod-stock-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mod-stock-overview {
    width: 100%;
    max-width: 24rem;
    padding: 2rem 2rem 3rem;
    background-color: var(--wetown-main-color);
    color: white;
    position: absolute;
    right: 0;
    top: -9rem;
    z-index: 9;
    box-sizing: border-box;
    border-radius: .5rem;
    opacity: 0.95;
    overflow: hidden;
    z-index: 1;
}

.mod-stock-overview::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* chrome 10+, safari 5.1+ */
    background-image: -webkit-linear-gradient(-45deg, var(--wetown-main-color), #f55, var(--wetown-light-color));
    /* firefox; multiple color stops */
    background-image: -moz-linear-gradient(-45deg, var(--wetown-main-color), #f55, var(--wetown-light-color));
    /* ie10 */
    background-image: -ms-linear-gradient(-45deg, var(--wetown-main-color) 0%, #f55 100%);
    /* opera 11.1 */
    background-image: -o-linear-gradient(-45deg, var(--wetown-main-color), #f55);
    /* 标准写法 */
    background-image: linear-gradient(-45deg, var(--wetown-main-color), #f55);
    opacity: 0.5;
}

.mod-stock-overview>.mod-stock-header,
.mod-stock-overview>.mod-stock-datas {
    position: relative;
    z-index: 2;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.mod-stock-overview .mod-stock-header h3,
.mod-stock-overview .mod-stock-header h5 {
    color: white;
}

.mod-stock-overview .mod-stock-header h3 {
    font-size: 1.7rem;
    font-weight: bolder;
}

.mod-stock-overview .mod-stock-header h5 {
    margin: 1rem 0;
    display: flex;
    align-items: center;
}

.mod-stock-overview .mod-stock-header h5 span {
    font-size: 1.1rem;
    font-weight: normal;
}

.mod-stock-overview .mod-stock-header h5>strong {
    font-size: 2.6rem;
    padding-left: .3rem;
}

.mod-stock-overview .mod-stock-header .icon {
    position: absolute;
    right: 1rem;
    top: 0rem;
    width: 5rem;
    height: 5rem;
}

.mod-stock-overview .mod-stock-datas label {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.6);
}

.mod-stock-overview .mod-stock-datas div>p {
    font-size: 1.8rem;
    font-weight: 700;
}

.stock-trend-content {
    position: relative;
}

.stock-trend-content .stock-trend-number {
    font-weight: bolder;
    position: absolute;
    bottom: -1.3rem;
    left: 0;
}

.stock-trend-content .stock-trend-number.up {
    color: rgb(255, 104, 104);
}

.stock-trend-content .stock-trend-number.down {
    color: #32d296;
}

.stock-trend-content .stock-trend-number.up::before {
    content: "+";
}

.stock-trend-content .stock-trend-number.down::before {
    content: "-";
}

.stock-source-updated-at {
    font-size: 10px;
    width: 100%;
    padding-top: 1rem;
    opacity: 0.3;
    font-weight: 400;
    transform: scale(0.8);
}

.wrapper-large-container {
    max-width: 1620px;
    padding: 0 10px;
    margin-left: auto;
    margin-top: 5rem !important;
    margin-right: auto;
    box-sizing: border-box;
}

.wrapper-large {
    max-width: 1600px;
    background-color: #fff;
    border-radius: .5rem;
    box-sizing: border-box;
    padding: 8rem 3rem
}

.mod-solutions .section-intro {
    background-color: var(--wetown-main-color);
    color: white;
    font-size: 3rem;
    padding: 2rem 0 2rem 14rem;
    position: relative;
    left: -14rem;
    margin: 3rem 0rem 2rem 0;
    font-weight: 300;
    box-sizing: content-box;
    width: 100%;
    border-radius: 0.5rem;
}

.mod-solutions .section-intro strong {
    font-weight: bolder;
}

.mod-solutions .solution-item {}

.mod-solutions .solution-item .solution-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: .5rem;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
    color: #000;
    transition: all .3s;
    font-weight: 400;
}

.mod-solutions .solution-item .solution-nav.selected,
.mod-solutions .solution-item .solution-nav:hover {
    background-color: var(--wetown-light-color);
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.mod-solutions .solution-item .solution-nav.selected svg path,
.mod-solutions .solution-item .solution-nav:hover svg path {
    fill: white;
}

.mod-solutions .solution-item .solution-icon svg {
    width: 2rem;
    height: 2rem;
    margin-right: 5px;
}

.mod-solutions .solution-item .solution-icon svg,
.mod-solutions .solution-item .solution-icon svg path {
    fill: #333;
    color: #333;
    transition: all .3s;
}

.mod-solutions .wrapper {
    z-index: 2;
    position: relative;
}

.solution-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: .5rem;
    opacity: 0.3;
    overflow: hidden;
}

#mod-solutions-swiper-background,
#mod-solutions-swiper-background .swiper-wrapper,
.solution-background .solution-background-inner {
    width: 100%;
    height: 100%;
}

.solution-background .solution-background-inner {
    overflow: hidden;
}

.solution-background .solution-background-inner>span {
    display: block;
    width: 105%;
    height: 105%;
    margin: -2% 0 0 -2%;
    background-size: cover;
    filter: blur(6px);
    background-color: white;
    background-position: left center;
}

.solution-background .solution-background-inner>strong.border-text {
    position: absolute;
    z-index: 99;
    transform: rotate(270deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    right: 2rem;
    top: 0;
    color: #fff;
    font-size: 4rem;
    opacity: 0.2;
}

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

#mod-solutions-swiper {
    width: 100%;
    max-width: 50rem;
}

#mod-solutions-swiper .solution-header-title h2 {
    font-size: 2.2rem;
    display: flex;
    align-items: center;
    font-weight: 800;
}

#mod-solutions-swiper .solution-header-title h2 .icon svg {
    width: 3rem;
    height: 3rem;
    margin-right: .3rem;
}

#mod-solutions-swiper .solution-header-title h2 .icon svg path {
    fill: black;
}

#mod-solutions-swiper .solution-description {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #060606;
    margin-top: 2rem;
    font-weight: 300;
}
.mod-categories .mod-category-items{
    margin-top: 2rem;
}
.mod-categories .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mod-categories .mod-category-items {
    display: flex;
    align-items: center;
}

.mod-categories .category-list-item {
    cursor: pointer;
}

.mod-categories .category-list-item > a { 
    display: flex;
    text-align: center;
    min-height: 19rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--wetown-main-color);
    border-radius: 5px;
}

@media screen and (max-width:1024px) {
    .mod-categories .mod-category-items{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .mod-categories .category-list-item {
        width: 50%;
        text-align: center;
        margin:0 0 2rem;
    }
    .mod-categories .category-list-item a{
        min-height: 16rem;
    }
    /* .mod-categories .category-list-item:first-child{
        width: 100% !important;
    }
    .mod-categories .category-list-item:first-child > a {
        min-height: 19rem;
    } */
}

.mod-categories .category-list-item:hover span,
.mod-categories .category-list-item:hover span path,
.mod-categories .category-list-item.uk-active span,
.mod-categories .category-list-item.uk-active span path {
    /* color: var(--wetown-main-color) !important;
    fill: var(--wetown-main-color) !important;
    border-color: var(--wetown-main-color) !important;*/
    
}
.mod-categories .category-list-item:hover a {
    transition: all .3s; 
    background-color: var(--wetown-light-color);
}

.mod-categories .category-list-item.uk-active span.category-name::after {
    background-color: var(--wetown-main-color);
}

.mod-categories .category-list-item span.icon-wrapper {
    display: inline-block;
    padding: 1.8rem;
    border-radius: 50%;
    border: 2px solid white
}

.mod-categories .category-list-item span.icon-wrapper svg {
    width: 3.2rem;
    height: 3.2rem;
}

.mod-categories .category-list-item span.icon-wrapper svg path {
    fill: white;
}

.mod-categories .category-list-item span.category-name {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1rem 0 0;
    position: relative;
    font-weight: bold;
    color: white;
    font-size: 1.5rem;
}

.index .mod-categories>.mod-category-products {
    background-color: white;
    padding: 0;
}

.mod-categories>.mod-category-products>.mod-product-list {
    width: 100%;
    background-color: white;
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item {}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item>a {
    display: block;
    background-color: #f0f8ff;
    padding: 2rem 0 3rem;
    transition: all .3s;
    overflow: hidden;
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item>a:hover {
    background-color: #fff2e5;
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item img.product-image {
    margin-bottom: 3rem;
    transition: all .3s;
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item>a:hover img.product-image {
    transform: scale(1.1);
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item .product-name {
    color: #222;
    text-align: center;
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item .product-name>strong {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    min-height: 5rem;
}

.mod-categories>.mod-category-products>.mod-product-list .mod-product-item>a:hover .mod-more {
    color: var(--wetown-main-color);
}

.mod-more {
    font-weight: 300;
    margin-top: 1rem;
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
    padding-right: 2.5rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAALCAYAAAAA2L+yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1NkQ5OEYwMURFOTExRUM4NTZDQkZCQjE2NTJGNUI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGNUIzMzdFMURFQTExRUM4NTZDQkZCQjE2NTJGNUI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTU2RDk4RUUxREU5MTFFQzg1NkNCRkJCMTY1MkY1QjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTU2RDk4RUYxREU5MTFFQzg1NkNCRkJCMTY1MkY1QjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5B3mzhAAAAxklEQVR42mJmGGRAR0eHW0xMjOHVq1f/8KljYhh8QAiIJwE9YALEjLgUMQ82VwNDmx9I2QOxMQgD+VeB+BswBlDUMUJ9xTKI3K4JxNloYoeAeNWVK1d+Izsc5MMuhsEP/gDxLCC+BPTAfyaGoQNAqSILiKuBgc3MwjC0wCkgXgoM8b8gh38G4tpB5DhtII5AE3sBxNNBNNDRkDQ+CMtxWSBVg5Su5wLxeVC6Rk83gxXsAeINyCXJYHc4KOlWAB38Hp8igAADAL83N3avTD4NAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 1.8rem auto;
    background-position: right center;
}

.category-title {
    text-align: center;
    font-size: 3rem;
    font-weight: 800;
}

.border-text {
    text-transform: uppercase;
    line-height: 1.8rem;
    font-size: 2.4rem;
    white-space: nowrap;
    text-shadow: 0 0 1px rgb(102 102 102 / 50%);
}

.mod-investor-relations {
    padding: 4rem 0;
    background: url(../images/investorrelations-background.png) no-repeat center top;
    background-size: cover;
    width: 100%;
    min-height: 40rem;
}

.investor-download-image {
    border-radius: .5rem;
}

.stock-card {
    background: var(--wetown-main-color);
    color: white;
    border-radius: .5rem;
}

.stock-card-header {
    background: #00689e;
    border-radius: .5rem .5rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 4rem;
    color: white;
}

.stock-card-header h5,
.stock-card-header h2 {
    color: white;
}

.stock-card-header h5 {
    font-size: 1.83rem;
    font-weight: 400;
}

.stock-card-header h2 {
    font-size: 2.67rem;
    font-weight: 700;
}

.stock-card-body {
    padding: 5rem 4rem 6rem;
    position: relative;
}

.stock-card-body .mod-more-primary-wrapper {
    background-color: var(--wetown-light-color);
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    right: -7rem;
}

.mod-more-primary {
    margin: 0;
    background-color: var(--wetown-light-color);
    display: inline-block;
    padding: 2rem 3rem 2rem 0;
    color: black !important;
    font-weight: 400;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAALCAYAAAAA2L+yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdBNTU1OURBMUUyMTExRUM4NTZDQkZCQjE2NTJGNUI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdBNTU1OURCMUUyMTExRUM4NTZDQkZCQjE2NTJGNUI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0E1NTU5RDgxRTIxMTFFQzg1NkNCRkJCMTY1MkY1QjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0E1NTU5RDkxRTIxMTFFQzg1NkNCRkJCMTY1MkY1QjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+UiYnAAAAvklEQVR42mJmGGRAR0dHSExMjOHVq1d/8KljYhh8QB6IPwE9EAbEjEPJ4SDAAsQrgfgK0PHKQIyhgBHqK45B5GhnIN6MJjYDiAuvXLnyA9nhkkD6GcPgB7+AOAyINwE98J+JYegANiDeAMTngIHNOpQcDgLLgNgOGOK/QZngNRCrDiLHeQDxZDSxG0AcCKKBjoak8UFYjhuCkgNSuo4G4rWgdI1e7AxW0A/EVcglyWB3+CsglgU6+Ak+RQABBgBtgDN9W/mb0QAAAABJRU5ErkJggg==);
    font-size: 1.2rem;
}

.stock-card-body .mod-more-primary-wrapper:hover,
.stock-card-body .mod-more-primary-wrapper:hover .mod-more-primary {
    background-color: var(--wetown-highlight-color);
}

.stock-card-body .mod-stock-datas label {
    font-size: 1.3rem;
}

.stock-card-body .mod-stock-datas p {
    font-size: 2.5rem;
    font-weight: 700;
}

.stock-card-body .hints {
    position: absolute;
    left: 4rem;
    bottom: 2rem;
}

.hints {
    opacity: 0.3;
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 300;
}

.stock-current-trend {
    font-size: 4.4rem;
}

.stock-current-trend>svg {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    right: -1.8rem;
    bottom: .1rem;
}

.stock-current-trend.up>svg path,
.stock-current-trend.up {
    fill: #ff4931;
    color: #ff4931;
}

.stock-current-trend.down>svg path,
.stock-current-trend.down {
    fill: #32d296;
    color: #32d296;
}

.stock-current-trend.down>svg {
    bottom: -0.6rem;
}

.mod-investor-relations-content>div:first-child {
    max-width: 420px;
}

.mod-stock-extra {
    display: flex;
    flex-direction: column;
}

.mod-stock-channels {
    height: auto;
    flex: 1;
    margin-top: 30px !important;
}

.mod-stock-channels>div {
    height: 100%;
}

.mod-stock-channels>div .channel-item {
    height: 100%;
    background-color: #eee;
    background-position: center bottom;
    background-size: cover;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: .5rem;
    position: relative;
    transition: all .3s;
    overflow: hidden;
}

.mod-stock-channels>div .channel-item:hover {
    transform: scale(1.05);
    cursor: pointer;
}

.mod-stock-channels>div .channel-item:hover h4,
.mod-stock-channels>div .channel-item:hover h4 svg path {
    color: var(--wetown-highlight-color) !important;
    fill: var(--wetown-highlight-color) !important;
}

.mod-stock-channels>div .channel-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.4)));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
    background: gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.4)));
}

.mod-stock-channels>div .channel-item .channel-name {
    position: relative;
    z-index: 1;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.mod-stock-channels>div .channel-item h4 {
    font-size: 1.3rem;
    font-weight: 500;
    color: white;
    padding-bottom: 1.2rem;
}

.mod-stock-channels>div .channel-item .channel-name svg {
    width: 2rem;
    height: 2rem;
    margin-right: .3rem;
}

.mod-stock-channels>div .channel-item .channel-name svg path {
    fill: white;
}

.mod-news .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mod-news .mod-news-items {
    display: flex;
    align-items: center;
}

.mod-news .news-list-item {
    cursor: pointer;
    margin-left: 2rem;
    font-size: 1.4rem;
    padding-top: 4rem;
}

.mod-news .news-list-item:hover span,
.mod-news .news-list-item:hover span path,
.mod-news .news-list-item.uk-active span,
.mod-news .news-list-item.uk-active span path {
    color: var(--wetown-main-color) !important;
    fill: var(--wetown-main-color) !important;
    border-color: var(--wetown-main-color) !important;
    transition: all .3s;
}

.mod-news .news-list-item .news-name {
    color: black;
}

.mod-news .news-list-item .news-name::after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background-color: white;
    border-radius: 8px;
    margin-left: 15%;
    margin-top: .1rem;
    transition: all .3s;
}

.mod-news .news-list-item.uk-active span.news-name::after {
    background-color: var(--wetown-main-color);
}

.mod-news .mod-new-item {
    margin-bottom: 1rem;
}

.mod-news .mod-new-item>a {
    display: block;
    background-color: #fafafa;
    transition: all .3s;
}

.mod-news .mod-new-item>a:hover {
    background-color: #eee;
    opacity: 0.9;
}

.mod-news .mod-news-list {
    width: 100%;
}

.mod-news .mod-new-item .new-name {
    padding: 2rem;
    box-sizing: border-box;
}

.mod-news .mod-new-item .new-name>strong {
    font-size: 1.4rem;
    font-weight: 500;
    color: black;
    line-height: 1.3;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.mod-news .mod-new-item .new-name .datetime {
    color: #777;
    font-size: 1.2rem;
}

.mod-news .mod-new-item .new-name .intro {
    color: #888;
    font-weight: 300;
    font-size: 1.1rem;
    margin: 1rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.bottom-channels img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.bottom-channels img:hover {
    opacity: .7;
}

.mod-footer {
    padding: 3rem 0 2rem;
    margin-top: 3rem;
}

.mod-footer-navs {
    padding: 3rem 0;
}

.mod-footer-navs dl.mod-footer-navigation dt {
    margin-bottom: 1.2rem;
}

.mod-footer-navs dl.mod-footer-navigation dt a {
    color: #242424;
    font-size: 1.4rem;
    font-weight: 500;
}

.mod-footer-navs dl.mod-footer-navigation dd a {
    font-size: 1.1rem;
    color: #828282;
    display: block;
    padding: .4rem 0;
    transition: all .3s;
}

.mod-footer-navs dl.mod-footer-navigation dd a:hover {
    color: var(--wetown-main-color);
}

.mod-copyright {
    border-top: 1px solid #f0f0f0;
    padding-top: 1.5rem;
}

.mod-copyright .copyright-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #aaa;
    font-weight: 300;
}

.mod-copyright .copyright-wrapper .links a {
    color: #444;
    margin-left: 1rem;
    border-bottom: 1px solid #333;
}

.mod-copyright .copyright-wrapper .links a:hover {
    color: var(--wetown-main-color);
    border-color: var(--wetown-main-color);
}

.mod-breadcrumb {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mod-breadcrumb,
.mod-breadcrumb a {
    color: #888;
    font-weight: 300;
}

.navigation-pipe {
    position: relative;
    margin: -1px 3px 0;
}

.navigation-pipe svg {
    width: 12px;
    height: 12px;
}

.mod-breadcrumb .crumb-tip {
    color: #333;
}

.app .mod-content {
    min-height: 50rem;
}

.mod-footer .mod-breadcrumb {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 2rem;
}

.mod-footer-extra-links .mod-footer-item {
    margin-bottom: .5rem;
}

.mod-footer-extra-links .mod-footer-item,
.mod-footer-extra-links .mod-footer-logo {
    text-align: right;
}

.mod-footer-extra-links .mod-footer-logo {
    margin-bottom: 1rem;
}

.mod-footer-extra-links .mod-footer-item label {
    font-size: 1.1rem;
    color: #9b9b9b;
    margin-bottom: 0.6rem;
    display: block;
}

.mod-footer-extra-links .mod-footer-item h2 {
    font-weight: bold;
    font-size: 2rem;
    color: var(--wetown-main-color);
}

.uk-button-social svg {
    width: 2rem;
}

.mod-follows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mod-follows .uk-divider-vertical {
    height: 1.4rem;
    margin: 0 2rem;
}

.after-inner #top {
    position: fixed;
    width: 100%;
    overflow: hidden;
    height: 41.667vw;
    left: 0;
    top: 0;
    z-index: 4;
    min-height: 41.667vw;
}

.after-inner #top .banner {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: space-around;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
}

.after-inner #top .banner .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    background-size: cover;
}

.after-inner #top .banner .pic video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media screen and (orientation: portrait) {
    .after-inner #top .banner .pic video {
        display: none;
    }
}

.after-inner #top .banner .pic video.on {
    display: block;
}

.after-inner #top .banner .pic .video-parent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.after-inner #top .banner .pic .video-parent .cv {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    opacity: 0;
}

.after-inner #top .banner .pic .video-parent .cv.on {
    opacity: 1;
}

.after-inner #top .banner .topic {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 14rem;
}

.after-inner #top .banner .topic #iconAni {
    width: 6.33rem;
    height: auto;
    margin-bottom: 2.35rem;
}

.after-inner #top .banner .topic #iconAni path {
    stroke: #fff;
    fill: rgba(255, 255, 255, 0);
    stroke-width: 12px;
    transition: fill 0.5s ease-in-out;
}

.after-inner #top .banner .topic #iconAni.on path {
    fill: #fff;
}

.after-inner #top .banner .topic .txt_ {
    margin-bottom: 7vw;
    height: 130px;
    min-width: 50vw;
}

.after-inner #top .banner .topic .txt_ h1 {
    color: #fff;
    line-height: 1;
    margin-top: 0.8vw;
    height: 40px;
}

.after-inner #top .banner .topic .txt_ h1>span>em {
    font-weight: bold;
}

.after-inner #top .banner .topic .txt_ small {
    color: #fff;
    line-height: 1;
    height: 40px;
    font-weight: 700;
    letter-spacing: -2px;
}

.after-inner #top .banner .topic .txt_ small>span {
    margin: 0 5px;
}

.after-inner #top .banner .topic .txt_ small>span>em {}

.after-inner #top .banner .go_scr {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 2vw;
    user-select: none;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    line-height: 4rem;
    background-color: var(--wetown-main-color);
    text-align: center;
    display: flex;
    transform-origin: 50% 50%;
    justify-content: center;
    align-items: center;
    animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}

.after-inner #top .banner .go_scr>.iconfont {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-left: 1px;
}

.after-inner #top .banner .go_scr.r90 {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.after-inner #top .banner .btn_hover {
    position: absolute;
    right: 10.5%;
    top: 1.2rem;
    line-height: 3;
}

.after-inner #main {
    padding-top: 41.667vw;
    z-index: 100;
    pointer-events: none;
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

.after-inner #main .cir_btn {
    cursor: initial;
}

.after-inner #main .photo.scroll-animate {
    overflow: hidden;
}

.after-inner #main .wrap {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    z-index: 10;
}

.after-inner #main .row {
    position: relative;
    pointer-events: auto;
    padding: 2vw 0;
    background-color: #fff;
    padding-bottom: 5rem;
    padding-top: 5rem;
}

.after-inner #main .row .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.after-inner #main .row .bg .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.after-inner #main .row .rowMain {
    position: relative;
    z-index: 6;
}

.after-inner #main .row-line {
    display: flex;
    height: 1px;
    clear: both;
    background-color: #fff;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.after-inner #main .row-line>span {
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
}

.after-inner #main .rowHei {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.after-inner #main .rowHei .rowMain {
    width: 100%;
    flex-grow: 1;
}

.pic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

#r-foot {
    padding-top: 8rem;
    display: none;
}

#bloc footer {
    /* position: fixed;
	opacity: 0;
    bottom: 0; */
    width: 100%;
    position: relative;
    z-index: 99;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: white;
    margin: 0 auto !important;
    padding-top: 0;
}

#bloc footer.out {
    z-index: 5;
    opacity: 1;
}

#intro .row .title h2 {
    margin-bottom: 0;
}

#intro .row .title P {
    text-transform: capitalize;
}

#intro #r1 {
    padding-top: 5rem;
}

#intro #r1 .bg .add4 {
    position: absolute;
    right: 0;
    top: -5rem;
    width: 23.8vw;
}

#intro #r1 .bg .add5 {
    position: absolute;
    left: 0;
    bottom: -16vw;
    width: 44.63vw;
}

#intro #r1 .con .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#intro #r1 .con .box .left {
    width: 43%;
    max-width: 607px;
}

#intro #r1 .con .box .left .photo {
    width: 100%;
    padding-bottom: 140.4%;
    position: relative;
}

#intro #r1 .con .box .left .photo .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
}

#intro #r1 .con .box .right {
    width: 48%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#intro #r1 .con .box .right .msg>i {
    display: block;
    font-size: 2.2rem;
}

#intro #r1 .con .box .right .msg .title {
    margin-bottom: 0.54rem;
    margin-top: 0.3rem;
}

#intro #r1 .con .box .right .msg .title p {
    line-height: 1.5;
}

#intro #r1 .con .box .right .msg>small {
    display: block;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

#intro #r1 .con .box .right .msg>p {
    line-height: 1.8;
    color: #333;
    margin: 1rem 0;
    font-size: 1.23rem;
}

#intro #r2 {
    height: 50.52vw;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    position: relative;
    z-index: 4;
}

#intro #r2 .bg .left {
    position: absolute;
    right: 50%;
    top: 0;
    width: 80%;
    background-color: var(--wetown-main-color);
    height: 92%;
    z-index: 5;
}

#intro #r2 .bg .right {
    position: absolute;
    width: 58%;
    bottom: 0;
    right: 0;
    z-index: 4;
}

#intro #r2 .bg .right .photo {
    width: 100%;
    padding-bottom: 77.44%;
}

#intro #r2 .bg .right .photo .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#intro #r2 .bg .ad {
    position: absolute;
}

#intro #r2 .bg #ad1 {
    left: 48%;
    bottom: 87%;
}

#intro #r2 .bg #ad1>span {
    text-transform: uppercase;
    line-height: 1.8rem;
    font-size: 2.4rem;
    white-space: nowrap;
    text-shadow: 0 0 1px rgba(102, 102, 102, 0.5);
}

#intro #r2 .bg:before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 58%;
    top: 0;
    right: 0;
    height: 50%;
    pointer-events: none;
}

#intro #r2 .rowMain {
    height: 100%;
}

#intro #r2 .rowMain .con {
    height: 100%;
}

#intro #r2 .rowMain .con .left {
    width: 36.5%;
    height: 100%;
    padding-bottom: 6%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#intro #r2 .rowMain .con .left .msg>i {
    display: block;
    font-size: 32px;
}

#intro #r2 .rowMain .con .left .msg .title {
    margin-bottom: 0.54rem;
    margin-top: 0.3rem;
}

#intro #r2 .rowMain .con .left .msg .title p {
    line-height: 1.5;
}

#intro #r2 .rowMain .con .left .msg>p {
    line-height: 1.7;
}

#intro #r3 .bg .pic {
    position: absolute;
    height: auto;
    z-index: 4;
    bottom: 0;
    width: 100%;
    left: 0;
    top: auto;
    min-height: 112%;
}

#intro #r3 .con .topic {
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
}

#intro #r3 .con .topic>span {
    -webkit-text-stroke: 1px rgba(102, 102, 102, 0.1);
    position: relative;
    color: transparent;
    font-size: 20rem;
    line-height: 3rem;
    white-space: nowrap;
}

#intro #r3 .con .topic>span>em {
    font-family: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    -webkit-text-stroke: 1px rgba(102, 102, 102, 0.1);
    color: transparent;
    white-space: nowrap;
}

#intro #r3 .con .topic h2 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#intro #r3 .con .topic h2>small {
    color: var(--wetown-main-color);
    font-size: inherit;
}

#intro #r3 .con .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#intro #r3 .con .box .left {
    padding-left: 2vw;
}

#intro #r3 .con .box .left .items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 5.2rem;
    min-height: 26vw;
    align-content: center;
}

#intro #r3 .con .box .left .items .box {
    display: flex;
    flex-direction: column;
    margin: 1.4vw 0;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1) {
    white-space: nowrap;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1) span {
    color: var(--wetown-main-color);
    position: relative;
    line-height: 1;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1) span>sup {
    color: var(--wetown-main-color);
    position: absolute;
    bottom: 88%;
    left: 100%;
    text-shadow: none;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1) em {
    position: relative;
    line-height: 1.8;
    color: #37393d;
    vertical-align: top;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 5px;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1) em>sup {
    position: absolute;
    bottom: 50%;
    left: 100%;
    color: var(--wetown-main-color);
    text-shadow: none;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1)>small {
    margin-left: 9px;
    color: #37393d;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1)>small>i:nth-child(1) {
    font-size: 0.2rem;
    font-style: normal;
    display: block;
    color: #37393d;
    line-height: 1.4;
}

#intro #r3 .con .box .left .items .box>div:nth-child(1)>small>i:nth-child(2) {
    color: #37393d;
    font-style: normal;
    display: block;
}

#intro #r3 .con .box .left .items .box>div:nth-child(2) {
    color: #37393d;
    letter-spacing: 2px;
}

#intro #r3 .con .box .right {
    padding: 0;
}

#intro #r3 .con .box .right .photo {
    width: 100%;
    position: relative;
}

#intro #r3 .con .box .right .photo>img {
    width: 100%;
}

#intro #r3 .con .box .right .photo .dot-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#intro #r3 .con .box .right .photo .dot-box .dot {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-mid {
    width: 0.3rem;
    height: 0.3rem;
    position: relative;
    pointer-events: auto;
    display: block;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-mid>em {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    line-height: 8px;
    text-align: center;
    background-color: var(--wetown-main-color);
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-mid>.rip {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 3.4rem;
    animation: cir_out 5s linear infinite;
    animation-fill-mode: both;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-mid>.rip:nth-child(2) {
    animation-delay: 1s;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-mid>.rip:nth-child(3) {
    animation-delay: 2.5s;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-mid>.rip:nth-child(4) {
    animation-delay: 4s;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg {
    position: absolute;
    text-align: center;
    width: 0.3rem;
    margin-left: 2px;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .line {
    position: absolute;
    height: calc(100% - 0.2rem);
    background-color: var(--wetown-main-color);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 99%;
    width: 1px;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .d-logo {
    font-size: 0.3rem;
    color: var(--wetown-main-color);
    display: inline-block;
    height: 0.3rem;
    line-height: 0.3rem;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice {
    position: absolute;
    top: -27px;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice small {
    color: #999999;
    line-height: 24px;
    white-space: nowrap;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice h4 {
    white-space: nowrap;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg .notice p {
    color: #999999;
    white-space: nowrap;
    line-height: 1.2;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.ld .notice {
    text-align: right;
    right: 140%;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.rd .notice {
    text-align: left;
    left: 140%;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-up {
    bottom: 100%;
    padding-bottom: 2rem;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-up .line {
    bottom: -0.12rem;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-down {
    top: 100%;
    padding-top: 2rem;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-down .line {
    top: -0.12rem;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.d-down .notice {
    top: auto;
    bottom: -0.12rem;
}

#intro #r3 .con .box .right .photo .dot-box .dot .d-msg.p-pa .notice p {
    position: absolute;
    left: calc(100% + 7px);
    top: 27px;
}

#intro #r4 {
    overflow: hidden;
}

#intro #r4 .bg .add1 {
    position: absolute;
    left: -19vw;
    top: -17vw;
    width: 42vw;
}

#intro #r4 .bg .add2 {
    right: 0;
    bottom: 3vw;
    position: absolute;
    font-size: 2.5rem;
    line-height: 2rem;
    color: #fff;
    text-shadow: 0 0 1px rgba(102, 102, 102, 0.5);
}

#intro #r4 .rowMain .title {
    text-align: center;
    margin-bottom: 4vw;
}

#intro #r4 .rowMain .title h3 {
    line-height: 1;
}

#intro #r4 .rowMain .title small {
    text-transform: capitalize;
}

#intro #r4 .rowMain .con .tab {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#intro #r4 .rowMain .con .tab .tree {
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    width: calc(25% - 3px);
    background-color: #cccccc;
    position: relative;
    padding: 0.9vw 0;
    cursor: pointer;
}

#intro #r4 .rowMain .con .tab .tree:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--wetown-main-color);
    bottom: 101%;
    top: auto;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

#intro #r4 .rowMain .con .tab .tree:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0963b8;
    bottom: 101%;
    top: auto;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

#intro #r4 .rowMain .con .tab .tree>div {
    position: relative;
    z-index: 6;
    width: 100%;
    text-align: center;
    color: #fff;
}

#intro #r4 .rowMain .con .tab .tree:hover:before,
#intro #r4 .rowMain .con .tab .tree.on:before {
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    -o-transform: translate3d(0, 101%, 0);
    -ms-transform: translate3d(0, 101%, 0);
}

#intro #r4 .rowMain .con .tab .tree:hover:after,
#intro #r4 .rowMain .con .tab .tree.on:after {
    transition-delay: 0.175s;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    -o-transform: translate3d(0, 101%, 0);
    -ms-transform: translate3d(0, 101%, 0);
}

#intro #r4 .rowMain .con .box {
    padding: 6vw 0 4vw 0;
    position: relative;
}

#intro #r4 .rowMain .con .box .tabList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

#intro #r4 .rowMain .con .box .tabList .left {
    width: 46%;
}

#intro #r4 .rowMain .con .box .tabList .left .photo {
    width: 100%;
    padding-bottom: 63.25%;
    position: relative;
}

#intro #r4 .rowMain .con .box .tabList .left .photo .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#intro #r4 .rowMain .con .box .tabList .left .photo>span {
    position: absolute;
    left: -0.4rem;
    top: -1.2rem;
    z-index: 10;
    color: var(--wetown-main-color);
    line-height: 0.8rem;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: 0 100%;
}

#intro #r4 .rowMain .con .box .tabList .right {
    width: 47%;
}

#intro #r4 .rowMain .con .box .tabList .right .msg {
    width: 100%;
    padding-bottom: 63.25%;
    position: relative;
}

#intro #r4 .rowMain .con .box .tabList .right .msg .items {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-right: 2vw;
    overflow: auto;
}

#intro #r4 .rowMain .con .box .tabList .right .msg .items>li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.26rem;
}

#intro #r4 .rowMain .con .box .tabList .right .msg .items>li>i {
    line-height: 33px;
    height: 30px;
    display: inline-block;
    width: 24px;
    text-align: center;
    font-size: 20px;
}

#intro #r4 .rowMain .con .box .tabList .right .msg .items>li>span {
    padding: 0 0.4rem 0 0.2rem;
    width: 1.4rem;
    white-space: nowrap;
    line-height: 30px;
}

#intro #r4 .rowMain .con .box .tabList .right .msg .items>li>p {
    line-height: 30px;
    flex-grow: 1;
    width: 100%;
}

#intro #r4 .rowMain .con .box .tabList:first-of-type {
    position: relative;
}

#intro #r4 .rowMain .con .box .tabList .alan {
    animation-fill-mode: both;
    display: none;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

#intro #r4 .rowMain .con .box .tabList.on {
    opacity: 1;
    pointer-events: auto;
}

#intro #r4 .rowMain .con .box .tabList.on .alan {
    display: block;
    animation-name: fadeInLeftSmall;
}

#intro #r4 .rowMain .con .app-con #app_sw1 {
    padding-bottom: 45px;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    transform: scale(0.9);
    transform-origin: 50% 0;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left {
    width: 100%;
    margin-bottom: 45px;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left .photo {
    width: 100%;
    padding-bottom: 63.25%;
    position: relative;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left .photo .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .left .photo>span {
    position: absolute;
    left: 0;
    font-size: 50px;
    bottom: -25px;
    z-index: 10;
    color: var(--wetown-main-color);
    line-height: 50px;
    text-align: center;
    width: 100%;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right {
    width: 100%;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg {
    width: 100%;
    padding-bottom: 63.25%;
    position: relative;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-right: 2vw;
    overflow: auto;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items>li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.18rem;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items>li>i {
    line-height: 33px;
    height: 30px;
    display: inline-block;
    width: 24px;
    text-align: center;
    font-size: 20px;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items>li>span {
    padding: 0 0.4rem 0 0.2rem;
    width: 1.4rem;
    white-space: nowrap;
    line-height: 30px;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide .right .msg .items>li>p {
    line-height: 30px;
    flex-grow: 1;
    width: 100%;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide.active {
    transform: none;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .swiper-wrapper .swiper-slide:first-of-type {
    position: relative;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .smooth-pager {
    pointer-events: auto;
    height: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .smooth-pager>span {
    border: 1px solid #37393d;
    width: 0.12rem;
    height: 0.12rem;
    background-color: transparent;
}

#intro #r4 .rowMain .con .app-con #app_sw1 .smooth-pager>span.swiper-pagination-bullet-active {
    background-color: var(--wetown-main-color);
    border-color: var(--wetown-main-color);
}


/* .notice-lastest{
	position: relative;
	display: block;
}
.notice-lastest::after{
	content: "";
	display: block;
	width: 2rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
} */

@keyframes cir_out {
    0% {
        transform: translate(-50%, -50%) scale(0.05);
        opacity: 1;
    }
    80% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0;
    }
}

@keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
    }
}

@keyframes rotate_in {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes banner_in {
    0% {
        transform: translate3d(0, 100%, 0) scale3d(1.1, 1, 1.1);
        filter: blur(7px);
    }
    100% {
        transform: translate3d(0, 0%, 0) scale3d(1, 1, 1);
        filter: none;
    }
}

@keyframes banner_in_r5 {
    0% {
        transform: translate3d(0, 100%, 0) scale3d(0.8, 0.8, 0.8);
    }
    50% {
        transform: translate3d(0, 0%, 0) scale3d(0.8, 0.8, 0.8);
    }
    100% {
        transform: translate3d(0, 0%, 0) scale3d(1, 1, 1);
    }
}

@keyframes banner_out {
    to {
        transform: translate3d(0, 100%, 0) scale3d(1.1, 1, 1.1);
    }
}

@keyframes banner_out_r5 {
    0% {
        transform: translate3d(0, 0%, 0) scale3d(1, 1, 1);
    }
    50% {
        transform: translate3d(0, 0%, 0) scale3d(0.8, 0.8, 0.8);
    }
    100% {
        transform: translate3d(0, 100%, 0) scale3d(0.8, 0.8, 0.8);
    }
}

@keyframes a1 {
    0% {
        opacity: 1;
        transform: skewy(-45deg);
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: skewy(-45deg);
    }
}

@keyframes b1 {
    0% {
        opacity: 1;
        transform: skewy(-45deg);
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: skewy(-45deg);
    }
}

@keyframes d1 {
    0%,
    20% {
        transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
    }
    65%,
    100% {
        transform: translate(-50%, -50%) rotate(135deg) scalex(1);
    }
}

@keyframes e1 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes scrFn {
    to {
        opacity: 0.3;
        transform: translate3d(0, -50px, 0);
        -webkit-transform: translate3d(0, -50px, 0);
        -moz-transform: translate3d(0, -50px, 0);
        -o-transform: translate3d(0, -50px, 0);
        -ms-transform: translate3d(0, -50px, 0);
    }
}

@keyframes scrFn1 {
    to {
        opacity: 0;
    }
}

#new #r1 {
    padding-top: 5rem;
}

#new #r1 .con .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 4rem;
}

#new #r1 .con .tab .btn_hover {
    line-height: 5.8rem;
    margin: 0;
}

#new #r1 .con .tab-box {
    width: calc(100% + 0.68rem);
    margin-left: -0.34rem;
    margin-top: -0.34rem;
}

#new #r1 .con .tab-box .tab-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

#new #r1 .con .tab-box .tab-list .box {
    width: calc(100%/3);
    padding: 0.34rem;
    display: block;
}

#new #r1 .con .tab-box .tab-list .box .new-box {
    display: block;
}

#new #r1 .other {
    height: 5rem;
    position: relative;
}

#new #r1 .other .pager-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

#new #r1 .other .pager-box .new_prev {
    background-color: #fff;
    min-width: 11.3vw;
    height: 0.6rem;
    margin: 0;
}

#new #r1 .other .pager-box .new_pager>a {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
}

#new #r1 .other .pager-box .new_pager>a.on,
#new #r1 .other .pager-box .new_pager>a:hover {
    color: var(--wetown-main-color);
}

#new #r1 .other .pager-box .new_next {
    background-color: #fff;
    min-width: 11.3vw;
    height: 0.6rem;
    margin: 0;
}

#new_detail #top {
    height: 30vw;
    min-height: 30vw;
}

#new_detail #top .banner {
    background-color: #000;
}

#new_detail #top .banner .pic {
    opacity: 0.3;
}

#new_detail #top .banner .new-msg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 12;
    padding-top: 1.3rem;
}

#new_detail #top .banner .new-msg .left {
    width: 50%;
}

#new_detail #top .banner .new-msg .left h1 {
    color: #fff;
}

#new_detail #top .banner .new-msg .left p {
    color: rgba(255, 255, 255, 0.5);
}

#new_detail #top .banner .new-msg .right .btn_hover {
    min-width: 11.4vw;
    line-height: 0.6rem;
}

#new_detail #main {
    padding-top: 30vw;
}

#new_detail #main #r1 {
    padding-bottom: 0;
}

#new_detail #main #r1 .con {
    max-width: 800px;
}

#new_detail #main #r1 .con .new-con {
    max-width: 1200px;
    margin: 0 auto;
    color: #37393d;
    margin-bottom: 4vw;
}

#new_detail #main #r1 .con .new-con * {
    font-size: 16px;
}

#new_detail #main #r1 .con .new-con>p.lab {
    margin: 0.6rem auto;
    font-size: inherit;
    line-height: 2;
}

#new_detail #main #r1 .con .new-con>p.lab:first-of-type {
    margin-top: 0;
}

#new_detail #main #r1 .con .new-con img {
    max-width: 100%;
    margin: 1vw auto;
    height: auto !important;
}

#new_detail #main #r1 .other {
    height: 11.9vw;
    max-width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e2e2e2;
}

#new_detail #main #r1 .other .left .share-box .social-share>a {
    border: none;
    color: #86868b;
    font-size: 24px;
}

#new_detail #main #r1 .other .left .share-box .social-share>a:hover {
    color: var(--wetown-main-color);
    background-color: transparent;
}

#new_detail #main #r1 .other .right {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    justify-content: center;
    align-items: flex-start;
}

#new_detail #main #r1 .other .right>a {
    font-weight: 700;
    margin: 4px 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

#new_detail #main #r1 .other .right>a:hover {
    color: var(--wetown-main-color);
    text-decoration: underline;
}

.iconfont {
    font-size: 1.5rem !important;
}

.btn_hover {
    position: relative;
    padding: 0 0.3rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e5e5e5;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.btn_hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--wetown-main-color);
    bottom: 101%;
    top: auto;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    border-radius: 100px;
}

.btn_hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0963b8;
    bottom: 101%;
    top: auto;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    border-radius: 100px;
}

.btn_hover>span {
    position: relative;
    z-index: 6;
    width: 100%;
    color: #666666;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_hover>span>i {
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    margin-right: 1.1rem;
}

.btn_hover:hover>span,
.btn_hover.on>span {
    color: #fff;
}

.btn_hover:hover:before,
.btn_hover.on:before {
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    -o-transform: translate3d(0, 101%, 0);
    -ms-transform: translate3d(0, 101%, 0);
}

.btn_hover:hover:after,
.btn_hover.on:after {
    transition-delay: 0.175s;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    -o-transform: translate3d(0, 101%, 0);
    -ms-transform: translate3d(0, 101%, 0);
}

.ui-paging {
    text-align: center;
}

.ui-paging .ui-paging-item {
    font-family: 'Google Sans';
}

.ui-paging>* {
    color: #333;
    margin: 0 0.5rem;
    font-size: 1.2rem;
}

.ui-paging>a,
.ui-paging>.ui-paging-prev,
.ui-paging>.ui-paging-next {
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    height: 4.5rem;
    display: inline-block;
    width: 5rem;
    line-height: 4.5rem;
    font-weight: 500;
    transition: all .3s;
}

.ui-paging>.ui-paging-prev,
.ui-paging>.ui-paging-next {
    font-size: 13px;
}

.ui-paging>a:hover {
    background: var(--wetown-main-color);
    color: white;
}

.ui-paging>a.ui-paging-current {
    background-color: var(--wetown-highlight-color) !important;
    border-color: var(--wetown-highlight-color) !important;
    color: white !important;
}

.ui-paging>a {
    border-color: var(--wetown-main-color) !important;
}

.new-main-content {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    background-color: white;
    box-sizing: border-box;
    line-height: 1.8;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding: 4rem;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    font-weight: 300;
}

.new-main-content p {
    margin-bottom: 2rem;
}

.new-main-content img {
    display: block;
    margin: 1rem auto
}

.mod-channelcontent-header h1 {
    font-size: 2.3rem;
    margin-bottom: .5rem;
    font-weight: bold;
}

.mod-channelcontent-header p.datetime {
    font-size: 12px;
    color: #888;
}

.mod-related-news .uk-comment-body {
    color: #999;
    margin-top: .5rem;
}

.mod-related-news .uk-comment {
    margin-bottom: 2.4rem;
}

.mod-related-news .uk-comment-title {
    font-size: 1.35rem;
}

.mod-responsibility-wrapper {
    position: relative;
    z-index: 999;
}

.mod-responsibility-wrapper .new-name strong {
    color: black;
    font-size: 1.1rem;
    text-align: center;
    font-weight: 500;
    margin-top: 1rem;
    display: block;
    width: 100%;
}

.mod-responsibility-wrapper {
    margin: 5.5rem auto 0;
}

#new #r1 .ad-bg {
    width: 100%;
    position: relative;
}

#new #r1 .ad {
    width: 100%;
    text-align: center;
    z-index: 2;
    margin-top: 4rem;
}

#new #r1 .ad>span {
    text-transform: uppercase;
    font-size: 11rem;
    line-height: 0.9;
    color: #fff;
    text-shadow: 0 0 1px rgba(51, 51, 51, 0.3);
}

@media (max-width:960px) {
    .mod-stock-overview {
        position: relative;
        max-width: 100%;
        top: 2rem;
    }
    #mod-solutions-swiper {
        margin-top: 4rem;
    }
    #mod-advertisement-1 {
        margin-top: -2rem;
    }
    #mod-advertisement-1 .button-prev,
    #mod-advertisement-1 .button-next {
        display: none !important;
    }
    #mod-advertisement-1 .swiper-slide>a {
        height: calc(100vw * 0.6) !important;
    }
    .mod-solutions .wrapper-large {
        padding: 3.5rem 3rem
    }
    .mod-solutions .wrapper-large .wrapper {
        padding: 0;
    }
    .uk-sticky-placeholder {
        display: block !important;
    }
    .wrapper,
    .wrapper-large-container {
        padding: 0 20px;
    }
    .mod-company-datas>div>div>em {
        font-size: 3.6rem;
    }
    .mod-company-datas {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mod-company-profile {
        max-width: 100%;
        font-size: 1.6rem;
        font-weight: 300;
    }
    #header .navbar {
        margin: 0;
        background-color: white;
    }
    #header .navbar .uk-navbar-right {
        justify-content: flex-end;
    }
    #header .navbar .uk-navbar-left,
    #header .navbar .uk-navbar-right {
        border-radius: 0;
        box-shadow: none;
    }
    #header.sticky-active {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    }
    #header .navbar .uk-navbar-item,
    #header .navbar .uk-navbar-left #mod-logo,
    #header .navbar .uk-navbar-left .uk-navbar-item {
        margin: 0 !important;
        padding: 0 !important;
    }
    #header .navbar .uk-navbar-item {
        min-height: 6rem;
    }
    .button-primary>span {
        font-size: 1.3rem;
    }
    .mod-about>.uk-grid {
        flex-direction: column-reverse;
    }
    .mod-company-video {
        margin-top: 3rem;
    }
    .mod-stock-overview .mod-stock-datas div>p {
        font-size: 2.5rem;
    }
    .stock-trend-content .stock-trend-number {
        bottom: -1.8rem;
    }
    .mod-company-datas>div>div>sup.bottom {
        bottom: 2.9rem;
    }
    .mod-company-datas>div>p {
        color: #666;
    }
    .mod-solutions .solution-item .solution-nav,
    #mod-solutions-swiper .solution-description {
        font-size: 1.5rem;
    }
    .stock-card-body {
        text-align: center;
    }
    .stock-card-body .mod-more-primary-wrapper,
    .stock-card {
        right: auto;
        margin-top: 2rem;
    }
    .mod-stock-channels {
        margin-left: -15px;
    }
    .mod-stock-channels>div {
        margin-bottom: 15px;
        padding-left: 15px;
        height: auto;
    }
    .mod-stock-channels>div .channel-item {
        min-height: 14rem;
    }
    .stock-card-body .hints {
        width: 100%;
        text-align: center;
        left: 0;
    }
    .stock-card-header {
        flex-direction: column;
        text-align: center;
    }
    .stock-card-header,
    .stock-card-body {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .stock-card-header>div,
    .stock-current-trend {
        justify-content: flex-start;
        width: 100%;
    }
    .stock-current-trend {
        margin-left: -3rem;
        margin-bottom: -1rem;
    }
    .mod-categories .section-header {
        flex-direction: column;
    }
    .mod-categories .mod-category-items {
        margin-top: 2rem;
    }
    .mod-content {
        padding-top: 8rem;
    }
    .mod-investor-relations {
        background-position: left center;
    }
    .mod-news .mod-new-item .new-name>strong {
        font-size: 1.8rem;
    }
    .mod-copyright .copyright-wrapper {
        flex-direction: column;
        text-align: center;
    }
    .mod-copyright .copyright-wrapper .links a {
        font-size: 12px;
    }
    .mod-footer-navs dl.mod-footer-navigation {
        margin-bottom: 2rem;
    }
    .mod-footer-navs dl.mod-footer-navigation dt a {
        font-size: 1.6rem;
    }
    .mod-footer-navs dl.mod-footer-navigation dd a {
        font-size: 1.4rem;
        font-weight: 300;
    }
    .mod-footer-extra-links {
        margin-top: 2rem;
    }
    .mod-footer-extra-links,
    .mod-footer-extra-links>div {
        width: 100%;
        text-align: center !important;
    }
    .mod-footer-extra-links,
    .mod-footer-extra-links>div div {
        text-align: left !important;
    }
    .mod-footer-extra-links .mod-footer-item label {
        font-size: 1.3rem;
    }
    .mod-follows {
        justify-content: flex-start;
    }
    .mod-footer-right-second {
        margin-top: 2rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .after-inner #top {
        min-height: 70vh;
        height: 70vh;
    }
    .after-inner #main {
        padding-top: calc(70vh - 8rem) !important;
    }
    #intro #r1 .con .box {
        flex-wrap: wrap;
        margin-top: 0;
    }
    #intro #r1 .con .box .left,
    #intro #r1 .con .box .right {
        width: 100%;
    }
    #intro #r1 .con .box .right .msg {
        margin-top: 2rem;
    }
    #intro #r1 .con .box .right .msg>p {
        font-size: 1.5rem;
    }
    #bloc footer {
        position: relative;
        z-index: 99;
    }
    .after-inner #top .banner .go_scr {
        bottom: 3vh;
    }
    .mod-footer {
        margin-top: 0;
        padding-top: 5rem;
    }
    .after-inner #main .wrap {
        padding-bottom: 10rem;
    }
    .timeline-container::after{
        display: none;
    }
    .timeline-item, .timeline-item-content{
        width: 80vw !important;    
    }
    .timeline-item{
        margin-top: 6rem !important;
    }
    .timeline-item-content{
        min-width: 240px !important;
    }
    #header .uk-navbar-left{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    #header .mod-extra-menu{
        position: absolute;
        left: 20px;
        margin: 0;
    }
    .navbar-right-items svg{
        width: 3.2rem;
        height: 3.2rem;
    }
    #header .navbar .uk-navbar-left #mod-logo img{
        height: 4rem;
        padding:0;
    }
    #mod-solutions-swiper .solution-header-title h2{
        font-size: 1.7rem;
    }
    .channel-row-list .scroll-animate .caption h5{
        font-size: 2rem !important;
    }
}
.uk-offcanvas-bar .uk-nav > li{
    position: relative;
}
.uk-offcanvas-bar .uk-nav > li .arrow{
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: none;
    z-index: 999;
    width: 6rem;
    height: 5rem;
    text-align: right;
}
.uk-offcanvas-bar .uk-nav > li.menu-item .arrow svg{
    transition: all .3s;
}
.uk-offcanvas-bar .uk-nav > li.menu-item.active .arrow svg{
    transform: rotate(180deg);
}
.uk-offcanvas-bar .uk-nav > li.menu-item .uk-nav-sub li a{
    font-size: 1.5rem !important;
    font-weight: 400;
    padding: 1rem 0;
}
.uk-offcanvas-bar {
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.uk-offcanvas-bar .uk-nav li, .uk-offcanvas-bar .uk-nav li a{
    font-size: 1.3rem !important;
    color: black !important;
}
.uk-offcanvas-bar .uk-nav li a{
    display: block;
    font-weight: 500;
    font-size: 1.7rem !important;
    padding: 1rem 0;
}
.uk-offcanvas-bar .uk-nav > li{
    text-align: left;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
}
.uk-offcanvas-bar .uk-nav-sub{
    padding:0;
    display: none;
}
.uk-offcanvas-bar .uk-nav-sub li a{
    font-weight: 300;
    font-size: 1.38rem !important;
    color: #1e1e1e !important;
    padding: 5px 0;
}

@media screen and (max-width:1024px) {
    #scr_fx {
        animation-play-state: paused;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        will-change: transform, opacity;
        animation-delay: calc(var(--go) * -1s);
        animation-name: scrFn;
        animation-timing-function: linear;
    }
    #foot-fx {
        pointer-events: none;
        animation-play-state: paused;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        will-change: opacity;
        animation-delay: calc(var(--go1) * -1s);
        animation-name: scrFn1;
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }
    .new-main-content {
        font-size: 1.5rem;
    }
    .after-inner #top .banner .pic {
        filter: none;
        opacity: 0.4;
    }
}

.mod-bg-about-intro {
    position: relative;
    overflow: hidden;
}

.mod-bg-about-intro::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.2);
}

.mod-bg-about-intro .wrapper {
    position: relative;
    z-index: 2;
    color: white;
    font-size: 3.2rem;
    font-weight: 700;
    padding: 15rem 0;
}

.mod-bg-about-intro .wrapper small {
    display: block;
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.mod-bg-about-intro .wrapper .wetown-icon {
    color: #fff;
}

.channel .mod-company-datas {
    justify-content: space-around;
}

.mod-company-about-datas {
    background: #f8f8f8;
    margin: 0 !important;
    padding: 3rem 0;
}

.mod-panel-title {
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.mod-panel-title svg{
    position: relative;
    top: -1px;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .5rem;
}

.mod-categories-filter a {
    color: var(--wetown-main-color);
    line-height: 1.4;
    padding: 5px 0;
    display: block;
    /* background-size: auto 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAqElEQVQ4T+1VoQ6FMAy8JQNHJmYn8AgM//8Dm5mYJROzEwRXSPoykodBjUxS2TbXXnO5Cmbm4ziQUsK+7yAi1ETf9xiGAcYYdF0HQUQcQsB5njU4j14pJaZpgljXlXPOUEphHMdrSk0UdjFGbNsGrTWE954LzXmeq8H+gwuo9x6FvrDWciksy1Kz2KPXOXflPsD3Z/xu+OnwhXpu2TQ3h+b21dxgW7+AH4SRuH27ie47AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: right center; */
    font-size: 1.2rem;
    position: relative;
    transition: all .3s;
}

.mod-categories-filter a:hover {
    color: var(--wetown-main-color) !important;
}
.mod-categories-filter .uk-accordion-content{
    margin-top: 0;
}
.mod-categories-filter .uk-accordion>:nth-child(n+2){
    margin-top: 0;
    border-top:none !important
}
.mod-categories-filter .uk-accordion .uk-accordion>li{
    border: 1px solid #bfd5e8;
    border-width: 1px 0;
}
.mod-categories-filter .uk-accordion .uk-accordion>li > a{
    background-color: #f0f8ff;
}
.mod-categories-filter .uk-accordion .uk-accordion>li:first-child{
    border-top: none;
}
.mod-categories-filter .uk-accordion .uk-accordion>li:last-child{
    border-bottom: none;
}
.mod-categories-filter .uk-accordion .uk-accordion>li > a, .mod-categories-filter .uk-accordion .uk-accordion>li > .uk-accordion-content{
    padding:1.2rem 1rem;
}
.mod-categories-filter .uk-accordion .uk-accordion>li > a::before{
    display: none;
}
.mod-categories-filter a::after {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 0;
    background: var(--wetown-main-color);
    transition: all .3s;
}

.mod-categories-filter a:hover::after {
    width: 30px;
}
.mod-search a[aria-expanded="true"] svg path{
    fill: var(--wetown-main-color);
}
.filter-panel-body>.filter-label.active {
    background-size: auto 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABUUlEQVQ4T2NkYGBgWKKiIvPz5/+u/4z/HRj+M0iCxIgGjAzPGf8zHmBnZyyLuXPnCSPIsB8//11kYGAQItoQ7ArfcbAz6TPOlVVe9p/hfySFhoG1MzIwLmecI6f0jGRv4rId5P05skr/qeE6mBmDw0A2fj4GtbBQhvtbtjF8ff4cxYMku5CNn5/Bc/liBhEdbYazPf0MFyZNwW8gyHYpayuGR3v2Mfz79QtFMbJhH+/dZ9gaGsHw/fUb/AYa5OUwGJcUMjw5eJhhT0oaw9+fEEMxDAuLZPj+6jVGfGJ4mVdensF33SoGTlERuKHMHJxwb4JdhsMwcFrElmz4VZQZvFcuAxv69NARBnYhQXCYETIMp4EgCWRDQXxiDMNrIMxQj8ULGH59/sywIyYea5ihByLBZMPIzMzw/+9fojMTQQOJNgmqkPqFA9WLL6oXsNSuAgAmx6vnC3ss5QAAAABJRU5ErkJggg==');
}
.mod-search-wrapper{
    /* width: calc(100% - 40px); */
    max-width: 500px;
    margin: 0 auto;
    /* left: 20px !important; */
    border-radius: 5px;
    font-size: 1rem;
    padding:1rem;
    box-sizing: border-box;
    width: 100%;
}
.mod-header-search .uk-form{
    display: flex;
    align-items: center;
}
.mod-header-search .uk-form > input{
    border:none;
    background-color: #f3f3f3;
    padding: 2rem;
    font-size: 1.2rem;
}
.mod-header-search .uk-form > input.uk-button{ 
    box-sizing: border-box;
    padding: .4rem 2rem;
    margin-left: 1rem;
    background: var(--wetown-main-color);
    color: black;
    font-weight: 600;
    font-size: 1.4rem;
}
.mod-categories-filter .uk-panel>ul>li {
    padding-bottom: 10px;
    margin: 0 0 6px;
    padding: 0;
    color: black;
    transition: all .3s;
    border:1px solid var(--wetown-main-color);
}
.mod-categories-filter .uk-open ul.child-list{
    display: block !important;
}
.mod-categories-filter .uk-open ul.child-list li.uk-selected a{
    color: var(--wetown-highlight-color) !important;
}
.mod-categories-filter .uk-panel>ul>li{
    margin-bottom: 2rem;
}
.mod-categories-filter .uk-panel>ul>li ul .uk-accordion-content{
    margin-top: 0;
    border-top: 1px solid #bfd5e8;
}
.mod-categories-filter .uk-panel>ul>li:hover{ 
}
.mod-categories-filter .uk-panel>ul>li>a {
    font-weight: bold;
    background: none;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    background: var(--wetown-main-color);
    color: white;
    text-align: l;
    justify-content: flex-start;
    padding: 1rem;
}
.mod-categories-filter .uk-panel>ul>li>a::before{
    display: none;
}
.mod-categories-filter .uk-panel>ul>li>a > span.top-level-title{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.4rem;
}
.mod-categories-filter .uk-panel>ul>li>a > span > i > svg{
    width: 2rem;
    height: 2rem;
}
.mod-categories-filter .uk-panel>ul>li>a > span > i > svg path{
    fill: var(--wetown-main-color);;
}

.mod-categories-filter .uk-panel>ul>li>a:hover{
    color: var(--wetown-highlight-color) !important;
}
.mod-categories-filter .uk-panel>ul>li>a:hover::after{
    display: none;
}
.mod-categories-filter .uk-panel>ul>li>ul {
    padding: 0;
    margin: 0;
    background: rgb(255 255 255);
    padding: 1rem;
}

.mod-categories-filter .uk-panel ul li ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.mod-categories-filter .uk-panel ul li ul li li a{
    font-size: 13px; 
    font-weight: 500;
}
.mod-categories-filter .uk-panel ul li ul li li.uk-selected a{
    color: var(--wetown-main-color);
}

.mod-contact-form {
    font-size: 1.1rem;
}

.center {
    text-align: center;
}

.channel-row-list .scroll-animate>a {
    display: block;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
    z-index: 9;
    transition: all .3s;
}

.channel-row-list .scroll-animate>a:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.channel-row-list .scroll-animate .caption {
    padding: 2rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    background-color: rgba(255, 255, 255, 0.98);
}

.channel-row-list .scroll-animate .caption h5 {
    font-weight: 600;
    color: black;
    font-size: 1.4rem;
}

@media screen and (max-width:1024px) {
    .channel-row-list {
        margin-bottom: 2rem;
    }
    .mod-search-wrapper{
        max-width: 325px;
        padding: 1rem;
    }
    .mod-header-search .uk-form > input{
        padding:23px;
    }
}

.cultrue-list {
    max-width: 1000px;
}

.cultrue-list ul {
    display: flex;
    justify-content: space-between;
    padding: 3rem 0;
}

.cultrue-list ul,
.cultrue-list ul li {
    list-style: none;
    text-align: center;
}

.cultrue-list ul li>img {
    display: block;
    margin: 0 auto 1.5rem;
}

.cultrue-list ul li label {
    font-weight: bold;
    font-size: 1.8rem;
    display: block;
    margin-bottom: .5rem;
}

.cultrue-list ul li p {
    color: #888;
    font-size: 1.4rem;
    font-weight: 300;
}

.cultrue-list .uk-card>div {
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.cultrue-list .uk-card>div .uk-card-body {
    width: 100%;
    text-align: center;
}

.cultrue-list .uk-card>div h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.cultrue-list .uk-card>div h3 i {
    margin-right: .3rem;
}

.cultrue-list .uk-card>div p {
    font-size: 1.4rem;
    font-weight: 300;
}

@media screen and (max-width:1024px) {
    .cultrue-list ul {
        flex-direction: column;
    }
    .cultrue-list ul li {
        margin-bottom: 2rem;
    }
    .cultrue-list ul li:last-child {
        margin-bottom: 0;
    }
    .cultrue-list ul li p,
    .cultrue-list .uk-card>div p {
        font-size: 1.5rem;
    }
}

.timeline-container {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 40px 0;
}

.timeline-container::after {
    background-color: #ededed;
    content: '';
    position: absolute;
    left: calc(50% - 2px);
    width: 1px;
    height: 100%;
}

.timeline-item {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
    position: relative;
    margin: 10px 0;
    width: calc(50% - 26px);
}

.timeline-item:nth-child(odd) {
    align-self: flex-end;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 0;
    margin-top: 4rem;
}

.timeline-item-content {
    box-shadow: 0 20px 35px rgb(141 141 141 / 30%);
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 3rem 1.4rem;
    position: relative;
    min-width: 500px;
    max-width: 600px;
    text-align: right;
}

.timeline-item-content::after {
    content: ' ';
    background-color: #fff;
    box-shadow: none;
    /* 1px -1px 1px rgba(0, 0, 0, 0.2) */
    position: absolute;
    right: -7.5px;
    top: calc(50% - 7.5px);
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
}

.timeline-content {
    margin: 0;
}

.timeline-content>p {
    width: 100%;
}

.timeline-item:nth-child(odd) .timeline-item-content {
    text-align: left;
    align-items: flex-start;
}

.timeline-item:nth-child(odd) .timeline-item-content::after {
    right: auto;
    left: -7.5px;
    box-shadow: none;
}

.timeline-item-content .tag {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    top: 5px;
    left: 5px;
    letter-spacing: 1px;
    padding: 5px;
    position: absolute;
    text-transform: uppercase;
}

.timeline-item:nth-child(odd) .timeline-item-content .tag {
    left: auto;
    right: 5px;
}

.timeline-item time {
    color: var(--wetown-main-color);
    font-size: 6.5rem;
    font-weight: bold;
    position: absolute;
    top: -5.5rem;
    background-image: linear-gradient(180deg, var(--wetown-main-color), var(--wetown-light-color));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.timeline-item time::after {
    content: "";
    display: block;
    position: absolute;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 10%, #fff 75%);
    left: 0;
    bottom: 1.8rem;
    width: 100%;
    height: 80%;
}

.timeline-item-content p {
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 10px 0;
    font-weight: 300;
    color: #555;
}

.timeline-item-content a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.timeline-item-content a::after {
    content: ' â–º';
    font-size: 12px;
}

.timeline-item-content .circle {
    background-color: #fff;
    border: 3px solid var(--wetown-light-color);
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 10px);
    right: -40px;
    width: 20px;
    height: 20px;
    z-index: 100;
}

.timeline-item:nth-child(odd) .timeline-item-content .circle {
    right: auto;
    left: -40px;
}

@media only screen and (max-width: 1023px) {
    .timeline-item-content {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .timeline-item-content,
    .timeline-item:nth-child(odd) .timeline-item-content {
        padding: 15px 10px;
        text-align: left;
        align-items: center;
    }
    .timeline-item-content p {
        font-size: 1.5rem;
    }
    .timeline-item-content .tag {
        width: calc(100% - 10px);
        text-align: left;
    }
    .timeline-item-content time {
        margin-top: 20px;
    }
    .timeline-item a {
        text-decoration: underline;
    }
    .timeline-item-content a::after {
        display: none;
    }
}

#main .partner-list .uk-card-title {
    font-weight: bold;
    font-size: 2rem;
    color: var(--wetown-main-color);
}

#main .partner-list .uk-card-body {
    background-color: #fff;
    border: 1px solid var(--wetown-main-color);
    border-top-width: 6px;
    border-radius: 10px;
}

#main .partner-list .uk-card-body>p {
    font-size: 1.2rem !important;
    color: #666;
    line-height: 1.8;
}

@media only screen and (max-width: 1023px) {
    #main .partner-list .uk-cover {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
    }
}

.mod-jobs-list {
    color: black;
}

.mod-news .mod-job-item>a {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #eee;
}

.mod-news .mod-job-item>a,
.mod-news .mod-job-item>a:hover,
.mod-news .mod-job-item>a .new-name {
    background-color: white;
    padding: 0;
}

.mod-news .mod-job-item>a:hover {
    opacity: 0.6;
}

.mod-job-item .extras {
    color: #333;
    padding: 1rem 0;
}

.mod-job-item .extras span {
    font-size: 1.1rem;
    color: #555;
    font-weight: 300;
}

.mod-job-item .salary {
    font-size: 1.6rem;
    color: #ff7900;
    font-weight: 800;
}

.mod-news .mod-job-item>a .uk-grid>div:last-child {
    text-align: right;
}

.mod-news .mod-job-item .new-name>strong {
    font-size: 1.8rem;
}

.mod-news .mod-job-item .new-name .intro {
    -webkit-line-clamp: 5;
    color: #333;
    line-height: 1.8;
}

.mod-job-side ul,
.mod-job-side ul li {
    list-style: none;
}

.mod-job-side ul li {
    margin-bottom: 1rem;
}

.mod-job-side ul li img {
    border-radius: 5px;
    display: block;
    width: 100%;
}

.mod-job-side ul li:hover {
    opacity: 0.8;
}

.job-main-content {
    font-weight: normal;
}

.job-content {
    line-height: 1.8;
    color: black;
}

.job-content p {
    margin: 0 0 5px !important;
}

.job-main-content h3 {
    color: black;
    font-size: 1.6rem;
}

.service-philosophy-list .service-item>div {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5rem 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f1f1f1;
    border-radius: .5rem;
    overflow: hidden;
}

.service-philosophy-list .service-item>div>svg {
    width: 6rem;
}

.service-philosophy-list .service-item>div>h4 {
    font-size: 2.2rem;
    font-weight: bold;
}

.service-philosophy-list .service-item>div>div.service-desc {
    font-weight: 300;
    font-size: 1.2rem;
    color: #aaa;
}

.service-intro {
    width: 100%;
    max-width: 1400px;
    margin-top: 3rem;
    background: var(--wetown-main-color) url(/public/media/100000002/attached/image/20211114/20211114175902_79180.png) no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: .5rem;
}

.service-intro .wrapper>h5.aftersale-line {
    color: white;
    position: relative;
    top: 3.5rem;
    font-size: 2.4rem;
    font-family: 'DIN';
    text-align: center;
}

.service-intro>.wrapper {
    width: 100%;
    max-width: 1400px;
}

.service-intro>.wrapper>div.uk-card {
    background-color: white;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-bottom: -5rem;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}

.service-intro .uk-card-media-left {
    border-radius: .5rem;
}

.service-intro .uk-card>div:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.service-intro .uk-card-body {}

.service-intro .uk-card-body>h3 {
    font-size: 2rem;
}

.service-intro .uk-card-body>p {
    font-weight: 300;
    font-size: 1.36rem;
    color: #333;
    margin-top: 1rem;
}

.service-philosophy-extra-list {
    padding-bottom: 3rem;
}

.service-philosophy-extra-list .service-item>div {
    padding: 0;
    margin-bottom: 2rem;
}

.service-philosophy-extra-list .service-item>div>h4 {
    margin: 1.5rem 0 .5rem;
    font-size: 1.6rem;
}

.service-philosophy-extra-list .service-item>div>div.service-desc {
    padding: 0 2rem 2rem;
    text-align: left;
    min-height: 8rem;
}

@media only screen and (max-width: 1023px) {
    .service-philosophy-list .service-item {
        margin-bottom: 1rem;
    }
    .service-intro .uk-card>div:last-child {
        margin: 0;
    }
    #offcanvas-nav{
        top: 6rem;
        text-align: center;
    }
    .uk-offcanvas-bar{
        width: 100%;
    }
}
.max-wid {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

@media screen and (orientation: landscape) {
    /* 横屏 */
    .mobile {
        display: none!important;
    }
    #bg-pop .con .img-box {
        max-height: 600px;
        display: flex;
        justify-content: center;
    }
    #bg-pop .con .img-box>img {
        max-width: 100%;
    }
}

@media screen and (orientation: portrait) {
    /* 竖屏 */
    .pc {
        display: none!important;
    }
}

.network-china, .map-global {
    position: relative;
    width: 100%;
    background: var(--wetown-main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding:2.5rem 0;
    border-radius: 1rem 0 0 1rem;
    overflow: hidden;
}
.map-global{
    background: white;
}
.map-china {
    position: relative;
    width: 100%;
    max-width: 490px;
    height: 420px;
    background: url(../images/map_china.png?v=0.2) no-repeat left top;
}
@

.map-china a.point-city {
    position: absolute;
    display: block;
    padding-left: 17px;
    background: url(../images/city_listitem.png) no-repeat left center;
    cursor: pointer;
    color: white;
}

.map-china a.point-city:hover,
.map-china a.point-city.selected {
    background: url(../images/city_listitem_selected.png) no-repeat left center;
    color: #f06d30;
}

.map-china a#shenyang {
    top: 120px;
    left: 414px;
}

.map-china a#beijing {
    top: 140px;
    left: 363px;
}

.map-china a#shijiazhuang {
    top: 162px;
    left: 352px;
}

.map-china a#jinan {
    top: 182px;
    left: 373px;
}

.map-china a#zhengzhou {
    top: 208px;
    left: 344px;
}

.map-china a#benbu {
    top: 212px;
    left: 405px;
}

.map-china a#xian {
    top: 220px;
    left: 298px;
}

.map-china a#nanjing {
    top: 225px;
    left: 393px;
}

.map-china a#shanghai {
    top: 239px;
    left: 421px;
}

.map-china a#hangzhou {
    top: 251px;
    left: 410px;
}

.map-china a#fujian {
    top: 296px;
    left: 397px;
}

.map-china a#guangzhou {
    top: 334px;
    left: 353px;
}

.map-china a#nanning {
    top: 342px;
    left: 300px;
}

.map-china a#nanning {
    top: 342px;
    left: 300px;
}

.map-china a#guiyang {
    top: 295px;
    left: 287px;
}

.map-china a#chongqing {
    top: 270px;
    left: 282px;
}

.map-china a#chengdu {
    top: 250px;
    left: 253px;
}

.info-network {
    position: relative;
    margin-top: 20px;
    padding: 15px 20px;
    width: 100%;
    background: #ebf1f6;
}

.info-network h4 {
    font-size: 1.6em;
    line-height: 1.8em;
    color: #004a8f;
}

.info-network p {
    font-size: 1.2em;
    color: #555;
}

.info-network p a {
    color: #00aeef;
}

.info-network p a:hover {
    text-decoration: underline;
}

.network-world {
    position: relative;
    width: 100%;
    margin-top: 50px;
}
.internet-contact-wrapper{
    font-size: 1.4rem;
    background: white;
    display: flex;
    align-items: center;
    border-radius: 0 1rem 1rem 0;
    overflow: hidden;
    padding:2rem;
    box-sizing: border-box;
    text-align: center;
}
.internet-contact-wrapper .internet-contact{
    width: 100%;
    line-height: 1.8;
}
.internet-contact-wrapper .internet-contact > h3{
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: black;
}

.network-global-wrapper .internet-contact-wrapper{
    background: var(--wetown-main-color);
    color: white;
}
.network-global-wrapper .internet-contact-wrapper .internet-contact > h3{
    color: white;
}
.mod-contact-form label{
    font-size: 1.1rem;
    padding-bottom: 0.4rem;
    display: block;
}
#charter .intro{
    line-height: 1.8;
    font-size: 1.2rem;
    color: #444;
}
#charter .intro strong{
    color: black;
}
#charter .intro p{
    margin:0 0 1rem;
}
.download-list, .investor-table{
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 1rem;
}
.download-list li{
}
.download-list li:nth-of-type(even){
    background:#f2f2f2;
}
.download-list li, .download-list li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
}
.download-list li a{
    padding:1.5rem 5px;
    color: #000;
    transition: all .3s;
}
.download-list li a:hover, .download-list li a:hover svg path{
    color: var(--wetown-highlight-color);
    fill: var(--wetown-highlight-color);
}
.download-list > li > a > i{
    font-style: normal;
    color: #999;
    margin-right: 1rem;
    font-size: 1rem;
    font-family: Helvetica, arial;
    min-width: 80px;
}
.mod-stock-overview-inner{
    position: relative;
    top: 0;
    max-width: 100%;
}
.pageSecTitle{
    font-size: 2.4rem;
    position: relative;
    display: inline-block;
    letter-spacing: -2px;
}
.pageSecTitle::after{
    content: "";
    display: block;
    width: 50%;
    height: 1rem;
    background-color: var(--wetown-light-color);
    position: absolute;
    bottom: 5px;
    z-index: -1;
    left: 2px;
    display: none;
}
.download-list li a.download-link{
    border:1px solid #000;
    padding:4px 5px 4px 3px;
    font-size: 13px;
    margin-right: 5px;
    min-width: 50px;
}
.download-list li a.download-link:hover{
    border-color: var(--wetown-highlight-color);
}
.investor-table, .investor-table th{
    font-size: 1.2rem;
}
.investor-table th{
    color: black;
}
.investor-table tr td:first-child{
    font-weight: bold;
    color: black;
}
.notice-download > a{
    display: block;
    position: relative;
}
.notice-download > a .caption{
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    text-align: center;
}
.notice-download > a .caption h3{
    font-size: 2.2rem;
    color: white;
    padding:0 2rem;
    line-height: 1.4;
    font-weight: 800;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.notice-download > a .caption h5{
    color: white;
    opacity: 0.6;
    padding: .8rem 0;
}
.download-extras-info{
    display: flex;
    align-items: center;
    padding-top: .5rem;
}
.download-extras-info li{
    font-size: 12px;
    background-color: transparent !important;
    margin-right: .5rem;
    color: #aaa;
    text-transform: uppercase;
}
.download-extras-info li i{
    color: #999;
    margin:0 !important;
    font-style: normal;
}
.download-extras-info li:last-child{
    margin-right: 0;
}
.ui-empty{
    text-align: center;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 2;
    padding:4rem 0 0;
}
.ui-empty .ui-tipbox-title{
    font-size: 1.8rem;
}