@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700); /* 引入Google字体Quicksand（400常规/700粗体） */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); /* 引入Google字体Montserrat（400常规/700粗体） */

@charset "UTF-8"; /* 定义CSS文件的字符编码为UTF-8 */
/*
 * author: Awedoo Studio
 * template: Bicolor - Creative Coming Soon Template
 * version: v1.0

 * please do not edit this file
 * put all the custom style in the assets/css/custom.css
*/

/*====================================================
01. CSS Reset
02. Bootstrap fix for WinPhone 8 and IE10
03. Basic Document Styles
04. Colors
05. Typography
06. Header & Logo
07. Navigation
08. Sections
09. Countdown
10. Footer
11. Animation
12. Perfect Scrollbar
13. Responsive
====================================================*/

/*====================================================
01. CSS Reset
====================================================*/

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; /* 重置所有指定元素的外边距为0 */
    padding: 0; /* 重置所有指定元素的内边距为0 */
    border: 0; /* 重置所有指定元素的边框为0 */
    font-size: 100%; /* 重置字体大小为100%（继承父级） */
    font: inherit; /* 继承父级字体样式 */
    vertical-align: baseline; /* 重置垂直对齐方式为基线 */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; /* 将HTML5语义化标签设置为块级元素 */
}

body {
    line-height: 1; /* 重置body行高为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; /* 重置表格单元格间距为0 */
}

/*====================================================
02. Bootstrap fix for WinPhone 8 and IE10
====================================================*/

@-webkit-viewport {
    width: device-width; /* Webkit内核浏览器：视口宽度适配设备宽度 */
}

@-moz-viewport {
    width: device-width; /* Firefox浏览器：视口宽度适配设备宽度 */
}

@-ms-viewport {
    width: device-width; /* IE浏览器：视口宽度适配设备宽度 */
}

@-o-viewport {
    width: device-width; /* Opera浏览器：视口宽度适配设备宽度 */
}

@viewport {
    width: device-width; /* 标准视口设置：宽度适配设备宽度 */
}

/*====================================================
03. Basic Document Styles
====================================================*/

html, body {
    height: 100%; /* 设置html和body高度为100%（占满视口） */
}

body {
    position: relative; /* 设置body为相对定位（作为绝对定位子元素的容器） */
    font-size: 20px; /* 设置默认字体大小为20px */
    line-height: 28px; /* 设置默认行高为28px */
    font-family: 'Quicksand', sans-serif; /* 设置默认字体为Quicksand，无衬线字体兜底 */
    font-style: normal; /* 字体样式为常规（非斜体） */
    font-weight: normal; /* 字体粗细为常规（400） */
    background: #ffffff; /* 设置body背景色为白色 */
    -webkit-font-smoothing: antialiased; /* Webkit浏览器：字体抗锯齿（更清晰） */
    -webkit-text-size-adjust: 100%; /* Webkit浏览器：禁止文本大小自动调整 */
    overflow-x: hidden; /* 隐藏水平方向溢出内容（防止横向滚动） */
    white-space: normal; /* 文本自动换行（默认值） */
}

input,
select {
    font-size: 16px; /* 设置输入框/下拉框字体大小为16px */
    font-style: normal; /* 输入框/下拉框字体样式为常规 */
}

textarea {
    width: 100%; /* 文本域宽度占满父容器 */
    padding: 10px 20px; /* 文本域内边距：上下10px，左右20px */
    resize: both; /* 允许文本域在水平/垂直方向调整大小 */
    height: 150px; /* 文本域默认高度为150px */
}

#awd-site-wrap.bg {
    transition: background 0.5s; /* 为背景色变化添加0.5秒过渡动画 */
}

#awd-site-canvas {
    position: fixed; /* 固定定位（不随滚动条移动） */
    z-index: 2; /* 层级为2（高于普通元素） */
    top: 50%; /* 顶部距离视口50% */
    left: 0; /* 左侧距离视口0 */
    bottom: 0; /* 底部距离视口0 */
    right: 0; /* 右侧距离视口0 */
    -webkit-transform: translate(0, -50%); /* Webkit浏览器：垂直居中（向上偏移50%） */
    -ms-transform: translate(0, -50%); /* IE浏览器：垂直居中 */
    transform: translate(0, -50%); /* 标准写法：垂直居中 */
    -webkit-transition: all, 0.6s; /* Webkit浏览器：所有属性变化添加0.6秒过渡 */
    opacity: 0.1; /* 初始透明度为0.1（半透明） */
}

.bordered #awd-site-wrap {
    border-style: solid; /* 带bordered类的容器设置实线边框 */
    border-width: 20px; /* 边框宽度为20px */
}

#awd-site-wrap {
    position: relative; /* 相对定位 */
    height: 100%; /* 高度占满父容器 */
    overflow: hidden; /* 隐藏溢出内容 */
}

.awd-site-bg {
    position: absolute; /* 绝对定位 */
    border-radius: 100%; /* 圆形边框（100%圆角） */
    opacity: 0; /* 初始透明度为0（隐藏） */
}

.awd-site-bg.active {
    width: 100px; /* 激活状态下宽度为100px */
    height: 100px; /* 激活状态下高度为100px */
    -webkit-transform: translate3d(0, 0, 0) scale3d(40, 40, 1); /* Webkit：3D变换（无位移，缩放40倍） */
    -moz-transform: translate3d(0, 0, 0) scale3d(40, 40, 1); /* Firefox：3D变换 */
    -ms-transform: translate3d(0, 0, 0) scale3d(40, 40, 1); /* IE：3D变换 */
    transform: translate3d(0, 0, 0) scale3d(40, 40, 1); /* 标准：3D变换 */
    -webkit-transition-property: width, height, border-radius, transform; /* Webkit：指定过渡属性 */
    -moz-transition-property: width, height, border-radius, transform; /* Firefox：指定过渡属性 */
    -o-transition-property: width, height, border-radius, transform; /* Opera：指定过渡属性 */
    transition-property: width, height, border-radius, transform; /* 标准：指定过渡属性 */
    -webkit-transition-duration: 0.5s; /* Webkit：过渡时长0.5秒 */
    -moz-transition-duration: 0.5s; /* Firefox：过渡时长0.5秒 */
    -o-transition-duration: 0.5s; /* Opera：过渡时长0.5秒 */
    transition-duration: 0.5s; /* 标准：过渡时长0.5秒 */
    -webkit-transition-timing-function: ease-in-out; /* Webkit：过渡曲线（先慢后快再慢） */
    -moz-transition-timing-function: ease-in-out; /* Firefox：过渡曲线 */
    -o-transition-timing-function: ease-in-out; /* Opera：过渡曲线 */
    transition-timing-function: ease-in-out; /* 标准：过渡曲线 */
    border-radius: 0; /* 激活状态下取消圆角（变为方形） */
    z-index: 2; /* 层级为2 */
    display: block; /* 显示为块级元素 */
    opacity: 1; /* 激活状态下透明度为1（完全显示） */
}

/*====================================================
04. Colors
====================================================*/

/* Home */

.bg-home,
.bg-home nav:before {
    background-color: #FFEB3B; /* Home页面背景色为黄色（#FFEB3B） */
    color: #252525; /* Home页面文字颜色为深灰色（#252525） */
}

.bg-home *:not(i):not(nav):after,
.bg-home *:not(i):not(nav):before,
.bg-home .btn:hover,
.bg-home .btn-inverse{
    background-color: #252525; /* Home页面非图标/导航的伪元素、hover按钮、反色按钮背景为深灰 */
    border-color: #252525; /* 边框颜色为深灰 */
    color: #FFEB3B; /* 文字颜色为黄色 */
}

/* Subscribe */

