/*全局样式*/

html{overflow-x: hidden;}

body {
    margin: 0;
    padding: 0;
    width: 100%; /* 确保页面宽度自适应 */
}


img {
    max-width: 100%; /* 图片宽度不会超出容器 */
    height: auto;
}
.wrapper{width:1300px;}
.wrap-white{width:100%; padding:60px 0; background:#fff;}
.wrap-gray{width:100%; padding:60px 0; background:#f7f7f7;}

/*头部样式*/

#header{height:98px;}
#logo{left:0; top:22px;}
#logo img{width:116px; height:auto;}
#nav{right:0; top:0;}
#nav ul li{position:relative; float:left; height:98px; line-height:98px; margin-left:60px; font-size:16px;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block; color:#434343;}
#nav ul li i{position:absolute; left:50%; right:50%; bottom:26px; display:block; height:2px; background:#1343bf;}
#nav ul li:hover > a{color:#1343bf;}
#nav ul li.active > a{color:#1343bf;}
#nav ul li.active > i{left:4px; right:4px;}
#nav ul li:hover ul{display:block;}
#nav ul li ul{position:absolute; left:-42px; right:-42px; top:98px; display:none; padding:14px 0; background:#1343bf; z-index:999;}
#nav ul li ul li{float:none; margin-left:0; height:42px; line-height:42px; text-align:center;}
#nav ul li ul li a{color:rgba(255,255,255,.86);}
#nav ul li ul li:hover a{color:#fff;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:786px;}
#banner-img ul li{float:left; overflow:hidden;}
#banner-img ul li a{display:block;}
#banner-btn{left:50%; bottom:50px; transform:translateX(-50%); height:8px; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center;}
#banner-btn dl dd{width:8px; height:8px; margin:0 8px; background:#fff; border-radius:4px; cursor:pointer;}
#banner-btn dl dd.on{background:#1343bf;}
#prev,#next{top:50%; transform:translateY(-50%); display:none; width:50px; height:50px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.8;}
#prev{left:60px; background-image:url(img/prev.png);}
#next{right:60px; background-image:url(img/next.png);}
#prev:hover,#next:hover{opacity:1;}

.title h3{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-transform:uppercase; color:#d5d5d5; overflow:hidden;}
.title h2{height:36px; line-height:36px; margin-top:8px; font-size:34px; color:#444; overflow:hidden;}

#wrap-about{width:100%; padding:60px 0; background:url(img/about-bg.jpg) no-repeat top center; background-size:cover;}

#about{margin-top:50px;padding:40px 40px 30px 40px;;}

#about .fl{width:512px; height:362px; overflow:hidden;}

#about .fl video{display:block; width:512px; height:362px; object-fit:fill;}

#about .fr{width:668px; height:362px; overflow:hidden;}

#about-text{height:210px; line-height:30px; font-size:14px; color:#565656; overflow:hidden;}


#number{height:130px; margin-top:22px;}

#number dl{display:flex;}

#number dl dd{width:166px; height:120px; padding:22px 0 28px 0; border:1px solid #e1e1e1; border-left:none; text-align:center; cursor:pointer; overflow:hidden;}

#number dl dd:first-child{width:165px; border-left:1px solid #e1e1e1;}

#number dl dd h3{height:50px; line-height:50px; font-size:48px; font-family:'Arial'; color:#1343bf; overflow:hidden;}

#number dl dd h3 em{margin-left:4px; font-size:24px;}

#number dl dd h4{height:16px; line-height:16px; margin-top:12px; font-size:14px; color:#565656; overflow:hidden;}

#number dl dd:hover h4{color:#1343bf;}



#business {
    margin-top: 50px;
    padding: 0 2px;
}
#business dl dd {
    position: relative;
    float: left;
    width: 323px;
    height: 500px;
    overflow: hidden;
}
#business dl dd img {
    width: 100%;
    max-width: none;
    height: 560px;
}
#business dl dd span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background: rgba(53, 106, 250, .6);
}
#business dl dd section {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    overflow: hidden;
}
#business dl dd section h4 {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
    overflow: hidden;
}
#business dl dd section h3 {
    height: 22px;
    line-height: 22px;
    margin-top: 14px;
    font-size: 20px;
    overflow: hidden;
}
#business dl dd:hover span {
    display: block;
}
#business dl dd:hover section {
    color: #fff;
}

