|
|
@@ -1,13 +1,14 @@
|
|
|
<!doctype html>
|
|
|
<html>
|
|
|
+
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<meta name="viewport"
|
|
|
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
|
|
|
<meta name="renderer" content="webkit">
|
|
|
- <meta name="keywords" content="{:__lm($navCur,'keywords')}"/>
|
|
|
- <meta name="description" content="{:__lm($navCur,'description')}"/>
|
|
|
+ <meta name="keywords" content="{:__lm($navCur,'keywords')}" />
|
|
|
+ <meta name="description" content="{:__lm($navCur,'description')}" />
|
|
|
<title>{:__lm($navCur,'seotitle')} - {$site.site_name}</title>
|
|
|
<link rel="shortcut icon" href="{$site.logo|cdnurl}">
|
|
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/reset.css">
|
|
|
@@ -24,186 +25,198 @@
|
|
|
<script type="text/javascript" src="__CDN__/assets/addons/material/js/javascript.js"></script>
|
|
|
<style>
|
|
|
/* 公司简介样式 */
|
|
|
- .company-profile {
|
|
|
- max-width: 1200px;
|
|
|
- margin: 80px auto 0;
|
|
|
- }
|
|
|
-
|
|
|
- .profile-header {
|
|
|
- margin-bottom: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- .en-title {
|
|
|
- font-weight: 400;
|
|
|
- font-size: 30px;
|
|
|
- color: #737980;
|
|
|
- line-height: 44px;
|
|
|
- letter-spacing: 1px;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .cn-title {
|
|
|
- font-size: 32px;
|
|
|
- color: #333;
|
|
|
- font-weight: 500;
|
|
|
- margin-top: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .profile-content {
|
|
|
- position: relative; /* 添加这一行 */
|
|
|
- display: flex;
|
|
|
- align-items: stretch;
|
|
|
- margin-bottom: 80px;
|
|
|
- }
|
|
|
-
|
|
|
- .profile-left {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: flex-start;
|
|
|
- }
|
|
|
- .profile-text {
|
|
|
- flex: 1;
|
|
|
- padding-right: 40px;
|
|
|
- }
|
|
|
- .profile-text p {
|
|
|
- font-size: 16px;
|
|
|
- line-height: 1.8;
|
|
|
- color: #333;
|
|
|
- margin-bottom: 20px;
|
|
|
- text-align: justify;
|
|
|
- }
|
|
|
- .profile-image {
|
|
|
- position: relative;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .profile-image img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
- display: block;
|
|
|
- }
|
|
|
-
|
|
|
- .play-button {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- width: 64px;
|
|
|
- height: 64px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- pointer-events: none;
|
|
|
- }
|
|
|
-
|
|
|
- .play-button img {
|
|
|
- width: 64px;
|
|
|
- height: 64px;
|
|
|
- opacity: 0.85;
|
|
|
- }
|
|
|
-
|
|
|
- .profile-image:hover .play-button img {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
-
|
|
|
- /* 公司数据样式 */
|
|
|
- .company-data {
|
|
|
- width: 890px;
|
|
|
- height: 110px;
|
|
|
- background-color: #fff;
|
|
|
- box-shadow: 0 0 10px rgba(0,0,0,0.05);
|
|
|
- position: absolute;
|
|
|
- bottom: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- .data-box {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: stretch;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .data-item {
|
|
|
- flex: 1 1 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- position: relative;
|
|
|
- height: 110px;
|
|
|
- }
|
|
|
-
|
|
|
- .data-item:not(:last-child)::after {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 25%;
|
|
|
- height: 50%;
|
|
|
- width: 1px;
|
|
|
- background-color: #cfd2d6;
|
|
|
- }
|
|
|
-
|
|
|
- .data-number-unit {
|
|
|
- display: flex;
|
|
|
- align-items: flex-end;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
-
|
|
|
- .data-item h3 {
|
|
|
- font-weight: 500;
|
|
|
- font-size: 40px;
|
|
|
- color: #DF0100;
|
|
|
- margin: 0;
|
|
|
- line-height: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .data-unit {
|
|
|
- font-weight: 400;
|
|
|
- font-size: 12px;
|
|
|
- color: #8A9199;
|
|
|
- margin-left: 4px;
|
|
|
- margin-bottom: 2px;
|
|
|
- }
|
|
|
-
|
|
|
- .data-title {
|
|
|
- font-weight: 400;
|
|
|
- font-size: 12px;
|
|
|
- color: #737980;
|
|
|
- /* margin-top: 8px; */
|
|
|
- }
|
|
|
+ .company-profile {
|
|
|
+ max-width: 1200px;
|
|
|
+ margin: 80px auto 0;
|
|
|
+ }
|
|
|
|
|
|
- .company-intro-section {
|
|
|
- max-width: 1200px;
|
|
|
- margin: 60px auto 0;
|
|
|
- padding: 0 20px;
|
|
|
- }
|
|
|
+ .profile-header {
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
|
|
|
- .intro-paragraph {
|
|
|
- font-size: 16px;
|
|
|
- color: #333;
|
|
|
- line-height: 2;
|
|
|
- text-align: justify;
|
|
|
- margin-bottom: 40px;
|
|
|
- }
|
|
|
+ .en-title {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 30px;
|
|
|
+ color: #737980;
|
|
|
+ line-height: 44px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
|
|
|
- .intro-images-row {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- gap: 40px;
|
|
|
- margin-bottom: 40px;
|
|
|
- }
|
|
|
+ .cn-title {
|
|
|
+ font-size: 32px;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 500;
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
|
|
|
- .intro-images-row img {
|
|
|
- width: 48%;
|
|
|
- height: 260px;
|
|
|
- object-fit: cover;
|
|
|
- border-radius: 6px;
|
|
|
- box-shadow: 0 2px 12px rgba(0,0,0,0.06);
|
|
|
- }
|
|
|
+ .profile-content {
|
|
|
+ position: relative;
|
|
|
+ /* 添加这一行 */
|
|
|
+ display: flex;
|
|
|
+ align-items: stretch;
|
|
|
+ margin-bottom: 80px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .profile-left {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+
|
|
|
+ .profile-text {
|
|
|
+ flex: 1;
|
|
|
+ padding-right: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .profile-text p {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 1.8;
|
|
|
+ color: #333;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ text-align: justify;
|
|
|
+ }
|
|
|
+
|
|
|
+ .profile-image {
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .profile-image img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .play-btn {
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ width: 66px;
|
|
|
+ height: 66px;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ margin: -27px 0 0 -27px;
|
|
|
+ z-index: 20;
|
|
|
+ }
|
|
|
+
|
|
|
+ .play-btn i {
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ width: 66px;
|
|
|
+ height: 66px;
|
|
|
+ background: #DF0100 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;
|
|
|
+ background-size: 35%;
|
|
|
+ border-radius: 100%;
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
+
|
|
|
+ .play-btn i:hover {
|
|
|
+ background: #404040 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;
|
|
|
+ background-size: 35%;
|
|
|
+ }
|
|
|
|
|
|
- /* .video-modal {
|
|
|
+ .profile-image:hover .play-button img {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 公司数据样式 */
|
|
|
+ .company-data {
|
|
|
+ width: 890px;
|
|
|
+ height: 110px;
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
|
|
+ position: absolute;
|
|
|
+ bottom: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: stretch;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-item {
|
|
|
+ flex: 1 1 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ position: relative;
|
|
|
+ height: 110px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-item:not(:last-child)::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 25%;
|
|
|
+ height: 50%;
|
|
|
+ width: 1px;
|
|
|
+ background-color: #cfd2d6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-number-unit {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-item h3 {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 40px;
|
|
|
+ color: #DF0100;
|
|
|
+ margin: 0;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-unit {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #8A9199;
|
|
|
+ margin-left: 4px;
|
|
|
+ margin-bottom: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-title {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #737980;
|
|
|
+ /* margin-top: 8px; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .company-intro-section {
|
|
|
+ max-width: 1200px;
|
|
|
+ margin: 60px auto 0;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-paragraph {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+ line-height: 2;
|
|
|
+ text-align: justify;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-images-row {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 40px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro-images-row img {
|
|
|
+ width: 48%;
|
|
|
+ height: 260px;
|
|
|
+ object-fit: cover;
|
|
|
+ border-radius: 6px;
|
|
|
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
|
|
|
+ }
|
|
|
+
|
|
|
+ /* .video-modal {
|
|
|
position: fixed;
|
|
|
left: 0; top: 0; right: 0; bottom: 0;
|
|
|
z-index: 9999;
|
|
|
@@ -238,53 +251,51 @@
|
|
|
background: #000;
|
|
|
border-radius: 8px;
|
|
|
} */
|
|
|
- </style>
|
|
|
+ </style>
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
-<!--头部-->
|
|
|
-{include file="header" /}
|
|
|
-<!-- 栏目Banner -->
|
|
|
-<div class="col-banner">
|
|
|
- <div class="section-banner">
|
|
|
- <img src="{$site.banner5|cdnurl}" alt="">
|
|
|
+ <!--头部-->
|
|
|
+ {include file="header" /}
|
|
|
+ <!-- 栏目Banner -->
|
|
|
+ <div class="col-banner">
|
|
|
+ <div class="section-banner">
|
|
|
+ <img src="{$site.banner5|cdnurl}" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="container">
|
|
|
+ <!-- 公司简介 -->
|
|
|
+ <div class="company-profile">
|
|
|
+ <div class="profile-content">
|
|
|
+ <div class="profile-left">
|
|
|
+ <div class="profile-header wow fadeInUp" data-wow-delay="0.5s">
|
|
|
+ <h2 class="en-title">COMPANY PROFILE</h2>
|
|
|
+ <h2 class="cn-title">{$site.ban5_t1}</h2>
|
|
|
+ </div>
|
|
|
+ <div class="profile-text wow fadeInUp" data-wow-delay="0.5s">
|
|
|
+ {$about.about_content|default=''}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="profile-image" data-video="file/dance.mp4">
|
|
|
+ <img src="{$about.about_image|cdnurl}" alt="公司大楼">
|
|
|
+ {if condition="empty($about.about_video) neq true"}
|
|
|
+ <a href="javascript:;" class="play-btn m-video" data-src="{$about.about_video|cdnurl}"><i></i></a>
|
|
|
+ {/if}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 公司简介补充内容 -->
|
|
|
+ <div class="company-intro-section wow fadeInUp" data-wow-delay="0.5s">
|
|
|
+ {$about.about_bottom_content|default=''}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
-<div class="container">
|
|
|
- <!-- 公司简介 -->
|
|
|
- <div class="company-profile">
|
|
|
- <div class="profile-content">
|
|
|
- <div class="profile-left">
|
|
|
- <div class="profile-header wow fadeInUp" data-wow-delay="0.5s">
|
|
|
- <h2 class="en-title">COMPANY PROFILE</h2>
|
|
|
- <h2 class="cn-title">{$site.ban5_t1}</h2>
|
|
|
- </div>
|
|
|
- <div class="profile-text wow fadeInUp" data-wow-delay="0.5s">
|
|
|
- {$about.about_content|default=''}
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="profile-image" data-video="file/dance.mp4">
|
|
|
- <img src="{$about.about_image|cdnurl}" alt="公司大楼">
|
|
|
- <!-- <div class="play-button">
|
|
|
- <img src="images/projects/play-icon.png" alt="播放"> -->
|
|
|
- </div>
|
|
|
- {if condition="empty($about.about_video) neq true"}
|
|
|
- <a href="javascript:;" class="play-btn m-video ani" data-src="{$about.about_video|cdnurl}"><i></i></a>
|
|
|
- {/if}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 公司简介补充内容 -->
|
|
|
- <div class="company-intro-section wow fadeInUp" data-wow-delay="0.5s">
|
|
|
- {$about.about_bottom_content|default=''}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
|
|
|
-<!--底部-->
|
|
|
-{include file="footer" /}
|
|
|
-<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/video.css">
|
|
|
-<script type='text/javascript' src="__CDN__/assets/addons/material/js/video.js"></script>
|
|
|
-<!-- <script type="text/javascript">
|
|
|
+ <!--底部-->
|
|
|
+ {include file="footer" /}
|
|
|
+ <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/video.css">
|
|
|
+ <script type='text/javascript' src="__CDN__/assets/addons/material/js/video.js"></script>
|
|
|
+ <!-- <script type="text/javascript">
|
|
|
var swiper = new Swiper('.swiper-container', {
|
|
|
// autoplay: true, //自动滑动
|
|
|
speed: 500,
|
|
|
@@ -301,4 +312,5 @@
|
|
|
});
|
|
|
</script> -->
|
|
|
</body>
|
|
|
-</html>
|
|
|
+
|
|
|
+</html>
|
super-yimizi