.bg-subscribe,
.bg-subscribe nav:before {
    background-color: #252525; /* Subscribe页面背景色为深灰 */
    color: #ffffff; /* Subscribe页面文字颜色为白色 */
}

.bg-subscribe *:not(i):not(nav):after,
.bg-subscribe *:not(i):not(nav):before,
.bg-subscribe .btn:hover,
.bg-subscribe .btn-inverse {
    background-color: #ffffff; /* Subscribe页面非图标/导航的伪元素、hover按钮、反色按钮背景为白色 */
    border-color: #ffffff; /* 边框颜色为白色 */
    color: #252525; /* 文字颜色为深灰 */
}

/* About */

.bg-about,
.bg-about nav:before {
    background-color: #F44336; /* About页面背景色为红色（#F44336） */
    color: #ffffff; /* About页面文字颜色为白色 */
}

.bg-about *:not(i):not(nav):after,
.bg-about *:not(i):not(nav):before {
    background-color: #ffffff; /* About页面非图标/导航的伪元素背景为白色 */
}

/* Contact */

.bg-contact,
.bg-contact nav:before {
    background-color: #dedede; /* Contact页面背景色为浅灰色（#dedede） */
    color: #252525; /* Contact页面文字颜色为深灰 */
}

.bg-contact *:not(i):not(nav):after,
.bg-contact *:not(i):not(nav):before,
.bg-contact .btn:hover,
.bg-contact .btn-inverse {
    border-color: #252525; /* Contact页面非图标/导航的伪元素、hover按钮、反色按钮边框为深灰 */
    background-color: #252525; /* 背景色为深灰 */
    color: #dedede; /* 文字颜色为浅灰 */
}

.bg-contact input,
.bg-contact textarea {
    border-color: #252525; /* Contact页面输入框/文本域边框为深灰 */
}

/* Services */

.bg-services,
.bg-services nav:before {
    background-color: #326394; /* Services页面背景色为蓝色（#326394） */
    color: #ffffff; /* Services页面文字颜色为白色 */
}

.bg-services *:not(i):not(nav):after,
.bg-services *:not(i):not(nav):before {
    background-color: #ffffff; /* Services页面非图标/导航的伪元素背景为白色 */
}

/*====================================================
05. Typography
====================================================*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif; /* 标题字体为Montserrat，无衬线字体兜底 */
    font-weight: 600; /* 标题字体粗细为600（半粗） */
    margin-bottom: 10px; /* 标题下外边距为10px */
    letter-spacing: 2px; /* 标题字符间距为2px */
    line-height: 1.2em; /* 标题行高为1.2倍字体大小 */
    text-transform: uppercase; /* 标题文字转为大写 */
}

h1 {
    font-size: 42px; /* h1字体大小为42px */
}

h2 {
    font-size: 34px; /* h2字体大小为34px */
}

h3 {
    font-size: 22px; /* h3字体大小为22px */
}

h4 {
    font-size: 20px; /* h4字体大小为20px */
}

h5 {
    font-size: 18px; /* h5字体大小为18px */
}

h6 {
    font-size: 12px; /* h6字体大小为14px */
}

p {
    margin-bottom: 20px; /* 段落下外边距为12px */
}

p.lead {
    font-size: 26px; /* 引导文本字体大小为26px */
    line-height: 40px; /* 引导文本行高为40px */
}

a, a > * {
    color: inherit; /* 链接及子元素继承父级文字颜色 */
    text-decoration: none; /* 去除链接下划线 */
}

a:hover, a > *:hover, a:focus {
    color: inherit; /* 链接hover/focus时继承父级颜色 */
    text-decoration: none; /* 去除hover/focus时下划线 */
    outline: 0; /* 去除焦点外边框 */
}

em {
    font-style: italic; /* 斜体标签样式为斜体 */
}

strong {
    font-weight: 700; /* 粗体标签字体粗细为700（粗体） */
}

.text-default {
    text-transform: inherit; /* 默认文本样式：继承父级文字转换（取消大写） */
}

/*====================================================
06. Header & Logo
====================================================*/

#awd-site-header {
    position: absolute; /* 头部绝对定位 */
    top: 40px; /* 顶部距离40px */
    left: 40px; /* 左侧距离40px */
    right: 40px; /* 右侧距离40px */
    height: 50px; /* 头部高度50px */
    z-index: 20; /* 层级20（高于大部分元素） */
}

#awd-site-logo {
    float: left; /* 徽标左浮动 */
}

#awd-site-logo h1 {
    font-family: "Quicksand", sans-serif; /* 徽标字体为Quicksand */
    text-transform: lowercase; /* 徽标文字转为小写 */
    font-weight: bold; /* 徽标字体加粗 */
    font-size: 50px; /* 徽标字体大小50px */
    line-height: 0.75em; /* 徽标行高0.75倍字体大小 */
    letter-spacing: 0; /* 徽标字符间距0 */
    margin-bottom: 0; /* 徽标下外边距0 */
}

#awd-site-logo h1 > a {
    display: inline-block; /* 徽标链接转为行内块元素 */
}

#awd-site-logo h1 > a > i {
    margin-right: 15px; /* 徽标图标右外边距15px */
}

#awd-site-logo h1 > a > span {
    display: inline-block; /* 徽标文字span转为行内块元素 */
}

/*====================================================
07. Navigation
====================================================*/

#awd-site-nav {
    position: relative; /* 导航容器相对定位 */
    float: right; /* 导航容器右浮动 */
}

.menu-toggle {
    display: none; /* 移动端菜单按钮默认隐藏 */
    position: absolute; /* 菜单按钮绝对定位 */
    top: 13px; /* 顶部距离13px */
    right: 5px; /* 右侧距离5px */
    width: 28px; /* 宽度28px */
    height: 28px; /* 高度28px */
    background: transparent; /* 背景透明 */
    border: 0; /* 边框0 */
    cursor: pointer; /* 鼠标指针为手型 */
    outline: none; /* 去除焦点外边框 */
    padding: 0; /* 内边距0 */
    z-index: 999; /* 层级999（最高） */
}

.menu-toggle > span:after {
    content: ""; /* 菜单按钮伪元素内容为空 */
    position: absolute; /* 伪元素绝对定位 */
    left: 0; /* 左侧距离0 */
    display: block; /* 伪元素块级显示 */
    width: 24px; /* 宽度24px */
    height: 3px; /* 高度3px（模拟汉堡线） */
    margin: 4px 2px; /* 外边距4px上下，2px左右 */
    -webkit-border-radius: 2px; /* Webkit：圆角2px */
    -moz-border-radius: 2px; /* Firefox：圆角2px */
    border-radius: 2px; /* 标准：圆角2px */
    -webkit-transition: -webkit-transform .35s, background .35s; /* Webkit：变换/背景过渡0.35秒 */
    -moz-transition: -moz-transform .35s, background .35s; /* Firefox：变换/背景过渡0.35秒 */
    -ms-transition: -ms-transform .35s, background .35s; /* IE：变换/背景过渡0.35秒 */
    -o-transition: -o-transform .35s, background .35s; /* Opera：变换/背景过渡0.35秒 */
    transition: transform .35s, background .35s; /* 标准：变换/背景过渡0.35秒 */
}

.menu-toggle > span:nth-child(1):after {
    top: 0; /* 第一条汉堡线顶部距离0 */
    -webkit-transform-origin: 0 50%; /* Webkit：变换原点为左侧中点 */
    -moz-transform-origin: 0 50%; /* Firefox：变换原点为左侧中点 */
    -ms-transform-origin: 0 50%; /* IE：变换原点为左侧中点 */
    -o-transform-origin: 0 50%; /* Opera：变换原点为左侧中点 */
    transform-origin: 0 50% /* 标准：变换原点为左侧中点 */
}