#wrap-exhibition{width:100%; padding:60px 0; background:url(img/exhibition-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-exhibition .title h3{color:#c5c5c5;}
#exhibition{margin-top:50px;}
#exhibition-info{display:flex; justify-content:space-between; align-items:center; height:30px; overflow:hidden;}
#exhibition-title{width:1140px; height:30px; overflow:hidden;}
#exhibition-title dl dd{position:relative; float:left; width:340px; height:20px; line-height:20px; margin-right:60px; font-size:17px; color:#464646;/* white-space:nowrap; text-overflow:ellipsis; */cursor:pointer; overflow:hidden;}
#exhibition-title dl dd:last-child{margin-left:0;}
#exhibition-title dl dd:hover{color:#1343bf;}
#exhibition-title dl dd.on{box-sizing:border-box; padding-left:20px; color: #1343bf;}
#exhibition-title dl dd.on::before{position:absolute; left:0; top:4px; width:10px; height:10px; border:1px solid #1343bf; border-radius:50%; content:'';}
#exhibition-btn{display:flex; justify-content:space-between; width:80px; height:30px; overflow:hidden;}
#exhibition-btn span{width:30px; height:30px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#exhibition-btn span#e-prev{background-image:url(img/prev1.png);}
#exhibition-btn span#e-next{background-image:url(img/next1.png);}
#exhibition-btn span#e-prev:hover{background-image:url(img/prev1-h.png);}
#exhibition-btn span#e-next:hover{background-image:url(img/next1-h.png);}
#exhibition-item{height:498px; margin-top:24px; padding:50px; background:rgba(255,255,255,.6); overflow:hidden;}
#exhibition-item ul{height:498px; overflow:hidden;}
#exhibition-item ul li{float:left; width:100%; height:498px; overflow:hidden;}
#exhibition-item ul li .fl{position:relative; width:402px; height:458px; padding:20px 0; overflow:hidden;}
#exhibition-item ul li .fl h2{height:26px; line-height:26px; font-size:24px; text-transform:uppercase; font-weight:bold; color:#525252; overflow:hidden;}
#exhibition-item ul li .fl h3{ line-height:24px; margin-top:16px; font-size:18px; color:#525252; margin-bottom: 8px; }
#exhibition-item ul li .fl p{height:270px; line-height:30px; margin-top:32px; font-size:14px; color:#525252; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; overflow:hidden;}
#exhibition-item ul li .fl h4{position:absolute; right:0; bottom:20px; width:114px; height:44px; overflow:hidden;}
#exhibition-item ul li .fl h4 span{display:block; width:108px; height:38px; line-height:38px; border:1px solid #d1d1d1; font-size:12px; text-align:center; color:#525252; overflow:hidden;}
#exhibition-item ul li .fl h4 em{position:absolute; right:0; bottom:0; display:block; width:108px; height:38px; line-height:38px; border:1px solid #d1d1d1;}
#exhibition-item ul li .fr{width:748px; height:498px; overflow:hidden;}
#exhibition-item ul li .fr img{width:748px; max-width:none; height:498px;}
#exhibition-item ul li:hover .fl h2,#exhibition-item ul li:hover .fl h3{color:#1343bf;}
#exhibition-item ul li:hover h4 span{border-color:#1343bf; color:#1343bf;}
#exhibition-item ul li:hover h4 em{border-color:#1343bf;}

.wrap-white.nb{padding-bottom:0;}

#case {
    width: 100%;
    padding: 20px 0;
    background-color: #f9f9f9; /* 背景色 */
}

#case-item ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: space-between; /* 确保元素均匀分布 */
}

#case-item ul li {
    flex: 1 1 25%; /* 每个项目占 25%，并减去间距 */
    position: relative;
    box-sizing: border-box;
}

#case-item ul li a {
    display: block;
    position: relative;
}

#case-item ul li img {
    width: 100%;
    height: 370px; /* 控制图片高度 */
}

#case-item ul li .zhezhao {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(38, 75, 178, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
}

#case-item ul li:hover .zhezhao {
    opacity: 1;
}

#case-item ul li .zhezhao section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    width: 100%;
    padding: 10px;
}

#case-item ul li .zhezhao section h3 {
    font-size: 16px;
    margin: 0;
}

#case-item ul li .zhezhao section h4 {
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.clear {
    clear: both;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    #case-item ul li {
        flex: 1 1 calc(33.333% - 20px); /* 屏幕较小，显示 3 个 */
    }
}

