/* CSS Document */
.fl{float:left;}
.fr{float:right;}
body{font-family:微软雅黑;}
/*链接*/

	a.gu_more {FONT-FAMILY:微软雅黑; text-decoration: underline; color:#333399;}
	a.gu_more:hover {FONT-FAMILY:微软雅黑; text-decoration: underline; color:#535353;}

	/*整个网页超链接样式开始*/
	a {FONT-FAMILY:微软雅黑; text-decoration:none; color:#535353;}
	a:hover {FONT-FAMILY:微软雅黑; text-decoration:none; color:#333399;}
	/*链接结束*/
.hui{width:100%;}
.bai{margin:0 auto;background:#fff;}
.header{max-width:100%;margin: 0 auto;}
.top{height:125px;width:1170px;margin:0 auto;}
.logo{height:120px;width:250px;}
.logo img{width:450px;margin-top: 25px !important;}
.search{height:125px;width:220px;}
/* background:url(../image/nav.jpg) no-repeat top; */
.linkr{height:125px;}.nav{margin:0 auto;max-width:100%;}
.nav_con{width:100% !important; margin:0 auto;line-height:57px;height:57px;color:#FFF;background-color: #333399;}	
.pic{margin:0px auto 0 auto;width:100%;position:relative;}

ul{padding:0;margin:0 auto}
.main{width:1170px; margin:0 auto;}
/*左*/
.main-left{width:1170px;  float:left}
.xwyw{margin-bottom:20px;overflow: hidden;}
.tpxw{width:500px;height:340px;margin-right:20px;float:left;}
.jtyw{width:590px;height:340px; border:#e4e4e4 solid 1px;float:right;}
.jtyw-lm{width:92px;height:46px;float:left;}
.jtbo{ height:41px; border-bottom:#e4e4e4 solid 1px}
.jtyw-more{width:80px;height:46px;float:right;text-align: center;}
.jtyw-tt{width:580px;height:28px; float:left}
.jtyw-tt a{color:#333399;font-weight: bold;font-size:16px;}
.jtyw-lb{width:580px; float:left;margin-top: 5px;}
.bq{width:852px;border-left:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;border-right:#e4e4e4 solid 1px;float:left}
.bq-1{height:32px;border-top:#fff solid 1px;border-left:#fff solid 1px;padding-top: 15px;border-bottom:#e4e4e4 solid 1px;}
.bq-more{width:80px;float:right;font-size: 12px;}
.k{width:18px;float:left;padding-bottom: 14px;}
.col1{float:left;color:#333399;height:31px; border-bottom:#333399 solid 2px; font-weight:bold; margin-right:30px}
.col2{float:left;font-weight:bold;height:31px;  margin-right:30px}

.middle{height:251px;}
.lb7{width:852px;height:202px;border-left:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;border-right:#e4e4e4 solid 1px;float:left}
.lb7-7{width:828px;height:165px;border-left:#fff solid 1px;float:left;padding: 20px 0px 17px 20px;}


.main-bottom{flex: 1; height: 284px}
.bq1{width:852px;border-left:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;border-right:#e4e4e4 solid 1px;float:left}
.bq1-1{height:32px;border-top:#fff solid 1px;border-left:#fff solid 1px;border-right:#fff solid 1px; text-align: center;padding-top: 15px;border-bottom:#e4e4e4 solid 1px;}
.lb2{width:852px;height:236px;border-left:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;border-right:#e4e4e4 solid 1px;float:left}
.lb2-2{width: 833px;height:215px;border-left:#fff solid 1px;border-right:#fff solid 1px;float:left;padding:20px 0 0 24px;}
.k1{ width: 459px;float: left;padding-bottom: 14px;}
.yebk1{height:88px;margin-bottom:21px}
.yebk1-1{width:250px ;height:88px; float:left; margin-right:25px; background:url(../image/hui_1.jpg)}
.yebk1-1 a{width: 250px;height: 88px;display: block;}
.yebk1-1:hover{width:250px ;height:88px; float:left; margin-right:25px; background:url(../image/lan_1.jpg)}
.yebk1-2{width:250px ;height:88px; float:left;margin-right:25px; background:url(../image/hui_2.jpg)}
.yebk1-2 a{width: 250px;height: 88px;display: block;}
.yebk1-2:hover{width:250px ;height:88px; float:left; margin-right:25px; background:url(../image/lan_2.jpg)}
.yebk1-3{width:250px ;height:88px; float:left;background:url(../image/hui_3.jpg)}
.yebk1-3 a{width: 250px;height: 88px;display: block;}
.yebk1-3:hover{width:250px ;height:88px; float:left; background:url(../image/lan_3.jpg)}
.yebk2-1{width:250px ;height:88px; float:left; margin-right:25px;background:url(../image/hui_4.jpg)}
.yebk2-1 a{width: 250px;height: 88px;display: block;}
.yebk2-1:hover{width:250px ;height:88px; float:left; margin-right:25px; background:url(../image/lan_4.jpg) no-repeat}
.yebk2-2{width:250px ;height:88px; float:left;margin-right:25px;background:url(../image/hui_5.jpg)}
.yebk2-2 a{width: 250px;height: 88px;display: block;}
.yebk2-2:hover{width:250px ;height:88px; float:left; margin-right:25px; background:url(../image/lan_5.jpg)}
.yebk2-3{width:250px ;height:88px; float:left;background:url(../image/hui_7.jpg)}
.yebk2-3 a{width: 250px;height: 88px;display: block;}
.yebk2-3:hover{width:250px ;height:88px; float:left; background:url(../image/lan_7.jpg)}

.jdgc1{height:176px;}

/*经典工程======左右滚动样式*/
.bt_pic_gd{width:729px; height:176px; float:left; overflow:hidden; position:relative;}
.piclist{ width:747px; height:176px; position:relative;}
.piclist ul{ width:747px;  margin:0; padding:0;}
.piclist li{ float:left; width:232px; height:176px; margin-right:17px; position:relative; color:#FFF}
.piclist li:hover{color:#333399;}
.piclist li a{display:block; height:176px;}
.piclist li a img{width:232px; height:176px; margin:0; padding:0}
.piclist li .sp_font{ position:absolute; left:0; bottom:0px; background:url(../image/title_bj.png); display:block;width:212px;*+width:16px; height:35px; line-height:35px;padding-left:20px; text-align:left; font-size:14px;}
.swaplist{ position:absolute; left:-1860px; top:0px}
.prev1,.next1{ width:38px; height:67px; position:absolute; top:40px;  z-index:999; cursor:pointer; }
.prev1{ background:url(../image/bt_img_act_left.png) no-repeat; left:0px;}
.prev1:hover{ background:url(../image/bt_img_act_left2.png) no-repeat; left:0px;}

.next1{ background:url(../image/bt_img_act_right.png) no-repeat; position:absolute; top:40px; right:0px}
.next1:hover{ background:url(../image/bt_img_act_right2.png) no-repeat; position:absolute; top:40px; right:0px}


/*右*/
.main-right{width:301px; float:left}
.xxgk{width:299px ;height:245px; border:#e4e4e4 solid 1px;margin-bottom:19px}
.xxgk1{width:297px;border-left:#fff solid 1px;border-right:#fff solid 1px;float:left}
.xxgk1-1{width: 299px;height:32px;border-top:#fff solid 1px;float:left;text-align: center;}
.k3{ width: 61px; float: left;padding-bottom: 14px;}
.xxgklb2{width:297px;height:113px;border-left:#fff solid 1px;border-right:#fff solid 1px;float:left}
.xxgklb2-2{width:282px;height:91px;float:left;}
.qygg{width: 92px;
    height: 46px;
    float: left;}

.gpxx{width:299px; height:111px;border:#e4e4e4 solid 1px;margin-bottom:19px;}
.gpxx1{    float: left;width: 280px;padding-left: 20px;}


.ztzl{width:299px;height:204px;border:#e4e4e4 solid 1px;margin-bottom:20px;}
.ztzl1{width:297px;height:202px;border:#fff solid 1px;}
.ztzl1-lm{width:200px; float:left;}
.ztzl1-more{    width: 80px;float: right;font-size: 12px;}
.ztzl-lb{width:299px;height:168px; float:left;}
.coll1{ width:16px;height:8px;float:left;background:url(https://www.powerchina.cn/cms_files/webzhongguodianlijianshejituan/tplobject/defaultSet/3220/images/tb_03.jpg) no-repeat}
.coll2{ width:16px;height:8px;float:left; background:url(https://www.powerchina.cn/cms_files/webzhongguodianlijianshejituan/tplobject/defaultSet/3220/images/tb_05.jpg) no-repeat}



.kslj {
    width: 300px;
    height: 284px;
    border: 1px solid #e4e4e4;
    background: #fff;
    overflow: hidden;
}

.kslj1 {
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.kslj-lm {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.kslj-lm span {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.kslj-tp {
    width: 100%;
    /* margin: 8px 0; */
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
}

.kslj-tp img {
    width: 100%;
    height: auto;
    min-height: 55px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.kslj-tp:hover img {
    transform: scale(1.05);
}

.kslj-lb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.kslj-lb:last-child{
    position: relative;
    top: 8px;
}

.ksbbb1, .ksbbb2 {
    width: calc(50% - 5px);
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
}

.ksbbb1 {
    margin-right: 10px;
}

.ksbbb1 img, .ksbbb2 img {
    margin-right: 5px;
}

.ksbbb1 a, .ksbbb2 a {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.foot{max-width: 100%;min-height: 130px; margin: 0 auto;   background: #C1C5C4;}
.foot_cen{width: 1170px;
    height: auto;
    margin: 0 auto;
    text-align: center;}

.linkr{
    display: flex;
    align-items: center;
    position: relative;
    top: 5px;
}


.nav_cy{
    display: flex;
    gap: 20px;
}

/* 添加新的布局容器 */
.content-section {
    width: 1170px;
    margin: 20px auto;
}

/* 三栏布局容器 */
.three-column {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.column {
    flex: 1;
    background: #fff;
    border: 1px solid #e4e4e4;
    height:265px;
    width: 380px;
}

/* 标题栏统一样式 */
.section-header {
    height: 45px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    position: relative;
    padding-left: 12px;
}

.section-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background: #333399;
}

/* 图片新闻区域 */
.image-news {
    padding: 15px;
}

.image-news-item {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.image-news-pic {
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
}

.image-news-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.image-news-pic:hover img {
    transform: scale(1.05);
}

.image-news-info {
    flex: 1;
}

.image-news-title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.image-news-date {
    color: #999;
    font-size: 12px;
}

/* 通知公告区域 */
.notice-list {
    padding: 15px;
}

.notice-item {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.notice-item:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #333399;
    margin-right: 8px;
    border-radius: 50%;
}

.notice-link {
    flex: 1;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice-date {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
}

/* 专题专栏区域 */
.special-topics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 15px;
}

.topic-item {
    height: 85px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    transition: all 0.3s;
}

/* 专题专栏背景图自适应 */
.topic-item:nth-child(1),
.topic-item:nth-child(2),
.topic-item:nth-child(3),
.topic-item:nth-child(4) {
    background-position: center;
    background-size: 100% 100%; /* 修改这里，使背景图完全覆盖且不变形 */
    background-repeat: no-repeat;
}

/* 单独设置每个专题的背景图 */
.topic-item:nth-child(1) {
    background-image: url(../zt_Image/zt1.png);
}

.topic-item:nth-child(2) {
    background-image: url(../zt_Image/zt2.png);
}

.topic-item:nth-child(3) {
    background-image: url(../zt_Image/zt3.png);
}

.topic-item:nth-child(4) {
    background-image: url(../zt_Image/zt4.png);
}

/* hover效果 */
.topic-item:hover {
    transform: translateY(-2px);
    background-size: 105% 105%; /* hover时背景图稍微放大 */
    transition: all 0.3s ease;
}

/* 修改滚动图片区域自适应 */
.hxyw_t li {
    flex: 0 0 269px;
    position: relative;
    min-width: 269px;
    height: 160px;
    overflow: hidden;
    border-radius: 4px;
}

.hxyw_t li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hxyw_t li:hover img {
    transform: scale(1.05);
}

.hxyw_t li a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    padding: 15px 0;
    text-align: center;
}

.hxyw_t li a span {
    color: #fff;
    font-size: 14px;
}

/* 企业风采展示区域 */
.company-showcase {
    width: 1170px;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #e4e4e4;
}

.showcase-header {
    height: 45px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
}

.showcase-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    position: relative;
    padding-left: 12px;
}

.showcase-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background: #333399;
}

.showcase-content {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.showcase-item {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
}

.showcase-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.showcase-item:hover img {
    transform: scale(1.05);
}

.showcase-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    color: #fff;
}

.showcase-info h3 {
    font-size: 16px;
    margin: 0 0 5px;
}

.showcase-info p {
    font-size: 14px;
    margin: 0;
    opacity: 0.8;
}

/* 添加公司介绍内容样式 */
.company-content {
    display: none;
    padding: 20px;
    line-height: 1.8;
}

.company-content.active {
    display: block;
}

.company-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.company-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    text-indent: 2em;
}

.company-info {
    margin-top: 20px;
}

.info-item {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.info-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #333399;
    border-radius: 50%;
}

/* 修改左侧菜单样式 */
.li_tit a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
    border-left: 4px solid transparent;
}

.li_tit a:hover,
.li_tit a.active {
    color: #333399;
    background: #f5f5f5;
    border-left-color: #333399;
}