.menu-toggle > span:nth-child(2):after {
    top: 8px /* 第二条汉堡线顶部距离8px */
}

.menu-toggle > span:nth-child(3):after {
    top: 16px; /* 第三条汉堡线顶部距离16px */
    -webkit-transform-origin: 0 50%; /* Webkit：变换原点为左侧中点 */
    -moz-transform-origin: 0 50%; /* Firefox：变换原点为左侧中点 */
    -ms-transform-origin: 0 50%; /* IE：变换原点为左侧中点 */
    -o-transform-origin: 0 50%; /* Opera：变换原点为左侧中点 */
    transform-origin: 0 50% /* 标准：变换原点为左侧中点 */
}

.menu-toggle.opened > span:after {
    width: 30px; /* 菜单打开时汉堡线宽度30px */
}

.menu-toggle.opened > span:nth-child(1):after {
    -webkit-transform: translateX(1px) translateY(-2px) rotate(43deg); /* Webkit：第一条线旋转43度并位移 */
    -moz-transform: translateX(1px) translateY(-2px) rotate(43deg); /* Firefox：第一条线旋转43度并位移 */
    -ms-transform: translateX(1px) translateY(-2px) rotate(43deg); /* IE：第一条线旋转43度并位移 */
    -o-transform: translateX(1px) translateY(-2px) rotate(43deg); /* Opera：第一条线旋转43度并位移 */
    transform: translateX(1px) translateY(-2px) rotate(43deg) /* 标准：第一条线旋转43度并位移 */
}

.menu-toggle.opened > span:nth-child(2):after {
    display: none; /* 菜单打开时隐藏第二条汉堡线 */
}

.menu-toggle.opened > span:nth-child(3):after {
    -webkit-transform: translateX(1px) translateY(2px) rotate(-43deg); /* Webkit：第三条线旋转-43度并位移 */
    -moz-transform: translateX(1px) translateY(2px) rotate(-43deg); /* Firefox：第三条线旋转-43度并位移 */
    -ms-transform: translateX(1px) translateY(2px) rotate(-43deg); /* IE：第三条线旋转-43度并位移 */
    -o-transform: translateX(1px) translateY(2px) rotate(-43deg); /* Opera：第三条线旋转-43度并位移 */
    transform: translateX(1px) translateY(2px) rotate(-43deg); /* 标准：第三条线旋转-43度并位移 */
}

.navigation ul > li {
    display: inline-block; /* 导航列表项行内块显示（横向排列） */
    padding-left: 40px; /* 列表项左内边距40px（间距） */
}

.navigation ul > li a {
    position: relative; /* 导航链接相对定位（伪元素容器） */
    display: block; /* 导航链接块级显示 */
    padding: 11px 0; /* 上下内边距11px，左右0 */
    font-size: 16px; /* 导航文字大小16px */
    font-family: "Quicksand", sans-serif; /* 导航字体Quicksand */
    text-transform: uppercase; /* 导航文字大写 */
    font-weight: 700; /* 导航字体加粗 */
    letter-spacing: 2px; /* 导航字符间距2px */
}

.navigation ul > li a:before {
    position: absolute; /* 导航链接前伪元素绝对定位 */
    top: 0; /* 顶部距离0 */
    content: ""; /* 内容为空（装饰线） */
    display: block; /* 块级显示 */
    width: 40px; /* 宽度40px */
    height: 1px; /* 高度1px（细线） */
    left: 50%; /* 左侧距离50%（居中） */
    margin-left: -5px; /* 左偏移-5px（调整位置） */
    opacity: 0; /* 初始透明度0（隐藏） */
    -webkit-transition: all .3s; /* Webkit：所有属性过渡0.3秒 */
    -moz-transition: all .3s; /* Firefox：所有属性过渡0.3秒 */
    -ms-transition: all .3s; /* IE：所有属性过渡0.3秒 */
    -o-transition: all .3s; /* Opera：所有属性过渡0.3秒 */
    transition: all .3s; /* 标准：所有属性过渡0.3秒 */
    -webkit-transform: scale(1) rotate(-30deg); /* Webkit：缩放1倍，旋转-30度 */
    -moz-transform: scale(1) rotate(-30deg); /* Firefox：缩放1倍，旋转-30度 */
    -ms-transform: scale(1) rotate(-30deg); /* IE：缩放1倍，旋转-30度 */
    -o-transform: scale(1) rotate(-30deg); /* Opera：缩放1倍，旋转-30度 */
    transform: scale(1) rotate(-30deg); /* 标准：缩放1倍，旋转-30度 */
}

.navigation ul > li a:after {
    position: absolute; /* 导航链接后伪元素绝对定位 */
    bottom: 0; /* 底部距离0 */
    content: ""; /* 内容为空（装饰线） */
    display: block; /* 块级显示 */
    width: 40px; /* 宽度40px */
    height: 1px; /* 高度1px（细线） */
    right: 50%; /* 右侧距离50%（居中） */
    margin-right: -5px; /* 右偏移-5px（调整位置） */
    opacity: 0; /* 初始透明度0（隐藏） */
    -webkit-transition: all .3s; /* Webkit：所有属性过渡0.3秒 */
    -moz-transition: all .3s; /* Firefox：所有属性过渡0.3秒 */
    -ms-transition: all .3s; /* IE：所有属性过渡0.3秒 */
    -o-transition: all .3s; /* Opera：所有属性过渡0.3秒 */
    transition: all .3s; /* 标准：所有属性过渡0.3秒 */
    -webkit-transform: scale(1) rotate(-30deg); /* Webkit：缩放1倍，旋转-30度 */
    -moz-transform: scale(1) rotate(-30deg); /* Firefox：缩放1倍，旋转-30度 */
    -ms-transform: scale(1) rotate(-30deg); /* IE：缩放1倍，旋转-30度 */
    -o-transform: scale(1) rotate(-30deg); /* Opera：缩放1倍，旋转-30度 */
    transform: scale(1) rotate(-30deg); /* 标准：缩放1倍，旋转-30度 */
}

.navigation ul > li a:hover:before,
.navigation ul > li a.active:before,
.navigation ul > li a:hover:after,
.navigation ul > li a.active:after {
    opacity: 1; /* hover/active时伪元素透明度1（显示） */
    height: 2px; /* 高度变为2px（加粗） */
    -webkit-transform: scale(0.5) rotate(-30deg); /* Webkit：缩放0.5倍，旋转-30度 */
    -moz-transform: scale(0.5) rotate(-30deg); /* Firefox：缩放0.5倍，旋转-30度 */
    -ms-transform: scale(0.5) rotate(-30deg); /* IE：缩放0.5倍，旋转-30度 */
    -o-transform: scale(0.5) rotate(-30deg); /* Opera：缩放0.5倍，旋转-30度 */
    transform: scale(0.5) rotate(-30deg); /* 标准：缩放0.5倍，旋转-30度 */
}

/*====================================================
08. Sections
====================================================*/

#awd-site-main {
    -webkit-transform: translate3d(0, 0, 0); /* Webkit：3D位移（无位移，开启硬件加速） */
    transform: translate3d(0, 0, 0); /* 标准：3D位移（开启硬件加速） */
    -webkit-backface-visibility: hidden; /* Webkit：隐藏背面（优化渲染） */
    backface-visibility: hidden; /* 标准：隐藏背面（优化渲染） */
    -webkit-perspective: 1000; /* Webkit：3D透视距离1000px */
    perspective: 1000; /* 标准：3D透视距离1000px */
    position: relative; /* 主内容区相对定位 */
    height: 100%; /* 高度100% */
    z-index: 10; /* 层级10 */
}

