/*@charset "UTF-8";*/ /* CSS Document */ /*-- 鎻愬€′簰鑱旂綉鍏变韩,鍚屾椂搴斿皧閲嶅師鍒涗綔鑰?缃戠珯鍒朵綔灞濟 lijia xiong --*/ /*QQ锛?97232289*/ /*html5*/ .public_banner_tab { padding-top: 50px; -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; filter: blur(2px); -webkit-transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; } .public_banner_item_box { margin-right: 120px; } .public_banner_item_box:last-child { margin-right: 0; } .public_banner_item_subtitle { font-size: 16px; line-height: 26px; color: #fff; } .public_banner_item_title { font-size: 48px; line-height: 58px; margin-top: 10px; color: #fff; } .AddBanner .public_banner_tab { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter: blur(0); -webkit-transition-delay: 1s; transition-delay: 1s; } .investor_news_item_box { width: 46.9444%; margin: 0 6.1112% 0 0; position: relative; } .investor_news_item_box:nth-child(2n) { margin: 0; } .investor_news_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(31, 31, 31, 1); z-index: 9; } .AddInvestorNewsItem:after { height: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .investor_news_item_box:hover .investor_news_item_text { color: #e85e44; } .investor_news_item_box:hover .investor_news_item_icon:before, .investor_news_item_box:hover .investor_news_item_icon:after { background: #e85e44; } .investor_news_item_cn { font-size: 46px; line-height: 56px; color: #fff; } .investor_news_item_en { font-size: 34px; line-height: 44px; text-transform: uppercase; } .investor_news_item_box:nth-child(2n+1) .investor_news_item_en { color: #3f5b84; } .investor_news_item_box:nth-child(2n) .investor_news_item_en { color: #445666; } .investor_news_item_box a { display: block; position: relative; } .investor_news_item_back { padding-bottom: 80.621301%; z-index: 1; } .investor_news_item_big { padding: 60px; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; } .investor_news_content { padding: 140px 0 190px 0; } .investor_news_item_btn { -webkit-align-items: center; align-items: center; margin-top: 45px; } .investor_news_item_text { font-size: 18px; line-height: 28px; color: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_news_item_icon { width: 18px; height: 18px; position: relative; margin-left: 10px; } .investor_news_item_icon:after { content: ""; width: 2px; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_news_item_icon:before { content: ""; height: 2px; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_relations_wrap { position: relative; } .investor_relations_content { padding: 110px 0; width: 51.38888%; } .investor_relations_back { padding-bottom: 36.458333%; position: relative; } .investor_relations_box { position: absolute; left: 0; top: 0; width: 100%; z-index: 8; } .investor_relations_head .core_platform_title { text-align: left; } .investor_relations_head .core_platform_line { margin: 20px 0 0 0; } .investor_relations_head .core_line_after { left: 0; -webkit-transform: none; transform: none; } .investor_relations_big { margin-top: 80px; } .investor_relations_tab { padding-bottom: 45px; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; filter: blur(2px); -webkit-transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; } .AddInvestorRelationsTab .investor_relations_tab { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter: blur(0); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddInvestorRelationsTab .investor_relations_line { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter: blur(0); -webkit-transition-delay: .6s; transition-delay: .6s; } .AddInvestorRelationsTab .investor_relations_address_wrap { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter: blur(0); -webkit-transition-delay: .7s; transition-delay: .7s; } .investor_relations_item_box { max-width: 33.3333%; -webkit-justify-content: center; justify-content: center; } .investor_relations_item_box:nth-child(1) { -webkit-justify-content: flex-start; justify-content: flex-start; } .investor_relations_item_box:nth-child(3) { -webkit-justify-content: flex-end; justify-content: flex-end; } .investor_relations_item_tips { font-size: 16px; line-height: 26px; color: #555555; } .investor_relations_item_text { margin-top: 20px; } .investor_relations_item_text, .investor_relations_item_text a { font-size: 18px; line-height: 28px; color: #ffffff; } .investor_relations_item_yx a { font-size: 18px; } .investor_relations_item_number a { font-size: 26px; } .investor_relations_line { height: 1px; width: 100%; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; filter: blur(2px); -webkit-transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; } .investor_relations_after { width: 100%; height: 100%; background: #313131; } .investor_relations_address_tips { font-size: 16px; line-height: 26px; color: #555555; } .investor_relations_address_text { margin-top: 20px; } .investor_relations_address_text, .investor_relations_address_text a { font-size: 18px; line-height: 28px; color: #ffffff; } .investor_relations_address_wrap { margin-top: 45px; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; filter: blur(2px); -webkit-transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; transition: transform .7s ease-in-out, opacity 1s ease-in-out, filter 1.1s ease-in-out; } .investor_details_wrap { padding: 110px 0; } .investor_details_nav_item { position: relative; } .investor_details_nav_link { padding: 0 25px; cursor: pointer; -webkit-align-items: center; align-items: center; } .investor_details_nav_link a { -webkit-transition: all .6s ease; transition: all .6s ease; position: relative; } .investor_details_nav_link a:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 0; height: 1px; border-bottom: 1px solid #e65e44; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_nav_down { position: absolute; left: 0; top: 100%; width: 100%; pointer-events: none; opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_nav_active .investor_details_nav_text { color: #e65e44; } .investor_details_nav_active .investor_details_nav_link a:after { width: 100%; } .investor_details_nav_active .investor_details_nav_icon svg { fill: #e65e44; } .investor_details_nav_default .investor_details_nav_text { color: #fff; } .investor_details_nav_default .investor_details_nav_link a:after { width: 0; } .investor_details_nav_default .investor_details_nav_icon svg { fill: #fff; } .investor_details_nav_hover .investor_details_nav_text { color: #e65e44; } .investor_details_nav_hover .investor_details_nav_link a:after { width: 100%; } .investor_details_nav_hover .investor_details_nav_icon svg { fill: #e65e44; } .investor_details_nav_hover .investor_details_nav_icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .investor_details_nav_hover .investor_details_nav_down { pointer-events: auto; opacity: 1; -webkit-transform: none; transform: none; } .investor_details_nav_big { position: relative; padding: 10px 0 0 0; } .investor_details_nav_content { padding: 20px 0; background: #fff; -webkit-border-radius: 8px; border-radius: 8px; } .investor_details_nav_big:after { content: ""; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #fff; } .investor_details_nav_wrap { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .AddCultureBox .investor_details_nav_wrap { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .investor_details_nav_box { -webkit-transform: translateX(25px); transform: translateX(25px); } .investor_details_nav_text { font-size: 18px; line-height: 60px; color: #fff; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_nav_icon { width: 10px; margin-left: 10px; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_nav_icon svg { width: 100%; fill: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_wap_wrap { display: none; } .investor_details_down_item a { display: block; text-align: center; color: #333; font-size: 16px; line-height: 32px; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_down_item a:hover { color: #e65e44; } .investor_details_head { padding: 27px 0; background: #1a1a1a; } .investor_details_title_label { font-size: 18px; line-height: 30px; color: #fff; font-weight: bold; } .investor_details_title_label:nth-child(1) { width: 45.8333%; padding-left: 50px; } .investor_details_title_label:nth-child(2) { width: 40.27777%; padding-left: 50px; } .investor_details_item_box { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_item_box:nth-child(2n) { background: #1a1a1a; } .investor_details_item_label:nth-child(1) { width: 45.8333%; padding-left: 50px; } .investor_details_item_label:nth-child(2) { width: 40.27777%; padding-left: 50px; } .investor_details_item_label:nth-child(3) { width: 13.88893%; } .investor_details_item_pd { padding: 65px 0; } .investor_details_item_title { font-size: 18px; line-height: 30px; color: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; max-width: 100%; white-space: initial; } .investor_details_item_time { font-size: 18px; line-height: 30px; color: #777; -webkit-transition: all .6s ease; transition: all .6s ease; max-width: 100%; white-space: initial; } .investor_details_item_text { font-size: 15px; line-height: 44px; color: #777; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_item_button { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; width: 100%; } .investor_details_item_btn { -webkit-align-items: center; align-items: center; position: relative; padding: 0 20px; -webkit-border-radius: 22px; border-radius: 22px; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_item_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e85e44; -webkit-border-radius: 22px; border-radius: 22px; box-sizing: border-box; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_item_icon { width: 20px; margin-left: 10px; display: block; } .investor_details_item_icon svg { fill: #777; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_details_content { margin-top: 85px; } .investor_details_item_box:hover { background: #e65e44; } .investor_details_item_box:hover .investor_details_item_time { color: #fff; } .investor_details_item_box:hover .investor_details_item_btn { background: #fff; } .investor_details_item_box:hover .investor_details_item_btn:after { border: 1px solid #fff; } .investor_details_item_box:hover .investor_details_item_text { color: #e85e44; } .investor_details_item_box:hover .investor_details_item_icon svg { fill: #e85e44; }