/*
 *  技术单位: {SFCMS_DELEVEPER}
 *  软件开发: 石范 (S.F)
 *  开发日期: 1/19/19 1:23 PM
 ******************************************************************************/

.index_title_box{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px;}
.index_title_box .bigtitle{width:100%;height:30px;line-height:30px;font-size:20px;}
.index_title_box .mintitle{width:95%;margin:0 auto;height:20px;line-height:20px;font-size:12px;color:#666666;background:url(../images/titlebg.png)no-repeat center center;}
.nei_banner{width:100%;height:auto;overflow:hidden;}
.nei_banner img{width:100%;}
.nei_class_box{width:100%;height:38px;background:#fafafa;border-bottom:#ebebeb 1px solid;}
.nei_class_box .class_list{display:block;width:33.3%;float:left;text-align:center;height:38px;line-height:38px;font-size:14px;color:#333333}
.nei_class_box .class_list_hover{display:block;width:33.3%;float:left;text-align:center;height:38px;line-height:38px;font-size:14px;background:#d22525;color:#ffffff}

.am-paragraph{font-size:14px;}

.headbar{width:100%;height:auto;overflow:hidden;}
.headbar img{height:50px;margin-left:10px;margin-top:10px;margin-bottom:10px;}
.navbox{width:100%;height:70px;overflow:hidden;background:#d22525;}
.navbox a{display:block;width:33.3%;height:35px;line-height:35px;text-align:center;font-size:14px;color:#ffffff;float:left;border-left:#ffffff 1px solid;border-top:#ffffff 1px solid;overflow:hidden;}
.navbox a:nth-child(3n+1){border-left:0;}
.navbox a.active{background:#000;}

.indexaboutbox{
    background:rgba(217,67,67,0.05);
    width:100%;
    padding:40px 20px;
    .aboutbox{
        .left{
            width:100%;
            text-align:center;
            .entitle{
                font_radio: 2;
                display-radio: 1;
                font-size: 72px;
                color: rgba(51, 51, 51, 0.06);
                line-height: 1;
                font-family: Impact;
                font-weight: bold;
            }
            .zhtitle{
                font_radio: 2;
                display-radio: 1;
                font-size: 36px;
                color: rgba(51, 51, 51, 1);
                line-height: 1.5;
                font-family: "38a1a905-0318-438b-b471-7653bc8adf48";
                font-weight: bold;
            }
            .zhtitle2{
                font_radio: 2;
                margin-bottom: 20px;
                margin-top: 20px;
                font-size: 24px;
                display-radio: 1;
                color: #D94343;
                font-weight: normal;
                font-family: "38a1a905-0318-438b-b471-7653bc8adf48";
            }
            .line{
                margin:0 auto;
                max-width: 60px;
                width: 20%;
                display-radio: 1;
                line_radio: 2;
                border-top-style: solid;
                border-top-width: 3px;
                border-top-color: #D94343;
            }
            .desc{
                font_radio: 2;
                margin-top: 20px;
                font-size: 16px;
                font-weight: normal;
                color: rgba(102, 102, 102, 1);
                line-height: 2.2;
                display-radio: -webkit-box;
                -webkit-line-clamp: 6;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-align: justify;
            }
            .databox{
                display:flex;
                align-items:center;
                padding:30px 0;
                .item{
                    width:33%;
                    text-align:center;
                    .n{
                        font-size:32px;
                        font-family: Impact;
                        font-weight: bold;
                        color:#333;
                        span{
                            font-weight:200;
                            font-size:14px;
                            margin-left:10px;
                            color:#666;
                        }
                    }
                    .t{
                        color:#999;
                        margin-top:10px;
                    }
                }
            }
            .more{
                background:#D94343;
                color:#fff;
                padding:5px 20px;
                border-radius:5px;
                display:inline-flex;
            }
        }
    }
}
.indexcaipinbox{
    width:100%;
    padding:40px 20px;
    .caipingbox{
        .right{
            width:100%;
            text-align:center;
            .entitle{
                display:flex;
                align-items:center;
                justify-content:center;
                .en{
                    font-size: 40px;
                    line-height: 1.2;
                    color: rgba(51, 51, 51, 0.06);
                    text-transform: uppercase;
                    font-family: Impact;
                    width:100%;
                }
                .numberbox{
                    font-size:18px;
                    color:#999;
                    span{
                        color:#000;
                    }
                }
                .swiper-pagination-fraction{
                    width:75%;
                }
            }
            .zhtitle{
                font-size: 36px;
                line-height: 1.5;
                color: #D94343;
                font-weight: bold;
            }
            .line{
                margin:0 auto;
                width:60px;
                height:2px;
                background:#333;
                margin-top:30px;
            }
        }
        .left{
            margin-top:20px;
        }
    }
}
.indexmengdianbox{
    padding:40px 20px;
    width:100%;
    background:#F8F8F8;
    .mengdianbox{
        .titlebox{
            text-align:center;
            .left{
                .en{
                    font_radio: 2;
                    display-radio: 1;
                    font-size: 72px;
                    color: rgba(51, 51, 51, 0.06);
                    line-height: 1;
                    font-family: Impact;
                    font-weight: bold;
                }
                .zhtitle{
                    font_radio: 2;
                    display-radio: 1;
                    font-size: 36px;
                    color: rgba(51, 51, 51, 1);
                    line-height: 1.5;
                    font-family: "38a1a905-0318-438b-b471-7653bc8adf48";
                    font-weight: bold;
                }
            }

        }

        .zhtitle2{
            font_radio: 2;
            margin-top: 20px;
            font-size: 16px;
            font-weight: normal;
            color: rgba(102, 102, 102, 1);
            line-height: 2.2;
            display-radio: -webkit-box;
            -webkit-line-clamp: 6;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-align: justify;
        }
        .mengdianlist{
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;
            .item{
                width:48%;
                margin-top:20px;
                .tt{
                    font-size:16px;
                    margin-top:10px;
                    font-weight:bold;
                    color:#333;
                }
                .address{
                    color:#999;
                    font-size:12px;
                    margin-top:5px;
                }
                .thumbbox{
                    width:100%;
                    height:80px;
                    object-fit:contain;
                    background-size:cover;
                    background-repeat:no-repeat;
                    background-position:top center;
                    border-radius:10px;
                    padding:30px;
                }
            }
        }
    }
    .more{
        display:block;
        background:#D33A3B;
        color:#fff;
        padding:5px 20px;
        border-radius:5px;
        width:150px;
        text-align:center;
        margin:0 auto;
        margin-top:40px;
    }
}

.indexnewsbox{
    padding:40px 20px;
    .more{
        display:block;
        background:#D33A3B;
        color:#fff;
        padding:5px 20px;
        border-radius:5px;
        width:150px;
        text-align:center;
        margin:0 auto;
        margin-top:40px;
    }
    .newsbox{
        .titlebox{
            .left{
                text-align:center;
                .en{
                    font_radio: 2;
                    display-radio: 1;
                    font-size: 72px;
                    color: rgba(51, 51, 51, 0.06);
                    line-height: 1;
                    font-family: Impact;
                    font-weight: bold;
                }
                .zhtitle{
                    font_radio: 2;
                    display-radio: 1;
                    font-size: 36px;
                    color: rgba(51, 51, 51, 1);
                    line-height: 1.5;
                    font-family: "38a1a905-0318-438b-b471-7653bc8adf48";
                    font-weight: bold;
                }
            }
        }
    }
    .listbox{
        .item{
            width:100%;
            display:flex;
            margin-top:20px;
            .datebox{
                flex-shrink:0;
                margin-right:20px;
                .day{
                    display: block;
                    font-family: "Impact";
                    line-height: 120%;
                    color: #ccc;
                    font-size: 24px;
                }
                .year{
                    display: block;
                    font-size: 14px;
                    line-height: 120%;
                    color: #ccc;
                }
            }
            .infobox{
                .t{
                    font-size:16px;
                    font-weight:800;
                    color:#333;
                }
                .des{
                    color:#999;
                    margin-top:5px;
                    display: -webkit-box; /* 创建一个弹性盒子 */
                    -webkit-box-orient: vertical; /* 设置主轴方向为垂直 */
                    -webkit-line-clamp: 2; /* 限制显示的行数为 2 行 */
                    overflow: hidden; /* 隐藏超出部分 */
                    text-overflow: ellipsis; /* 超出部分显示省略号 */
                    max-height: 3em; /* 设置最大高度，确保只显示两行 */
                    line-height: 1.5em; /* 行高 */
                }
            }
            &:hover{
                .datebox{
                    .day{
                        color:#CD3334 !important;
                    }
                    .year{
                        color:#CD3334;
                    }
                }
                .infobox{
                    .t{
                        color:#CD3334;
                    }
                    .des{
                        color:#CD3334;
                    }
                }
            }
        }
    }
}
a{
    color:#333;
}