@media (max-width: 768px) {
    #case-item ul li {
        flex: 1 1 calc(50% - 20px); /* 屏幕更小，显示 2 个 */
    }
}

@media (max-width: 480px) {
    #case-item ul li {
        flex: 1 1 100%; /* 屏幕最小，显示 1 个 */
    }
}




#news{margin-top:50px;}
#news ul{margin:-50px 0 0 -50px;}
#news ul li{float:left; width:400px; height:360px; margin:50px 0 0 50px; overflow:hidden;}
#news ul li span{display:block; width:400px; height:230px; overflow:hidden;}
#news ul li img{width:400px; max-width:none; height:230px;}
#news ul li h3{height:16px; line-height:16px; margin-top:30px; font-size:14px; color:#363636; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news ul li i{display:block; width:100%; height:1px; margin-top:15px; background:#d1d1d1;}
#news ul li p{position:relative; height:52px; line-height:26px; margin-top:16px; font-size:12px; color:#565656; overflow:hidden;}
#news ul li p em{position:absolute; right:0; bottom:0; display:block; height:26px; line-height:26px; padding-left:24px; background:#fff; font-size:12px; transform:scale(0.83); text-transform:uppercase; color:#1343bf; overflow:hidden;}
#news ul li:hover h3,#news ul li:hover p{color:#1343bf;}
#news ul li:hover i{background:#1343bf;}

#news-more{width:148px; height:38px; line-height:38px; margin:50px auto 0 auto; border:1px solid #d1d1d1; border-radius:20px; font-size:13px; text-align:center; overflow:hidden;}
#news-more a{display:block; color:#565656;}
#news-more:hover{border-color:#1343bf;}
#news-more:hover a{color:#1343bf;}

#wrap-partner{width:100%; padding:60px 0; background:url(img/partner-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-partner .title h3{color:rgba(255,255,255,.8);}

#wrap-partner .title h2{color:#fff;}


#partner{margin-top:40px;}
#partner-item{height:352px; overflow:hidden;}
#partner-item ul li{float:left; width:1300px; height:352px; overflow:hidden;}
#partner-item ul li dl{margin:-20px 0 0 -20px;}
#partner-item ul li dl dd{float:left; width:244px; height:104px; margin:20px 0 0 20px; cursor:pointer; overflow:hidden;}
#partner-item ul li dl dd img{width:244px; max-width:none; height:104px; overflow:hidden;}
#partner-btn{height:8px; margin-top:40px; overflow:hidden;}
#partner-btn dl{display:flex; justify-content:center;}
#partner-btn dl dd{width:8px; height:8px; margin:0 8px; background:rgba(255,255,255,.5); border-radius:4px; cursor:pointer;}
#partner-btn dl dd.on{background:#fff;}

/*内页样式*/

#lm-banner{width:100%; height:614px; background-repeat:no-repeat; background-position:center; background-size:cover;}


.wrap-white.pt{padding-top:20px;}

#menu{height:36px; border-bottom:1px solid #d1d1d1;}

#menu dl{display:flex;}

#menu dl dd{height:36px;  margin-left:20px; font-size:18px;}

#menu dl dd:first-child{margin-left:0;}

#menu dl dd a{display:block; padding:0 20px; color:#565656;}

#menu dl dd:hover a{color:#1343bf;}

#menu dl dd.active{position:relative;}

#menu dl dd.active i{position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#1343bf; z-index:99;}

#menu dl dd.active a{color:#1343bf;}



#pageinfo{display:flex; justify-content:center; margin-top:60px;}
#pageinfo a{display:block; min-width:12px; height:36px; line-height:36px; margin:0 5px; padding:0 12px; background:#fff; border:1px solid #d1d1d1; font-size:12px; color:#666;}
#pageinfo a:hover{border-color:#1343bf; color:#1343bf;}
#pageinfo a.info{border-color:#d1d1d1; color:#999;}
#pageinfo a.active{background:#1343bf; border-color:#1343bf; color:#fff;}
#pageinfo span{height:38px; line-height:38px; margin:0 5px; font-size:12px; color:#666;}