#awd-site-content {
    position: absolute; /* 内容区绝对定位 */
    top: 130px; /* 顶部距离130px */
    bottom: 110px; /* 底部距离110px */
    left: 25px; /* 左侧距离25px */
    right: 25px; /* 右侧距离25px */
    text-align: center; /* 文字居中对齐 */
    overflow: hidden; /* 隐藏溢出内容 */
}

#awd-site-main .table-container {
    display: table-cell; /* 表格单元格显示（垂直居中） */
    vertical-align: middle; /* 垂直居中对齐 */
}

#awd-site-main h1 {
    margin-top: 30px; /* 主内容区h1上外边距30px */
}

.slides {
    display: table; /* 轮播容器表格显示（垂直居中） */
    table-layout: fixed; /* 表格布局固定（列宽均等） */
    height: 100%; /* 高度100% */
    width: 100%; /* 宽度100% */
}

.slides-wrap {
    display: table-cell; /* 轮播包裹层表格单元格显示 */
    vertical-align: middle; /* 垂直居中 */
}

.slide-item {
    display: none; /* 轮播项默认隐藏 */
}

.slide-item .line {
    position: relative; /* 轮播文本行相对定位 */
    display: inline-block; /* 行内块显示 */
    font-size: 42px; /* 字体大小42px */
}

.slide-item.active {
    display: block; /* 激活的轮播项显示 */
}

.slide-item .link {
    display: inline-block; /* 轮播链接行内块显示 */
    font-weight: bold; /* 字体加粗 */
}

.sections-block {
    position: relative; /* 区块容器相对定位 */
    height: 100%; /* 高度100% */
}

.slide-content {
    font-size: 0; /* 轮播内容字体大小0（消除行内块间距） */
}

.svm {
    display: inline-block; /* 垂直居中辅助类：行内块显示 */
    vertical-align: middle; /* 垂直居中 */
    float: none; /* 取消浮动 */
    font-size: 20px; /* 恢复字体大小20px */
}

.section-info {
    font-size: 20px; /* 区块信息字体大小20px */
    margin: 30px 0; /* 上下外边距30px，左右0 */
}

.section-title {
    letter-spacing: 2px; /* 区块标题字符间距2px */
    margin-bottom: 40px; /* 下外边距40px */
    -webkit-backface-visibility: hidden; /* Webkit：隐藏背面（优化渲染） */
    -moz-backface-visibility: hidden; /* Firefox：隐藏背面（优化渲染） */
    -ms-backface-visibility: hidden; /* IE：隐藏背面（优化渲染） */
    position: relative; /* 相对定位（伪元素容器） */
}

.btn {
    position: relative; /* 按钮相对定位 */
    font-family: "Quicksand", sans-serif; /* 按钮字体Quicksand */
    text-transform: uppercase; /* 按钮文字大写 */
    letter-spacing: 2px; /* 字符间距2px */
    border-radius: 0; /* 取消圆角（直角按钮） */
    outline: none; /* 去除焦点外边框 */
    padding: 9px 15px; /* 内边距9px上下，15px左右 */
    background: transparent; /* 背景透明 */
    border-width: 2px; /* 边框宽度2px */
    font-size: 14px; /* 字体大小14px */
    font-weight: bold; /* 字体加粗 */
    border-style: solid; /* 实线边框 */
    border-color: inherit; /* 边框颜色继承父级 */
    -webkit-transition: all .5s; /* Webkit：所有属性过渡0.5秒 */
    -moz-transition: all .5s; /* Firefox：所有属性过渡0.5秒 */
    -ms-transition: all .5s; /* IE：所有属性过渡0.5秒 */
    -o-transition: all .5s; /* Opera：所有属性过渡0.5秒 */
    transition: all .5s; /* 标准：所有属性过渡0.5秒 */
    overflow: hidden; /* 隐藏溢出内容（防止hover动画溢出） */
}

.btn:focus {
    outline: none; /* 按钮焦点时去除外边框 */
}

.btn:hover {
    background: inherit; /* 按钮hover时背景继承父级 */
    color: inherit; /* 文字颜色继承父级 */
}

.btn-inverse:hover {
    cursor: pointer; /* 反色按钮hover时鼠标手型 */
    -webkit-animation: pulse .2s linear; /* Webkit：执行pulse动画，0.2秒线性 */
    -moz-animation: pulse .2s linear; /* Firefox：执行pulse动画 */
    -ms-animation: pulse .2s linear; /* IE：执行pulse动画 */
    -o-animation: pulse .2s linear; /* Opera：执行pulse动画 */
    animation: pulse .2s linear; /* 标准：执行pulse动画 */
}

/* About */

.featured-text > h3 {
    font-family: "Quicksand", sans-serif; /* 特色文本h3字体Quicksand */
    font-size: 20px; /* 字体大小20px */
    text-transform: inherit; /* 取消大写（继承父级） */
    letter-spacing: 1px; /* 字符间距1px */
}

/* Subscribe */

.subscribe-form {
    margin-top: 30px; /* 订阅表单上外边距30px */
}

.subscribe-form input {
    position: relative; /* 订阅输入框相对定位 */
    width: 100%; /* 宽度100% */
    background: transparent; /* 背景透明 */
    outline: none; /* 去除焦点外边框 */
    font-family: "Quicksand", sans-serif; /* 字体Quicksand */
    float: left; /* 左浮动 */
    -webkit-appearance: none; /* Webkit：取消默认表单样式 */
    color: inherit; /* 文字颜色继承父级 */
    border-width: 2px; /* 边框宽度2px */
    border-style: solid; /* 实线边框 */
    border-color: inherit; /* 边框颜色继承父级 */
    -webkit-box-shadow: none; /* Webkit：取消阴影 */
    -moz-box-shadow: none; /* Firefox：取消阴影 */
    box-shadow: none; /* 标准：取消阴影 */
    height: auto; /* 高度自动（适配内容） */
    padding: 9px 20px; /* 内边距9px上下，20px左右 */
    margin-bottom: 20px; /* 下外边距20px */
    -webkit-box-sizing: border-box; /* Webkit：盒模型为border-box（宽高包含边框） */
    -moz-box-sizing: border-box; /* Firefox：盒模型为border-box */
    box-sizing: border-box; /* 标准：盒模型为border-box */
    position: relative; /* 相对定位 */
}

.subscribe-form .form-notice {
    font-size: 16px; /* 表单提示文字大小16px */
    display: inline-block; /* 行内块显示 */
    margin-left: 15px; /* 左外边距15px */
}

/* Contact */

.contact-form input[type="text"], .contact-form input[type="email"] {
    width: 100%; /* 联系表单文本/邮箱输入框宽度100% */
}

.contact-form input, .contact-form textarea, .contact-form select {
    background: transparent; /* 联系表单输入框/文本域/下拉框背景透明 */
    outline: none; /* 去除焦点外边框 */
    font-family: "Quicksand", sans-serif; /* 字体Quicksand */
    -webkit-appearance: none; /* Webkit：取消默认表单样式 */
    color: inherit; /* 文字颜色继承父级 */
    border-width: 2px; /* 边框宽度2px */
    border-style: solid; /* 实线边框 */
    padding: 9px 20px; /* 内边距9px上下，20px左右 */
    -webkit-box-shadow: none; /* Webkit：取消阴影 */
    -moz-box-shadow: none; /* Firefox：取消阴影 */
    box-shadow: none; /* 标准：取消阴影 */
    height: auto; /* 高度自动 */
    font-size: 18px; /* 字体大小18px */
    letter-spacing: 1px; /* 字符间距1px */
    margin-bottom: 20px; /* 下外边距20px */
    -webkit-box-sizing: border-box; /* Webkit：盒模型border-box */
    -moz-box-sizing: border-box; /* Firefox：盒模型border-box */
    box-sizing: border-box; /* 标准：盒模型border-box */
    position: relative; /* 相对定位 */
}

