#top {
    font-size: 14px;
}

.clearfix {
    clear: both;
    height: 0;
    overflow: hidden;
}

.top_bar {
    background: #005e2e
}

.line_hight_30 {
    line-height: 30px;
}


.index_about_video_body {
    background-color: #005e2e;
}



.index_about_text_h1 {
    font-size: 28px;
    color: #005e2e
}

.index_about_text_h2 {
    font-size: 16px;
    color: #017601;
    margin: 10px 0;
    line-height: 1.6;
}

.index_about_text_p {
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}




.index_about_video_h1 {
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 10px;
    text-align: center;
}

.index_about_video_h2 {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
    color: #28a745
}

.artplayer-app {
    width: 90%;
    height: 300px;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    z-index: 0
}

#index_video {
    position: relative;
}



.about_ico {
    margin-top: 30px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about_ico .pic {
    width: 130px;
    height: 130px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    border-radius: 110px;
    transition: transform 0.5s ease-out;
}

.about_ico .pic:hover {
    /* 变形      rotateZ ，X  ,Y Z轴，X轴，Y轴，三种旋转方向，角度可取负
            度数也可写为turn.    1turn表示一圈
             */
    transform: rotateZ(360deg);
}

.pic1 {
    background-image: url(/static/images/ico1.png);
}

.pic2 {
    background-image: url(/static/images/ico2.png);
}

.pic3 {
    background-image: url(/static/images/ico3.png);
}

.pic4 {
    background-image: url(/static/images/ico4.png);
}



.index_spname li {
    float: left;
    margin-right: 10px;
    list-style: none;
    line-height: 2;
}

.index_spname li a {
    color: #6b6a5f;
    text-decoration: none;
}

.index_sph2 {
    line-height: 2;
    margin-left: 30px;
}

.index_sph2 a {
    color: #6b6a5f;
    text-decoration: none;
    border-bottom: 5px solid #ebb532;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}


.index_newslist img {
    max-height: 300px;
}

.index_newslist h2 {
    line-height: 2;
    text-align: center;
}

.index_newslist h2 a {
    color: #414141;
    text-decoration: none;
    border-bottom: 3px solid #ebb532;
    font-size: 22px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}






.image-container {
    /* 你可以根据需要设置容器的高度 */
    height: 280px;
    /* 示例值 */
    overflow: hidden;
    /* 隐藏超出容器部分的图片 */
    position: relative;
    /* 用于定位图片 */
}

.img-responsive-height {
    /* 设置图片高度为 100%，使其填充整个容器 */
    height: 100%;
    /* 使用 object-fit 属性保持图片的宽高比 */
    object-fit: cover;
    /* 将图片定位到容器的中心 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.btn-circle {
    width: 30px;
    /* 设置按钮的宽度 */
    height: 30px;
    /* 设置按钮的高度 */
    padding: 0;
    /* 移除默认的 padding */
    border-radius: 50%;
    /* 设置边框半径为 50% 以实现圆形效果 */
    line-height: 26px;
    /* 设置行高与按钮高度相同，使文本垂直居中 */
    text-align: center;
    /* 设置文本水平居中 */
    font-size: 24px;
    /* 设置字体大小，根据需要调整 */
}

.index_news_title a {
    text-decoration: none;
    /* 移除链接的下划线 */
    color: #414141;
    font-size: 20px;
}

.index_news_title a:hover {
    color: #FFC007;
    /* 保持链接颜色不变 */
    text-decoration: none;
    /* 鼠标悬停时也不显示下划线 */
}

.index_news_time {
    font-size: 12px;
}







.my-animated-card {
    border: 1px solid #ccc;
    /* 初始边框为绿色，5px宽 */
    transition: border-color 0.3s ease-in-out;
    /* 边框颜色变化的过渡效果 */
}

.my-animated-card:hover {
    border: 1px solid #FFC007;
}


.index_news_date {
    border-top: 1px solid #eee;
}



#bottom {

    background: url(/static/images/bottom_bg.png);
    background-size: 100% 100%;
    background-attachment: fixed;

    background-repeat: no-repeat
}

.bottom_3 img {
    width: 80px;
}


/* 文字居中且左对齐 */
.center-left {
    display: flex;
    justify-content: center;
    text-align: left;
    line-height: 2;
}


.bottom_2 dd a {
    text-decoration: none;
    /* 移除链接的下划线 */
    color: #FFFFFF;
    font-size: 14px;
}

.bottom_2 dd a:hover {
    color: #FFC007;
    /* 保持链接颜色不变 */
    text-decoration: none;
    /* 鼠标悬停时也不显示下划线 */
}

.bottom_2 dt {
    margin: 5px 0 10px 0;
}


#footer {
    font-size: 14px;
}