#advantage{margin-top:50px;}
#advantage dl{display:flex;}
#advantage dl dd{width:20%; height:364px; padding:36px 30px 30px 30px; border:1px solid #d1d1d1; border-right:none; cursor:pointer; overflow:hidden; text-align: center;}
#advantage dl dd:last-child{width:298px; border-right:1px solid #d1d1d1;}
#advantage dl dd em{display:block; width:92px; height:92px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#advantage dl dd em.adv-icon1{background-image:url(img/adv-icon1.png);}
#advantage dl dd em.adv-icon2{background-image:url(img/adv-icon2.png);}
#advantage dl dd em.adv-icon3{background-image:url(img/adv-icon3.png);}
#advantage dl dd em.adv-icon4{background-image:url(img/adv-icon4.png);}
#advantage dl dd em.adv-icon5{background-image:url(img/adv-icon5.png);}
#advantage dl dd h3{height:18px; line-height:18px; margin-top:28px; font-size:16px; font-weight:bold; text-align:center; color:#000a1a; overflow:hidden;}
#advantage dl dd p{height:112px; line-height:28px; margin-top:14px; font-size:14px; color:#000a1a; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
#advantage dl dd:hover{border-color:#1343bf;}
#advantage dl dd:hover + dd{border-left-color:#1343bf;}
/* #advantage dl dd:hover em.adv-icon1{background-image:url(img/adv-icon1-h.png);}
#advantage dl dd:hover em.adv-icon2{background-image:url(img/adv-icon2-h.png);}
#advantage dl dd:hover em.adv-icon3{background-image:url(img/adv-icon3-h.png);}
#advantage dl dd:hover em.adv-icon4{background-image:url(img/adv-icon4-h.png);}
#advantage dl dd:hover em.adv-icon5{background-image:url(img/adv-icon5-h.png);} */
#advantage dl dd:hover h3{color:#1343bf;}

#wrap-honor{width:100%; padding:60px 0 60px 0; background:url(img/honor-bg.jpg) no-repeat bottom center; background-size:cover;}
#honor {margin-top: 60px;}
#honor dl {display: flex;flex-wrap: wrap; justify-content: space-between; gap: 20px; }
#honor dl dd {cursor: pointer;width: calc(16% - 20px);margin: 0;}
#honor dl dd img {width: 100%;height: auto;}
#honor .portrait {
    width: calc(16.66% - 20px);  /* 竖版证书每行6个 */
}

#honor .landscape {
    width: calc(24% - 20px)  /* 横版证书每行4个 */
}

#wrap-map{width:100%; padding:120px 0 140px 0; background:url(img/map-bg.jpg) no-repeat top center; background-size:cover;}
#map h2{height:36px; line-height:36px; font-size:34px; font-style:italic; text-align:center; color:#fff;}
#map section{margin-top:120px;}
#map section h3{height:28px; line-height:28px; font-size:26px; text-align:center; color:#fff; overflow:hidden;}
#map section dl{display:flex; justify-content:center; margin-top:60px;}
#map section dl dd{margin:0 14px; text-align:center; color:#fff;}
#map section dl dd i{display:block; width:26px; height:38px; margin:0 auto; background:url(img/map.png) no-repeat center;}
#map section dl dd h4{height:18px; line-height:18px; margin-top:20px; font-size:16px; overflow:hidden;}
#map section dl dd h5{height:22px; line-height:22px; margin-top:8px; font-size:14px; overflow:hidden;}
#map section dl dd em{display:block; height:18px; line-height:18px; margin-top:58px; font-size:16px; overflow:hidden;}

#culture{margin-top:40px;}
#culture h2{height:32px; line-height:32px; font-size:30px; text-align:center; color:#1343bf; overflow:hidden;}
#culture-item{margin-top:50px;}
#culture-item .fl,#culture-item .fr{width:620px;}
#culture-item dl dd{margin-top:28px; padding-left:54px; background-repeat:no-repeat; background-position:left top; cursor:pointer; overflow:hidden;}
#culture-item dl dd.c-icon1{background-image:url(img/c-icon1.png);}
#culture-item dl dd.c-icon2{background-image:url(img/c-icon2.png);}
#culture-item dl dd.c-icon3{background-image:url(img/c-icon3.png);}
#culture-item dl dd.c-icon4{background-image:url(img/c-icon4.png);}
#culture-item dl dd:first-child{margin-top:0;}
#culture-item dl dd h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#444; overflow:hidden;}
#culture-item dl dd p{line-height:30px; margin-top:12px; font-size:14px; color:#444; overflow:hidden;}
#culture-item dl dd:hover h3{color:#1343bf;}