.contact-form textarea {
    float: left; /* 文本域左浮动 */
    resize: none; /* 禁止调整文本域大小 */
    height: 140px; /* 文本域高度140px */
    border-bottom: 0; /* 取消文本域底部边框 */
    margin-bottom: 0; /* 取消下外边距 */
}

.contact-form .input-error {
    border-color: #ed5555; /* 错误输入框边框颜色为红色（#ed5555） */
}

.contact-form .contact-notice {
    font-size: 16px; /* 联系表单提示文字大小16px */
}

.contact-form .btn {
    padding: 12px 15px; /* 联系表单按钮内边距12px上下，15px左右 */
}

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
    color: inherit; /* Webkit：占位符文字颜色继承父级 */
    font-family: "Quicksand", sans-serif; /* 占位符字体Quicksand */
    font-size: 16px; /* 占位符字体大小16px */
    letter-spacing: 2px; /* 占位符字符间距2px */
}

.contact-form :-moz-placeholder {
    color: inherit; /* Firefox低版本：占位符颜色继承父级 */
    opacity: 1; /* 透明度1 */
}

.contact-form ::-moz-placeholder {
    color: inherit; /* Firefox高版本：占位符颜色继承父级 */
    opacity: 1; /* 透明度1 */
}

.contact-form :-ms-input-placeholder {
    color: inherit; /* IE：占位符颜色继承父级 */
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit; /* 全局输入框/文本域占位符颜色继承父级 */
}

:-moz-placeholder {
    color: inherit; /* 全局Firefox低版本占位符颜色继承父级 */
    opacity: 1; /* 透明度1 */
}

::-moz-placeholder {
    color: inherit; /* 全局Firefox高版本占位符颜色继承父级 */
    opacity: 1; /* 透明度1 */
}

:-ms-input-placeholder {
    color: inherit; /* 全局IE占位符颜色继承父级 */
}

.contact-info {
    margin-bottom: 20px; /* 联系信息区下外边距20px */
}

.contact-item {
    font-size: 16px; /* 联系项字体大小16px */
    margin-bottom: 0; /* 取消下外边距 */
}

/* Services */

.service > h3 {
    font-family: "Quicksand", sans-serif; /* 服务项h3字体Quicksand */
    font-size: 20px; /* 字体大小20px */
    text-transform: inherit; /* 取消大写 */
    letter-spacing: 1px; /* 字符间距1px */
}



/*====================================================
09. Countdown
====================================================*/

.countdown {
    text-align: left; /* 倒计时容器左对齐 */
    overflow: hidden; /* 隐藏溢出内容 */
}

#clock {
    display: inline-block; /* 时钟容器行内块显示 */
    text-align: left; /* 时钟内容左对齐 */
    width: 650px; /* 宽度650px */
    font-family: "Montserrat", sans-serif; /* 时钟字体Montserrat */
}

#clock .counter-box {
    display: inline-block; /* 倒计时盒子行内块显示 */
    position: relative; /* 相对定位 */
}

#clock .counter-date {
    max-width: 400px; /* 日期倒计时盒子最大宽度400px */
    float: left; /* 左浮动 */
}

#clock .counter-time {
    max-width: 250px; /* 时间倒计时盒子最大宽度250px */
    float: left; /* 左浮动 */
}

#clock .counter-box .number {
    font-size: 78px; /* 倒计时数字大小78px */
    font-weight: 700; /* 字体加粗 */
    line-height: 0.75em; /* 行高0.75倍字体大小 */
    letter-spacing: 2px; /* 字符间距2px */
    margin-top: 44px; /* 上外边距44px */
}

#clock .counter-date .number {
    font-size: 190px; /* 日期数字大小190px */
    margin-right: 20px; /* 右外边距20px */
    margin-left: -5px; /* 左外边距-5px（左移） */
    margin-top: 0; /* 取消上外边距 */
}

#clock .counter-time .counter-box:last-child .number {
    margin-top: 35px; /* 时间最后一个数字上外边距35px */
    font-size: 50px; /* 字体大小50px */
    min-width: 70px; /* 最小宽度70px */
    margin-right: 15px; /* 右外边距15px */
    display: inline-block; /* 行内块显示 */
    text-align: left; /* 左对齐 */
}

#clock span {
    display: none; /* 倒计时单位文字默认隐藏 */
    font-family: "Quicksand", sans-serif; /* 单位文字字体Quicksand */
    font-size: 16px; /* 字体大小16px */
    text-transform: uppercase; /* 大写 */
    font-weight: 700; /* 加粗 */
    padding-top: 10px; /* 上内边距10px */
    padding-left: 4px; /* 左内边距4px */
    letter-spacing: 2px; /* 字符间距2px */
    position: relative; /* 相对定位 */
}

#clock span:after {
    position: absolute; /* 单位文字伪元素绝对定位 */
    content: ''; /* 内容为空（装饰线） */
    display: block; /* 块级显示 */
    width: 40px; /* 宽度40px */
    height: 2px; /* 高度2px */
    left: 0; /* 左侧距离0 */
    right: 0; /* 右侧距离0 */
    top: 0; /* 顶部距离0 */
    margin-left: -15px; /* 左偏移-15px */
    margin-top: 5px; /* 上偏移5px */
    -webkit-transform: scale(0.5) rotate(-30deg); /* Webkit：缩放0.5倍，旋转-30度 */
    -moz-transform: scale(0.5) rotate(-30deg); /* Firefox：缩放0.5倍，旋转-30度 */
    -ms-transform: scale(0.5) rotate(-30deg); /* IE：缩放0.5倍，旋转-30度 */
    -o-transform: scale(0.5) rotate(-30deg); /* Opera：缩放0.5倍，旋转-30度 */
    transform: scale(0.5) rotate(-30deg); /* 标准：缩放0.5倍，旋转-30度 */
}

#clock .counter-box:first-child span,
#clock .counter-box:last-child span {
    display: block; /* 第一个/最后一个倒计时盒子的单位文字显示 */
    margin-top: 0; /* 取消上外边距 */
}

#clock .counter-box:last-child span {
    position: relative; /* 最后一个单位文字相对定位 */
    display: inline-block; /* 行内块显示 */
}

#clock .counter-box.last {
    margin-right: 5px; /* 最后一个倒计时盒子右外边距5px */
}

/*====================================================
10. Footer
====================================================*/

#awd-site-footer {
    position: absolute; /* 页脚绝对定位 */
    bottom: 40px; /* 底部距离40px */
    left: 40px; /* 左侧距离40px */
    right: 40px; /* 右侧距离40px */
    height: 30px; /* 高度30px */
    z-index: 20; /* 层级20 */
}

.copyright {
    float: left; /* 版权信息左浮动 */
    vertical-align: bottom; /* 垂直底部对齐 */
}

.copyright p {
    display: inline-block; /* 版权文字行内块显示 */
    font-size: 16px; /* 字体大小16px */
    font-weight: bold; /* 加粗 */
    font-family: "Quicksand", sans-serif; /* 字体Quicksand */
    letter-spacing: 2px; /* 字符间距2px */
    margin-bottom: 0; /* 取消下外边距 */
}

.social-icons {
    cursor: pointer; /* 社交图标鼠标手型 */
    float: right; /* 社交图标右浮动 */
    margin: 0 0px; /* 外边距0 */
}

.social-icons ul > li {
    display: inline-block; /* 社交列表项行内块显示（横向排列） */
}

