/* CSS Document */

body{ 
padding:px; 
margin:0px; 
font-size:14px; 
line-height:24px;
background:#f2f2f2; 
color:#666666; 
font-family: "΢���ź�";
word-break:break-word;
} 
ul, li{
list-style:none; 
list-style-type:none; 
padding:0px; 
margin:0px;
}
a { 
color:#666666; 
text-decoration:none
}
#mar { 
width:1000px; 
margin:0 auto;
}
#mar1200 { 
width:1200px; 
margin:0 auto;
}
#left { 
float:left
}
#right { 
float:right
}
#clear { 
clear:both
}
.blank10{ 
height:10px;  
}
.blank20 { 
height:20px;
}
.blank30 { 
height:30px;
}
@media only screen and (min-width: 321px) and (max-width: 1024px){
.flexslider{position:relative;height:470px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; width:120%; margin:0 auto }
}

.logo { 
float:left
}
.logob {
background:#FFFFFF;width:1200PX;
}
.logo1 { 
float:right;
height:40px;
line-height:20px;
padding-left:45px;
background:url(../img/icon/addr.jpg) left center no-repeat;
width:180px;
margin:20px 30px 0px 0px;
}
.logo2 { 
float:right;
background:url(../img/icon/telr.jpg) left center no-repeat; 
padding-left:45px; 
line-height:40px;
height:40px;
margin-top:20px;
}
.menu {
width:1200PX;
height:50px;
line-height:50px;
background:#e11b1c;
color:#FFFFFF;
font-size:16px;
}
.menu ul {
width:1200PX; margin:0 auto;
}


.nav{width:1200PX; height:50px; margin:0 auto;}
.nav li{
float:left; 
line-height:50px;  
color:#FFFFFF; 
font-size:16px; 
float:left;
width:125px;
text-align:center
}
.nav .last{border-right:none;}
.nav a {
	color:#FFFFFF;
	display:block;}
