/*
Template Name: HR2 - Template
Version: 1.0
Author: HostingRed SAS
Author URL: http://hostingred.com
*/
/*******************************************
USE THIS FILE TO INCLUDE YOUR OWN CSS STYLES
********************************************/
.company-profile {
    text-align: center; /* 让文本水平居中显示 */
    font-size: 36px; /* 设置字体大小为 24像素 */
    font-family: 'Comic Sans MS', cursive; /* 设置字体为 Comic Sans MS 或类似手写风格的字体 */
    color: rgba(255, 0, 0, 0.5); /* 设置字体颜色为粉色 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影效果 */
    font-weight: bold; /* 设置字体加粗 */
}

.app-image {
    text-align: left; /* 设置文本左对齐 */
    margin: 0 auto; /* 将元素水平居中 */
    width: 50%; /* 设置元素宽度为页面宽度的一半 */
}

.box {
    flex: 1; /* 均分空间 */
    /*border: 1px solid black; !* 边框样式 *!*/
    box-sizing: border-box; /* 边框包含在盒模型中 */
}

.your-element {
    padding-right: 20px; /* 右侧空白 */
    margin-left: 30px; /* 左侧空白 */
    margin-top: 35px; /* 在顶部留出20px的空白 */
    text-indent: 35px; /* 首行缩进 */
    /*display: flex; !* 将容器设置为弹性布局 *!*/
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    line-height: 2.0; /* 设置行高为1.5倍，默认字体大小的行高 */
    font-family: '阿里妈妈方圆体 VF Regular', sans-serif;
    font-weight: 700; /* 设置为粗体 */
    /* 添加其他样式，比如字体大小、颜色等 */
}

.container:hover .text {
    /* 鼠标悬停时字体的样式 */
    color: red; /* 例子：将字体颜色设置为红色 */
    transition: color 0.5s; /* 设置字体颜色过渡时间为0.5秒 */
}

.image {
    /*max-width: 40%; !* 设置图片最大宽度为父元素宽度 *!
    height: auto; !* 设置高度自动调整，保持图片比例 *!*/
    width: 450px; /* 设置图片宽度为200像素 */
    height: auto; /* 设置图片高度为150像素 */
    border-radius: 20px; /* 设置图片边框圆角半径为 10 像素 */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* 设置图片阴影效果 */
    transition: transform 0.3s ease; /* 添加变换过渡效果 */
    overflow: hidden; /* 清除浮动 */
}

.image:hover {
    transform: scale(1.1); /* 鼠标悬停时放大图片 */
}

.img_home {
    width: 1900px; /* 图片宽度填满容器 */
    height: auto; /* 让高度按比例自动调整 */
}

.foots_tips {
    font-size: 14px;
    color: #fff;
    background: #0f78e1;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: relative;
    width: 100%;
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 100px;
    height: auto;
    /* 如果需要固定 logo 的大小，可以添加 width 和 height 属性 */
}

.container {
    display: flex;
    justify-content: space-between; /* 将两个位置分别放置在容器的两侧 */
}

.position1, .position2 {
    text-align: center;
    align-items: center; /* 垂直居中 */
    flex: 1; /* 让两个位置平分容器的宽度 */
}

.position2{
    text-align: center; /* 文字水平居中 */
}

.center-left {
    text-align: left; /* 设置文本左对齐 */
    margin: 0 auto; /* 将元素水平居中 */
    width: 50%; /* 设置元素宽度为页面宽度的一半 */
}

.text-font {
    font-size: 18px; /* 设置字体大小为 24像素 */
}

.bold {
    font-family: 'Comic Sans MS', cursive; /* 设置字体为 Comic Sans MS 或类似手写风格的字体 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影效果 */
    font-weight: bold; /* 设置字体加粗 */
}