.social-icons ul > li > a {
    display: block; /* 社交链接块级显示 */
    position: relative; /* 相对定位（伪元素容器） */
    width: 60px; /* 宽度60px */
    height: 0px; /* 高度0px（通过padding/line-height控制） */
    text-align: center; /* 文字居中 */
    line-height: 0px; /* 行高0px */
}

.social-icons ul > li > a:before {
    position: absolute; /* 社交链接前伪元素绝对定位 */
    top: 0; /* 顶部距离0 */
    content: ""; /* 内容为空（装饰线） */
    display: block; /* 块级显示 */
    width: 24px; /* 宽度24px */
    height: 1px; /* 高度1px */
    left: 50%; /* 左侧距离50%（居中） */
    /*margin-left: -5px;*/ /* 注释：左偏移-5px */
    margin-top: -5px; /* 上偏移-5px */
    opacity: 0; /* 初始透明度0（隐藏） */
    -webkit-transition: all .3s; /* Webkit：所有属性过渡0.3秒 */
    -moz-transition: all .3s; /* Firefox：所有属性过渡0.3秒 */
    -ms-transition: all .3s; /* IE：所有属性过渡0.3秒 */
    -o-transition: all .3s; /* Opera：所有属性过渡0.3秒 */
    transition: all .3s; /* 标准：所有属性过渡0.3秒 */
    -webkit-transform: scale(1) rotate(-30deg); /* Webkit：缩放1倍，旋转-30度 */
    -moz-transform: scale(1) rotate(-30deg); /* Firefox：缩放1倍，旋转-30度 */
    -ms-transform: scale(1) rotate(-30deg); /* IE：缩放1倍，旋转-30度 */
    -o-transform: scale(1) rotate(-30deg); /* Opera：缩放1倍，旋转-30度 */
    transform: scale(1) rotate(-30deg); /* 标准：缩放1倍，旋转-30度 */
}

.social-icons ul > li > a:after {
    position: absolute; /* 社交链接后伪元素绝对定位 */
    bottom: 0; /* 底部距离0 */
    content: ""; /* 内容为空（装饰线） */
    display: block; /* 块级显示 */
    width: 24px; /* 宽度24px */
    height: 1px; /* 高度1px */
    right: 50%; /* 右侧距离50%（居中） */
    /*margin-right: -10px;*/ /* 注释：右偏移-10px */
    margin-bottom: -5px; /* 下偏移-5px */
    opacity: 0; /* 初始透明度0（隐藏） */
    -webkit-transition: all .3s; /* Webkit：所有属性过渡0.3秒 */
    -moz-transition: all .3s; /* Firefox：所有属性过渡0.3秒 */
    -ms-transition: all .3s; /* IE：所有属性过渡0.3秒 */
    -o-transition: all .3s; /* Opera：所有属性过渡0.3秒 */
    transition: all .3s; /* 标准：所有属性过渡0.3秒 */
    -webkit-transform: scale(1) rotate(-30deg); /* Webkit：缩放1倍，旋转-30度 */
    -moz-transform: scale(1) rotate(-30deg); /* Firefox：缩放1倍，旋转-30度 */
    -ms-transform: scale(1) rotate(-30deg); /* IE：缩放1倍，旋转-30度 */
    -o-transform: scale(1) rotate(-30deg); /* Opera：缩放1倍，旋转-30度 */
    transform: scale(1) rotate(-30deg); /* 标准：缩放1倍，旋转-30度 */
}

.social-icons ul > li > a:hover:before,
.social-icons ul > li > a.active:before,
.social-icons ul > li > a:hover:after,
.social-icons ul > li > a.active:after {
    opacity: 1; /* hover/active时伪元素透明度1（显示） */
    height: 2px; /* 高度变为2px（加粗） */
    -webkit-transform: scale(0.6) rotate(-30deg); /* Webkit：缩放0.6倍，旋转-30度 */
    -moz-transform: scale(0.6) rotate(-30deg); /* Firefox：缩放0.6倍，旋转-30度 */
    -ms-transform: scale(0.6) rotate(-30deg); /* IE：缩放0.6倍，旋转-30度 */
    -o-transform: scale(0.6) rotate(-30deg); /* Opera：缩放0.6倍，旋转-30度 */
    transform: scale(0.6) rotate(-30deg); /* 标准：缩放0.6倍，旋转-30度 */
}

/*====================================================
11. Animations
====================================================*/

.start .animated {
    visibility: hidden; /* 初始状态下动画元素隐藏 */
}

.start .visible {
    visibility: visible; /* 可见状态下动画元素显示 */
}

/*==================================================
12. Perfect Scrollbar
==================================================*/
.ps-container.ps-in-scrolling, .ps-container:hover.ps-in-scrolling {
    pointer-events: none /* 滚动中禁用鼠标事件（防止卡顿） */
}

.ps-container {
    -ms-touch-action: none; /* IE：禁用触摸默认行为 */
    overflow: hidden !important /* 强制隐藏溢出（自定义滚动条容器） */
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block /* 激活横向/纵向滚动时显示滚动条轨道 */
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee; /* 横向滚动中轨道背景色浅灰 */
    opacity: .9 /* 滚动中轨道透明度0.9 */
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0,0,0,0.1); /* 横向滚动中滚动条背景色半透黑 */
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: rgba(0,0,0,0.1); /* 纵向滚动中轨道背景色半透黑 */
    opacity: .9 /* 滚动中轨道透明度0.9 */
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0,0,0,0.1); /* 纵向滚动中滚动条背景色半透黑 */
}

.ps-container > .ps-scrollbar-x-rail {
    display: none; /* 横向滚动轨道默认隐藏 */
    opacity: 0; /* 初始透明度0 */
    -webkit-transition: background-color .2s linear, opacity .2s linear; /* Webkit：背景/透明度过渡0.2秒线性 */
    -moz-transition: background-color .2s linear, opacity .2s linear; /* Firefox：背景/透明度过渡0.2秒线性 */
    -o-transition: background-color .2s linear, opacity .2s linear; /* Opera：背景/透明度过渡0.2秒线性 */
    transition: background-color .2s linear, opacity .2s linear; /* 标准：背景/透明度过渡0.2秒线性 */
    bottom: 3px; /* 横向轨道底部距离3px */
    height: 8px; /* 横向轨道高度8px */
    border-radius: 1.5em; /* 横向轨道圆角1.5em（圆形） */
}

.ps-container > .ps-scrollbar-x-rail, .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute; /* 横向轨道/滚动条绝对定位 */
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0,0,0,0.2); /* 横向滚动条背景色半透黑 */
    -webkit-transition: background-color .2s linear; /* Webkit：背景色过渡0.2秒线性 */
    -moz-transition: background-color .2s linear; /* Firefox：背景色过渡0.2秒线性 */
    -o-transition: background-color .2s linear; /* Opera：背景色过渡0.2秒线性 */
    transition: background-color .2s linear; /* 标准：背景色过渡0.2秒线性 */
    bottom: 0; /* 横向滚动条底部距离0 */
    border-radius: 1.5em; /* 横向滚动条圆角1.5em */
    height: 8px; /* 横向滚动条高度8px */
}

.ps-container > .ps-scrollbar-y-rail {
    display: none; /* 纵向滚动轨道默认隐藏 */
    opacity: 0; /* 初始透明度0 */
    -webkit-transition: background-color .2s linear, opacity .2s linear; /* Webkit：背景/透明度过渡0.2秒线性 */
    -moz-transition: background-color .2s linear, opacity .2s linear; /* Firefox：背景/透明度过渡0.2秒线性 */
    -o-transition: background-color .2s linear, opacity .2s linear; /* Opera：背景/透明度过渡0.2秒线性 */
    transition: background-color .2s linear, opacity .2s linear; /* 标准：背景/透明度过渡0.2秒线性 */
    right: 3px; /* 纵向轨道右侧距离3px */
    border-radius: 1.5em; /* 纵向轨道圆角1.5em */
    width: 8px; /* 纵向轨道宽度8px */
}