#video{margin-top:50px;}
#video-item{height:310px; overflow:hidden;}
#video-item ul li{float:left; width:404px; height:310px; margin-right:44px; overflow:hidden;}
#video-item ul li span{position:relative; display:block; width:404px; height:274px; overflow:hidden;}
#video-item ul li img{width:404px; max-width:none; height:274px;}
#video-item ul li span em{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:50px; height:50px; background:url(img/video.png) no-repeat center;}
#video-item ul li h3{height:16px; line-height:16px; margin-top:20px; font-size:14px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#video-item ul li:hover h3{color:#1343bf;}
#v-prev,#v-next{top:121px; width:18px; height:32px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#v-prev{left:-48px; background-image:url(img/prev2.png);}
#v-next{right:-48px; background-image:url(img/next2.png);}
#v-prev:hover{background-image:url(img/prev2-h.png);}
#v-next:hover{background-image:url(img/next2-h.png);}

/*核心业务*/

#exh-plan{margin-top:30px;}
#exh-plan section{line-height:32px; font-size:14px; text-align:center; color:#565656; overflow:hidden;}
#exh-plan img{width:1300px; height:354px; margin-top:40px;}

#wrap-service{width:100%; padding:60px 0; background:url(img/service-bg.jpg) no-repeat top center; background-size:cover;}
#exh-service{margin-top:30px;}
#exh-service section{line-height:32px; font-size:14px; text-align:center; color:#565656; overflow:hidden;}
#exh-service dl{display:flex; justify-content:space-between; margin-top:40px;}
#exh-service dl dd{width:424px; height:306px; cursor:pointer; overflow:hidden;}
#exh-service dl dd img{width:424px; max-width:none; height:306px;}

#wrap-design{width:100%; padding:60px 0; background:url(https://www.boyue-cc.com/templates/default/css/img/design-bg.jpg) no-repeat top center; background-size:cover;}
#exh-design{display:flex; justify-content:space-between; align-items:center; margin-top:50px;}
#exh-design section{width:528px; line-height:30px; font-size:14px; color:#565656;}
#exh-design section p{margin-top:10px;}
#exh-design section p:first-child{margin-top:0;}
#exh-design img{width:712px;}

#wrap-digital{width:100%; padding:60px 0; background:url(img/digital-bg.jpg) no-repeat top center; background-size:cover;}
#exh-digital{margin-top:30px;}
#exh-digital section{line-height:32px; font-size:14px; text-align:center; color:#565656; overflow:hidden;}
#exh-digital .fl{width:674px; height:360px; margin-top:40px; overflow:hidden;}
#exh-digital .fl span{display:block; width:674px; height:234px; cursor:pointer; overflow:hidden;}
#exh-digital .fl span img{width:674px; max-width:none; height:234px;}
#exh-digital .fl dl{display:flex; justify-content:space-between; height:116px; margin-top:10px; overflow:hidden;}
#exh-digital .fl dl dd{width:218px; height:116px; cursor:pointer; overflow:hidden;}
#exh-digital .fl dl dd img{width:218px;	max-width:none; height:116px;}
#exh-digital .fr{width:616px; height:360px; margin-top:40px; cursor:pointer; overflow:hidden;}
#exh-digital .fr img{width:616px; max-width:none; height:360px;}

#wrap-brand{width:100%; padding:60px 0; background:url(img/brand-bg.jpg) no-repeat top center; background-size:cover;}
#exh-brand{margin-top:30px;}
#exh-brand section{line-height:32px; font-size:14px; text-align:center; color:#565656; overflow:hidden;}
#exh-brand dl{display:flex; justify-content:space-between; margin-top:40px;}
#exh-brand dl dd{width:316px; height:202px; cursor:pointer; overflow:hidden;}
#exh-brand dl dd img{width:316px; max-width:none; height:202px;}

/*经典案例*/