#footer a {
    text-decoration: none;
    /* 移除链接的下划线 */
    color: #FFFFFF;
    font-size: 14px;
}

#footer a:hover {
    color: #FFC007;
    /* 保持链接颜色不变 */
    text-decoration: none;
    /* 鼠标悬停时也不显示下划线 */
}


.bottom_3 dd {
    font-size: 12px;
    padding-top: 5px;
}


/* 轮播图文字阴影 */
.carousel-caption {
    text-shadow: 2px 2px 2px #000000;
}

.nav-item {
    border-bottom: 1px solid #ccc;
}


.dropdown-menu {
    border-radius: 0 !important;
    border-bottom: none;
}



.list_honor {
    border-top: 1px solid #ccc;
    height: 62px;
    text-align: center
}

.list_honor a {
    text-decoration: none;
    /* 移除链接的下划线 */
    color: #414141;
    font-size: 20px;
}

.list_honor a:hover {
    color: #FFC007;
    /* 保持链接颜色不变 */
    text-decoration: none;
    /* 鼠标悬停时也不显示下划线 */
}




#banner_bar {
    height: 550px;
    background-image: url('/static/images/banner_title.jpg');
    background-position: top center;
    background-attachment: fixed;
}

#banner_bar_m {
    height: 244px;
    background-image: url('/static/images/banner_title_m.jpg');
    background-position: top center;
    background-attachment: fixed;
}




#nav_bar {
    background-color: #eee
}

#nav {
    background-color: #eee;
    overflow: hidden;
}

.nav_nav {
    margin: 0;
    padding: 0;
    position: relative;
}

.nav_nav ul {
    list-style: none;
}

.nav_nav li {
    list-style: none;
    float: left;
    width: 118px;
    height: 45px;
    line-height: 45px;
    margin: 10px;
}

.nav_nav a {
    display: block;
    text-align: center;
    font-size: 14px;
}

.nav_nav a:link {
    color: #FFFFFF;
    background: url(/static/images/com.png) no-repeat;
    text-decoration: none;
}

.nav_nav a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

.nav_nav a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background: url(/static/images/comhove.png) no-repeat;
}


.nav_text {
    margin-left: 10px;
    padding: 0;
    line-height: 65px;
}

.nav_text a {
    font-size: 14px;
}

.nav_text a:link {
    color: #414141;
    text-decoration: none;
}

.nav_text a:visited {
    color: #414141;
    text-decoration: underline;
}

.nav_text a:hover {
    color: #FFC007;
    font-weight: bold;
    text-decoration: none;
}

.nav_text span {
    position: relative;
    padding-left: 25px;
    float: left;
    margin-right: 15px;
}

.nav_text span:before {
    position: absolute;
    content: '';
    background: url(/static/images/nav_home.png);
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
}


.news_list_img {
    height: 200px
}


.news_card {
    border-bottom: 1px solid #000;
}

.news_list_time {
    font-size: 12px;
    font-style: italic;
}

.news_list_time span {
    position: relative;
    padding-left: 25px;
    float: left;
    margin-right: 15px;
}

.news_list_time span:before {
    position: absolute;
    content: '';
    background: url(/static/images/clock.png);
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
}


.news_list {
    margin-left: 10px;
    padding: 0;
    line-height: 65px;
}

.news_list p {
    line-height: 25px;
    text-indent: 2em
}

.news_list h5 {}

.news_list h5 a {
    font-size: 16px;
    font-weight: bold;
}

.news_list h5 a:link {
    color: #414141;
    text-decoration: none;
}

.news_list h5 a:visited {
    color: #414141;
    text-decoration: underline;
}

.news_list h5 a:hover {
    color: #005e2e;
    font-weight: bold;
    text-decoration: none;
}