.ps-container > .ps-scrollbar-y-rail, .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute; /* 纵向轨道/滚动条绝对定位 */
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0,0,0,0.2); /* 纵向滚动条背景色半透黑 */
    -webkit-transition: background-color .2s linear; /* Webkit：背景色过渡0.2秒线性 */
    -moz-transition: background-color .2s linear; /* Firefox：背景色过渡0.2秒线性 */
    -o-transition: background-color .2s linear; /* Opera：背景色过渡0.2秒线性 */
    transition: background-color .2s linear; /* 标准：背景色过渡0.2秒线性 */
    right: 0; /* 纵向滚动条右侧距离0 */
    border-radius: 1.5em; /* 纵向滚动条圆角1.5em */
    width: 8px; /* 纵向滚动条宽度8px */
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: rgba(0,0,0,0.1); /* hover且横向滚动时轨道背景半透黑 */
    opacity: .9 /* 透明度0.9 */
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0,0,0,0.2); /* hover且横向滚动时滚动条背景半透黑 */
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: rgba(0,0,0,0.1); /* hover且纵向滚动时轨道背景半透黑 */
    opacity: .9 /* 透明度0.9 */
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0,0,0,0.2); /* hover且纵向滚动时滚动条背景半透黑 */
}

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6 /* hover时滚动轨道透明度0.6（显示） */
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: rgba(0,0,0,0.1); /* hover轨道时背景半透黑 */
    opacity: .9 /* 透明度0.9 */
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: rgba(0,0,0,0.1); /* hover轨道时滚动条背景半透黑 */
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: rgba(0,0,0,0.1); /* hover纵向轨道时背景半透黑 */
    opacity: .9 /* 透明度0.9 */
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: rgba(0,0,0,0.1); /* hover纵向轨道时滚动条背景半透黑 */
}

/*====================================================
13. Responsive
====================================================*/

@media only screen and (max-width: 1200px) { /* 响应式：屏幕宽度≤1200px时生效 */

    .section-title {
        margin-bottom: 30px; /* 区块标题下外边距改为30px */
    }

    #clock {
        transform: scale(0.8); /* 时钟缩放0.8倍（缩小） */
        margin-left: -65px; /* 左偏移-65px（调整位置） */
    }

}

@media only screen and (max-width: 992px) { /* 响应式：屏幕宽度≤992px时生效 */

    .svm {
        display: block; /* 垂直居中辅助类改为块级显示 */
    }

    .section-info {
        text-align: center !important; /* 区块信息强制居中对齐 */
    }

    .countdown {
        text-align: center; /* 倒计时容器居中对齐 */
        overflow: hidden; /* 隐藏溢出 */
        width: 650px; /* 宽度650px */
        margin: 0 auto; /* 水平居中 */
    }

    #clock {
        width: auto; /* 时钟宽度自动 */
        transform: scale(1); /* 时钟缩放恢复1倍 */
        margin-left: 0; /* 取消左偏移 */
    }

    #clock .counter-time {
        text-align: right; /* 时间倒计时盒子右对齐 */
    }

    #clock .counter-time .counter-box:last-child .number {
        min-width: auto; /* 最后一个时间数字最小宽度自动 */
    }

    #awd-site-header {
        top: 30px; /* 头部顶部距离改为30px */
        left: 30px; /* 头部左侧距离改为30px */
        right: 30px; /* 头部右侧距离改为30px */
    }

    #awd-site-logo > h1 {
        font-size: 30px; /* 徽标字体大小改为30px */
    }

    .navigation ul > li {
        padding-left: 18px; /* 导航列表项左内边距改为18px */
    }

    .navigation ul > li a {
        font-size: 15px; /* 导航文字大小改为15px */
        letter-spacing: 1px; /* 导航字符间距改为1px */
    }

    #awd-site-content {
        top: 110px; /* 内容区顶部距离改为110px */
        bottom: 90px; /* 内容区底部距离改为90px */
        left: 15px; /* 内容区左侧距离改为15px */
        right: 15px; /* 内容区右侧距离改为15px */
    }

    #awd-site-footer {
        bottom: 30px; /* 页脚底部距离改为30px */
        left: 30px; /* 页脚左侧距离改为30px */
        right: 30px; /* 页脚右侧距离改为30px */
    }
}