#case-list{margin-top:50px;}
#case-list ul{margin:-44px 0 0 -44px;}
#case-list ul li{float:left; width:404px; height:350px; margin:44px 0 0 44px; box-shadow:0 0 12px #e1e1e1; overflow:hidden;}
#case-list ul li span{position:relative; display:block; width:404px; height:240px; overflow:hidden;}
#case-list ul li img{width:404px; max-width:none; height:240px;}
#case-list ul li span em{position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:#1344bf91;}
#case-list ul li section{position:relative; height:50px; padding:30px; overflow:hidden;}
#case-list ul li section h3{height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li section h4{display:flex; justify-content:space-between; height:14px; line-height:14px; margin-top:20px; font-size:12px; overflow:hidden;}
#case-list ul li section h4 p{flex:1; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li section h4 em{display:block; margin-left:24px; color:#999;}
#case-list ul li:hover span em{display:block;}
#case-list ul li:hover section h3{color:#1343bf;}
#case-list ul li:hover section h4 em{color:#1343bf;}
#case-list ul li:hover section i{position:absolute; left:0; right:0; bottom:0; height:1px; background:#1343bf;}

#case-detail{margin-top:50px;}
#case-detail .fl{width:788px; line-height:200%; font-size:14px; color:#464646; overflow:hidden;}
#case-detail .fl img{display:inline-block; vertical-align:middle;}
#case-detail .fr{width:462px; overflow:hidden;}
#case-text{margin-top:40px;}
#case-text h3{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; color:#1343bf; overflow:hidden;}
#case-text section{line-height:30px; margin-top:20px; font-size:14px; color:#464646;}
#case-text section p{margin-top:14px;}
#case-text section p:first-child{margin-top:0;}
#case-info{margin-top:50px;}
#case-info dl dd{margin-top:40px;}
#case-info dl dd:first-child{margin-top:0;}
#case-info dl dd h3{height:18px; line-height:18px; font-size:16px; color:#1343bf; overflow:hidden;}
#case-info dl dd h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#464646; overflow:hidden;}

/*新闻动态*/

#news-list ul li{position:relative; height:336px; padding:50px 0;}
#news-list ul li span{position:absolute; right:0; top:50px; display:block; width:412px; height:236px; z-index:99; overflow:hidden;}
#news-list ul li img{width:412px; max-width:none; height:236px;}
#news-list ul li section{position:absolute; left:0; right:452px; top:94px; height:148px; z-index:99; overflow:hidden;}
#news-list ul li section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section h4{height:14px; line-height:14px; margin-top:24px; font-size:12px; font-style:italic; color:#464646; overflow:hidden;}
#news-list ul li section p{height:60px; line-height:30px; margin-top:30px; font-size:14px; color:#565656; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li section h5{display:none; width:96px; height:36px; line-height:36px; margin-top:32px; background-color:#1343bf; font-size:12px; text-transform:uppercase; text-align:center; color:#fff; overflow:hidden;}
#news-list ul li i{position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#d1d1d1;}
#news-list ul li:hover section{top:60px; height:216px;}
#news-list ul li:hover section h3{color:#1343bf;}
#news-list ul li:hover section h5{display:block;}
#news-list ul li:hover i{left:-310px; right:-310px;}
#news-list ul li:hover em{position:absolute; left:-310px; right:-310px; top:-1px; bottom:0; background:#f4f4f4; border-top:1px solid #e1e1e1;}

#news-detail{line-height:200%; margin-top:50px; font-size:14px; color:#464646;}
#news-detail img{display:inline-block; vertical-align:middle;}
#article-title{font-size:28px; font-weight:bold; text-align:center;}
#article-info{margin:30px 0; font-size:14px; text-align:center; color:#999;}

#prev-next{height:56px; margin-top:50px; padding-top:40px; border-top:1px solid #d1d1d1; overflow:hidden;}
#prev-next dl dd{width:46%; height:16px; line-height:16px; margin-top:24px; overflow:hidden;}
#prev-next dl dd:first-child{margin-top:0;}
#prev-next dl dd a{display:flex; justify-content:space-between; color:#464646;}
#prev-next dl dd em{display:block;}
#prev-next dl dd span{flex:1; display:block; margin-left:20px; white-space:nowrap; text-overflow:ellipsis;}
#prev-next dl dd i{display:block; margin-left:28px;}
#prev-next dl dd:hover a{color:#1343bf;}
#back-list{right:0; top:60px; height:16px; line-height:16px; font-size:14px; overflow:hidden;}
#back-list a{display:block; padding-left:22px; background:url(img/back.png) no-repeat left center; color:#464646;}
#back-list a:hover{background-image:url(img/back-h.png); color:#1343bf;}

/*加入博悦*/

