/***********************************************
 * ************ 公共（HTML）**********************
 ***********************************************/

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: #409EFF;
    text-decoration: none;
}


/************************************************
 * *********** 公共（自定义）***********************
 ************************************************/

.x-light-color {
    color: #409EFF;
}

.x-dark-color-1 {
    color: #5691d6;
}

.x-white-color {
    color: white;
}

.x-black-color-1 {
    color: #4f4f4f;
}

.x-background-color-1 {
    background-color: #F2F6FC;
}

.x-line-100-1-1 {
    width: 100%;
    height: 1px;
    background-color: #DCDFE6;
    display: block;
    margin: 5px 0;
}

.x-line-200-1-1 {
    width: 200px;
    height: 1px;
    background-color: #5691d6;
    display: block;
    margin: 10px 0;
}

.x-margin-bottom-40 {
    margin-bottom: 40px;
}

.x-margin-top-30 {
    margin-top: 30px;
}

/* 垂直居中 */
.x-vertical-center {
    display: flex;
    align-items: center;
}

.x-space-10 {
    width: 100%;
    height: 10px;
}

.x-space-20 {
    width: 100%;
    height: 20px;
}

.x-space-30 {
    width: 100%;
    height: 30px;
}

.x-space-50 {
    width: 100%;
    height: 50px;
}

.x-space-500 {
    width: 100%;
    height: 500px;
}

.x-width-70 {
    width: 70vw;
    min-width: 960px;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
}



.x-a-1 {
    text-decoration: none;
    color: inherit;
}
.x-main {
    margin: 0;
    padding: 0;
}

.x-bottom-content-left-container {
    background-color: #174881;
    padding: 50px 0 50px 0;
    text-align: center;
}
.x-bottom-content-left-menu {
    width: 100%;
    background-color: #366DAE;
}
.x-bottom-content-right-container {
    padding: 0 0 50px 30px;
    color: #999999;
    font-size: 14px;
}

.x-div-for-p p {
    color: #303133;
    font-size: 18px;
}


/******************************************************
 * ****************** 模板 *****************************
 ******************************************************/

.x-layout-logo a {
    text-decoration: none;
}

.x-layout-logo a img {
    height: 50px;
}

.x-layout-top-menu {
    display: flex;
    flex-direction: row; /* 或者可以省略，默认就是横向布局（row） */
    justify-content: space-around; /* 可选，用于分配各列表项之间的间距 */
    align-items: center; /* 可选，使列表项垂直居中对齐 */
}

.x-layout-top-menu li {
    list-style-type: none; /* 可选，移除默认的小圆点样式 */
}

.x-layout-top-menu li a {
    font-size: 18px;
    text-decoration: none;
}

.x-layout-top-menu li a:link,
.x-layout-top-menu li a:visited {
    color: #409EFF;
}

.x-layout-top-menu li a:hover,
.x-layout-top-menu li a:active {
    color: #174881;
}

.x-layout-top-menu li h3 {
    color: #409EFF;
}

.x-layout-top-phone {
    margin-top: 18px;
    text-align: right;
    line-height: 26px;
}

.x-layout-top-phone i {
    font-size: 20px;
    color: #E6A23C;
}

.x-layout-top-phone b {
    color: #409EFF;
    font-size: 18px;
}

.x-layout-nav-solution-popper {
    padding: 0;
}

.x-layout-nav-solution-aside {
    padding: 10px 20px;
    background-color: #d9ecff;
}

.x-layout-nav-solution-aside ul {
    display: flex;
    flex-direction: column; /* 更改为纵向布局 */
    justify-content: space-around; /* 可选，用于分配各列表项之间的间距 */
    align-items: center; /* 可选，使列表项垂直居中对齐 */
    padding: 10px 0;
}

.x-layout-nav-solution-aside ul li {
    list-style-type: none; /* 可选，移除默认的小圆点样式 */
    margin-left: -20px;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
    border-bottom: 1px solid currentColor; /* 使用边框创建下划线 */
    color: #366DAE;
}

.x-layout-nav-solution-aside ul li:hover {
    color: #409EFF;
}

.x-layout-footer-basic {
    font-size: 16px;
    background-color: #366DAE;
    color: #f2f2f2;
    height: auto;
    padding: 20px 0;
}

/******************************************************
 * ****************** 首页 *****************************
 ******************************************************/

.x-index-bottom-container-1 {
    margin: 30px auto;
    padding: 0 20px;
    height: 500px;
}

.x-index-bottom-item-1 {
    width: 550px;
    height: 440px;
    padding: 20px 50px;
    color: #FFFFFF;
    /*background-color: #366DAE;*/
    font-size: 30px;
}

/******************************************************
 * ****************** 产品 *****************************
 ******************************************************/

.x-product-container {
    text-decoration: none;
    text-align: center;
    padding: 0 30px 5px;
    margin-bottom: 30px;
}

.x-product-container li {
    margin-bottom: 0;
}

.x-product-item {
    text-decoration: none;
}

.x-product-item h2 {
    margin-top: 0;
}

.x-product-item h4 {
    margin-top: 0;
    margin-bottom: 0;
}

/******************************************************
 * ****************** 解决方案 *************************
 ******************************************************/

.x-solution-container {
    text-decoration: none;
    text-align: center;
    padding: 0 30px 5px;
    margin-bottom: 30px;
}

.x-solution-container h1 {
    font-size: 46px;
}

.x-solution-container li {
    margin-bottom: 8px;
}

.x-solution-item-1 {
    text-decoration: none;
}

.x-solution-h1 {
    text-decoration: none;
}

.x-solution-h2 {
    text-decoration: none;
}

.x-solution-item-1 h2 {
    margin-top: 0;
}

.x-solution-item-1 p {
    font-size: 18px;
    margin: 10px 0;
    text-align: left;
}