/* CSS Document */
*{ padding:0px; margin:0px; outline: 0 none;}
a{ text-decoration:none; color:#666; transition:all 0.5s ease 0s;}
a:hover{ color:#e70012;}

img{ border:0px;}
select{font-family:"微软雅黑"; color:#666; font-size:12px;}
textarea{font-family:"微软雅黑"; color:#666; font-size:12px; outline: none;}
table{ border-collapse:collapse; border-spacing:0px;}
th,td{padding:0;}
input{ vertical-align:middle; outline:none; font-size:12px; font-family:"微软雅黑";}
.clearfix:before,.clearfix:after{ content:" "; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;}
.hidden { display: none; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size: inherit}
em,i{ font-style: normal;}
.fl{float:left;}
.fr{float:right;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

body{ }
ol, ul {
     padding-left: 0rem
}

/* 鼠标悬停时自动展开下拉菜单 */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* 移除默认的间距 */
}

/* 平滑动画（可选） */
.dropdown-menu {
    transition: all 0.3s ease;
}
.navbar-nav {
    
    --bs-nav-link-color:#000000;
    --bs-nav-link-hover-color: #bd3b46;
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
   
}
.top{ width:1200px; margin:0px auto; height:106px;}
.top span{ float:right;}
.top span a{ background:#bd3b46; display:inline-block; width:94px; height:36px; color:#fff; font-size:14px; line-height:36px; text-align:center; border-radius:3px; margin-right:30px; margin-top:40px;}

.divbanner {width:1200px;margin:0 auto}
.dh{ height:60px; background:#e3e3e3;}
.dh1{ width:1200px; margin:0px auto; height:60px;  position:relative; z-index:999;}
.dh1 .nLi{ float:left;  position:relative; display:inline;  }
.dh1 .nLi h3{ float:left;}
.dh1 .nLi h3 a{ display:block; color:#555; height:60px; width:280px; margin:0px 5px; font-size:16px; text-align:center; line-height:60px;}
.dh1 .nLi h3 a:hover{ background:#bd3b46; color:#fff;}
.dh1 .sub{ display:none; width:280px; left:5px; top:60px;  position:absolute; background:#797880;  line-height:26px; padding-top:5px; padding-bottom:10px;}
.dh1 .sub li{ zoom:1;}
.dh1 .sub a{ display:block; height:35px; font-size:13px; line-height:32px; text-align:center; color:#fff;}
.dh1 .sub a:hover{ color:#bd3b46;}
.dh1 .on h3 a{background:#bd3b46; color:#fff;}


.in_banner{ width:100%; height:610px; overflow:hidden; position:relative; min-width:1215px;}
.in_banner .bd{ position:relative; height:610px; overflow:hidden; width:100%; z-index:0;}
.in_banner .bd li{ width:100%; height:610px; zoom:1; vertical-align:middle; }
.in_banner .bd li a{ width:100%; height:610px; display:block;}
.in_banner .hd {position:absolute; width:100%; bottom:20px;}
.in_banner .hd ul{ width:1200px; margin:0px auto; text-align:center;}
.in_banner .hd ul li{width:18px; height:18px; text-indent:-9999px; margin-right:10px; background:#fff; display:inline-block; border-radius:15px; cursor:pointer;}
.in_banner .hd ul li.on{background:#bd3b46; width:18px; height:18px;}

.in_jjfa{ min-height:580px;}
.in_jjfa1{ width:1200px; margin:0px auto;}
.in_jjfa1 .bt{ text-align:center; padding-top:40px;}
.in_jjfa1 .bt h2{ background:url(../images/in_nrbj.png) no-repeat center; width:270px; font-size:22px; color:#333; height:30px; line-height:30px; margin:0px auto;}
.in_jjfa1 .bt h3{ font-size:35px; font-weight:bold; color:#000; padding-top:20px;}
.in_jjfa2{ padding-top:80px;}
.in_jjfa2 li{ width:25%; text-align:center; float:left;}
.in_jjfa2 li span{ display:block; font-size:25px; color:#333; padding:30px 0px;}
.in_jjfa .more{ padding-top:35px; text-align:center;}
.in_jjfa .more a{ display:inline-block; width:125px; height:35px; border:2px solid #999; border-radius:5px; text-align:center; font-size:14px; line-height:35px;}
.in_jjfa .more a:hover{ color:#fff; background:#e70012; border:2px solid #e70012;}

.in_product{ background:#e7e7e7;}
.in_product1{ width:1200px; margin:0px auto; padding-bottom:65px;}
.in_product1 .bt{ text-align:center; padding-top:40px;}
.in_product1 .bt h2{ background:url(../images/in_nrbj.png) no-repeat center; width:270px; font-size:22px; color:#333; height:30px; line-height:30px; margin:0px auto;}
.in_product2{ padding-top:70px;}
.in_product2 li{ float:left;}
.in_product2 li a{ width:300px; height:280px; overflow:hidden; display:block;}
.in_product2 li a img{ width:300px; height:280px; transition:all 0.5s ease 0s;}
.in_product .more{ padding-top:35px; text-align:center;}
.in_product .more a{ display:inline-block; width:125px; height:35px; border:2px solid #999; border-radius:5px; text-align:center; font-size:14px; line-height:35px;}
.in_product .more a:hover{ color:#fff; background:#e70012; border:2px solid #e70012;}

.in_news{ background:#fff;}
.in_news1{ width:1200px; margin:0px auto; padding-bottom:65px;}
.in_news1 .bt{ text-align:center; padding-top:40px;}
.in_news1 .bt h2{ background:url(../images/in_nrbj.png) no-repeat center; width:270px; font-size:22px; color:#333; height:30px; line-height:30px; margin:0px auto;}
.in_news2{ padding-top:70px;}
.in_news2 li{ float:left;}
.in_news2 li a{ width:300px; height:220px; overflow:hidden; display:block;}
.in_news2 li a img{ width:300px; height:220px; transition:all 0.5s ease 0s;}
.in_news .more{ padding-top:35px; text-align:center;}
.in_news .more a{ display:inline-block; width:125px; height:35px; border:2px solid #999; border-radius:5px; text-align:center; font-size:14px; line-height:35px;}
.in_news .more a:hover{ color:#fff; background:#e70012; border:2px solid #e70012;}


.di{ background:#484848; padding:30px 0px;}
.di1{ width:1200px; margin:0px auto; color:#fff;}
.di1 a{ color:#fff;}
.di1 a:hover{ text-decoration:underline;}
.di1 p{ line-height:22px;}
.di1_l{ width:675px;}
.di1_z{ width:350px;}
.di1_r span{ display:block;}


.ny_banner{ height:610px;}

.ny_dh{ width:1200px; margin:30px auto;}
.ny_dh1{ width:99px; height:115px; text-align:center; border:1px solid #dedede; background:#fff; font-size:16px; color:#666;}
.ny_dh1 a{ display:block; color:#fff; width:100%;}
.ny_dh1 img{ vertical-align:sub; margin-right:6px;}
.ny_dh2{ border:1px solid #dedede;}
.ny_dh2 a{ display:block; height:115px; line-height:115px; width:170px; font-size:16px; border:1px solid #dedede; margin-top:-1px; margin-bottom:-1px; margin-left:-1px; position:relative; float:left; padding:0px 6px;}
.ny_dh2 a span{ display:inline-block; width:87px; height:68px; border:1px solid #ddd; box-shadow: 1px 1px 3px #ccc; text-indent:0px; vertical-align:middle; margin-right:8px;}
.ny_dh2 a span img{ width:87px;}
.ny_dh2 a b{ display:inline-block; width:19px; height:19px; text-indent:0px; line-height:0px; vertical-align:middle; margin-right:5px; background:url(../images/neiye2_06.png) no-repeat;}
.ny_dh2 a:hover b{ background:url(../images/neiye2_06.png) no-repeat; color:#333;}
.ny_dh2 a.on b{ background:url(../images/neiye2_06.png) no-repeat;}
.ny_dh2 a:hover{ background:#bd3b46; color:#fff;}
.ny_dh2 a.on{ background:#bd3b46; color:#fff;}
.ny_dh2 a.qb:hover{ color:#666;}

.ny_dh2 a p{ display:inline-block; line-height:24px;}
.ny_dh2 a p em{ display:inline-block; height:30px;}
.ny_dh2 a p i{ display:block; background:url(../images/ppic.png) no-repeat 0px 5px; padding-left:22px; font-size:13px;}
.ny_dh2 a:hover p i{ background:url(../images/ppic1.png) no-repeat 0px 5px;}
.ny_dh2 a.on p i{ background:url(../images/ppic1.png) no-repeat 0px 3px;}

.about{ width:1200px; margin:0px auto; padding-bottom:40px; font-size:14px;}
.about p{ line-height:28px;}

.ny_search{ height:45px; width:1200px; margin:0px auto;}
.ny_search1{ height:45px; border:1px solid #dedede; width:600px;}
.ny_search1 .text{ height:45px; border:0px; font-size:14px; padding:0px 10px; line-height:45px; width:490px;}
.ny_search1 .anniu{ background:url(../images/neiye_03.jpg) no-repeat center; border:0px; width:80px; height:45px; cursor:pointer;}
.ny_search1 .anniu:hover{ background:url(../images/neiye_04.jpg) no-repeat center;}


.product_lb{ width:1200px; margin:0px auto; margin-top:35px; padding-bottom:35px;}
.product_lb ul{ width:1230px;}
.product_lb ul li{ background:#f6f6f6; float:left; width:225px; margin-right:19px;}
.product_lb ul li:hover{ background:#f0f0f0;}
.product_lb ul li span{ width:225px; height:210px; overflow:hidden; display:block;}
.product_lb ul li span img{ transition:all 0.5s ease 0s; width:225px; height:210px;}
.product_lb ul li p{ font-size:12px; padding:8px 15px; display:block; line-height:23px; color:#333;}
.product_lb ul li p img{ width:16px; vertical-align:middle; margin-right:6px;}

.product_lp{ width:1200px; margin:0px auto; margin-top:35px; padding-bottom:35px;}
.product_lp ul{ width:1230px;}
.product_lp ul li{ background:#f6f6f6; float:left; width:225px; margin-right:19px;height:320px;overflow: hidden;}
.product_lp ul li:hover{ background:#f0f0f0;}
.product_lp ul li span img{ transition:all 0.5s ease 0s; width:225px; }
.product_lp ul li p{ font-size:12px; padding:8px 15px; display:block; line-height:23px; color:#333;}
.product_lp ul li p img{ width:16px; vertical-align:middle; margin-right:6px;}

.product_lf{ 
    width:1200px; 
    margin:0 auto; 
    margin-top:35px; 
    padding-bottom:35px;
}
.product_lf ul{ 
    width:1200px;
    padding:0;
    margin:0;
    list-style:none;
}
.product_lf ul li{ 
    
    float:left; 
    width:23.5%; /* (100% - 3*20px)/4 */
    margin-right:20px;
    margin-bottom:20px;
    text-align:center;
    overflow:hidden;
    border-radius:4px;
}
.product_lf ul li:nth-child(4n){ 
    margin-right:0;
}
.product_lf ul li:hover{ 
    background:#fff;
}
.product_lf ul li span{ 
    display:block;
    width:100%;
    aspect-ratio: 1/1; /* 强制1:1正方形 */
    overflow:hidden;
}
.product_lf ul li span img{ 
    width:100%; /* 宽度100%填充 */
    height:100%; /* 高度100%填充 */
    object-fit: fill; /* 拉伸图片填满，可能变形 */
    display:block;
    transition:all 0.5s ease;
}
.product_lf ul li p{ 
    font-size:14px; 
    padding:8px 15px; 
    display:block; 
    line-height:23px; 
    color:#333;
}
.product_lf ul li p img{ 
    width:16px; 
    vertical-align:middle; 
    margin-right:6px;
}

.product_xx{ padding:30px 0px; width:1200px; margin:0px auto;}
.product_xx .bt{ border-bottom:1px dashed #ccc; padding-top:10px; padding-bottom:10px; font-size:24px; color:#555; text-align:center; margin-bottom:20px;}

/* play */
#play{width:640px; border:1px solid #eee; text-align:center; position:relative; overflow:hidden; margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span{background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;}
.img_hd {width:640px; background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img{height:60px;}
.img_hd ul li.on{border-color:rgb(231, 0, 18);}
.img_hd .bottom_a{background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}

.product_xx .nr{ padding:20px 0px 20px 0px; margin-top:30px; font-size:13px; border-top:1px dashed #999;}
.product_xx .nr img{ max-width:875px;}
.product_xx .nr p{ line-height:26px;}
.product_xx .nr table tr td{ padding:8px; line-height:22px;}

.fanhui{ padding-top:25px; text-align:center;}
.fanhui a{ display:inline-block; width:130px; height:35px; line-height:35px; color:#fff; text-align:center; background:#e70012; border-radius:3px;}


.news_lb{ width:1200px; margin:0px auto; margin-top:35px; padding-bottom:35px;}
.news_lb ul{ width:1230px;}
.news_lb ul li{ float:left; width:280px; margin-right:25px;}
.news_lb ul li .img{ width:280px; height:205px; overflow:hidden; display:block;}
.news_lb ul li .img img{ transition:all 0.5s ease 0s; width:280px; height:205px;}
.news_lb ul li h2 a{ display:block; color:#333; font-weight:bold; padding:5px 0px; font-size:14px; height:30px; line-height:30px; width:280px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news_lb ul li h2 a:hover{ color:#e70012;}
.news_lb ul li b{ font-weight:normal; font-size:12px; color:#888; display:block; padding-bottom:5px;}
.news_lb ul li p{ line-height:22px; color:#666;}
.news_lb ul li span{ display:block; padding:15px 0px;}
.news_lb ul li span img{ vertical-align:middle; margin-right:6px;}
.news_lb ul li span a{ color:#e70012;}
.news_lb ul li span a:hover{ text-decoration:underline;}


.news_xx{ padding:10px 0px; width:1200px; margin:0px auto; min-height:500px; background:#fff;}
.news_xx_bt{ border-bottom:1px dashed #ccc; padding-top:10px; padding-bottom:10px;}
.news_xx_bt h1{ display:block; font-size:24px; color:#555; line-height:30px; text-align:center; padding-bottom:8px;}
.news_xx_bt h2{ display:block; text-align:center; padding-top:4px; padding-left:10px;}

.news_xx_nr{ padding:20px; font-size:16px;}
.news_xx_nr img{ max-width:1160px;}
.news_xx_nr p{ line-height:26px;}

/*CSS sabrosus style pagination*/

DIV.sabrosus { padding:5px; MARGIN:25px 3px 3px 3px; TEXT-ALIGN: center; font-size:13px;}
DIV.sabrosus A { padding:5px 12px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}
DIV.sabrosus A:hover { padding:5px 12px; background:#e70012; color:#fff; border: #e70012 1px solid;}
DIV.pagination A:active { padding:5px 12px; background:#e70012; color:#fff; border: #e70012 1px solid;}
DIV.sabrosus SPAN.current { padding:5px 12px; background:#e70012; color:#fff; border: #e70012 1px solid; MARGIN-RIGHT:5px;}
DIV.sabrosus SPAN.disabled { padding:5px 12px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}
.pages
{
padding:5px; MARGIN:25px 3px 3px 3px; TEXT-ALIGN: center; font-size:13px;
}
.pages a, .pages .cpb
{
padding:5px 12px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;
}
.pages a:hover
{
padding:5px 12px; background:#e70012; color:#fff; border: #e70012 1px solid;
}
.pages .cpb
{
padding:5px 12px; background:#e70012; color:#fff; border: #e70012 1px solid; MARGIN-RIGHT:5px;
}

.truncate-2-lines {
  display: -webkit-box !important;          /* 使用旧版弹性盒子布局（必须） */
  -webkit-box-orient: vertical;  /* 垂直方向排列 */
  -webkit-line-clamp: 2;         /* 限制显示 2 行 */
  overflow: hidden;              /* 超出部分隐藏 */
  text-overflow: ellipsis;       /* 超出部分显示省略号 */
}