@media only screen and (max-width: 768px) { /* 响应式：屏幕宽度≤768px时生效（平板/手机） */

    .countdown {
        width: 100%; /* 倒计时容器宽度100% */
    }

    #clock .counter-date {
        max-width: 235px; /* 日期倒计时盒子最大宽度235px */
        float: left; /* 左浮动 */
    }

    #clock .counter-time {
        max-width: 170px; /* 时间倒计时盒子最大宽度170px */
        float: left; /* 左浮动 */
    }

    #clock .counter-box .number {
        font-size: 52px; /* 倒计时数字大小改为52px */
        margin-top: 40px; /* 上外边距改为40px */
    }

    #clock .counter-date .number {
        font-size: 110px; /* 日期数字大小改为110px */
        margin-top: 0; /* 取消上外边距 */
    }

    #clock .counter-time .counter-box:last-child .number {
        margin-top: 10px; /* 最后一个时间数字上外边距改为10px */
        font-size: 30px; /* 字体大小改为30px */
    }

    #clock span {
        font-size: 13px; /* 单位文字大小改为13px */
    }

    .bordered #awd-site-wrap {
        border-width: 15px; /* 带边框的容器边框宽度改为15px */
    }

    #awd-site-header {
        top: 20px; /* 头部顶部距离改为20px */
        left: 20px; /* 头部左侧距离改为20px */
        right: 20px; /* 头部右侧距离改为20px */
    }

    #awd-site-logo {
        position: absolute; /* 徽标绝对定位 */
        float: none; /* 取消浮动 */
        z-index: 999; /* 层级999（最高） */
    }

    .menu-toggle,
    #awd-site-nav.active {
        display: block; /* 移动端菜单按钮/激活的导航显示 */
    }

    #awd-site-nav {
        text-align: center; /* 导航居中对齐 */
        display: none; /* 导航默认隐藏 */
        table-layout: fixed; /* 表格布局固定 */
        position: fixed; /* 导航固定定位（占满屏幕） */
        left: 0; /* 左侧距离0 */
        top: 0; /* 顶部距离0 */
        width: 100%; /* 宽度100% */
        height: 100%; /* 高度100% */
        z-index: 950; /* 层级950 */
    }

    #awd-site-nav:before {
        content: ""; /* 导航伪元素内容为空（遮罩层） */
        display: block; /* 块级显示 */
        height: 100%; /* 高度100% */
        width: 100%; /* 宽度100% */
    }

    #awd-site-nav .nav-container {
        -webkit-transform: translate3d(0, 0, 0); /* Webkit：3D位移（开启硬件加速） */
        transform: translate3d(0, 0, 0); /* 标准：3D位移 */
        -webkit-backface-visibility: hidden; /* Webkit：隐藏背面 */
        backface-visibility: hidden; /* 标准：隐藏背面 */
        -webkit-perspective: 1000; /* Webkit：3D透视 */
        perspective: 1000; /* 标准：3D透视 */
        -webkit-transform: translateY(-50%); /* Webkit：垂直居中（向上偏移50%） */
        -moz-transform: translateY(-50%); /* Firefox：垂直居中 */
        -ms-transform: translateY(-50%); /* IE：垂直居中 */
        -o-transform: translateY(-50%); /* Opera：垂直居中 */
        transform: translateY(-50%); /* 标准：垂直居中 */
        position: absolute; /* 导航容器绝对定位 */
        top: 50%; /* 顶部距离50% */
        left: 15px; /* 左侧距离15px */
        right: 15px; /* 右侧距离15px */
    }

    .navigation ul > li {
        width: 100%; /* 导航列表项宽度100%（纵向排列） */
        display: block; /* 块级显示 */
    }

    .navigation ul > li a {
        display: inline-block; /* 导航链接行内块显示 */
        padding: 15px 0; /* 上下内边距15px */
        font-size: 24px; /* 导航文字大小改为24px */
    }

    .navigation ul > li a:before,
    .navigation ul > li a:after {
        height: 1px; /* 移动端导航链接伪元素高度设为1px（细线） */
        -webkit-transform: scale(1) rotate(0deg); /* Webkit浏览器：伪元素缩放1倍，旋转0度（取消斜角） */
        -moz-transform: scale(1) rotate(0deg); /* Firefox浏览器：伪元素缩放1倍，旋转0度 */
        -ms-transform: scale(1) rotate(0deg); /* IE浏览器：伪元素缩放1倍，旋转0度 */
        -o-transform: scale(1) rotate(0deg); /* Opera浏览器：伪元素缩放1倍，旋转0度 */
        transform: scale(1) rotate(0deg); /* 标准写法：伪元素缩放1倍，旋转0度 */
    }

    .navigation ul > li a:hover:before,
    .navigation ul > li a:hover:after,
    .navigation ul > li a.active:before,
    .navigation ul > li a.active:after{
        -webkit-transform: scale(0.5) rotate(0deg); /* Webkit：hover/active时伪元素缩放0.5倍，旋转0度 */
        -moz-transform: scale(0.5) rotate(0deg); /* Firefox：hover/active时伪元素缩放0.5倍，旋转0度 */
        -ms-transform: scale(0.5) rotate(0deg); /* IE：hover/active时伪元素缩放0.5倍，旋转0度 */
        -o-transform: scale(0.5) rotate(0deg); /* Opera：hover/active时伪元素缩放0.5倍，旋转0度 */
        transform: scale(0.5) rotate(0deg); /* 标准：hover/active时伪元素缩放0.5倍，旋转0度 */
    }

    .navigation ul > li a:before {
        left: 0; /* 移动端导航链接前伪元素左侧距离设为0 */
        top: 50%; /* 伪元素顶部距离设为50%（垂直居中） */
        right: auto; /* 取消右侧自动定位 */
        margin-left: -40px; /* 伪元素左偏移-40px（移到链接左侧） */
    }

    .navigation ul > li a:after {
        right: 0; /* 移动端导航链接后伪元素右侧距离设为0 */
        top: 50%; /* 伪元素顶部距离设为50%（垂直居中） */
        left: auto; /* 取消左侧自动定位 */
        margin-right: -40px; /* 伪元素右偏移-40px（移到链接右侧） */
    }

    #awd-site-content {
        top: 96px; /* 移动端内容区顶部距离改为96px */
        bottom: 0px; /* 移动端内容区底部距离改为0（占满剩余高度） */
    }

    .subscribe-form .form-notice {
        display: block; /* 移动端订阅表单提示文字改为块级显示（独占一行） */
    }

    #awd-site-footer {
        left: 20px; /* 移动端页脚左侧距离改为20px */
        right: 20px; /* 移动端页脚右侧距离改为20px */
        bottom: 20px; /* 移动端页脚底部距离改为20px */
        height: 30px; /* 移动端页脚高度保持30px */
    }

    .social-icons {
        width: 100%; /* 移动端社交图标容器宽度设为100% */
        margin-bottom: 10px; /* 社交图标容器下外边距设为10px */
        text-align: center; /* 社交图标居中对齐 */
    }

    .copyright {
        display: none; /* 移动端隐藏版权信息 */
    }

    #awd-site-footer {
        display: none; /* 移动端隐藏整个页脚 */
    }

}

@media only screen and (max-width: 480px) { /* 响应式：屏幕宽度≤480px（小屏手机）时生效 */

    /* Clock */

    #clock .counter-date {
        max-width: 290px; /* 小屏手机日期倒计时盒子最大宽度改为290px */
        float: none; /* 取消左浮动（改为垂直排列） */
    }

    #clock .counter-time {
        max-width: 290px; /* 小屏手机时间倒计时盒子最大宽度改为290px */
        float: none; /* 取消左浮动（垂直排列） */
        text-align: center; /* 时间倒计时内容居中对齐 */
    }

    #clock .counter-box .number {
        font-size: 70px; /* 小屏手机倒计时数字大小改为70px */
        margin-top: 20px; /* 数字上外边距改为20px */
    }

    #clock .counter-date .number {
        font-size: 110px; /* 小屏手机日期数字大小保持110px */
        margin: 0; /* 取消日期数字的所有外边距 */
    }

    #clock .counter-time .counter-box {
        display: block; /* 小屏手机时间倒计时盒子改为块级显示（垂直排列） */
    }

    #clock .counter-time .counter-box:last-child .number {
        margin-top: 30px; /* 最后一个时间数字上外边距改为30px */
        font-size: 40px; /* 最后一个时间数字大小改为40px */
    }

    #awd-site-content {
        top: 90px; /* 小屏手机内容区顶部距离改为90px */
        bottom: 0; /* 内容区底部距离设为0 */
    }

    .menu-toggle {
        top: 8px; /* 小屏手机菜单按钮顶部距离改为8px */
        right: 0; /* 菜单按钮右侧距离改为0 */
    }

    .slide-item .line:before,
    .slide-item .line:after {
        width: 80px; /* 小屏手机轮播文本行伪元素宽度改为80px */
    }

    .slide-item .line:before {
        left: -100px; /* 轮播文本行前伪元素左偏移-100px（移到文本左侧） */
    }

    .slide-item .line:after {
        right: -100px; /* 轮播文本行后伪元素右偏移-100px（移到文本右侧） */
    }

    /* Subscribe */
    .subscribe-form button {
        width: 100%; /* 小屏手机订阅表单按钮宽度设为100%（占满父容器） */
    }

    .section-info .go-slide {
        width: 100%; /* 小屏手机区块信息内的跳转按钮宽度设为100% */
        margin-top: 15px; /* 跳转按钮上外边距改为15px */
    }

}

@media only screen and (max-width: 320px) { /* 响应式：屏幕宽度≤320px（超小屏手机）时生效 */

    .bordered #awd-site-wrap {
        border-width: 0; /* 超小屏手机取消带边框容器的边框宽度（无边框） */
    }

    #awd-site-header {
        height: 40px; /* 超小屏手机头部高度改为40px */
        top: 15px; /* 头部顶部距离改为15px */
        left: 15px; /* 头部左侧距离改为15px */
        right: 15px; /* 头部右侧距离改为15px */
    }

    #awd-site-logo h1 {
        font-size: 40px; /* 超小屏手机徽标字体大小改为40px */
        line-height: 40px; /* 徽标行高改为40px（垂直居中） */
    }

    #awd-site-content {
        top: 70px; /* 超小屏手机内容区顶部距离改为70px */
        bottom: 0; /* 内容区底部距离设为0 */
        left: 0; /* 内容区左侧距离设为0（全屏） */
        right: 0; /* 内容区右侧距离设为0（全屏） */
    }

    .section-title {
        font-size: 28px; /* 超小屏手机区块标题字体大小改为28px */
        margin: 20px 0; /* 标题上下外边距改为20px，左右0 */
    }


}