-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcharacter_ble.html
201 lines (181 loc) · 7.62 KB
/
character_ble.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
<title>Document</title>
<link rel="icon" href="./images/logo.jpg">
<title>盆底肌锻炼产后恢复助手—G动</title>
<meta name="keywords" content="G动|pc肌|pc肌怎么锻炼|盆底肌|盆底肌在哪？|怎么锻炼盆底肌|凯格尔运动|凯格尔锻炼|性能力|性能力提升|增粗|延时|紧致|持久|阳痿怎么治疗|早泄怎么治疗|肌肉锻炼|产后康复|产后恢复|产后漏尿|产后脱垂|健康|医疗咨询|丁香医生|平安好医生|">
<meta name="description" content="G动是一款即权威又时尚的性训练APP，它以科学的盆底肌训练课程为核心，帮助使用者随时随地开启性训练，轻松养成性感习惯，充分提升男女性体验，维护盆底健康。
盆底肌：盆底肌是指封闭骨盆底的肌肉群，通过训练它，男性可以更有效的控制勃起和射精，而女性可以更好的控制肌肉群，保持紧致状态。在国外，盆底肌训练（又称凯格尔训练或PC肌训练）已经非常普遍，这一训练在国内也渐渐流行起来。
">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/swiper.min.css">
<link rel="stylesheet" href="./css/publicCSS.css">
<link rel="stylesheet" href="./css/aboutG_ble.css">
<script src="./js/swiper.min.js"></script>
<style>
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: .9rem;
left: 1px;
}
.banner .swiper-pagination-bullet:first-child {
border-top-left-radius: 10px !important;
width: 5.9rem;
height: 0.3rem;
border-radius: 0;
background: #fabf40;
margin: 0;
}
.banner .swiper-pagination-bullet:last-child {
border-top-right-radius: 10px !important;
width: 5.9rem;
height: 0.3rem;
border-radius: 0;
background: #fabf40;
margin: 0;
}
.swiper-pagination-bullet-active{
opacity:1;
background: #ed6e03 !important;
}
</style>
<script>
// ---------页面刷新时执行--------------
var docuwidth = document.documentElement.clientWidth;
if (docuwidth >= 1920) {
document.documentElement.style.fontSize = '100px';
} else {
document.documentElement.style.fontSize = 100 * (docuwidth / 1920) + 'px';
}
</script>
</head>
<body>
<div class="header">
<div>
<img src="image/LOGO.png" alt="">
<div>
<a href="./index_ble.html">首页</a>
<a href="#" style="background: #fabf40;color: #fff">关于G动</a>
<a href="./articleList_ble.html">G-日记</a>
<a href="./downLoad.html">下载APP</a>
</div>
</div>
</div>
<div class="banner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url('./images/PC banner/banner.png')">
<!-- <img src="./images/PC banner/banner.png" alt=""> -->
</div>
<div class="swiper-slide" style="background-image:url('./images/PC banner/3.png')">
<!-- <img src="./images/PC banner/3.png" alt=""> -->
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<div class="whatG">
<div>
<div class="con">
<img src="./images/character.png" alt="">
<div>
<p>个性定制</p>
<p class="miao">
<span>G动针对每一位使用者的具体情况(如年龄，体重等)，为其提供个性化的盆底肌训练方案。独特的训练履历功能，可以帮助使用者及时记录每一天的课程进度。 挑战功能可帮助使用者更清晰的了解训练效果。</span>
<!-- <span>盆底肌：盆底肌是指封闭骨盆底的肌肉群，通过训练它，男性可以更有效的控制勃起和射精，而女性可以更好的控制肌肉群，保持紧致状态。在国外，盆底肌训练（又称凯格尔训练或PC肌训练）已经非常普遍，这一训练在国内也渐渐流行起来。</span> -->
</p>
</div>
</div>
</div>
</div>
<div class="Gpic">
<p>G动<span style="color:#fabf40">图片</span></p>
<div>
<div class="left">
<div>
<img src="./images/1.jpg" alt="">
</div>
<div>
<img src="./images/2.jpg" alt="">
</div>
</div>
<div class="cen">
<img src="./images/3.jpg" alt="">
</div>
<div class="right">
<div class="top">
<div class="lef">
<img src="./images/4.jpg" alt="">
</div>
<div class="rig">
<img src="./images/5.jpg" alt="">
</div>
</div>
<div class="bottom">
<img src="./images/6.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- <div class="advatage">
<p>我们的<span style="color:#fabf40">优点</span></p>
<div>
<img src="./images/advatage.jpg" alt="">
</div>
</div> -->
<div class="footer">
<p class="lianxi" style="color:#fff">
<span>联系我们</span>
</p>
<div>
<div>
<img src="./images/weixin.png" alt="">
<img src="./images/weibo.png" alt="">
</div>
<img src="./images/IMG_2631.png" alt="">
</div>
<p class="footerTitle">2014-2017@Gdong All Rights Reserved. 济南激动信息科技有限公司 鲁ICP备16018113号-2</p>
</div>
</body>
</html>
<script>
var swiper = new Swiper('.swiper-container', {
// spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
loop:true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=1920){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>