#join-text{text-align:center; color:#565656;}
#join-text h2{height:36px; line-height:36px; font-size:34px; overflow:hidden;}
#join-text p{line-height:30px; margin-top:20px; font-size:14px;}

#join-list{margin-top:60px;}
#join-list ul li .join-info{display:flex; justify-content:space-between; align-items:center; height:88px; padding-right:24px; border:1px solid #d1d1d1; border-top:none; font-size:16px; color:#464646; cursor:pointer; overflow:hidden;}
#join-list ul li:first-child .join-info{border-top:1px solid #d1d1d1;}
#join-list ul li .join-info i.c-line{width:4px; height:80px; margin-right:30px; background:#fff;}
#join-list ul li .join-info i.x-line{width:1px; height:56px; margin-right:60px; background:#d1d1d1;}
#join-list ul li .join-info span{margin-right:60px; overflow:hidden;}
#join-list ul li .join-info span.row1{flex:1;}
#join-list ul li .join-info span.row1 section{height:48px; background:url(img/join.png) no-repeat left center; padding-left:62px; overflow:hidden;}
#join-list ul li .join-info span.row1 section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden;}
#join-list ul li .join-info span.row1 section p{height:16px; line-height:16px; margin-top:14px; font-size:14px; color:#7e7e7e; overflow:hidden;}
#join-list ul li .join-info span.row2{height:16px; line-height:16px; font-size:14px; color:#7e7e7e;}
#join-list ul li .join-info em{display:block; width:14px; height:14px; background:url(img/arrow-r.png) no-repeat center;}
#join-list ul li .join-text{display:none; padding:50px; background:#f6f6f6; border:1px solid #d1d1d1; border-top:none;}
#join-list ul li .join-text .fl,#join-list ul li .join-text .fr{width:574px;}
#join-list ul li .join-text h3{height:16px; line-height:16px; font-size:14px; color:#464646; overflow:hidden;}
#join-list ul li .join-text section{line-height:28px; margin-top:20px; font-size:14px; color:#464646;}
#join-list ul li .join-text h4{width:255px; height:38px; line-height:38px; margin:30px auto 0 auto; border:1px solid #1343bf; font-size:14px; text-align:center; overflow:hidden;}
#join-list ul li .join-text h4 a{display:block; color:#1343bf;}
#join-list ul li .join-text h4:hover{background:#1343bf;}
#join-list ul li .join-text h4:hover a{color:#fff;}
#join-list ul li:hover .join-info i.c-line{background:#1343bf;}
#join-list ul li:hover .join-info span.row1 section h3{color:#1343bf;}
#join-list ul li.active .join-info i.c-line{background:#1343bf;}

#join-list ul li.active .join-text{display:block;}

/*底部样式*/

#footer{width:100%; padding:50px 0; background:#000a1a;}
#f-top{display:flex; justify-content:space-between; align-items:center;}
#f-logo img{width:116px; height:54px;}
#f-menu {
    display: flex;
    margin-left: 200px;
}
#f-menu a{display:block; height:14px; line-height:14px; margin-left:50px; font-size:14px; color:#485b78; overflow:hidden;}
#f-menu a:first-child{margin-left:0;}
#f-menu a:hover{color:#fff;}

#f-line{width:100%; height:1px; margin-top:50px; background:#38393b;}
#f-bottom{display:flex; justify-content:space-between; align-items:flex-end; margin-top:50px;}
#f-info p{height:16px; line-height:16px; margin-top:24px; padding-left:24px; background-repeat:no-repeat; background-position:left center; font-size:14px; color:#485b78; overflow:hidden;}
#f-info p:first-child{margin-top:0;}
#f-info p.address{background-image:url(img/address.png);}
#f-info p.tel{background-image:url(img/tel.png);}
#f-info p.tel span{display:inline-block; margin-left:24px; padding-left:24px; background:url(img/mail.svg) no-repeat left center;}
#f-info p.copyright{background-image:url(img/copyright.png);}
#f-info p a{color:#485b78;}
#f-info p a:hover{color:#fff;}

.case-img {
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }

.case-img-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.case-img-item {
    flex: 1 1 calc(33.33% - 10px);
    max-width: calc(33.33% - 10px);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.case-img-item img {
    width: 100%;
    height: 280px;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 5px;

}

.case-img-item:hover img {
    transform: scale(1.1);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}