.news_list_border {
    width: 80px;
    height: 4px;
    background-color: #FFC007;
    margin-bottom: 15px;
}


#pagelist {
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
}

#pagelist a {
    border: 1px solid #CCC;
    padding: 6px;
}

#pagelist a:link {
    color: #414141;
    text-decoration: none;
}

#pagelist a:visited {
    color: #414141;
    text-decoration: underline;
}

#pagelist a:hover {
    color: #FFC007;
    font-weight: bold;
    text-decoration: none;
}

#pagelist b {
    border: 1px solid #CCC;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.news_content_time {
    background-color: #005e2e;
    width: 80px;
}

.news_content_time dt {
    font-size: 36px;
}

.news_content_text {
    text-align: left;
    font-size: 18px;
    line-height: 2;
    text-indent: 2em
}

.news_content_text p {
    margin: 10px;
}

.news_content_text img {
    width: 100%;
    margin: 10px auto
}

.news_content_xiangguan {
    padding: 10px
}

.news_content_xiangguan dt {
    padding: 20px
}

.news_content_xiangguan dd {
    padding: 5px 20px
}

.news_content_xiangguan dd a:link {
    color: #414141;
    text-decoration: none;
}

.news_content_xiangguan dd a:visited {
    color: #414141;
    text-decoration: underline;
}

.news_content_xiangguan dd a:hover {
    color: #005e2e;
    text-decoration: none;
}

.news_content_shangxia div {
    margin: 10px 0
}

.news_content_shangxia a:link {
    color: #414141;
    text-decoration: none;
}

.news_content_shangxia a:visited {
    color: #414141;
    text-decoration: underline;
}

.news_content_shangxia a:hover {
    color: #005e2e;
    text-decoration: none;
}

.about_container h3 {
    text-align: center;
    padding: 30px 0;
    border-bottom: #eee 1px solid;
    margin-bottom: 30px;
}

.about_container p {
    text-indent: 2em;
    margin: 25px 0;
    font-size: 18px;
    line-height: 1.8;
}

.about_container img {
    width: 100%
}

.pinpai_card img {
    width: 100%;
    /* 让图片宽度等于容器宽度 */
    height: 100%;
    /* 让图片高度等于容器高度 */
    object-fit: contain;
}

.licheng_line_bg {
    background-image: url(/static/images/licheng_line_bg.png);
    background-repeat: repeat-y;
    background-position: center;
    /* 这将使背景图片在容器中水平和垂直居中 */

}

.licheng_1px {
    margin-right: 1px
}

.licheng_text {
    margin: 0;
    padding: 0
}

.licheng_text p {
    margin: 10px 0;
    padding: 0;
    line-height1.6;
}


.btn-custom {

    padding: 6px 20px 6px 40px;
    /* 内边距 */

    text-decoration: none;
    /* 无文本装饰 */
    display: inline-block;
    /* 行内块级元素 */
    font-size: 16px;
    /* 字体大小 */

    cursor: pointer;
    /* 鼠标悬停时显示手形光标 */
    transition: padding 0.5s ease, background-color 0.5s ease;
}

.btn-custom:hover {
    padding: 6px 20px 6px 30px;
    /* 内边距 */
    background-color: #eff8f8;
    /* 鼠标悬停时的背景色 */
}

.btn-custom a:link {
    color: #414141;
    text-decoration: none;
    font-weight:bold;
    font-size: 14px;
    display:block;
}

.btn-custom a:visited {
    color: #414141;
    text-decoration: underline;
}

.btn-custom a:hover {
    color: #000000;
    text-decoration: none;
}

.nav_left_on {
    background-color: #eff8f8;
}

.nav_left_on a {
    color: rgba(15, 105, 54, 1) !important;
}

#news_content_text img {padding:0;margin: 10px 0;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

.news_content_text img {padding:0;margin: 10px 0;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}


.modal-body img {
  max-width: 100%; /* 图片的最大高度为其容器的100% */
  max-height: 100%; /* 图片的最大高度为其容器的100% */
  object-fit: contain; /* 保持图片的纵横比 */
}

.anchor_products {
    height: 60px;
    margin-top: -60px;
}

.anchor_pc {
    height: 76px;
    margin-top: -76px;
}

.anchor_m {
    height: 60px;
    margin-top: -60px;
}