提交代码

This commit is contained in:
chenweijie 2025-12-19 18:01:06 +08:00
commit b9ba79429b
176 changed files with 711695 additions and 0 deletions

View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en" lang="en" class="cooperation">
<head>
<meta charset="UTF-8">
<title>廣州麥吉信息科技有限公司</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css//iconfont.css">
<link rel="stylesheet" href="css/business.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>廣州麥吉信息科技有限公司</span>
</div>
<ul class="menus">
<li>
<a href="index.html">關於</a>
</li>
<li class="active">
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<img src="img/banner.png" alt=""/>
</header>
<div class="container">
<div class="main">
<h3>聯絡我們</h3>
<section class="cart clearfix">
<div>
<p>
<i class="iconfont icon-youxiang"></i>
Idlemonstergo@outlook.com
</p>
</div>
</section>
</div>
<div style="height: 100px"></div>
</div>
<footer>
<p>公司名稱:廣州麥吉信息科技有限公司</p>
<p>地址廣州市黃埔區黃埔大道東840號1801房僅限辦公</p>
</footer>
<script>
</script>
</body>
</html>

View File

@ -0,0 +1,40 @@
/**
* Created by WebStorm.
* User: MacBook
* Date: 2020/8/25
* Time: 11:52 上午
*/
header {
width : 100%;
min-width : 1280px;
margin-bottom : 45px;
}
header img {
width : 100%;
}
.content {
width : 100%;
margin : 0 auto;
}
.content img {
width : 100%;
}
/* 清除浮动 */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear{clear:both!important; float:none!important; font-size:0px!important; line-height:0px!important; height:0px!important}
/* 商务合作页 */
.cooperation .main{padding: 2rem 5%; margin: auto;background: #6F9BCC;}
.cooperation .main h3{color:#fff; font-weight: normal;}
.cooperation .main .cart{padding:1rem; color:#000; }
.cooperation .cart div{float:left; padding:2.5rem 2.5rem 2.5rem 2.5rem; margin: 2rem 2rem 0 0; background: #fff;}
.cooperation .cart h4{color:#925B24; font-weight: bold; font-size:1.3rem;}
.cooperation .cart h5{color:#925B24; font-size:1rem;}
.cooperation .cart p{margin: 1rem 0; text-indent: 0;}
.cooperation .cart i{padding:6px; margin-right: 1rem; color:#fff; border-radius: 50%; background: #925B24;}

View File

@ -0,0 +1,166 @@
:root {
--swiper-theme-color : #fbfcfc;
}
.swiper-pagination-bullet {
width : 10px;
height : 10px;
margin-right : 8px;
}
/*<li><a href="recruitment.html">招贤纳士</a></li>*/
/*li a[href="recruitment.html"] {*/
/* display : none;*/
/*}*/
body {
width : 100%;
position : relative;
padding-bottom : 300px;
padding-top : 100px;
}
.container {
padding : 0 20%;
box-sizing : border-box;
border-top : 1px solid transparent;
}
nav {
position : fixed;
top : 0;
left : 0;
padding : 0 16%;
width : 100%;
min-width : 1280px;
box-sizing : border-box;
height : 100px;
background : rgba(246, 247, 251, 0.8);
z-index : 999;
}
.nav {
display : flex;
justify-content : space-between;
}
.logo {
display : flex;
align-items : center;
}
.logo span{
color: #e60004;
font-size: 25px;
font-weight: bold;
line-height: 31px;
margin-left: 13px;
}
.menus {
display : flex;
height : 100%;
width : calc(130px * 5);
}
.menus li {
height : 100%;
font-size : 20px;
font-family : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
font-weight : 400;
text-align : left;
color : #000000;
line-height : 100px;
padding : 0 25px;
cursor : pointer;
user-select : none;
}
.menus li::after {
content : '';
clear : both;
display : block;
width : 3px;
height : 3px;
font-size : 20px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #000000;
}
.menus li.active {
color : #e60012 !important;
}
.menus li.active a {
color : #e60012 !important;
}
.menus li a {
text-decoration : none;
color : #000;
}
/* 轮播图 */
.swiper-container {
width : 100%;
min-width : 1280px;
}
.swiper-slide {
width : 100%;
/*height : 930px;*/
}
.swiper-slide img {
width : 100%;
}
article {
padding: 0 10%;
line-height: 1.5;
}
article h3 {
margin-top: 2rem;
font-weight: bold;
}
article p {
margin: 1rem 0;
}
footer {
width : 100%;
height : 200px;
line-height: 2;
background : #000;
position : absolute;
bottom : 0;
padding-top: 100px;
color: #fff;
text-align: center;
}
footer::after {
display : block;
content : '';
position : absolute;
left : 50%;
bottom : 278px;
width : 1px;
height : 1px;
border-top : 40px solid #000000;
border-left : 40px solid #000000;
transform : rotateZ(45deg);
}
footer a {
margin-left: 1rem;
color: green;
text-decoration: none
}
footer a:hover {
color: gold;
}

View File

@ -0,0 +1,29 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1598954381230'); /* IE9 */
src: url('iconfont.eot?t=1598954381230#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS8AAsAAAAACTwAAARwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFeIUDATYCJAMQCwoABCAFhG0HRRvyB1FUTnpkH4kpnB1FDOEwmURd84xP1Iwg2o/97LtFRJNLMskkEskkBUgQGynQ9UuozMc2/xiuEGuV/KplOxdVxhHqho/hIvmR1X/cT/218+Esn83mFBUWUbYb7QY4SqCBRaRFioYwbhi7vMjtBBqN6g85TMooADaS3i8QjwylBjYJnawgh3plbcHUFK/AUn31bHEG8OL9Pv6AlbChUlPoQ0+uE3Ug7kP2yaPCf0GFgwD+cBawWRTMAZK4LbSdQ4PAHFSjHCuyAag3Pqn4kH1kPOf//0eCrcjq0V8elVCIWrqsGZHWgoUPmcWi4iODRfDJ6xSIZ+96tAP+A7EFSMPnaZBKRl2fi4dCLnc544DjclRWLAE4iwlLlw9ctkQ/3Xm6aZZMdTRu6ylGZl1zkE674gLEPhgyfblYNnqpI8DcnKbNWtUTn7JihoODuezatSIMwQDOuXKloGTG3LU7a11y9/r5GSsw6ah97uWLrydLjl7tUjqzDB+1BwBhr1gyej+CDNxXKEzB8FHLQsnqtGUqaB2G034VYa7nTNerVwunjna+frvYefb8AocCTnHsrEWzkOvXi4lFmKFJc3xOPObatZJj17qOwCFnX3ClVb7ljIdo7tlgxfbz3pbzzuXoyGb5MidtTIElpERFUeopD6KvdL8SgDtLjUZ3c7lbg6Y3B1F+lGkd3XDw1KjUePzCmgf2BcNHHew6WqOc6rDGfqpSM84cr7qYC6gPcRtU/rsW9YU2cZV5SsQw1HfoccucrUTix9nE9YWOOw6YnPY5mg6cyA323OdlGNAXalOVcQ/8kFgb5gz4NErjnuBehSkat0C3EWC++L/4HJdJqnCAa6RsYQ8/lRUPHqzAb0Hv3xctQ0U5mbOdCpb/3jhzmPPwbWvnyKXFTplOqkgLG+Xwn6uXzxsz9ZFDxojBEgt03N6948AQdO8+h2W8pXfW2SyEphEgzqIcmIejgpSJiQ4OlkLp9QThq6KefjLRmUi2BMyTg7ONIf7ctJ7yTsXtqPcHnNeZgdgZiqMSIzqBCcDvnnIcPYY0oYxHhdDv8hKt+Yu62TwZ0Vkti/pqI36KFe981Fhk/xUSNOf/CnyZ/8/wGxalItT1mZLI4qnJ6YktL0Kj0TDyp0TodG8IRU/jVEK9nggqdUagqDeGJmkOajRZg1r1dqDRrOTZTbpwUJENmDEUQGi3Hiqt3qBodxZN0l2o0est1GoPFBqdhv2STSaCwVQcVPNQR2iaCUbL1pGmkcf89DxImY1qLi70qEWQq2fchL+PXzqcDOsgN8SI+gYqgOdJguTYWiIJ7AaNRpYwcaweankfmudNEb6+ZNGNfLRsLcAc4EBqPEiHoNGMwNBi1SGd8jws8/08EMXMSI2rKCizF4E49ZjmCf58+DVAk2V1jQoupXW9BpQAPB6Je5E4rFqEJGiBjEaARTAVd9KDtHg+6A4+kwi+qBTZVOYzvaL2DjdAI/3EjCpKZNSou2TUdbRZbdUImRaasWlmzU0ZKwUA') format('woff2'),
url('iconfont.woff?t=1598954381230') format('woff'),
url('iconfont.ttf?t=1598954381230') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1598954381230#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before {
content: "\e64c";
}
.icon-weizhi:before {
content: "\e60f";
}
.icon-youxiang:before {
content: "\e774";
}

View File

@ -0,0 +1,100 @@
.title-block {
padding-bottom : 60px;
border-bottom : 1px solid transparent;
}
/* Component */
.title-block .en-title {
font-size : 16px;
font-family : SourceHanSansCN Regular, SourceHanSansCN Regular-Regular;
font-weight : 400;
text-align : center;
color : #515151;
margin-top : 80px;
margin-bottom : 27px;
}
.title-block .title {
text-align : center;
font-size : 30px;
margin : 0 auto;
font-family : HuXiaoBo-NanShen Regular, HuXiaoBo-NanShen Regular-Regular;
font-weight : 400;
color : #000000;
letter-spacing : 6px;
width : 171px;
padding-bottom : 20px;
border-bottom : 2px solid #e60012;
}
.about-jj {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.about-ts {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.about-yw {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.content-text {
/*text-indent : 2em;*/
border-top : 1px transparent solid;
font-size : 18px;
font-family : Adobe Heiti Std R, Adobe Heiti Std R-R;
font-weight : 400;
text-align : left;
color : #707070;
line-height : 30px;
margin : 20px auto 0;
padding-bottom : 40px;
}
.content-photo {
width : 100%;
display : flex;
justify-content : space-between;
padding-bottom : 100px;
}
.content-photo .text-wrap {
width : 572px;
height : 358px;
font-size : 16px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #707070;
border : 16px solid #FCE5E6;
padding : 20px;
box-sizing : border-box;
}
.text-wrap p {
line-height : 18px;
margin-bottom : 6px;
}
.corporate-welfare {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.team-party {
padding : 0 20% 80px;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.team-block {
text-align: center;
}

View File

@ -0,0 +1 @@
/** * Created by WebStorm. * User: chrischen * Date: 2020/8/25 * Time: 12:25 上午 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>廣州麥吉信息科技有限公司</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>廣州麥吉信息科技有限公司</span>
</div>
<ul class="menus">
<li class="active">
<a href="index.html">關於</a>
</li>
<li>
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(-2744px, 0px, 0px);">
<div class="swiper-slide">
<img src="img/banner-1.jpg" alt=""/>
</div>
<div class="swiper-slide">
<img src="img/banner-2.jpg" alt=""/>
</div>
</div>
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面需要自定义样式。-->
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</header>
<div class="about-jj">
<div class="title-block">
<div class="en-title">COMPANY PROFILE</div>
<div class="title">公司簡介</div>
</div>
<div class="content-text">
<p>廣州麥吉信息科技有限公司成立於2024年是一家專注於海外發行遊戲的公司致力於爲玩家帶來新穎、有趣的遊戲體驗。</p>
<p>目前廣州麥吉信息科技有限公司,海外遊戲業務板塊雲集了多個營運、美術、廣告等各類專業的遊戲產業人才,核心人員均來自各大遊戲發行商,在各自領域擁有豐富的經驗。</p>
<p>並且在項目組各位人員的共同努力下,已發佈了數款經典的遊戲作品,同時也與商業渠道建立了加固的合作關係。</p>
<p>團隊始終秉持務實、創新、開拓、進取的企業精神、強力助推公司業務揚帆出海!</p>
</div>
</div>
<div class="about-ts">
<div class="title-block">
<div class="en-title">COMPANY FEATURES</div>
<div class="title">公司特色</div>
</div>
<div class="content-text">
<p>專業團隊:擁有經驗豐富的遊戲產業專業人才。</p>
<p>創新性:積極探索新的遊戲發行模式與技術。</p>
</div>
</div>
<div class="about-yw">
<div class="title-block">
<div class="en-title">COMPANY BUSINESS</div>
<div class="title">公司業務</div>
</div>
<div class="content-text">
<p>遊戲發行:代理國內外優秀遊戲作品,海外發行</p>
<p>行銷:制定行銷策略,提升遊戲知名度</p>
<p>通路拓展:開拓各種發行管道,擴大遊戲受眾</p>
<p>用戶服務:提供優質的售後服務,聽取玩家回饋</p>
</div>
</div>
<footer>
<p>公司名稱:廣州麥吉信息科技有限公司</p>
<p>地址廣州市黃埔區黃埔大道東840號1801房僅限辦公</p>
</footer>
<script>
const swiper = new Swiper('.swiper-container',{
spaceBetween: 30,
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
window.onresize = function() {
document.title = window.innerWidth + '';
}
$('.menus li').click(function() {
$(this).addClass('active').siblings('li').removeClass('active');
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Chaos: Heroes War</title>
<meta name="viewport" content="width=1200">
<meta name="keywords" content="">
<meta name="description" content="">
<link href="default.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<!-- 公共头部开始 -->
<!-- <div id="header" class="container">
<div id="logo">
<h1><a href="#"><span>上海</span>锐光创游</a></h1>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">首页</a></li>
<li><a href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899" accesskey="6">方正游戏</a></li>
<li><a href="dongtai.html" accesskey="2">最新动态</a></li>
<li class="active"><a href="about_us.html" accesskey="3">关于我们</a></li>
<li><a href="cooperation.html" accesskey="4">联系我们</a></li>
</ul>
</div>
</div> -->
<div class="nav">
<div class="nav_pc">
<div class="nav_pc_left">
<a href="#">
<img src="images/logo.png">
<span>Chaos: Heroes War</span>
</a>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">HOME</a></li>
<li>
<a
href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899"
accesskey="6"
>Chaos: Heroes War</a
>
</li>
<li><a href="dongtai.html" accesskey="2">NEWS</a></li>
<li class="active"><a href="about_us.html" accesskey="3">About us</a></li>
<li><a href="cooperation.html" accesskey="4">Contact us</a></li>
</ul>
</div>
</div>
</div>
<!-- 公共头部结束 -->
<!-- 关于我们内容开始 -->
<div id="three-column" class="container">
<div>
<div class="title">
<div class="en-title">COMPANY PROFILE</div>
<h2>公司簡介</h2>
</div>
<p>Cfun Technology Co成立於2024年是一家專注於海外發行遊戲的公司致力於爲玩家帶來新穎、有趣的遊戲體驗。目前Cfun科技海外遊戲業務板塊雲集了多個營運、美術、廣告等各類專業的遊戲產業人才核心人員均來自各大遊戲發行商在各自領域擁有豐富的經驗。</p>
<p>並且在項目組各位人員的共同努力下,已發佈了數款經典的遊戲作品,同時也與商業渠道建立了加固的合作關係。團隊始終秉持務實、創新、開拓、進取的企業精神、強力助推公司業務揚帆出海!</p>
<p>專業團隊:擁有經驗豐富的遊戲產業專業人才。</p>
<p>創新性:積極探索新的遊戲發行模式與技術。</p>
<p>遊戲發行:代理國內外優秀遊戲作品,海外發行</p>
<p>行銷:制定行銷策略,提升遊戲知名度</p>
<p>通路拓展:開拓各種發行管道,擴大遊戲受眾</p>
<p>用戶服務:提供優質的售後服務,聽取玩家回饋</p>
</div>
</div>
<!-- 关于我们内容结束 -->
<!-- 公共底部开始 -->
<!-- <div id="footer">
<p><a href="https://beian.miit.gov.cn/">ICP备案号沪CP备2025121947号</a> | 主办单位:上海锐光创游信息技术有限公司 | 域名rgcyx.com</p>
</div> -->
<!-- 公共底部结束 -->
</body>
</html>

View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Chaos: Heroes War</title>
<meta name="viewport" content="width=1200">
<meta name="keywords" content="">
<meta name="description" content="">
<link href="default.css" rel="stylesheet" type="text/css" media="all">
<style>
.container > div{
display: flex;
flex-direction: column !important;
}
.container > div .con_box{
width: 62%;
margin: 0 auto;
border-radius: 10px;
box-sizing: border-box;
display: flex;
align-items: center;
color: #2f2f2f;
font-size: 18px;
font-weight: 500;
background-color: #dbd9d9;
padding: 0 20px;
margin: 0 auto;
height: 142px;
flex-direction: row;
justify-content: space-around;
}
</style>
</head>
<body>
<!-- 公共头部开始 -->
<!-- <div id="header" class="container">
<div id="logo">
<h1><a href="#"><span>上海</span>锐光创游</a></h1>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">首页</a></li>
<li><a href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899" accesskey="6">方正游戏</a></li>
<li><a href="dongtai.html" accesskey="2">最新动态</a></li>
<li><a href="about_us.html" accesskey="3">关于我们</a></li>
<li class="active"><a href="cooperation.html" accesskey="4">联系我们</a></li>
</ul>
</div>
</div> -->
<div class="nav">
<div class="nav_pc">
<div class="nav_pc_left">
<a href="#">
<img src="images/logo.png">
<span>Chaos: Heroes War</span>
</a>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">HOME</a></li>
<li>
<a
href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899"
accesskey="6"
>Chaos: Heroes War</a
>
</li>
<li><a href="dongtai.html" accesskey="2">NEWS</a></li>
<li><a href="about_us.html" accesskey="3">About us</a></li>
<li class="active"><a href="cooperation.html" accesskey="4">Contact us</a></li>
</ul>
</div>
</div>
</div>
<!-- 公共头部结束 -->
<!-- 商务合作内容开始 -->
<div id="three-column" class="container">
<div>
<div class="title">
<span>CONTACT US</span>
<h2>聯絡我們</h2>
</div>
<div class="con_box">
<div style="display: flex;flex-direction: column;align-items: center;">
<span>客服聯絡郵箱:</span>
<span>(Customer Service Email)</span>
</div>
<span style="background-color: #fff;height: 100px;line-height: 100px;width: 60%;margin-left: 6px;padding-left: 12px;box-sizing: border-box;">cfuntech666@gmail.com</span>
</div>
</div>
</div>
<!-- 商务合作内容结束 -->
<!-- 公共底部开始 -->
<!-- <div id="footer">
<p><a href="https://beian.miit.gov.cn/">ICP备案号沪CP备2025121947号</a> | 主办单位:上海锐光创游信息技术有限公司 | 域名rgcyx.com</p>
</div> -->
<!-- 公共底部结束 -->
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,679 @@
html, body
{
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
color: #000000;
}
h1, h2, h3
{
margin: 0;
padding: 0;
}
p, ol, ul
{
margin-top: 0px;
}
p
{
line-height: 200%;
}
strong
{
}
a
{
color: #0000FF;
}
a:hover
{
text-decoration: none;
}
a img
{
border: none;
}
.image
{
display: inline-block;
}
.image img
{
display: block;
width: 100%;
}
.image-full
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}
.image-left
{
float: left;
margin: 0 2em 2em 0;
}
.image-centered
{
display: block;
margin: 0 0 2em 0;
}
.image-centered img
{
margin: 0 auto;
width: auto;
}
img.border
{
}
img.alignleft
{
float: left;
}
img.alignright
{
float: right;
}
img.aligncenter
{
margin: 0px auto;
}
hr
{
display: none;
}
.button-style
{
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background: #99CCBB;
border-radius: 5px;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
border: 1px solid #8EBEAE;
line-height: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0px 1px 0px rgba(0,0,0,.2);
font-size: 1em;
font-weight: 400;
color: #FFF !important;
}
.button-style a
{
text-decoration: none;
color: #FFF !important;
}
ul.style3
{
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
color: #6c6c6c
}
ul.style3 li
{
padding: 0px 0px 5px 0px;
margin: 0 0 1em 0;
}
ul.style3 p
{
margin: 0;
}
ul.style3 a
{
display: block;
text-decoration: none;
color: #6c6c6c;
}
ul.style3 a:hover
{
text-decoration: underline;
}
ul.style3 h3
{
padding: 8px 0em 5px 0em;
text-transform: uppercase;
font-size: 1.1em;
font-weight: 700;
color: #606060;
}
ul.style3-alt h3
{
color: #FFFFFF;
}
ul.style3 .first
{
padding-top: 0px;
background: none;
}
ul.style3 .date
{
float: left;
position: relative;
width: 60px;
height: 54px;
margin: 0em 1.5em 0em 0em;
padding: 8px 0em 0em 0em;
background: #99CCBB;
border-radius: 5px;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
border: 1px solid #8EBEAE;
line-height: normal;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 1px 0px rgba(0,0,0,.2);
font-size: 1em;
font-weight: 400;
color: #FFF;
}
ul.style3 .date:after
{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 6px;
}
ul.style3 .date b
{
margin: 0;
padding: 0;
display: block;
margin-top: -5px;
font-size: 1.8em;
font-weight: 700;
color: #FFFFFF;
}
ul.style3 .date a
{
color: #FFFFFF !important;
}
ul.style3 .date a:hover
{
text-decoration: none;
}
ul.style5
{
margin: 0;
padding: 0;
list-style: none;
}
ul.style5 li
{
clear: both;
border-top: 1px solid #8EBEAE;
}
ul.style5 span
{
padding: 1em 0em;
line-height: 1.75em;
}
ul.style5 .address
{
float: left;
width: 80px;
display: inline-block;
font-weight: 600;
}
ul.style5 .address-01
{
float: left;
display: inline-block;
}
ul.style5 .mail
{
float: left;
width: 80px;
display: inline-block;
font-weight: 600;
}
ul.style5 .mail-01
{
display: inline-block;
}
ul.style5 .phone
{
float: left;
width: 80px;
display: inline-block;
font-weight: 600;
}
ul.style5 .phone-01
{
float: left;
display: inline-block;
}
ul.style5 .first
{
padding-top: 0em !important!;
border-top: none;
}
/** WRAPPER */
#header::before
{
display: block;
content: " ";
overflow: hidden;
background: url(images/bg01.png) repeat;
width: 100vw;
height: 30px;
position: absolute;
top: -30px;
left: 0;
}
#header{
margin-top: 30px;
}
#wrapper
{
margin-top: 30px;
padding-bottom: 50px;
background: #FFF;
box-shadow: 0px 10px 0px rgba(0,0,0,0.03), 0px -10px 0px rgba(0,0,0,0.03);
}
.container
{
width: 1200px;
margin: 0px auto;
}
.clearfix
{
clear: both;
}
/** HEADER */
#header
{
overflow: hidden;
border-bottom: 1px solid #E7E7E7;
}
/** LOGO */
#logo
{
float: left;
width: 300;
}
#logo h1 a
{
display: block;
line-height: 100px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.3em;
color: #3E3E3E;
}
#logo span
{
color: #8EBEAE;
}
/** MENU */
#menu
{
float: right;
}
#menu ul
{
float: right;
margin: 0px;
list-style: none;
line-height: normal;
}
#menu li
{
float: left;
border-left: 1px solid #E7E7E7;
}
#menu a
{
display: block;
padding: 10px 20px;
margin: 0em 1em;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.10em;
font-weight: 600;
color: #ffffff;
}
#menu .active a
{
background: #d32f2f;
border-radius: 5px;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
border: 1px solid #d32f2f;
color: #FFFFFF;
}
#menu .active a:hover
{
background-color: #94C5B5;
}
#menu .active a:active
{
background-color: #8EBEAE;
}
#menu a:hover
{
text-decoration: none;
}
/** PAGE */
#page
{
}
/** CONTENT */
#content
{
}
/** SIDEBAR */
#sidebar
{
}
/* Footer */
#footer-content
{
overflow: hidden;
padding: 70px 0px 50px 0px;
color: #515151;
}
#footer-content a
{
color: #515151;
}
#footer-content h2
{
margin-bottom: 30px;
text-transform: uppercase;
color: #515151;
}
#footer-content #fbox1
{
float: left;
width: 384px;
margin-right: 24px;
}
#footer-content #fbox2
{
float: left;
width: 446px;
padding: 0px 20px;
}
#footer-content #fbox3
{
float: right;
width: 282px;
}
#footer
{
overflow: hidden;
padding: 30px 0px;
box-shadow: 0px -10px 0px rgba(0,0,0,0.03);
}
#footer p
{
text-align: center;
color: #767676;
}
#footer a
{
color: #5f5f5f;
}
#banner
{
padding: 30px 0px;
}
/* Three Column Content */
#three-column
{
overflow: hidden;
padding-top: 30px;
padding-bottom: 30px;
font-size: 28px;
}
#three-column header
{
letter-spacing: -1px;
text-transform: uppercase;
margin-bottom: 2em;
font-size: 1.5em;
}
#three-column .tbox1 h2, #three-column .tbox2 h2, #three-column .tbox3 h2
{
margin-bottom: 1em;
text-transform: uppercase;
color: #515151;
}
#three-column .tbox1
{
float: left;
width: 200px;
margin-right: 24px;
}
#three-column .tbox2
{
float: left;
width: 200px;
}
#three-column .tbox1, #three-column .tbox2, #three-column .tbox3, #three-column .tbox4, #three-column .tbox5{
float: right;
width: 200px;
}
#three-column > div{
font-size: 28px;
display: flex;
flex-direction: column;
padding-bottom: 10px;
margin-bottom: 27px;
justify-content: space-around;
}
#three-column
.nav {
position: sticky;
top: 0;
z-index: 1001;
}
.nav_pc {
height: 66px;
padding: 0 40px;
background-color: #131313;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
position: relative;
}
.nav_pc_left a{
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
}
.nav_pc_left a img{
width:50px;
}
.nav_pc_left a span{
font-size: 20px;
font-weight: bold;
color: #b52626;
border-bottom: none;
}
.nav_pc_right {
/* width: 40px; */
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
color: #fff;
}
.nav_pc_right .ic_arrows{
font-size: 12px;
}
.nav_pc_right_language{
position: relative;
}
.nav_pc_games{
width: 100%;
position: absolute;
top: 60px;
left: 0;
padding:0 40px 40px;
box-sizing: border-box;
}
.nav_pc_games_container{
padding: 30px 28px 20px;
background-color: #131313;
}
.nav_pc_games .nav_pc_games_title{
font-size: 16px;
color: #fff;
padding-left: 10px;
border-left: 4px solid #d32f2f;
}
.nav_pc_games .nav_pc_games_list{
padding-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.nav_pc_games .nav_pc_games_list a{
width: 207px;
height: 116px;
cursor: pointer;
opacity: .8;
}
.nav_pc_games .nav_pc_games_list a:hover{
opacity: 1;
}
.nav_pc_games .nav_pc_games_all{
padding-top: 20px;
color: #fff;
font-size: 18px;
cursor: pointer;
text-align: center;
}
.nav_pc_games .nav_pc_games_all a:hover{
color: #d32f2f;
}
.container > div .title{
padding-bottom: 26px;
border-bottom: 2px solid #c3c3c3;
margin-bottom: 20px;
display: flex
;flex-direction: column;
}
.container > div .title span:last-child{
font-weight: bold;
}

View File

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Chaos: Heroes War</title>
<meta name="viewport" content="width=1200">
<meta name="keywords" content="">
<meta name="description" content="">
<link href="default.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<!-- 公共头部开始 -->
<!-- <div id="header" class="container">
<div id="logo">
<h1><a href="#"><span>上海</span>锐光创游</a></h1>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">首页</a></li>
<li><a href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899" accesskey="6">方正游戏</a></li>
<li class="active"><a href="dongtai.html" accesskey="2">最新动态</a></li>
<li><a href="about_us.html" accesskey="3">关于我们</a></li>
<li><a href="cooperation.html" accesskey="4">联系我们</a></li>
</ul>
</div>
</div> -->
<div class="nav">
<div class="nav_pc">
<div class="nav_pc_left">
<a href="#">
<img src="images/logo.png">
<span>Chaos: Heroes War</span>
</a>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">HOME</a></li>
<li>
<a
href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899"
accesskey="6"
>Chaos: Heroes War</a
>
</li>
<li class="active"><a href="dongtai.html" accesskey="2">NEWS</a></li>
<li><a href="about_us.html" accesskey="3">About us</a></li>
<li><a href="cooperation.html" accesskey="4">Contact us</a></li>
</ul>
</div>
</div>
</div>
<!-- 公共头部结束 -->
<!-- 团建活动模块开始 -->
<div id="three-column" class="container">
<div>
<div class="title">
<div class="en-title">GAME PREVIEW</div>
<h2>遊戲預覽</h2>
</div>
<div style="display: flex;justify-content: space-evenly;">
<div class="tbox1">
<div class="box-style box-style01">
<div class="content">
<a href="#" class="image image-full"><img src="images/img01.jpg" alt=""></a>
</div>
</div>
</div>
<div class="tbox2">
<div class="box-style box-style02">
<div class="content">
<a href="#" class="image image-full"><img src="images/img02.jpg" alt=""></a>
</div>
</div>
</div>
<div class="tbox3">
<div class="box-style box-style03">
<div class="content">
<a href="#" class="image image-full"><img src="images/img03.jpg" alt=""></a>
</div>
</div>
</div>
<div class="tbox4">
<div class="box-style box-style04">
<div class="content">
<a href="#" class="image image-full"><img src="images/img04.jpg" alt=""></a>
</div>
</div>
</div>
<div class="tbox5">
<div class="box-style box-style05">
<div class="content">
<a href="#" class="image image-full"><img src="images/img05.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 团建活动模块结束 -->
<!-- 公共底部开始 -->
<!-- <div id="footer">
<p><a href="https://beian.miit.gov.cn/">ICP备案号沪CP备2025121947号</a> | 主办单位:上海锐光创游信息技术有限公司 | 域名rgcyx.com</p>
</div> -->
<!-- 公共底部结束 -->
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 800 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 656 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 694 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 672 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 672 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 703 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 480 KiB

View File

@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>Chaos: Heroes War</title>
<meta name="viewport" content="width=1200" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<style>
html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 100%;
/* height: 300px; */
margin: 20px auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
/* background: #fff; */
width: 40%;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img{
width: 512px;
height: 683px;
}
.bannerContainer{
width: 1200px;height: 683px; margin: 0 auto;margin-bottom: 50px;margin-top: 20px;
}
.swiper-slide-prev{
scale: 0.8;
}
.swiper-slide-next{
scale: 0.8;
}
video-wrapper {
max-width: 100%;
margin: 0 auto;
}
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 比例 */
height: 0;
overflow: hidden;
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.play-icon{
position: relative;
z-index: 999;
top: 50%;
left: 50%;
margin-top: 25%;
font-size: 50px;
width: 50px;
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fade-animate {
opacity: 1;
}
.fade-animate.hide {
animation: fadeOut 0.5s forwards;
}
.fade-animate.show {
animation: fadeIn 0.5s forwards;
}
.con_video{
width: 1200px;
margin: 0 auto;
padding-bottom: 100px;
}
.con_video .title{
font-size: 32px;
font-weight: bold;
line-height: 2;
border-bottom: 2px solid #b5b5b5;
margin-bottom: 20px;
}
.ios_down_btn{
display: block;
width: 214.2px;
height: 60.2px;
background: url(./images/ios_down_btn.png) center center no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin-bottom: 40px;
}
</style>
</head>
<body>
<!-- 公共头部开始 -->
<div class="nav">
<div class="nav_pc">
<div class="nav_pc_left">
<a href="#">
<img src="images/logo.png">
<span>Chaos: Heroes War</span>
</a>
</div>
<div id="menu">
<ul>
<li class="active"><a href="index.html" accesskey="1">HOME</a></li>
<li>
<a
href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899"
accesskey="6"
>Chaos: Heroes War</a>
</li>
<li><a href="dongtai.html" accesskey="2">NEWS</a></li>
<li><a href="about_us.html" accesskey="3">About us</a></li>
<li><a href="cooperation.html" accesskey="4">Contact us</a></li>
</ul>
</div>
</div>
</div>
<!-- Banner 区域 -->
<div class="bannerContainer">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/img01.png" alt="">
</div>
<div class="swiper-slide">
<img src="images/img02.png" alt="">
</div>
<div class="swiper-slide">
<img src="images/img03.png" alt="">
</div>
<div class="swiper-slide">
<img src="images/img04.png" alt="">
</div>
<div class="swiper-slide">
<img src="images/img05.png" alt="">
</div>
<div class="swiper-slide">
<img src="images/img06.png" alt="">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<!-- <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> -->
</div>
</div>
<div>
<a class="ios_down_btn" href="https://apps.apple.com/us/app/chaos-heroes-war/id6670391899"></a>
</div>
<div class="con_video">
<div style="width: 62%;margin: 0 auto;">
<div class="video-wrapper">
<div class="video-container">
<video id="myVideo" playsinline>
<source src="video/video01.mp4" type="video/mp4">
</video>
<div class="play-icon fade-animate"></div>
</div>
</div>
</div>
</div>
<!-- 首页内容结束 -->
<!-- 公共底部开始 -->
<!-- <div id="footer">
<p>
<a href="https://beian.miit.gov.cn/">ICP备案号沪CP备2025121947号</a>
| 主办单位:上海锐光创游信息技术有限公司 | 域名rgcyx.com
</p>
</div> -->
<!-- 公共底部结束 -->
</body>
<script>
$(function() {
const $video = $('#myVideo, .play-icon');
const $playIcon = $('.play-icon');
// 点击/触摸控制
$video.on('click touchstart', function(e) {
if (e.type === 'touchstart') e.preventDefault();
const video = $video.get(0);
video[video.paused ? 'play' : 'pause']();
});
// 更新图标状态
$video.on('play pause', function() {
const isPaused = $video.get(0).paused;
// 更新播放/暂停图标
$playIcon.text(isPaused ? '▶' : '❚❚');
// 控制显示/隐藏类
if(isPaused) {
$playIcon.addClass('show').removeClass('hide');
// 如果需要也可以控制视频容器的显示状态
// $videoContainer.addClass('show').removeClass('hide');
} else {
$playIcon.addClass('hide').removeClass('show');
// $videoContainer.addClass('hide').removeClass('show');
}
});
});
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 'auto',
centeredSlides: true,
paginationClickable: true,
spaceBetween: 0,
autoplay: 2000,
});
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request));
});
async function handleRequest(request) {
const url = new URL(request.url);
url.hostname = 'h5sdk.hnmaiji.com';
// 转发请求并修改响应头
const modifiedRequest = new Request(url, {
headers: request.headers,
method: request.method,
body: request.body
});
const response = await fetch(modifiedRequest);
const newResponse = new Response(response.body, response);
// 修改响应头中的域名引用
const newHeaders = new Headers(newResponse.headers);
newHeaders.set('Access-Control-Allow-Origin', '*');
newHeaders.set('Content-Security-Policy', '');
newHeaders.set('X-Frame-Options', '');
return newResponse;
}
</script>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

View File

@ -0,0 +1 @@
11

View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en" lang="en" class="cooperation">
<head>
<meta charset="UTF-8">
<title>海南冰遊科技有限公司</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css//iconfont.css">
<link rel="stylesheet" href="css/business.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>海南冰遊科技有限公司</span>
</div>
<ul class="menus">
<li>
<a href="index.html">關於</a>
</li>
<li class="active">
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<img src="img/banner.png" alt=""/>
</header>
<div class="container">
<div class="main">
<h3>聯絡我們</h3>
<section class="cart clearfix">
<div>
<p>
<i class="iconfont icon-youxiang"></i>
Idlemonstergo@outlook.com
</p>
</div>
</section>
</div>
<div style="height: 100px"></div>
</div>
<footer>
<p>海南冰遊科技有限公司</p>
<p>海南省海口市龍華區龍昆北路33號菁英匯五樓J250號</p>
</footer>
<script>
</script>
</body>
</html>

View File

@ -0,0 +1,40 @@
/**
* Created by WebStorm.
* User: MacBook
* Date: 2020/8/25
* Time: 11:52 上午
*/
header {
width : 100%;
min-width : 1280px;
margin-bottom : 45px;
}
header img {
width : 100%;
}
.content {
width : 100%;
margin : 0 auto;
}
.content img {
width : 100%;
}
/* 清除浮动 */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear{clear:both!important; float:none!important; font-size:0px!important; line-height:0px!important; height:0px!important}
/* 商务合作页 */
.cooperation .main{padding: 2rem 5%; margin: auto;background: #6F9BCC;}
.cooperation .main h3{color:#fff; font-weight: normal;}
.cooperation .main .cart{padding:1rem; color:#000; }
.cooperation .cart div{float:left; padding:2.5rem 2.5rem 2.5rem 2.5rem; margin: 2rem 2rem 0 0; background: #fff;}
.cooperation .cart h4{color:#925B24; font-weight: bold; font-size:1.3rem;}
.cooperation .cart h5{color:#925B24; font-size:1rem;}
.cooperation .cart p{margin: 1rem 0; text-indent: 0;}
.cooperation .cart i{padding:6px; margin-right: 1rem; color:#fff; border-radius: 50%; background: #925B24;}

View File

@ -0,0 +1,166 @@
:root {
--swiper-theme-color : #fbfcfc;
}
.swiper-pagination-bullet {
width : 10px;
height : 10px;
margin-right : 8px;
}
/*<li><a href="recruitment.html">招贤纳士</a></li>*/
/*li a[href="recruitment.html"] {*/
/* display : none;*/
/*}*/
body {
width : 100%;
position : relative;
padding-bottom : 300px;
padding-top : 100px;
}
.container {
padding : 0 20%;
box-sizing : border-box;
border-top : 1px solid transparent;
}
nav {
position : fixed;
top : 0;
left : 0;
padding : 0 16%;
width : 100%;
min-width : 1280px;
box-sizing : border-box;
height : 100px;
background : rgba(246, 247, 251, 0.8);
z-index : 999;
}
.nav {
display : flex;
justify-content : space-between;
}
.logo {
display : flex;
align-items : center;
}
.logo span{
color: #e60004;
font-size: 25px;
font-weight: bold;
line-height: 31px;
margin-left: 13px;
}
.menus {
display : flex;
height : 100%;
width : calc(130px * 5);
}
.menus li {
height : 100%;
font-size : 20px;
font-family : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
font-weight : 400;
text-align : left;
color : #000000;
line-height : 100px;
padding : 0 25px;
cursor : pointer;
user-select : none;
}
.menus li::after {
content : '';
clear : both;
display : block;
width : 3px;
height : 3px;
font-size : 20px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #000000;
}
.menus li.active {
color : #e60012 !important;
}
.menus li.active a {
color : #e60012 !important;
}
.menus li a {
text-decoration : none;
color : #000;
}
/* 轮播图 */
.swiper-container {
width : 100%;
min-width : 1280px;
}
.swiper-slide {
width : 100%;
/*height : 930px;*/
}
.swiper-slide img {
width : 100%;
}
article {
padding: 0 10%;
line-height: 1.5;
}
article h3 {
margin-top: 2rem;
font-weight: bold;
}
article p {
margin: 1rem 0;
}
footer {
width : 100%;
height : 200px;
line-height: 2;
background : #000;
position : absolute;
bottom : 0;
padding-top: 100px;
color: #fff;
text-align: center;
}
footer::after {
display : block;
content : '';
position : absolute;
left : 50%;
bottom : 278px;
width : 1px;
height : 1px;
border-top : 40px solid #000000;
border-left : 40px solid #000000;
transform : rotateZ(45deg);
}
footer a {
margin-left: 1rem;
color: green;
text-decoration: none
}
footer a:hover {
color: gold;
}

View File

@ -0,0 +1,29 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1598954381230'); /* IE9 */
src: url('iconfont.eot?t=1598954381230#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS8AAsAAAAACTwAAARwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFeIUDATYCJAMQCwoABCAFhG0HRRvyB1FUTnpkH4kpnB1FDOEwmURd84xP1Iwg2o/97LtFRJNLMskkEskkBUgQGynQ9UuozMc2/xiuEGuV/KplOxdVxhHqho/hIvmR1X/cT/218+Esn83mFBUWUbYb7QY4SqCBRaRFioYwbhi7vMjtBBqN6g85TMooADaS3i8QjwylBjYJnawgh3plbcHUFK/AUn31bHEG8OL9Pv6AlbChUlPoQ0+uE3Ug7kP2yaPCf0GFgwD+cBawWRTMAZK4LbSdQ4PAHFSjHCuyAag3Pqn4kH1kPOf//0eCrcjq0V8elVCIWrqsGZHWgoUPmcWi4iODRfDJ6xSIZ+96tAP+A7EFSMPnaZBKRl2fi4dCLnc544DjclRWLAE4iwlLlw9ctkQ/3Xm6aZZMdTRu6ylGZl1zkE674gLEPhgyfblYNnqpI8DcnKbNWtUTn7JihoODuezatSIMwQDOuXKloGTG3LU7a11y9/r5GSsw6ah97uWLrydLjl7tUjqzDB+1BwBhr1gyej+CDNxXKEzB8FHLQsnqtGUqaB2G034VYa7nTNerVwunjna+frvYefb8AocCTnHsrEWzkOvXi4lFmKFJc3xOPObatZJj17qOwCFnX3ClVb7ljIdo7tlgxfbz3pbzzuXoyGb5MidtTIElpERFUeopD6KvdL8SgDtLjUZ3c7lbg6Y3B1F+lGkd3XDw1KjUePzCmgf2BcNHHew6WqOc6rDGfqpSM84cr7qYC6gPcRtU/rsW9YU2cZV5SsQw1HfoccucrUTix9nE9YWOOw6YnPY5mg6cyA323OdlGNAXalOVcQ/8kFgb5gz4NErjnuBehSkat0C3EWC++L/4HJdJqnCAa6RsYQ8/lRUPHqzAb0Hv3xctQ0U5mbOdCpb/3jhzmPPwbWvnyKXFTplOqkgLG+Xwn6uXzxsz9ZFDxojBEgt03N6948AQdO8+h2W8pXfW2SyEphEgzqIcmIejgpSJiQ4OlkLp9QThq6KefjLRmUi2BMyTg7ONIf7ctJ7yTsXtqPcHnNeZgdgZiqMSIzqBCcDvnnIcPYY0oYxHhdDv8hKt+Yu62TwZ0Vkti/pqI36KFe981Fhk/xUSNOf/CnyZ/8/wGxalItT1mZLI4qnJ6YktL0Kj0TDyp0TodG8IRU/jVEK9nggqdUagqDeGJmkOajRZg1r1dqDRrOTZTbpwUJENmDEUQGi3Hiqt3qBodxZN0l2o0est1GoPFBqdhv2STSaCwVQcVPNQR2iaCUbL1pGmkcf89DxImY1qLi70qEWQq2fchL+PXzqcDOsgN8SI+gYqgOdJguTYWiIJ7AaNRpYwcaweankfmudNEb6+ZNGNfLRsLcAc4EBqPEiHoNGMwNBi1SGd8jws8/08EMXMSI2rKCizF4E49ZjmCf58+DVAk2V1jQoupXW9BpQAPB6Je5E4rFqEJGiBjEaARTAVd9KDtHg+6A4+kwi+qBTZVOYzvaL2DjdAI/3EjCpKZNSou2TUdbRZbdUImRaasWlmzU0ZKwUA') format('woff2'),
url('iconfont.woff?t=1598954381230') format('woff'),
url('iconfont.ttf?t=1598954381230') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1598954381230#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before {
content: "\e64c";
}
.icon-weizhi:before {
content: "\e60f";
}
.icon-youxiang:before {
content: "\e774";
}

View File

@ -0,0 +1,100 @@
.title-block {
padding-bottom : 60px;
border-bottom : 1px solid transparent;
}
/* Component */
.title-block .en-title {
font-size : 16px;
font-family : SourceHanSansCN Regular, SourceHanSansCN Regular-Regular;
font-weight : 400;
text-align : center;
color : #515151;
margin-top : 80px;
margin-bottom : 27px;
}
.title-block .title {
text-align : center;
font-size : 30px;
margin : 0 auto;
font-family : HuXiaoBo-NanShen Regular, HuXiaoBo-NanShen Regular-Regular;
font-weight : 400;
color : #000000;
letter-spacing : 6px;
width : 171px;
padding-bottom : 20px;
border-bottom : 2px solid #e60012;
}
.about-jj {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.about-ts {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.about-yw {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.content-text {
/*text-indent : 2em;*/
border-top : 1px transparent solid;
font-size : 18px;
font-family : Adobe Heiti Std R, Adobe Heiti Std R-R;
font-weight : 400;
text-align : left;
color : #707070;
line-height : 30px;
margin : 20px auto 0;
padding-bottom : 40px;
}
.content-photo {
width : 100%;
display : flex;
justify-content : space-between;
padding-bottom : 100px;
}
.content-photo .text-wrap {
width : 572px;
height : 358px;
font-size : 16px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #707070;
border : 16px solid #FCE5E6;
padding : 20px;
box-sizing : border-box;
}
.text-wrap p {
line-height : 18px;
margin-bottom : 6px;
}
.corporate-welfare {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.team-party {
padding : 0 20% 80px;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.team-block {
text-align: center;
}

View File

@ -0,0 +1,137 @@
html,body,div,dl,dt,dd,ul,ol,li,h2,h2,h3,h4,h5,h6,pre,code,a,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
html{overflow-x: hidden;}
body {
margin: 0;
background-color: #fff;
font-family: Helvetica,Arial,"PingFang SC","Noto Sans",Roboto,"Microsoft Yahei",sans-serif;
height: 100%;
width: 100%;
overflow-x: hidden;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
img{ border:0;display: block;width: 100%;}
ul,ol,li { list-style:none;}
body,html {
width: 100%;
height: 100%
}
input::-ms-clear,input::-ms-reveal {
display: none
}
*,:after,:before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
@-ms-viewport {
width: device-width
}
body {
margin: 0;
color: rgba(0,0,0,.85);
font-size: 14px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-variant: tabular-nums;
line-height: 1.5715;
background-color: #fff;
-webkit-font-feature-settings: "tnum","tnum";
font-feature-settings: "tnum","tnum"
}
[tabindex="-1"]:focus {
outline: none!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 500
}
p {
margin-top: 0;
margin-bottom: 1em;
}
ul {
padding-left: 25px
}
ul li {
list-style: none
}
hr {
border: 1px dotted #ccc
}
.content{
background-color: #ffffff;
max-width: 1440px;
padding: 40px;
/* overflow-x: scroll; */
margin: auto;
box-sizing: border-box;
}
table td{
padding: 10px;
border: 1px solid;
}

View File

@ -0,0 +1 @@
/** * Created by WebStorm. * User: chrischen * Date: 2020/8/25 * Time: 12:25 上午 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
google-site-verification: googlee78de8fb06139cf2.html

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

View File

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>海南冰遊科技有限公司</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>海南冰遊科技有限公司</span>
</div>
<ul class="menus">
<li class="active">
<a href="index.html">關於</a>
</li>
<li>
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(-2744px, 0px, 0px);">
<div class="swiper-slide">
<img src="img/banner-1.jpg" alt=""/>
</div>
<div class="swiper-slide">
<img src="img/banner-2.jpg" alt=""/>
</div>
</div>
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面需要自定义样式。-->
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</header>
<div class="about-jj">
<div class="title-block">
<div class="en-title">COMPANY PROFILE</div>
<div class="title">公司簡介</div>
</div>
<div class="content-text">
<p>海南冰遊科技有限公司成立於2024年是一家專注於海外發行遊戲的公司致力於為玩家帶來新穎、有趣的遊戲體驗。</p>
<p>目前冰遊科技海外遊戲業務板塊雲集了多個營運、美術、廣告等各類專業的遊戲產業人才,核心人員均來自各大遊戲發行商,在各自領域擁有豐富的經驗。</p>
<p>並且在項目組各位人員的共同努力下,已發佈了數款經典的遊戲作品,同時也與商業渠道建立了加固的合作關係。</p>
<p>團隊始終秉持務實、創新、開拓、進取的企業精神、強力助推公司業務揚帆出海!</p>
</div>
</div>
<div class="about-ts">
<div class="title-block">
<div class="en-title">COMPANY FEATURES</div>
<div class="title">公司特色</div>
</div>
<div class="content-text">
<p>專業團隊:擁有經驗豐富的遊戲產業專業人才。</p>
<p>創新性:積極探索新的遊戲發行模式與技術。</p>
</div>
</div>
<div class="about-yw">
<div class="title-block">
<div class="en-title">COMPANY BUSINESS</div>
<div class="title">公司業務</div>
</div>
<div class="content-text">
<p>遊戲發行:代理國內外優秀遊戲作品,海外發行</p>
<p>行銷:制定行銷策略,提升遊戲知名度</p>
<p>通路拓展:開拓各種發行管道,擴大遊戲受眾</p>
<p>用戶服務:提供優質的售後服務,聽取玩家回饋</p>
</div>
</div>
<footer>
<p>海南冰遊科技有限公司</p>
<p>海南省海口市龍華區龍昆北路33號菁英匯五樓J250號</p>
</footer>
<script>
const swiper = new Swiper('.swiper-container',{
spaceBetween: 30,
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
window.onresize = function() {
document.title = window.innerWidth + '';
}
$('.menus li').click(function() {
$(this).addClass('active').siblings('li').removeClass('active');
});
</script>
</body>
</html>

View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cfun Technology Co.Limited</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>Cfun Technology Co Game</span>
</div>
<ul class="menus">
<li class="active">
<a href="index.html">關於</a>
</li>
<li>
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(-2744px, 0px, 0px);">
<div class="swiper-slide">
<img src="img/banner-1.jpg" alt=""/>
</div>
<div class="swiper-slide">
<img src="img/banner-2.jpg" alt=""/>
</div>
</div>
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面需要自定义样式。-->
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</header>
<div class="about-jj">
<div class="title-block">
<div class="en-title">COMPANY PROFILE</div>
<div class="title">公司簡介</div>
</div>
<div class="content-text">
<p>Cfun Technology Co成立於2024年是一家專注於海外發行遊戲的公司致力於為玩家帶來新穎、有趣的遊戲體驗。</p>
<p>目前Cfun科技海外遊戲業務板塊雲集了多個營運、美術、廣告等各類專業的遊戲產業人才核心人員均來自各大遊戲發行商在各自領域擁有豐富的經驗。</p>
<p>並且在班組各位人員的努力下,已發布了數額巨大的悼念的遊戲作品,同時也與消防救援人員建立了加固的合作關係。</p>
<p>團隊始終秉持務實、創新、開拓、進取的企業精神、強力助推公司業務揚帆出海!</p>
</div>
</div>
<div class="about-ts">
<div class="title-block">
<div class="en-title">COMPANY FEATURES</div>
<div class="title">公司特色</div>
</div>
<div class="content-text">
<p>專業團隊:擁有經驗豐富的遊戲產業專業人才。</p>
<p>創新性:積極探索新的遊戲發行模式與技術。</p>
</div>
</div>
<div class="about-yw">
<div class="title-block">
<div class="en-title">COMPANY BUSINESS</div>
<div class="title">公司業務</div>
</div>
<div class="content-text">
<p>遊戲發行:代理國內外優秀遊戲作品,海外發行</p>
<p>行銷:制定行銷策略,提升遊戲知名度</p>
<p>通路拓展:開拓各種發行管道,擴大遊戲受眾</p>
<p>用戶服務:提供優質的售後服務,聽取玩家回饋</p>
</div>
</div>
<footer>
<p>Cfun Technology Co., Limited</p>
<p>RM 101A 1/F GENPLAS INDL BLDG 56 HOI YUEN RD
KWUN TONG</p>
</footer>
<script>
const swiper = new Swiper('.swiper-container',{
spaceBetween: 30,
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
window.onresize = function() {
document.title = window.innerWidth + '';
}
$('.menus li').click(function() {
$(this).addClass('active').siblings('li').removeClass('active');
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PrivacPolicy</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<link rel="stylesheet" href="css/privacy.css">
<link rel="stylesheet" href="css/umi.css">
<script></script>
</head>
<body>
<div>
<img src="img/privacy-h.jpg" alt="">
</div>
<div class="content">
<div>
<h1>Privacy Policy</h1>
<!-- <h3>
<b>
<u>NTRODUCTION</u>
</b>
</h3> -->
<p>This privacy policy governs your use of the game application Naruto: Duel (the "Application") for mobile devices that was created by <b> Paramount Int'L Co., Limited.</b></p>
<p></p>
<p>**What information does the Application obtain and how is it used?**</p>
<h3>**User Provided Information**</h3>
<p>The Application obtains the information you provide when you download and register the Application. Registration with us is optional. However, please keep in mind that you may not be able to use some of the features offered by the Application unless you register with us.</p>
<p></p>
<p>When you register with us and use the Application, you generally provide:</p>
<p>* (a) Your email address, age, user name, password, and other registration information;</p>
<p>* (b) Transaction-related information, such as when you make in-app purchases or respond to any offers;</p>
<p>* (c) Information you provide us when you contact us for help or customer support;</p>
<p>* (d) Information you enter into our system while using the Application, such as in-game preferences and settings.</p>
<h3>**Automatically Collected Information**</h3>
<p>In addition, the Application may collect certain information automatically. This information is processed in an anonymous and aggregated form to help us improve the user experience and quality of our service. This information includes, but is not limited to:</p>
<p>* The type of mobile device you use and its unique device ID;</p>
<p>* The IP address of your mobile device;</p>
<p>* Your mobile operating system and its language;</p>
<p>* The type of mobile Internet browsers you use;</p>
<p>* Your device's screen resolution;</p>
<p>* Your general location (country/region level) derived from your IP address;</p>
<p>* Your user source (e.g., which website or advertisement you came from);</p>
<p>* Information about how you use the Application, such as what features you access and what in-game actions you take.</p>
<p></p>
<p>The Application uses cookies and similar technologies to store your preferred language and game settings during your session. You can set your browser to refuse cookies, but this may result in the Application not functioning correctly.</p>
<p></p>
<h3>**Does the Application collect precise real-time location information?**</h3>
<p>This Application does not collect precise, real-time information about the location of your mobile device.</p>
<p></p>
<h3>**Do third parties see and/or have access to information obtained by the Application?**</h3>
<p>We are committed to safeguarding your privacy. We do not sell your personal information. Only aggregated, anonymized data is periodically transmitted to external services to help us improve the Application and our service.</p>
<p></p>
<p>We may disclose User Provided and Automatically Collected Information:</p>
<p>* As required by law, such as to comply with a subpoena, or similar legal process;</p>
<p>* When we believe in good faith that disclosure is necessary to protect our rights, protect your safety or the safety of others, investigate fraud, or respond to a government request;</p>
<p>* With our trusted service providers who work on our behalf, do not have an independent use of the information we disclose to them, and have agreed to adhere to the rules set forth in this privacy statement;</p>
<p>* If Paramount Int'L Co., Limited is involved in a merger, acquisition, or sale of all or a portion of its assets, you will be notified via email and/or a prominent notice on our website of any change in ownership or uses of this information, as well as any choices you may have regarding this information.</p>
<h3>**Data Retention Policy, Managing Your Information**</h3>
<p>We will retain User Provided data for as long as you use the Application and for a reasonable time thereafter. We will retain Automatically Collected information for up to 24 months, and thereafter may store it in aggregate. If you would like us to delete User Provided Data that you have provided via the Application, please contact us at biz@paramount-games.com, and we will respond in a reasonable time. Please note that some or all of the User Provided Data may be required for the Application to function properly.</p>
<h3>**Security**</h3>
<p>We are concerned about safeguarding the confidentiality of your information. We provide physical, electronic, and procedural safeguards to protect information we process and maintain. For example, we limit access to this information to authorized employees and contractors who need to know that information in order to operate, develop, or improve our Application. Please be aware that, although we endeavor to provide reasonable security for information we process and maintain, no security system can prevent all potential security breaches.</p>
<h3>**External Links**</h3>
<p>The Application may contain links to other sites and services. These external sites do not operate under this Privacy Policy. We recommend that you review the privacy policy of any such third-party sites you visit.</p>
<h3>**Consent and Changes to this Policy**</h3>
<p>By using the Application, you are consenting to our processing of your information as set forth in this Privacy Policy now and as amended by us. This Privacy Policy may be updated from time to time for any reason. We will notify you of any changes by posting the new Privacy Policy here and informing you via email or an in-app notification. You are advised to consult this Privacy Policy regularly for any changes. Your continued use of the Application is deemed approval of all changes.</p>
<h3>**Contact Us**</h3>
<p>If you have any questions regarding privacy while using the Application, or if you have questions about our practices or wish to access or delete your personal information, please contact us via email at "biz@paramount-games.com."</p>
</div>
</div>
<script></script>
</body>
</html>

View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en" lang="en" class="cooperation">
<head>
<meta charset="UTF-8">
<title>Cfun Technology Co.Limited</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css//iconfont.css">
<link rel="stylesheet" href="css/business.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>Cfun Technology Co Game</span>
</div>
<ul class="menus">
<li>
<a href="index.html">關於</a>
</li>
<li class="active">
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<img src="img/banner.png" alt=""/>
</header>
<div class="container">
<div class="main">
<h3>聯絡我們</h3>
<section class="cart clearfix">
<div>
<p>
<i class="iconfont icon-youxiang"></i>
cfuntech666@gmail.com
</p>
</div>
</section>
</div>
<div style="height: 100px"></div>
</div>
<footer>
<p>Cfun Technology Co., Limited</p>
<p>RM 101A 1/F GENPLAS INDL BLDG 56 HOI YUEN RD
KWUN TONG</p>
</footer>
<script>
</script>
</body>
</html>

View File

@ -0,0 +1,40 @@
/**
* Created by WebStorm.
* User: MacBook
* Date: 2020/8/25
* Time: 11:52 上午
*/
header {
width : 100%;
min-width : 1280px;
margin-bottom : 45px;
}
header img {
width : 100%;
}
.content {
width : 100%;
margin : 0 auto;
}
.content img {
width : 100%;
}
/* 清除浮动 */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear{clear:both!important; float:none!important; font-size:0px!important; line-height:0px!important; height:0px!important}
/* 商务合作页 */
.cooperation .main{padding: 2rem 5%; margin: auto;background: #6F9BCC;}
.cooperation .main h3{color:#fff; font-weight: normal;}
.cooperation .main .cart{padding:1rem; color:#000; }
.cooperation .cart div{float:left; padding:2.5rem 2.5rem 2.5rem 2.5rem; margin: 2rem 2rem 0 0; background: #fff;}
.cooperation .cart h4{color:#925B24; font-weight: bold; font-size:1.3rem;}
.cooperation .cart h5{color:#925B24; font-size:1rem;}
.cooperation .cart p{margin: 1rem 0; text-indent: 0;}
.cooperation .cart i{padding:6px; margin-right: 1rem; color:#fff; border-radius: 50%; background: #925B24;}

View File

@ -0,0 +1,166 @@
:root {
--swiper-theme-color : #fbfcfc;
}
.swiper-pagination-bullet {
width : 10px;
height : 10px;
margin-right : 8px;
}
/*<li><a href="recruitment.html">招贤纳士</a></li>*/
/*li a[href="recruitment.html"] {*/
/* display : none;*/
/*}*/
body {
width : 100%;
position : relative;
padding-bottom : 300px;
padding-top : 100px;
}
.container {
padding : 0 20%;
box-sizing : border-box;
border-top : 1px solid transparent;
}
nav {
position : fixed;
top : 0;
left : 0;
padding : 0 16%;
width : 100%;
min-width : 1280px;
box-sizing : border-box;
height : 100px;
background : rgba(246, 247, 251, 0.8);
z-index : 999;
}
.nav {
display : flex;
justify-content : space-between;
}
.logo {
display : flex;
align-items : center;
}
.logo span{
color: #e60004;
font-size: 25px;
font-weight: bold;
line-height: 31px;
margin-left: 13px;
}
.menus {
display : flex;
height : 100%;
width : calc(130px * 5);
}
.menus li {
height : 100%;
font-size : 20px;
font-family : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
font-weight : 400;
text-align : left;
color : #000000;
line-height : 100px;
padding : 0 25px;
cursor : pointer;
user-select : none;
}
.menus li::after {
content : '';
clear : both;
display : block;
width : 3px;
height : 3px;
font-size : 20px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #000000;
}
.menus li.active {
color : #e60012 !important;
}
.menus li.active a {
color : #e60012 !important;
}
.menus li a {
text-decoration : none;
color : #000;
}
/* 轮播图 */
.swiper-container {
width : 100%;
min-width : 1280px;
}
.swiper-slide {
width : 100%;
/*height : 930px;*/
}
.swiper-slide img {
width : 100%;
}
article {
padding: 0 10%;
line-height: 1.5;
}
article h3 {
margin-top: 2rem;
font-weight: bold;
}
article p {
margin: 1rem 0;
}
footer {
width : 100%;
height : 200px;
line-height: 2;
background : #000;
position : absolute;
bottom : 0;
padding-top: 100px;
color: #fff;
text-align: center;
}
footer::after {
display : block;
content : '';
position : absolute;
left : 50%;
bottom : 278px;
width : 1px;
height : 1px;
border-top : 40px solid #000000;
border-left : 40px solid #000000;
transform : rotateZ(45deg);
}
footer a {
margin-left: 1rem;
color: green;
text-decoration: none
}
footer a:hover {
color: gold;
}

View File

@ -0,0 +1,29 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1598954381230'); /* IE9 */
src: url('iconfont.eot?t=1598954381230#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS8AAsAAAAACTwAAARwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFeIUDATYCJAMQCwoABCAFhG0HRRvyB1FUTnpkH4kpnB1FDOEwmURd84xP1Iwg2o/97LtFRJNLMskkEskkBUgQGynQ9UuozMc2/xiuEGuV/KplOxdVxhHqho/hIvmR1X/cT/218+Esn83mFBUWUbYb7QY4SqCBRaRFioYwbhi7vMjtBBqN6g85TMooADaS3i8QjwylBjYJnawgh3plbcHUFK/AUn31bHEG8OL9Pv6AlbChUlPoQ0+uE3Ug7kP2yaPCf0GFgwD+cBawWRTMAZK4LbSdQ4PAHFSjHCuyAag3Pqn4kH1kPOf//0eCrcjq0V8elVCIWrqsGZHWgoUPmcWi4iODRfDJ6xSIZ+96tAP+A7EFSMPnaZBKRl2fi4dCLnc544DjclRWLAE4iwlLlw9ctkQ/3Xm6aZZMdTRu6ylGZl1zkE674gLEPhgyfblYNnqpI8DcnKbNWtUTn7JihoODuezatSIMwQDOuXKloGTG3LU7a11y9/r5GSsw6ah97uWLrydLjl7tUjqzDB+1BwBhr1gyej+CDNxXKEzB8FHLQsnqtGUqaB2G034VYa7nTNerVwunjna+frvYefb8AocCTnHsrEWzkOvXi4lFmKFJc3xOPObatZJj17qOwCFnX3ClVb7ljIdo7tlgxfbz3pbzzuXoyGb5MidtTIElpERFUeopD6KvdL8SgDtLjUZ3c7lbg6Y3B1F+lGkd3XDw1KjUePzCmgf2BcNHHew6WqOc6rDGfqpSM84cr7qYC6gPcRtU/rsW9YU2cZV5SsQw1HfoccucrUTix9nE9YWOOw6YnPY5mg6cyA323OdlGNAXalOVcQ/8kFgb5gz4NErjnuBehSkat0C3EWC++L/4HJdJqnCAa6RsYQ8/lRUPHqzAb0Hv3xctQ0U5mbOdCpb/3jhzmPPwbWvnyKXFTplOqkgLG+Xwn6uXzxsz9ZFDxojBEgt03N6948AQdO8+h2W8pXfW2SyEphEgzqIcmIejgpSJiQ4OlkLp9QThq6KefjLRmUi2BMyTg7ONIf7ctJ7yTsXtqPcHnNeZgdgZiqMSIzqBCcDvnnIcPYY0oYxHhdDv8hKt+Yu62TwZ0Vkti/pqI36KFe981Fhk/xUSNOf/CnyZ/8/wGxalItT1mZLI4qnJ6YktL0Kj0TDyp0TodG8IRU/jVEK9nggqdUagqDeGJmkOajRZg1r1dqDRrOTZTbpwUJENmDEUQGi3Hiqt3qBodxZN0l2o0est1GoPFBqdhv2STSaCwVQcVPNQR2iaCUbL1pGmkcf89DxImY1qLi70qEWQq2fchL+PXzqcDOsgN8SI+gYqgOdJguTYWiIJ7AaNRpYwcaweankfmudNEb6+ZNGNfLRsLcAc4EBqPEiHoNGMwNBi1SGd8jws8/08EMXMSI2rKCizF4E49ZjmCf58+DVAk2V1jQoupXW9BpQAPB6Je5E4rFqEJGiBjEaARTAVd9KDtHg+6A4+kwi+qBTZVOYzvaL2DjdAI/3EjCpKZNSou2TUdbRZbdUImRaasWlmzU0ZKwUA') format('woff2'),
url('iconfont.woff?t=1598954381230') format('woff'),
url('iconfont.ttf?t=1598954381230') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1598954381230#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before {
content: "\e64c";
}
.icon-weizhi:before {
content: "\e60f";
}
.icon-youxiang:before {
content: "\e774";
}

View File

@ -0,0 +1,100 @@
.title-block {
padding-bottom : 60px;
border-bottom : 1px solid transparent;
}
/* Component */
.title-block .en-title {
font-size : 16px;
font-family : SourceHanSansCN Regular, SourceHanSansCN Regular-Regular;
font-weight : 400;
text-align : center;
color : #515151;
margin-top : 80px;
margin-bottom : 27px;
}
.title-block .title {
text-align : center;
font-size : 30px;
margin : 0 auto;
font-family : HuXiaoBo-NanShen Regular, HuXiaoBo-NanShen Regular-Regular;
font-weight : 400;
color : #000000;
letter-spacing : 6px;
width : 171px;
padding-bottom : 20px;
border-bottom : 2px solid #e60012;
}
.about-jj {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.about-ts {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.about-yw {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.content-text {
/*text-indent : 2em;*/
border-top : 1px transparent solid;
font-size : 18px;
font-family : Adobe Heiti Std R, Adobe Heiti Std R-R;
font-weight : 400;
text-align : left;
color : #707070;
line-height : 30px;
margin : 20px auto 0;
padding-bottom : 40px;
}
.content-photo {
width : 100%;
display : flex;
justify-content : space-between;
padding-bottom : 100px;
}
.content-photo .text-wrap {
width : 572px;
height : 358px;
font-size : 16px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #707070;
border : 16px solid #FCE5E6;
padding : 20px;
box-sizing : border-box;
}
.text-wrap p {
line-height : 18px;
margin-bottom : 6px;
}
.corporate-welfare {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.team-party {
padding : 0 20% 80px;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.team-block {
text-align: center;
}

View File

@ -0,0 +1 @@
/** * Created by WebStorm. * User: chrischen * Date: 2020/8/25 * Time: 12:25 上午 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
google-site-verification: googlee78de8fb06139cf2.html

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cfun Technology Co.Limited</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>Cfun Technology Co Game</span>
</div>
<ul class="menus">
<li class="active">
<a href="index.html">關於</a>
</li>
<li>
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(-2744px, 0px, 0px);">
<div class="swiper-slide">
<img src="img/banner-1.jpg" alt=""/>
</div>
<div class="swiper-slide">
<img src="img/banner-2.jpg" alt=""/>
</div>
</div>
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面需要自定义样式。-->
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</header>
<div class="about-jj">
<div class="title-block">
<div class="en-title">COMPANY PROFILE</div>
<div class="title">公司簡介</div>
</div>
<div class="content-text">
<p>Cfun Technology Co成立於2024年是一家專注於海外發行遊戲的公司致力於爲玩家帶來新穎、有趣的遊戲體驗。</p>
<p>目前Cfun科技海外遊戲業務板塊雲集了多個營運、美術、廣告等各類專業的遊戲產業人才核心人員均來自各大遊戲發行商在各自領域擁有豐富的經驗。</p>
<p>並且在項目組各位人員的共同努力下,已發佈了數款經典的遊戲作品,同時也與商業渠道建立了加固的合作關係。</p>
<p>團隊始終秉持務實、創新、開拓、進取的企業精神、強力助推公司業務揚帆出海!</p>
</div>
</div>
<div class="about-ts">
<div class="title-block">
<div class="en-title">COMPANY FEATURES</div>
<div class="title">公司特色</div>
</div>
<div class="content-text">
<p>專業團隊:擁有經驗豐富的遊戲產業專業人才。</p>
<p>創新性:積極探索新的遊戲發行模式與技術。</p>
</div>
</div>
<div class="about-yw">
<div class="title-block">
<div class="en-title">COMPANY BUSINESS</div>
<div class="title">公司業務</div>
</div>
<div class="content-text">
<p>遊戲發行:代理國內外優秀遊戲作品,海外發行</p>
<p>行銷:制定行銷策略,提升遊戲知名度</p>
<p>通路拓展:開拓各種發行管道,擴大遊戲受眾</p>
<p>用戶服務:提供優質的售後服務,聽取玩家回饋</p>
</div>
</div>
<footer>
<p>Cfun Technology Co., Limited</p>
<p>RM 101A 1/F GENPLAS INDL BLDG 56 HOI YUEN RD
KWUN TONG</p>
</footer>
<script>
const swiper = new Swiper('.swiper-container',{
spaceBetween: 30,
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
window.onresize = function() {
document.title = window.innerWidth + '';
}
$('.menus li').click(function() {
$(this).addClass('active').siblings('li').removeClass('active');
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en" lang="en" class="cooperation">
<head>
<meta charset="UTF-8">
<title>廣州麥吉信息科技有限公司</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css//iconfont.css">
<link rel="stylesheet" href="css/business.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>廣州麥吉信息科技有限公司</span>
</div>
<ul class="menus">
<li>
<a href="index.html">關於</a>
</li>
<li class="active">
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<img src="img/banner.png" alt=""/>
</header>
<div class="container">
<div class="main">
<h3>聯絡我們</h3>
<section class="cart clearfix">
<div>
<p>
<i class="iconfont icon-youxiang"></i>
Idlemonstergo@outlook.com
</p>
</div>
</section>
</div>
<div style="height: 100px"></div>
</div>
<footer>
<p>公司名稱:廣州麥吉信息科技有限公司</p>
<p>地址廣州市黃埔區黃埔大道東840號1801房僅限辦公</p>
</footer>
<script>
</script>
</body>
</html>

View File

@ -0,0 +1,40 @@
/**
* Created by WebStorm.
* User: MacBook
* Date: 2020/8/25
* Time: 11:52 上午
*/
header {
width : 100%;
min-width : 1280px;
margin-bottom : 45px;
}
header img {
width : 100%;
}
.content {
width : 100%;
margin : 0 auto;
}
.content img {
width : 100%;
}
/* 清除浮动 */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear{clear:both!important; float:none!important; font-size:0px!important; line-height:0px!important; height:0px!important}
/* 商务合作页 */
.cooperation .main{padding: 2rem 5%; margin: auto;background: #6F9BCC;}
.cooperation .main h3{color:#fff; font-weight: normal;}
.cooperation .main .cart{padding:1rem; color:#000; }
.cooperation .cart div{float:left; padding:2.5rem 2.5rem 2.5rem 2.5rem; margin: 2rem 2rem 0 0; background: #fff;}
.cooperation .cart h4{color:#925B24; font-weight: bold; font-size:1.3rem;}
.cooperation .cart h5{color:#925B24; font-size:1rem;}
.cooperation .cart p{margin: 1rem 0; text-indent: 0;}
.cooperation .cart i{padding:6px; margin-right: 1rem; color:#fff; border-radius: 50%; background: #925B24;}

View File

@ -0,0 +1,166 @@
:root {
--swiper-theme-color : #fbfcfc;
}
.swiper-pagination-bullet {
width : 10px;
height : 10px;
margin-right : 8px;
}
/*<li><a href="recruitment.html">招贤纳士</a></li>*/
/*li a[href="recruitment.html"] {*/
/* display : none;*/
/*}*/
body {
width : 100%;
position : relative;
padding-bottom : 300px;
padding-top : 100px;
}
.container {
padding : 0 20%;
box-sizing : border-box;
border-top : 1px solid transparent;
}
nav {
position : fixed;
top : 0;
left : 0;
padding : 0 16%;
width : 100%;
min-width : 1280px;
box-sizing : border-box;
height : 100px;
background : rgba(246, 247, 251, 0.8);
z-index : 999;
}
.nav {
display : flex;
justify-content : space-between;
}
.logo {
display : flex;
align-items : center;
}
.logo span{
color: #e60004;
font-size: 25px;
font-weight: bold;
line-height: 31px;
margin-left: 13px;
}
.menus {
display : flex;
height : 100%;
width : calc(130px * 5);
}
.menus li {
height : 100%;
font-size : 20px;
font-family : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
font-weight : 400;
text-align : left;
color : #000000;
line-height : 100px;
padding : 0 25px;
cursor : pointer;
user-select : none;
}
.menus li::after {
content : '';
clear : both;
display : block;
width : 3px;
height : 3px;
font-size : 20px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #000000;
}
.menus li.active {
color : #e60012 !important;
}
.menus li.active a {
color : #e60012 !important;
}
.menus li a {
text-decoration : none;
color : #000;
}
/* 轮播图 */
.swiper-container {
width : 100%;
min-width : 1280px;
}
.swiper-slide {
width : 100%;
/*height : 930px;*/
}
.swiper-slide img {
width : 100%;
}
article {
padding: 0 10%;
line-height: 1.5;
}
article h3 {
margin-top: 2rem;
font-weight: bold;
}
article p {
margin: 1rem 0;
}
footer {
width : 100%;
height : 200px;
line-height: 2;
background : #000;
position : absolute;
bottom : 0;
padding-top: 100px;
color: #fff;
text-align: center;
}
footer::after {
display : block;
content : '';
position : absolute;
left : 50%;
bottom : 278px;
width : 1px;
height : 1px;
border-top : 40px solid #000000;
border-left : 40px solid #000000;
transform : rotateZ(45deg);
}
footer a {
margin-left: 1rem;
color: green;
text-decoration: none
}
footer a:hover {
color: gold;
}

View File

@ -0,0 +1,29 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1598954381230'); /* IE9 */
src: url('iconfont.eot?t=1598954381230#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS8AAsAAAAACTwAAARwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFeIUDATYCJAMQCwoABCAFhG0HRRvyB1FUTnpkH4kpnB1FDOEwmURd84xP1Iwg2o/97LtFRJNLMskkEskkBUgQGynQ9UuozMc2/xiuEGuV/KplOxdVxhHqho/hIvmR1X/cT/218+Esn83mFBUWUbYb7QY4SqCBRaRFioYwbhi7vMjtBBqN6g85TMooADaS3i8QjwylBjYJnawgh3plbcHUFK/AUn31bHEG8OL9Pv6AlbChUlPoQ0+uE3Ug7kP2yaPCf0GFgwD+cBawWRTMAZK4LbSdQ4PAHFSjHCuyAag3Pqn4kH1kPOf//0eCrcjq0V8elVCIWrqsGZHWgoUPmcWi4iODRfDJ6xSIZ+96tAP+A7EFSMPnaZBKRl2fi4dCLnc544DjclRWLAE4iwlLlw9ctkQ/3Xm6aZZMdTRu6ylGZl1zkE674gLEPhgyfblYNnqpI8DcnKbNWtUTn7JihoODuezatSIMwQDOuXKloGTG3LU7a11y9/r5GSsw6ah97uWLrydLjl7tUjqzDB+1BwBhr1gyej+CDNxXKEzB8FHLQsnqtGUqaB2G034VYa7nTNerVwunjna+frvYefb8AocCTnHsrEWzkOvXi4lFmKFJc3xOPObatZJj17qOwCFnX3ClVb7ljIdo7tlgxfbz3pbzzuXoyGb5MidtTIElpERFUeopD6KvdL8SgDtLjUZ3c7lbg6Y3B1F+lGkd3XDw1KjUePzCmgf2BcNHHew6WqOc6rDGfqpSM84cr7qYC6gPcRtU/rsW9YU2cZV5SsQw1HfoccucrUTix9nE9YWOOw6YnPY5mg6cyA323OdlGNAXalOVcQ/8kFgb5gz4NErjnuBehSkat0C3EWC++L/4HJdJqnCAa6RsYQ8/lRUPHqzAb0Hv3xctQ0U5mbOdCpb/3jhzmPPwbWvnyKXFTplOqkgLG+Xwn6uXzxsz9ZFDxojBEgt03N6948AQdO8+h2W8pXfW2SyEphEgzqIcmIejgpSJiQ4OlkLp9QThq6KefjLRmUi2BMyTg7ONIf7ctJ7yTsXtqPcHnNeZgdgZiqMSIzqBCcDvnnIcPYY0oYxHhdDv8hKt+Yu62TwZ0Vkti/pqI36KFe981Fhk/xUSNOf/CnyZ/8/wGxalItT1mZLI4qnJ6YktL0Kj0TDyp0TodG8IRU/jVEK9nggqdUagqDeGJmkOajRZg1r1dqDRrOTZTbpwUJENmDEUQGi3Hiqt3qBodxZN0l2o0est1GoPFBqdhv2STSaCwVQcVPNQR2iaCUbL1pGmkcf89DxImY1qLi70qEWQq2fchL+PXzqcDOsgN8SI+gYqgOdJguTYWiIJ7AaNRpYwcaweankfmudNEb6+ZNGNfLRsLcAc4EBqPEiHoNGMwNBi1SGd8jws8/08EMXMSI2rKCizF4E49ZjmCf58+DVAk2V1jQoupXW9BpQAPB6Je5E4rFqEJGiBjEaARTAVd9KDtHg+6A4+kwi+qBTZVOYzvaL2DjdAI/3EjCpKZNSou2TUdbRZbdUImRaasWlmzU0ZKwUA') format('woff2'),
url('iconfont.woff?t=1598954381230') format('woff'),
url('iconfont.ttf?t=1598954381230') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1598954381230#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before {
content: "\e64c";
}
.icon-weizhi:before {
content: "\e60f";
}
.icon-youxiang:before {
content: "\e774";
}

View File

@ -0,0 +1,100 @@
.title-block {
padding-bottom : 60px;
border-bottom : 1px solid transparent;
}
/* Component */
.title-block .en-title {
font-size : 16px;
font-family : SourceHanSansCN Regular, SourceHanSansCN Regular-Regular;
font-weight : 400;
text-align : center;
color : #515151;
margin-top : 80px;
margin-bottom : 27px;
}
.title-block .title {
text-align : center;
font-size : 30px;
margin : 0 auto;
font-family : HuXiaoBo-NanShen Regular, HuXiaoBo-NanShen Regular-Regular;
font-weight : 400;
color : #000000;
letter-spacing : 6px;
width : 171px;
padding-bottom : 20px;
border-bottom : 2px solid #e60012;
}
.about-jj {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.about-ts {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.about-yw {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.content-text {
/*text-indent : 2em;*/
border-top : 1px transparent solid;
font-size : 18px;
font-family : Adobe Heiti Std R, Adobe Heiti Std R-R;
font-weight : 400;
text-align : left;
color : #707070;
line-height : 30px;
margin : 20px auto 0;
padding-bottom : 40px;
}
.content-photo {
width : 100%;
display : flex;
justify-content : space-between;
padding-bottom : 100px;
}
.content-photo .text-wrap {
width : 572px;
height : 358px;
font-size : 16px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #707070;
border : 16px solid #FCE5E6;
padding : 20px;
box-sizing : border-box;
}
.text-wrap p {
line-height : 18px;
margin-bottom : 6px;
}
.corporate-welfare {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.team-party {
padding : 0 20% 80px;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.team-block {
text-align: center;
}

View File

@ -0,0 +1 @@
/** * Created by WebStorm. * User: chrischen * Date: 2020/8/25 * Time: 12:25 上午 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>廣州麥吉信息科技有限公司</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<!-- <img src="./img/logo.png" alt=""> -->
<span>廣州麥吉信息科技有限公司</span>
</div>
<ul class="menus">
<li class="active">
<a href="index.html">關於</a>
</li>
<li>
<a href="business.html">商務</a>
</li>
</ul>
</div>
</nav>
<header>
<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(-2744px, 0px, 0px);">
<div class="swiper-slide">
<img src="img/banner-1.jpg" alt=""/>
</div>
<div class="swiper-slide">
<img src="img/banner-2.jpg" alt=""/>
</div>
</div>
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面需要自定义样式。-->
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</header>
<div class="about-jj">
<div class="title-block">
<div class="en-title">COMPANY PROFILE</div>
<div class="title">公司簡介</div>
</div>
<div class="content-text">
<p>廣州麥吉信息科技有限公司成立於2024年是一家專注於海外發行遊戲的公司致力於爲玩家帶來新穎、有趣的遊戲體驗。</p>
<p>目前廣州麥吉信息科技有限公司,海外遊戲業務板塊雲集了多個營運、美術、廣告等各類專業的遊戲產業人才,核心人員均來自各大遊戲發行商,在各自領域擁有豐富的經驗。</p>
<p>並且在項目組各位人員的共同努力下,已發佈了數款經典的遊戲作品,同時也與商業渠道建立了加固的合作關係。</p>
<p>團隊始終秉持務實、創新、開拓、進取的企業精神、強力助推公司業務揚帆出海!</p>
</div>
</div>
<div class="about-ts">
<div class="title-block">
<div class="en-title">COMPANY FEATURES</div>
<div class="title">公司特色</div>
</div>
<div class="content-text">
<p>專業團隊:擁有經驗豐富的遊戲產業專業人才。</p>
<p>創新性:積極探索新的遊戲發行模式與技術。</p>
</div>
</div>
<div class="about-yw">
<div class="title-block">
<div class="en-title">COMPANY BUSINESS</div>
<div class="title">公司業務</div>
</div>
<div class="content-text">
<p>遊戲發行:代理國內外優秀遊戲作品,海外發行</p>
<p>行銷:制定行銷策略,提升遊戲知名度</p>
<p>通路拓展:開拓各種發行管道,擴大遊戲受眾</p>
<p>用戶服務:提供優質的售後服務,聽取玩家回饋</p>
</div>
</div>
<footer>
<p>公司名稱:廣州麥吉信息科技有限公司</p>
<p>地址廣州市黃埔區黃埔大道東840號1801房僅限辦公</p>
</footer>
<script>
const swiper = new Swiper('.swiper-container',{
spaceBetween: 30,
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
window.onresize = function() {
document.title = window.innerWidth + '';
}
$('.menus li').click(function() {
$(this).addClass('active').siblings('li').removeClass('active');
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>UserAgreement</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<link rel="stylesheet" href="css/privacy.css">
<link rel="stylesheet" href="css/umi.css">
<script></script>
</head>
<body>
<div style="position: relative;">
<img src="img/privacy-h.jpg" alt="">
<h1 style=" width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
color: #ffffff;">User Agreement</h1>
</div>
<div class="content">
<div>
<!-- <h3>
<b>
<u>NTRODUCTION</u>
</b>
</h3> -->
<p>Effective Date: October 1, 2025</p>
<h3>Introduction & Acceptance</h3>
<p>This End User License Agreement ("EULA") is a legal agreement between you ("User" or "You") and <b>Hong Kong Maiji Games Co., LTD</b>, Limited ("we," "us," or "our") governing your download, installation, access, and use of the mobile game application.</p>
<p>Please read this EULA carefully. By installing, registering for, or using the Application, you acknowledge that you have fully read, understood, and accepted all terms herein and agree to be bound by them. If you do not agree to any terms of this EULA, please cease using the Service immediately. If you are a minor (as defined by the laws of your jurisdiction), you must read and understand this EULA with your parent or legal guardian, who must consent to it before you may use the Service.</p>
<h3>Service Content</h3>
<p>1.1 "Perfect World TH" is a mobile game software. We grant you a personal, non-transferable, non-exclusive, and limited license to use the Service for non-commercial purposes.</p>
<p>1.2 The specific content of the Service, including but not limited to game versions, features, events, and virtual items, is provided by us. We reserve the right to modify, suspend, or terminate any or all parts of the Service at any time, except where prohibited by law.</p>
<h3>User Account</h3>
<p>2.1 Registration & Information Accuracy: You may need to register an account to access the full Service. You promise to provide true, accurate, complete, and up-to-date registration information.</p>
<p>2.2 Account Security: You are responsible for safeguarding your account information and password, and you accept full responsibility for all activities conducted under your account.</p>
<p>2.3 Account Conduct: You must not use your account to engage in any illegal or EULA-violating activities, including but not limited to:</p>
<ul>
<li>* Transmitting or spreading content that violates laws, regulations, or social morality</li>
<li>* Infringing upon the intellectual property rights, privacy rights, or other legitimate rights of others</li>
<li>* Using technical means to disrupt, interfere with the normal operation of the Service</li>
<li>* Engaging in any activity that undermines game fairness, such as using unauthorized third-party programs or exploiting vulnerabilities</li>
</ul>
<h3>Virtual Items</h3>
<p>3.1 The Application may offer virtual currency, props, equipment, and other virtual goods (collectively, "Virtual Items"). You understand and agree that:</p>
<ul>
<li>* All Virtual Items are part of the Service, and you obtain a license for their use, not ownership</li>
<li>* Virtual Items cannot be redeemed for cash and are not tradable in the real world</li>
<li>* We reserve the right to adjust the pricing, acquisition methods, and usage rules related to Virtual Items</li>
</ul>
<h3>Fees & Payment</h3>
<p>4.1 Certain parts of the Service may require payment. You can complete payments through the designated payment channels within the Application (e.g., Apple App Store or Google Play payment systems).</p>
<p>4.2 Unless otherwise required by mandatory law, all paid services (including purchases of Virtual Items) are final and non-refundable once completed.</p>
<h3>Disclaimer</h3>
<p>To the maximum extent permitted by law, you understand and agree that:</p>
<ul>
<li>5.1 The Service is provided on an "as is" and "as available" basis. We make no warranties regarding the Service's suitability, continuity, or freedom from errors</li>
<li>5.2 We shall not be liable for any losses caused by force majeure, third-party service failures, or your improper use of the Service</li>
</ul>
<h3>Agreement Modification & Termination</h3>
<p>6.1 We reserve the right to modify this EULA at any time. The modified EULA will be published within the Application or on our official website</p>
<p>6.2 Either you or we may terminate the Service at any time. If you violate this EULA, we have the right to terminate your access to the Service immediately</p>
<h3>Miscellaneous</h3>
<p>7.1 Privacy Protection: Our handling of your personal information will strictly comply with our separate Privacy Policy</p>
<p>7.2 Intellectual Property: The Application and all its content, including but not limited to software, code, graphics, text, and logos, are protected by intellectual property laws</p>
<p>7.3 If any provision of this EULA is found invalid or unenforceable, the remaining provisions will continue in full force and effect</p>
<h3>Contact Us</h3>
<p>If you have any questions regarding this EULA, please contact us via:</p>
<ul>
<li>Email: <b>peiizsuhk@ultrastarship.com</b></li>
</ul>
</div>
</div>
<script></script>
</body>
</html>

View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en" lang="en" class="cooperation">
<head>
<meta charset="UTF-8">
<title>HONG KONG MAIJI GAMES CO., LTD</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css//iconfont.css">
<link rel="stylesheet" href="css/business.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script>
</script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo">
<img src="./img/logo.png" alt="">
<span>Maiji Games Co., LTD</span>
</div>
<ul class="menus">
<li>
<a href="index.html">About Us</a>
</li>
<li class="active">
<a href="business.html">Business</a>
</li>
</ul>
</div>
</nav>
<header>
<img src="img/banner.png" alt=""/>
</header>
<div class="container">
<div class="main">
<h3>HOW TO FIND US</h3>
<section class="cart clearfix">
<div>
<p>
<i class="iconfont icon-youxiang"></i>
peiizsuhk@ultrastarship.com
</p>
</div>
</section>
</div>
<div style="height: 100px"></div>
</div>
<footer>
<p>Hong Kong Maiji Games Co., LTD</p>
<a href="agreement.html">User Agreement</a>
<a href="privacy.html">Privacy Policy</a>
</footer>
<script>
</script>
</body>
</html>

View File

@ -0,0 +1,40 @@
/**
* Created by WebStorm.
* User: MacBook
* Date: 2020/8/25
* Time: 11:52 上午
*/
header {
width : 100%;
min-width : 1280px;
margin-bottom : 45px;
}
header img {
width : 100%;
}
.content {
width : 100%;
margin : 0 auto;
}
.content img {
width : 100%;
}
/* 清除浮动 */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear{clear:both!important; float:none!important; font-size:0px!important; line-height:0px!important; height:0px!important}
/* 商务合作页 */
.cooperation .main{padding: 2rem 5%; margin: auto;background: #6F9BCC;}
.cooperation .main h3{color:#fff; font-weight: normal;}
.cooperation .main .cart{padding:1rem; color:#000; }
.cooperation .cart div{float:left; padding:2.5rem 2.5rem 2.5rem 2.5rem; margin: 2rem 2rem 0 0; background: #fff;}
.cooperation .cart h4{color:#925B24; font-weight: bold; font-size:1.3rem;}
.cooperation .cart h5{color:#925B24; font-size:1rem;}
.cooperation .cart p{margin: 1rem 0; text-indent: 0;}
.cooperation .cart i{padding:6px; margin-right: 1rem; color:#fff; border-radius: 50%; background: #925B24;}

View File

@ -0,0 +1,173 @@
:root {
--swiper-theme-color : #fbfcfc;
}
.swiper-pagination-bullet {
width : 10px;
height : 10px;
margin-right : 8px;
}
/*<li><a href="recruitment.html">招贤纳士</a></li>*/
/*li a[href="recruitment.html"] {*/
/* display : none;*/
/*}*/
body {
width : 100%;
position : relative;
padding-bottom : 300px;
padding-top : 100px;
}
.container {
padding : 0 20%;
box-sizing : border-box;
border-top : 1px solid transparent;
}
nav {
position : fixed;
top : 0;
left : 0;
padding : 0 16%;
width : 100%;
min-width : 1280px;
box-sizing : border-box;
height : 100px;
background : rgba(246, 247, 251, 0.8);
z-index : 999;
}
.nav {
display : flex;
justify-content : space-between;
}
.logo {
display : flex;
align-items : center;
}
.logo img{
height: 96px;
}
.logo span{
color: #e60004;
font-size: 25px;
font-weight: bold;
line-height: 31px;
/* margin-left: 13px; */
}
.menus {
display : flex;
height : 100%;
width : calc(130px * 5);
}
.menus li {
height : 100%;
font-size : 20px;
font-family : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
font-weight : 400;
text-align : left;
color : #000000;
line-height : 100px;
padding : 0 25px;
cursor : pointer;
user-select : none;
}
.menus li::after {
content : '';
clear : both;
display : block;
width : 3px;
height : 3px;
font-size : 20px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #000000;
}
.menus li.active {
color : #e60012 !important;
}
.menus li.active a {
color : #e60012 !important;
}
.menus li a {
text-decoration : none;
color : #000;
}
/* 轮播图 */
.swiper-container {
width : 100%;
/* min-width : 1280px; */
}
.swiper-slide {
width : 100%;
/*height : 930px;*/
}
.swiper-slide img {
object-fit: cover;
max-height: 600px;
width: 100%;
}
article {
padding: 0 10%;
line-height: 1.5;
}
article h3 {
margin-top: 2rem;
font-weight: bold;
}
article p {
margin: 1rem 0;
}
footer {
width : 100%;
height : 200px;
line-height: 2;
background : #000;
position : absolute;
bottom : 0;
padding-top: 100px;
color: #fff;
text-align: center;
}
footer::after {
display : block;
content : '';
position : absolute;
left : 50%;
bottom : 278px;
width : 1px;
height : 1px;
border-top : 40px solid #000000;
border-left : 40px solid #000000;
transform : rotateZ(45deg);
}
footer a {
margin-left: 1rem;
color: white;
text-decoration: underline;
text-underline-offset: 4px;
}
footer a:hover {
color: rgb(0, 140, 255);
}

View File

@ -0,0 +1,29 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1598954381230'); /* IE9 */
src: url('iconfont.eot?t=1598954381230#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS8AAsAAAAACTwAAARwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFeIUDATYCJAMQCwoABCAFhG0HRRvyB1FUTnpkH4kpnB1FDOEwmURd84xP1Iwg2o/97LtFRJNLMskkEskkBUgQGynQ9UuozMc2/xiuEGuV/KplOxdVxhHqho/hIvmR1X/cT/218+Esn83mFBUWUbYb7QY4SqCBRaRFioYwbhi7vMjtBBqN6g85TMooADaS3i8QjwylBjYJnawgh3plbcHUFK/AUn31bHEG8OL9Pv6AlbChUlPoQ0+uE3Ug7kP2yaPCf0GFgwD+cBawWRTMAZK4LbSdQ4PAHFSjHCuyAag3Pqn4kH1kPOf//0eCrcjq0V8elVCIWrqsGZHWgoUPmcWi4iODRfDJ6xSIZ+96tAP+A7EFSMPnaZBKRl2fi4dCLnc544DjclRWLAE4iwlLlw9ctkQ/3Xm6aZZMdTRu6ylGZl1zkE674gLEPhgyfblYNnqpI8DcnKbNWtUTn7JihoODuezatSIMwQDOuXKloGTG3LU7a11y9/r5GSsw6ah97uWLrydLjl7tUjqzDB+1BwBhr1gyej+CDNxXKEzB8FHLQsnqtGUqaB2G034VYa7nTNerVwunjna+frvYefb8AocCTnHsrEWzkOvXi4lFmKFJc3xOPObatZJj17qOwCFnX3ClVb7ljIdo7tlgxfbz3pbzzuXoyGb5MidtTIElpERFUeopD6KvdL8SgDtLjUZ3c7lbg6Y3B1F+lGkd3XDw1KjUePzCmgf2BcNHHew6WqOc6rDGfqpSM84cr7qYC6gPcRtU/rsW9YU2cZV5SsQw1HfoccucrUTix9nE9YWOOw6YnPY5mg6cyA323OdlGNAXalOVcQ/8kFgb5gz4NErjnuBehSkat0C3EWC++L/4HJdJqnCAa6RsYQ8/lRUPHqzAb0Hv3xctQ0U5mbOdCpb/3jhzmPPwbWvnyKXFTplOqkgLG+Xwn6uXzxsz9ZFDxojBEgt03N6948AQdO8+h2W8pXfW2SyEphEgzqIcmIejgpSJiQ4OlkLp9QThq6KefjLRmUi2BMyTg7ONIf7ctJ7yTsXtqPcHnNeZgdgZiqMSIzqBCcDvnnIcPYY0oYxHhdDv8hKt+Yu62TwZ0Vkti/pqI36KFe981Fhk/xUSNOf/CnyZ/8/wGxalItT1mZLI4qnJ6YktL0Kj0TDyp0TodG8IRU/jVEK9nggqdUagqDeGJmkOajRZg1r1dqDRrOTZTbpwUJENmDEUQGi3Hiqt3qBodxZN0l2o0est1GoPFBqdhv2STSaCwVQcVPNQR2iaCUbL1pGmkcf89DxImY1qLi70qEWQq2fchL+PXzqcDOsgN8SI+gYqgOdJguTYWiIJ7AaNRpYwcaweankfmudNEb6+ZNGNfLRsLcAc4EBqPEiHoNGMwNBi1SGd8jws8/08EMXMSI2rKCizF4E49ZjmCf58+DVAk2V1jQoupXW9BpQAPB6Je5E4rFqEJGiBjEaARTAVd9KDtHg+6A4+kwi+qBTZVOYzvaL2DjdAI/3EjCpKZNSou2TUdbRZbdUImRaasWlmzU0ZKwUA') format('woff2'),
url('iconfont.woff?t=1598954381230') format('woff'),
url('iconfont.ttf?t=1598954381230') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1598954381230#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before {
content: "\e64c";
}
.icon-weizhi:before {
content: "\e60f";
}
.icon-youxiang:before {
content: "\e774";
}

View File

@ -0,0 +1,100 @@
.title-block {
padding-bottom : 60px;
border-bottom : 1px solid transparent;
}
/* Component */
.title-block .en-title {
font-size : 16px;
font-family : SourceHanSansCN Regular, SourceHanSansCN Regular-Regular;
font-weight : 400;
text-align : center;
color : #515151;
margin-top : 80px;
margin-bottom : 27px;
}
.title-block .title {
text-align : center;
font-size : 30px;
margin : 0 auto;
font-family : HuXiaoBo-NanShen Regular, HuXiaoBo-NanShen Regular-Regular;
font-weight : 400;
color : #000000;
letter-spacing : 6px;
width : 171px;
padding-bottom : 20px;
border-bottom : 2px solid #e60012;
}
.about-jj {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.about-ts {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.about-yw {
padding : 0 20%;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.content-text {
/*text-indent : 2em;*/
border-top : 1px transparent solid;
font-size : 18px;
font-family : Adobe Heiti Std R, Adobe Heiti Std R-R;
font-weight : 400;
text-align : left;
color : #707070;
line-height : 30px;
margin : 20px auto 0;
padding-bottom : 40px;
}
.content-photo {
width : 100%;
display : flex;
justify-content : space-between;
padding-bottom : 100px;
}
.content-photo .text-wrap {
width : 572px;
height : 358px;
font-size : 16px;
font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight : Normal;
text-align : left;
color : #707070;
border : 16px solid #FCE5E6;
padding : 20px;
box-sizing : border-box;
}
.text-wrap p {
line-height : 18px;
margin-bottom : 6px;
}
.corporate-welfare {
padding : 0 20%;
background : #ffffff;
border-top : 1px solid transparent;
}
.team-party {
padding : 0 20% 80px;
background : #F6F7FB;
border-top : 1px solid transparent;
}
.team-block {
text-align: center;
}

View File

@ -0,0 +1,137 @@
html,body,div,dl,dt,dd,ul,ol,li,h2,h2,h3,h4,h5,h6,pre,code,a,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
html{overflow-x: hidden;}
body {
margin: 0;
background-color: #fff;
font-family: Helvetica,Arial,"PingFang SC","Noto Sans",Roboto,"Microsoft Yahei",sans-serif;
height: 100%;
width: 100%;
overflow-x: hidden;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
img{ border:0;display: block;width: 100%;}
ul,ol,li { list-style:none;}
body,html {
width: 100%;
height: 100%
}
input::-ms-clear,input::-ms-reveal {
display: none
}
*,:after,:before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
@-ms-viewport {
width: device-width
}
body {
margin: 0;
color: rgba(0,0,0,.85);
font-size: 14px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-variant: tabular-nums;
line-height: 1.5715;
background-color: #fff;
-webkit-font-feature-settings: "tnum","tnum";
font-feature-settings: "tnum","tnum"
}
[tabindex="-1"]:focus {
outline: none!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 500
}
p {
margin-top: 0;
margin-bottom: 1em;
}
ul {
padding-left: 25px
}
ul li {
list-style: none
}
hr {
border: 1px dotted #ccc
}
.content{
background-color: #ffffff;
max-width: 1440px;
padding: 40px;
/* overflow-x: scroll; */
margin: auto;
box-sizing: border-box;
}
table td{
padding: 10px;
border: 1px solid;
}

View File

@ -0,0 +1 @@
/** * Created by WebStorm. * User: chrischen * Date: 2020/8/25 * Time: 12:25 上午 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More