@font-face {
    font-family: AlibabaPuHuiTiM;
    src: url(../font/AlibabaPuHuiTiM.ttf);
}

. {
    3e3e3e
}


.blue_cube {
    background: #27298D;
}

.subtitle_model {
    height: 100px;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.subtitle_model_cube {
    position: absolute;
    top: 90%;
    width: 58.3px;
    height: 6.1px;
}

.subtitle_model_bgtext {
    position: absolute;
    top: 30%;
    font-family: 'AlibabaPuHuiTiM', sans-serif;
    font-weight: 550;
    font-size: 61px;
    color: #0000002d;
    line-height: 25px;
    letter-spacing: -5px;
    /* 增加每个字符之间的间距 */
}

.subtitle_model_text {
    position: absolute;
    top: 0%;
    font-weight: 550;
    font-size: 60px;
    color: #000000;
    line-height: 42px;
    letter-spacing: -2px;
    /* 增加每个字符之间的间距 */

}

.container_news {}


.home_product_item {
    display: flex;
}


.circle_w {
    position: absolute;
    left: 5%;
    top: 65%;
    display: flex;
    /* 使用 flexbox */
    width: 30px;
    height: 30px;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    border: 1px solid #000000;
    /* 水平居中 */
    align-items: center;

}

.h_p_i_t {
    width: 45%;
    height: 180px;
    margin-left: 10px;
}

.h_p_i_t_b{
    height: 12%;
}
.h_p_i_t_t {
    display: flex;
    align-items:baseline;
    font-weight: 550;
    font-size: 20px;
    color: #000000;
    height: 40%;
}

.h_p_i_t_d {
    height: auto;
}

.p_i_item:hover {
    color: #FFFFFF;
    background: #2800B9;
}

.p_i_item:hover .p_i_i_text {
    color: #FFFFFF;
    background: #2800B9;
}

.p_i_item:hover a {
    color: #FFFFFF;
    background: #2800B9;
}


.p_i_container {
    display: grid;
    /* 使用 Grid 布局 */
    grid-template-columns: repeat(3, 1fr);
    /* 3列 */
    grid-template-rows: repeat(2, 1fr);
    /* 2行 */
    /* 列之间的间距 */
}

.p_i_item {
    display: flex;
    position: relative;
    padding: 10px;
    /* 内边距 */
    /* 元素之间的间距 */
    background: #ffffff;
    border: 1px solid #a1a1a1;
}

.home_about_me_container {
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    display: flex;
}

.home_about_us {
    width: 100%;
}

.home_about_me_page {
    display: flex;
    width: 70%;
}

.h_a_m_p_1 {
    width: 50%;
}

.h_a_m_t {
    display: flex;
    align-items: baseline;
    width: 600px;
}

.h_a_m_p_2 {
    width: 50%;
}

.hamp_item_array {
    width: 90%;
    display: grid;
    /* 使用 Grid 布局 */
    grid-template-columns: repeat(3, 1fr);
    /* 3列 */
}

.hamp_item {
    display: flex;
    flex-direction: column;
    /* 垂直排列 */
    align-items: center;
    /* 垂直居中 */
}

.hamp_i_icon {
    margin-top: 11px;
    display: flex;
}

.hamp_i_data {
    display: flex;
    align-items: baseline;
}

.hamp_i_d_b {
    font-family: AlibabaPuHuiTiM;
    font-weight: 600;
    font-size: 72px;
    color: #27298D;
    line-height: 38px;
    letter-spacing: -2px;
}

.hamp_i_d_m {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 21px;
    color: #000000;
    line-height: 28px;
}

.hamt_cn {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 27px;
    color: #000000;
    line-height: 41px;
    font-style: italic;
}

.hamt_en {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    font-size: 20px;
}

.ham_content {
    text-align: justify;
    width: 90%;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 23px;
    color: #000000;
    line-height: 40px;
}

.reason_container {
    width: 100%;
    display: flex;
    justify-content: center;
    /* 水平居中 */

}

.reason_item_array {
    width: 90%;
    display: grid;
    /* 使用 Grid 布局 */
    grid-template-columns: repeat(4, 1fr);
}

.reason_item {
    display: flex;
    align-items: center;
    flex-direction: column;
    /* 垂直排列 */

}

.r_i_img {
    user-select: none;
    display: flex;
    flex-direction: column;
    /* 垂直排列 */
    align-items: center;
    /* 垂直居中 */
    width: 202px;
    height: 202px;
}

.r_i_c_img {
    user-select: none;
}

.r_i_circle {
    width: 95%;
    height: 95%;
    background: #F1F1F1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.r_i_c_img {}

.reason_item :hover .r_i_circle {
    background: #27298D;
}

.reason_item :hover .r_i_title {
    color: #27298D;
}

.reason_item :hover .r_i_c_img1 {
    content: url(../images/brand_select.png);
}

.reason_item :hover .r_i_c_img2 {
    content: url(../images/solution_select.png);
}

.reason_item :hover .r_i_c_img3 {
    content: url(../images/quality_select.png);
}

.reason_item :hover .r_i_c_img4 {
    content: url(../images/service_select.png);
}

.r_i_c_img_select {
    opacity: 0;
}

.reason_item :hover .r_i_c_img_select {
    opacity: 1;
}

.r_i_outside_circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #f7f6f6;
    border-radius: 50%;
}

.r_i_content {
    text-align: center;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 28px;
    width: 85%;
}

.r_i_title {
    text-align: center;
    font-family: AlibabaPuHuiTiM;
    font-weight: 500;
    font-size: 28px;
    color: #818181;
    line-height: 28px;
}

.crow_page {
    width: 100%;
    height: 664px;
    background-image: url(../images/crow_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    /*background-attachment: fixed;*/
    display: flex;
    flex-direction: column;
    /* 垂直排列 */
    align-items: center;
    /* 垂直居中 */
}

.c_p_item_array {
    width: 75%;
    display: grid;
    /* 使用 Grid 布局 */
    grid-template-columns: repeat(4, 1fr);
}

.c_p_title {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 54px;
    color: #FFFFFF;
    font-size: 54px;
}

.c_p_content {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 21px;
}

.c_p_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c_p_i_data_1 {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

.c_p_i_d_1_b {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 80px;
    color: #27298D;
    line-height: 28px;
    letter-spacing: -5px;
    margin-right: 10px;

}

.c_p_i_d_1_c {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 20px;
    color: #858585;
    line-height: 7px;
}

.c_p_i_data_2 {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 19px;
    color: #FFFFFF;
    line-height: 26px;
}

.new_container {
    width: 100%;
    display: flex;
    height: 700px;
    justify-content: center;
    /* 水平居中 */
}

.new_c_article {
    display: flex;
    width: 80%;
}

.n_c_a_l {
    width: 40%;
}

.n_c_a_r {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.n_c_a_article_1 {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    border: 1px solid #a1a1a1;
}

.n_c_a_article_1:hover {
    background-color: #27298D;
}

.n_c_a_article_1:hover .n_c_a_a1_t_color {
    color: #ffffff;
}

.white_rectangle {
    width: 90%;
    height: 1px;
    background: #000000;
}

.n_c_a_article_1:hover .white_rectangle {
    background: #ffffff;
}

.n_c_a_a1_t_date {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
}

.n_c_a_a1_t_des {
    width: 75%;

}

.n_c_a_a1_img {
    height: 70%;
}

.n_c_a_a1_text {
    display: flex;
    height: 30%;
}

.n_c_a_a1_t_title {
    display: flex;
    height: 30%;
}

.n_c_a_a1_t_d {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 50px;
    color: #000000;
    line-height: 21px;
}

.n_c_a_a1_t_ym {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 10px;
}

.n_c_a_a1_t_title {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 19px;
    height: 20%;
}

.n_c_a_a1_t_content {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    width: 95%;
}

.n_c_a_a2_t_title {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 19px;
    height: 10%;
}

.n_c_a_a2_t_content {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    width: 95%;
}

.n_c_a_article_2 {
    display: flex;
    width: 80%;
    height: 40%;
}

.n_c_a_a2_t_l {
    width: 85%;
}

.n_c_a_a2_t_r {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
}

.n_c_a_r_item {
    display: flex;
    flex-direction: column;
    align-items: start;

}

.n_c_a_r_item_title {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 19px;
}

.n_c_a_r_item_array {
    width: 80%;
    height: 60%;
    display: grid;
    grid-template-columns: 1fr;
    /* 单列 */
    grid-template-rows: repeat(4, 1fr);
    /* 四行 */
}

.n_c_a_a2_t_d {
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    font-size: 50px;
    color: #000000;
    line-height: 21px;
}

.n_c_a_a2_t_ym {
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 10px;
}

.n_c_a_a2_t_arrow {
    user-select: none;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 30px;
}

/* 修正后的 hover 选择器 */
.n_c_a_article_2:hover .text_color {
    color: white;
}

.n_c_a_article_2:hover {
    background-color: #27298D;
}

.black_rectangle {
    width: 90%;
    height: 2px;
    background: #000000;
}

.ash_rectangle {
    width: 100%;
    height: 2px;
    background: #818181;
}

.n_c_a_article_2:hover .black_rectangle {
    background-color: #ffffff;
}

.n_c_a_r_item:hover .ash_rectangle {
    background-color: #ffffff;
}

.n_c_a_r_item:hover {
    background-color: #27298D;
}

.n_c_a_r_item:hover .text_color {
    color: white;
}


.contact_form {
    width: 40%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 定义两列，每列等宽 */
    grid-template-rows: repeat(3, 1fr);
    /* 定义三行，每行高度相等 */
    gap: 20px;
    /* 项目之间的间距 */
}

.c_f_item {
    display: flex;
    width: 100%;
    height: 49px;
    font-size: 20px;
    align-content: center;
}

.c_f_item_icon {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 10px;
    height: 25px;
}

.c_f_item_input {
    border: none;
    /* 去掉边框 */
    outline: none;
    /* 去掉聚焦时的轮廓线 */
}

.__messsub input {
    background-color: #27298D;
    color: white;
    /* 文本颜色 */
    border: none;
    width: 100%;
    height: 100%;
}

.__messlist {
    border-radius: 25px;
    border: 1px solid #000000;
}

.__messsub {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top {
    z-index: 1000;
}

.scrolled {
    background-color: #3e3e3e;
    opacity: 1.0;
}

.scrolled .home_title_text_1 {
    color: #ffffff;
}

.scrolled .ul_a a {
    color: #ffffff;
}

.lang_ul{
    font-size: 16px;
}
.h_p_i_t_t a{
    color: #000;
}
.p_more_area{
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.p_more_b{
    user-select: none;
    border-radius: 5px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    width: 10%;
    height: 100%;
    background-color: #27298D;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    
}

.in_p_item_pic {
    width: 320px;
    min-width: 320px;
    height: 240px;
}
.home_p_item_pic {
    min-width: 200px;
    width: 200px;
    height: 140px;
}
.in_n_item_pic {
    min-width: 400px;
    width: 400px;
    min-height: 300px;
    height: 300px;
}