.nav a:hover { 
	display:block;
	color:#FFFFFF; 
	background:#cd0b0c;
	width:125px;
	text-align:center
}
/*��������*/
.nav ul{
	height:36px;
	display:none;
	background:#000000;}
.nav li:hover ul{display:block; position:absolute; width:125px; height:40px; top:154px; background:#e11b1c; z-index:20;}
.nav li:hover ul li{ border-bottom:#ffffff 1px solid; height:40px; line-height:40px; border-right:none; background: #e11b1c;}
.nav li:hover ul li:hover{ height:40px; line-height:40px; background:#cd0b0c}
/*��������*/
.banner{
	width:100%;
	height:auto;
}


/*banner*/
.flexslider{position:relative;height:470px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; }
.slides{position:relative;z-index:1;}
.slides li{height:470px;}
.slides li a{ width:1000px; height:470px; display:block; margin:0 auto}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*banner*/

.contleft { width:790px; background:#FFFFFF; float:left}
.contright { width:380px;  background:#FFFFFF; float: right}
.classname { width:750px; margin:0 auto; height:50px; line-height:50px; font-size:18px; color:#e11b1c}
.classname span{ margin-right:10px; font-weight:bold;}
.classname a { background:#f0f0f0; font-size:14px; width:60px; height:30px; display:block; text-align:center; line-height:30px;color:#e11b1c; margin-top:10px;}
.classnamed { width:340px; margin:0 auto;  height:50px; line-height:50px; font-size:18px; color:#e11b1c}
.classnamed span{ margin-right:10px; font-weight:bold;}
.firstnews {width:750px; margin:0 auto; border-bottom:#c8c8c8 dashed 1px;}
.imgbox { width:155px; height:115px; float:left; margin-bottom:20px;}
.imgbox img{width:155px; height:115px;}
.textbox { width:570px; float:right;}
.textbox h3{ background:url(../img/icon/qtb.png) left center no-repeat; height:40px; line-height:40px; padding-left:20px; font-weight:normal; color:#333333;}
.textbox h3 a{color:#333333;}
.textbox h3 a:hover { color:#e11b1c;}
.date { padding-left:20px;}


.news {width:750px; margin:0 auto;}
.news ul li{ border-bottom:#c8c8c8 dashed 1px; background:url(../img/icon/qtb.png) left center no-repeat; height:42px; line-height:42px; padding-left:20px; display:block}
.news ul li a { float:left}
.news ul li span{ float:right}
.news ul li a h3{ font-weight:normal; color:#333333; padding:0px; margin:0px;}
.news ul li  a:hover h3 { color:#e11b1c;}



.pubinfo { width:340px; margin:0 auto;}
.pubinfo  ul { margin-bottom:20px;}
.pubinfo  ul li { line-height:26px; margin-bottom:15px; }
.pubinfo  ul li a{ height:47px; line-height:47px; width:340px; display:block; background:#e11b1c; text-align:center; color:#FFFFFF; font-size:16px;border-radius:6px;}
#pubtext { padding: 0px; width:340px; height:468px; overflow-y:scroll; overflow-x:none; display:block;}
#pubtext  span{ color:#e11b1c}


.pubproj { width:1200px; margin:0 auto; background:#FFFFFF;}
.pubprojname { width:1160px; margin:0 auto; height:50px; line-height:50px; font-size:18px; color:#e11b1c; display:block}
.pubprojname  span{ border-bottom:#e11b1c solid 3px; float:left; background: #FFFFFF}
.pubprojname  a{ background:#f0f0f0; font-size:14px; width:60px; height:30px; display:block; text-align:center; line-height:30px;color:#e11b1c; margin-top:10px; float:right}
.pubprojlist{ width:1200px; margin-left:20px;}
.pubprojlist ul li{ width:265px; float:left; color:#333333; margin:15px 33px 15px 0px; height:257px;}
.pubprojlist ul li img { width:265px; height:140px;}
.pubprojlist ul li a{ width:265px; height:185px; line-height:45px; color:#e11b1c; display:block; font-size:16px;}
.jk { margin-right:30px; float:left}
.zm{ margin-right:30px; float:left}
.contact { float:right; width:352px; background:#FFFFFF; height:442px; }
.classnamec { width:312px; margin:0 auto;  height:50px; line-height:50px; font-size:18px; color:#e11b1c; margin-bottom:10px;}
.classnamec span{ margin-right:10px; font-weight:bold;}
.add { background:url(../img/icon/cont1.jpg) left center no-repeat; padding-left:45px; line-height:20px; height:37px; width:267px; margin:0 auto; margin-bottom:15px; } 
.tel { background:url(../img/icon/cont2.jpg) left center no-repeat; padding-left:45px; line-height:37px; height:37px; width:267px; margin:0 auto; margin-bottom:15px; }
.email { background:url(../img/icon/cont3.jpg) left center no-repeat; padding-left:45px; line-height:37px; height:37px; width:267px; margin:0 auto; margin-bottom:15px; } 
.peo { background:url(../img/icon/cont4.jpg) left center no-repeat; padding-left:45px; line-height:37px; height:37px; width:267px; margin:0 auto; margin-bottom:15px; }
.wx { width:312px; margin:0 auto;} 
.wx  ul li { width:156px; text-align:center; float:left; line-height:40px;}
.partner{ width:1200px; margin:0 auto; background:#FFFFFF;} 
.partnername { width:1160px; margin:0 auto; height:50px; line-height:50px; font-size:18px; color:#e11b1c; display:block}
.partnername  span{ border-bottom:#e11b1c solid 3px; float:left; background: #FFFFFF}
.partnername  a{ background:#f0f0f0; font-size:14px; width:60px; height:30px; display:block; text-align:center; line-height:30px;color:#e11b1c; margin-top:10px; float:right}
.partnerlist { width:1180px; margin-left:20px; margin-top:20px; margin-bottom:15px;}
.partnerlist ul li{ width:127px; margin-right:20px; float:left; margin-bottom:15px;}
.partnerlist ul li img { width:127px; height:50px;}
.foot { background:#404040; line-height:40px; width:1200px}
.footer { width:1200px; margin:0 auto; text-align:center; color:#CCCCCC; padding:20px 0px;}
.footer  a{ color:#FFFFFF;}


/**��ʽͨ��**/
.leftcont { width:260px; float:left; min-height:840px; background:#FFFFFF}
.rightcont { width:910px; float:right; min-height:840px; background:#FFFFFF }
.leftcontt { width:260px; float:left; min-height:1190px; background:#FFFFFF}
.rightcontt { width:910px; float:right; min-height:1190px; background:#FFFFFF }

.rightcont1 { width:850px; margin:0 auto;}
.title { background:url(../img/icon/tb.png) left center no-repeat; height:50px; line-height:50px; padding-left:30px; font-size:18px; color:#e11b1c; border-bottom:1px solid #ebebeb; margin-bottom:20px; width:820px }
.artcont { margin-bottom:20px;}
.conttitle h2 { height:70px; line-height:70px; text-align:center; padding:0px; margin:0px;  border-bottom:#ebebeb dashed 1px; }
.contdate { text-align:center; height:40px; line-height:40px; margin-bottom:15px;}
.contfenye { text-align:center; line-height:40px; }
/**��ʽͨ��**/

/**��ϵ����**/
.leftcont1 ul li{ border-bottom:1px solid #ebebeb; height:50px; line-height:50px;   }
.leftcont1 ul li:hover { background:#e11b1c; color:#FFFFFF}
.leftcont1 ul li a{ background:url(../img/icon/aboutus1.png) left center no-repeat; width:220px; margin-left:30px; padding-left:10px; display:block }
.leftcont1 ul li:hover a{background:url(../img/icon/aboutus.png) left center no-repeat; width:220px; margin-left:30px; padding-left:10px; display:block; color:#FFFFFF;}
#first { background:#e11b1c; color:#FFFFFF;}
#first  a{background:url(../img/icon/aboutus.png) left center no-repeat; width:220px; margin-left:30px; padding-left:10px; display:block; color:#FFFFFF; }
.cont { line-height:40px; font-size:16px;}
.cont  #right img { width:200px}
.ditu { width:850px; margin-top:30px; margin-bottom:30px}
/**��ϵ����**/

/**�����б�**/
.newslist {width:850px; margin:0 auto; margin-bottom:30px;}
.newslist ul li{ border-bottom:#c8c8c8 dashed 1px; background:url(../img/icon/qtb.png) left center no-repeat; height:58px; line-height:58px; padding-left:20px; display:block}
.newslist ul li a { float: left; }
.newslist ul li span { float: right; }
.newslist ul li a h3 {
  font-weight: normal;
  color: #333333;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.newslist ul li a:hover h3 {
  color: #e11b1c;
}
/**新闻列表**/

.projlist{ width:877px; margin:0 auto;}
.projlist ul li{ width:265px; float:left; color:#333333; margin:15px 13px 15px 14px; height:257px;}
.projlist ul li img { width:265px; height:140px; border:1px #CCCCCC solid;}
.projlist ul li a{ width:265px; height:185px; text-align:center; line-height:45px; color:#e11b1c; display:block; font-size:16px;}



.partner1 { width:870px; margin:0 auto;}
.partner1 ul li{ width:127px; margin:0px 9px 15px 9px; float:left;}
.partner1 ul li img { width:127px; height:50px;}



.jjlist  { width:866px; margin:0 auto}
.jjlist  ul li { float:left; width:156px; margin:10px 8px 30px 8px; height:156px; display:block}
.jjlist  ul li:hover { background:#e2e2e2}
.jjlist  ul li  img { width:156px ; height:156px;} 

.lishi { width:850px; margin:0 auto; margin-bottom:30px; }
.lishil { float:left; width:200px; }
.lishil img{ width:200px; height:190px;}
.lishir { float:right; width:850px;}
.lishirt a{  font-size:18px; color:#e11b1c; line-height:40px;}
.lishirc { line-height:28px;}
.lishira a{height:40px; line-height:40px; width:120px; display:block; background:#e11b1c; text-align:center; color:#FFFFFF; font-size:14px;border-radius:6px; margin-top:8px;}

/* 菜单样式优化 */
.active-menu-item {
    background: #e11b1c !important;
    padding-left: 0px !important;
}

.menu-title {
    width: 260px;
    background-image: none;
    padding-left: 0px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    margin: 0px;
    display: block;
}

/* 分页容器样式 */
.pagination-container {
    text-align: right;
    margin: 20px 0;
}

/* 发布时间样式 */
.publish-time {
    color: #e11b1c;
}

/* 文字截断样式 - 8个字符后显示省略号 */
.text-truncate-8 {
    display: inline-block;
    max-width: 8em; /* 8个字符的宽度 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

/* 左侧菜单链接文字截断 */
.leftcont1 ul li a {
    display: block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px; /* 为省略号留出空间 */
}

/* 新闻列表标题截断 */
.newslist ul li a h3.text-truncate-8 {
    max-width: 600px; /* 根据容器宽度调整 */
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 响应式文字截断 */
@media (max-width: 768px) {
    .text-truncate-8 {
        max-width: 6em; /* 移动端减少到6个字符 */
    }
    
    .leftcont1 ul li a {
        max-width: 180px;
    }
    
    .newslist ul li a h3.text-truncate-8 {
        max-width: 400px;
    }
}

@media (max-width: 480px) {
    .text-truncate-8 {
        max-width: 4em; /* 小屏幕减少到4个字符 */
    }
    
    .leftcont1 ul li a {
        max-width: 150px;
    }
    
    .newslist ul li a h3.text-truncate-8 {
        max-width: 300px;
    }
}

/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 20px 0;
    gap: 5px;
}

.pagination li {
    display: inline-block;
    margin: 0 2px;
}

.pagination li a,
.pagination li span {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 14px;
    min-width: 40px;
    text-align: center;
    line-height: 1.4;
}

.pagination li a:hover {
    background: #e11b1c;
    color: #fff;
    border-color: #e11b1c;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(225, 27, 28, 0.3);
}

.pagination li.active span {
    background: #e11b1c;
    color: #fff;
    border-color: #e11b1c;
    font-weight: bold;
}

.pagination li.disabled span {
    color: #ccc;
    background: #f5f5f5;
    border-color: #e5e5e5;
    cursor: not-allowed;
}

.pagination li:first-child a,
.pagination li:last-child a {
    font-weight: bold;
    font-size: 16px;
}

/* 省略号样式 */
.pagination li.ellipsis span {
    background: none;
    border: none;
    color: #999;
    cursor: default;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .pagination {
        flex-wrap: wrap;
        gap: 3px;
    }
    
    .pagination li a,
    .pagination li span {
        padding: 6px 8px;
        font-size: 12px;
        min-width: 32px;
    }
    
    .pagination li {
        margin: 0 1px;
    }
}

@media (max-width: 480px) {
    .pagination {
        justify-content: flex-start;
        overflow-x: auto;
        padding: 10px 0;
        white-space: nowrap;
    }
    
    .pagination li {
        flex-shrink: 0;
    }
    
    .pagination li a,
    .pagination li span {
        padding: 4px 6px;
        font-size: 11px;
        min-width: 28px;
    }
}