*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei", sans-serif;color:#333; font-size:16px; background:#fff;}


/* top */
.top_wap{ width:100%; height:100px; padding:0 50px;box-sizing:border-box; position:absolute; left:0; top:0; z-index:999;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:center;}
.top_logo{ width:486px; height:auto; display:block;box-sizing:border-box; margin:0; padding:0;}
.top_logo img{ width:100%;}
.top_menu{ width:50%; height:auto; margin:0; padding:0;box-sizing:border-box; font-size:18px; }
.top_menu ul{ width:100%; height:auto; margin:0; padding:0;box-sizing:border-box;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-end;align-items:center ;clear:both; }
.top_menu ul li{ margin:0; padding:0; list-style:none; margin:0 18px;}
.top_menu ul li a{ color:rgba(255, 255, 255, 0.9); text-decoration:none;}
.top_menu ul li a:hover{color:#fff;text-decoration:none;}
.top_menu ul li .active{ color:#fff;font-weight:600;background:url(../images/sj_20.png) no-repeat center bottom; padding-bottom:15px;}


/*banner*/
.banner-container{width:100%;height:600px;position:relative;overflow:hidden; z-index:1;}
.banner-slide{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);}
.banner-slide img{ width:100%; height:100%; display:block;}
.banner-slide.active{opacity:1;}

.banner-prev, .banner-next{ width:60px; height:60px;position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0, 0, 0, 0.3);color:#fff;border:none;cursor:pointer;z-index:10;font-size:1.5rem;border-radius:50%;transition:background-color 0.3s;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center;opacity:0.1; }
.banner-prev:hover, .banner-next:hover{background-color:rgba(0, 0, 0, 0.6);opacity:0.5;}
.banner-prev{left:20px;}
.banner-next{right:20px;}

.banner-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}
.indicator{width:12px;height:12px;border-radius:50%;background-color:rgba(255, 255, 255, 0.5);cursor:pointer;transition:background-color 0.3s;}
.indicator.active{background-color:#fff;transform:scale(1.2);}


/* news */
.news_container_box{ width:100%; height:100%;box-sizing:border-box; margin:0; padding:50px 0 20px 0;}
.index_title_wap{width:100%;max-width:1400px; height:100%;box-sizing:border-box; margin:0 auto; position:relative; padding:0; text-align:center; font-size:36px;font-weight:800; color:#333;}

.news_content{width:100%;max-width:1400px;box-sizing:border-box;margin:0 auto; padding:20px 0;background:#fff;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:flex-start;}

/* 左侧轮播图样式 */
.news_carousel{ width:43%; max-width:600px;height:338px;box-sizing:border-box;position:relative;overflow:hidden;}
.news_carousel-inner{display:flex;transition:transform 0.5s ease;height:100%;}
.news_carousel-item{min-width:100%;height:100%;position:relative;}
.news_carousel-item img{width:100%;height:100%;object-fit:cover;display:block;}
.news_carousel-title{position:absolute;bottom:0;left:0;right:0;background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:#fff;padding:10px 20px;font-size:16px;font-weight: normal;}

.news_carousel-controls{position:absolute;bottom:20px;right:20px;display:flex;justify-content:center;gap:8px; z-index:99;}
.news_carousel-indicator{width:10px;height:10px;border-radius:50%;background-color:rgba(255, 255, 255, 0.5);cursor:pointer;}
.news_carousel-indicator.active{background-color:#fff;}

/* 右侧新闻动态样式 */
.news-container{width:54%; max-width:750px;height:338px;box-sizing:border-box;position:relative;overflow:hidden;}
.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;}
.news-header h2{font-size:22px;color:#333;}
.more-link{color:#1e88e5;text-decoration:none;font-size:14px;}
.more-link:hover{text-decoration:underline;}
.newslist_title_more{ position:absolute; right:0; top:4px; color:#999; font-size:16px; text-decoration:none;}


/* 标签切换样式 */
.tabs{display:flex;border-bottom:1px solid #c4c4c4;margin-bottom:20px;box-sizing:border-box;}
.tab{padding:0 10px 14px 10px; margin-right:30px;box-sizing:border-box;cursor:pointer;color:#666;font-size:20px;border-bottom:3px solid transparent;}
.tab.active{color:#0064c8;border-bottom-color:#0064c8; font-weight:600;}
.tab-content{display:none;}
.tab-content.active{display:block;}
.news-list{list-style:none;}
.news-item{ font-size:16px; line-height:40px; padding-left:20px;box-sizing:border-box;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:center; background:url(../images/szzx_8.png) no-repeat 0 center;}
.news-item a{ max-width:85%;display:block;text-decoration:none;color:#333;margin-bottom:5px;font-size:16px;transition:color 0.2s;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.news-item a:hover{color:#1e88e5;}
.news-date{ min-width:100px;color:#999;font-size:16px; line-height:24px; text-align:right;}

/* 资质荣誉*/
.index_zzry_wap{ width:100%; min-height:750px; height:auto; margin:0; padding:60px 0 0 0;box-sizing:border-box; background:url(../images/szzx_3.png) no-repeat center top; background-size:100%;}

.honor-title{text-align:center;font-size:28px;color:#333;margin:20px 0;}
.honor-tab{display:flex;justify-content:center; margin:30px 0;}
.honor-tab-btn{ width:140px; height:40px; line-height:40px;box-sizing:border-box;  padding:0;margin:0 10px;border:none;border-radius:20px;cursor:pointer;font-size:16px;transition:all 0.3s ease;}
.honor-tab-btn.active{background-color:#1658a0;color:#fff;}
.honor-tab-btn.inactive{background-color:#79a3cf;color:#fff;}
.honor-tab-content{ width:100%;  margin:0 auto; box-sizing:border-box; position:relative; display:none;padding:0;}
.honor-tab-content.active{display:block;}

.qualification-desc{width:100%; max-width:1400px; margin:0 auto; box-sizing:border-box; position:relative; font-size:16px;line-height:36px; text-indent:2rem;color:#333;text-align:justify;margin-bottom:20px;}

.certificate-container{position:relative;overflow:hidden;margin:0 auto;}
.certificate-scroll{ width:100%;height:auto;box-sizing:border-box; margin:20px 0 0 0; padding:0; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both;transition:transform 0.5s ease;}

.certificate-item{width:301px; height:auto;box-sizing:border-box; flex:0 0 auto;margin:0 25px;text-align:center;}

.certificate-img_box{width:301px;height:218px;box-sizing:border-box; margin:0; padding:0; position:relative; background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both;}
.certificate-img{ width:95%; height:95%;box-sizing:border-box; object-fit:cover;}
.xk_box{ width:100%; height:100%;box-sizing:border-box;  display:block; background:url(../images/szzx_10.png) no-repeat 0 0; background-size:100% 100%; z-index:999; position:absolute; left:0; top:0;}

.certificate-name{margin-top:10px;font-size:14px;color:#333;}
.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%; background-size:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;opacity:0.5;}
.scroll-arrow:hover{opacity:1;}
.scroll-arrow.left{left:10%;}
.scroll-arrow.right{right:10%;}
.view-more{display:block;width:200px;height:50px;margin:40px auto;background-color:#3b9ce3;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:18px;transition:background-color 0.3s ease;}
.view-more:hover{background-color:#0066cc;}

/* 典型案例*/
.index_dxal_wap{width:100%; height:auto; margin:0; padding:60px 0 5px 0; display:block;box-sizing:border-box; background:url(../images/szzx_4.png) no-repeat center top; background-size:cover;position:relative;}

 /* 基础样式 - 所有类名以dxal_开头 */
.dxal_carousel-wrapper{ width:100%; height:auto;box-sizing:border-box;margin:0 auto;padding:20px 20px 0 20px; }

.dxal_carousel-container{ width:96%; height:auto; margin:0 auto; margin-top:20px;box-sizing:border-box;position:relative;overflow:hidden;border-radius:3px;}
.dxal_carousel-track{ display:flex;transition:transform 0.5s ease-in-out;will-change:transform;}
.dxal_carousel-item{flex:0 0 20%; /* 大屏幕一次显示5张图片 (100%/5=20%) */box-sizing:border-box;padding:15px;}
.dxal_carousel-item a{ text-decoration:none;}
.dxal_item-inner{ width:100%; background-color:#fff;border-radius:6px;overflow:hidden;transition:transform 0.3s ease; cursor:pointer; }
.dxal_item-inner:hover{}
.dxal_item_box{ width:100%; height:235px; display:block;box-sizing:border-box; margin:0; padding:0;}
.dxal_item-inner img{ width:100%; height:100%;object-fit:cover;display:block; cursor:pointer;}

.dxal_carousel-caption{padding:15px 12px;text-align:center; font-size:16px; color:#333; line-height:20px; text-decoration:none;background:#fff;}

.dxal_fxbtn_box{ width:100%; height:40px; box-sizing:border-box;z-index:999; position:absolute; left:0; top:48%;}
.dxal_control-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s ease;z-index:10;opacity:0.75;}
.dxal_control-btn:hover{opacity:1;}
.dxal_prev-btn{left:15px; background:url(../images/szzx_l2.png) no-repeat 0 0; background-size:100%;}
.dxal_next-btn{right:15px; background:url(../images/szzx_r2.png) no-repeat 0 0; background-size:100%;}
/* 响应式设计 */
@media (max-width:1680px){.dxal_carousel-item{flex:0 0 25%; /* 较大屏幕一次显示4张 */}}
@media (max-width:1400px){.dxal_carousel-item{flex:0 0 25%; /* 较大屏幕一次显示4张 */}}
@media (max-width:1200px){.dxal_carousel-item{flex:0 0 33.333%; /* 较大屏幕一次显示4张 */}}
@media (max-width:992px){.dxal_carousel-item{flex:0 0 50%; /* 中等屏幕一次显示3张 */}}
@media (max-width:768px){.dxal_carousel-item{flex:0 0 50%; /* 平板一次显示2张 */}.dxal_carousel-title{font-size:20px;}}
@media (max-width:576px){.dxal_carousel-item{flex:0 0 100%; /* 手机一次显示1张 */}.dxal_control-btn{width:34px;height:34px;font-size:14px;}}

/* index link*/
.index_link_wap{width:100%; max-width:1400px; height:70px;box-sizing:border-box;margin:0 auto; position:relative;padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:center;}
.index_link_title{width:10%; height:auto;box-sizing:border-box;margin:0 0 0 20px;padding:0 0 0 24px; text-align:left; font-size:18px; color:#1658a0; font-weight: bold; background:url(../images/szzx_7.png) no-repeat 0 center;}
.index_link_wap ul{width:88%; height:auto;box-sizing:border-box;margin:0;padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:center;}
.index_link_wap ul li{ width:20%; text-align:center; list-style:none; font-size:17px; cursor:pointer;}
.index_link_wap ul li a{ color:#333; text-decoration:none;}
.index_link_wap ul li a:hover{ color:#1658a0; text-decoration:none;}

/* bottom*/
.index_bottom_wap{width:100%; height:auto;box-sizing:border-box;margin:0;padding:0; background:url(../images/szzx_5.png) no-repeat 0 0;background-size:cover; }

.index_bottom_box{width:100%; max-width:1400px; height:auto;box-sizing:border-box;margin:0 auto; position:relative;padding:40px 0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:flex-start;}
.index_bottom_lxwm{ width:35%;height:auto;box-sizing:border-box;margin:0;padding:0;}
.index_bottom_lxwm h2{ font-size:16px; color:#fff; margin-bottom:20px;}
.index_bottom_lxwm span{font-size:14px; color:rgba(255, 255, 255, 0.8); display:block; margin:10px 0;}
.index_bottom_ewm_box{ width:109px;box-sizing:border-box; height:auto; display:block; margin:0; padding:0; margin-top:20px;}
.index_bottom_ewm_box img{ width:100%;box-sizing:border-box; margin:0; padding:0;}
.index_bottom_ewm_box h3{font-size:14px; padding:5px 0; color:#fff; display:block; width:100%; text-align:center;}

.index_bottom_menu_box{ width:60%; height:auto; margin:0; padding:0;box-sizing:border-box;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:flex-start;}

.bottom_menu_list{ width:14%; height:auto; margin:0; padding:0;box-sizing:border-box;}
.bottom_menu_list h2{width:100%; height:auto; margin:0; padding:0;box-sizing:border-box;font-size:16px; color:#fff; margin-bottom:20px;}
.bottom_menu_list ul{width:100%; height:auto; margin:0; padding:0;box-sizing:border-box;}
.bottom_menu_list ul li{width:100%; height:auto; margin:0; padding:0;box-sizing:border-box;font-size:14px;  display:block; margin:10px 0;}
.bottom_menu_list ul li a{width:100%; height:auto; margin:0; padding:0;box-sizing:border-box;color:rgba(255, 255, 255, 0.8); text-decoration:none;}
.bottom_menu_list ul li a:hover{ color:#fff; text-decoration:none;}

.index_bottom_copyright{ width:100%; height:56px; border-top:1px solid rgba(255, 255, 255, 0.1); font-size:16px; color:rgba(255, 255, 255, 0.8); text-align:center;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both;}

/*-------------------------自适应----------------------*/
@media (min-width:1400px) and (max-width:1800px){
.top_menu{ width:70%;}
}


@media (min-width:1200px) and (max-width:1399px){
/* top */
.top_wap{ padding:0 20px;}
.top_menu{ width:70%; font-size:16px; }
.top_menu ul li{ margin:0 10px; padding:0;}
/*banner*/
.banner-container{height:440px;}
.banner-indicators{bottom:20px;gap:12px;}
.indicator{width:12px;height:12px;}
.banner-prev, .banner-next{ width:55px; height:52px;font-size:24px;}
/* news */
.news_container_box{padding:40px 0 20px 0;}
.index_title_wap{font-size:30px;}
.news_content{padding:40px 0;}
.tabs{margin-bottom:20px;}
.tab{padding:0 10px 14px 10px; margin-right:20px;font-size:18px;}
}


@media (min-width:992px) and (max-width:1199px){
/* top */
.top_wap{ padding:0 10px;}
.top_logo{ width:30%;}
.top_menu{ width:70%; font-size:16px;}
.top_menu ul li{ margin:0 8px; padding:0;}
/*banner*/
.banner-container{height:400px;}
.banner-indicators{bottom:14px;gap:10px;}
.indicator{width:10px;height:10px;}
.banner-prev, .banner-next{ width:48px; height:48px;font-size:20px;}
/* news */
.news_container_box{padding:40px 0 20px 0;}
.index_title_wap{font-size:30px;}
.news_content{padding:40px 0 0 0;}
.tabs{margin-bottom:15px;}
.tab{padding:0 10px 14px 10px; margin-right:5px;font-size:16px;}
.newslist_title_more{ top:0px; font-size:16px;}
.news-date{ display:none;}
.news-item{ font-size:16px; line-height:38px; padding-left:16px;}
.news_carousel{ width:43%;height:300px;}

/* 资质荣誉zizhirongyu */
.index_zzry_wap{ min-height:620px; padding:40px 20px 0 20px;}
.honor-tab{margin:20px 0;}
.honor-tab-btn{ width:120px; height:35px; line-height:35px; margin:0 10px;font-size:14px;}
.qualification-desc{font-size:16px;line-height:36px;margin-bottom:10px;}
.certificate-scroll{margin:10px 0 0 0;flex-wrap:no-wrap;padding-bottom:10px;}
.certificate-item{width:23%; margin:0 8px;}
.certificate-img_box{width:100%;height:150px; }
.certificate-name{ height:30px; display:block;margin-top:10px;font-size:16px;}
.scroll-arrow{width:42px;height:42px;}
.scroll-arrow.left{left:10%;}
.scroll-arrow.right{right:10%;}
.view-more{width:200px;height:40px;margin:20px auto;font-size:16px;}
/* 典型案例dianxinganli*/
.index_dxal_wap{padding:30px 0 5px 0;}
.dxal_carousel-wrapper{padding:10px 10px 0 10px; }
.dxal_carousel-container{margin-top:0px;}
/* link*/
.index_link_wap{ height:auto;flex-wrap:wrap; padding:20px 0;}
.index_link_title{width:100%;margin:0 0 10px 40px;padding:0 0 0 24px;font-size:17px;}
.index_link_wap ul{width:100%; flex-wrap:wrap;align-items:center;}
.index_link_wap ul li{ width:25%; font-size:16px; margin:5px 0;}
/* bottom*/
.index_bottom_box{padding:30px 30px; flex-wrap:wrap;}
.index_bottom_lxwm{ width:100%;}
.index_bottom_lxwm h2{ font-size:14px; margin-bottom:10px;}
.index_bottom_lxwm span{font-size:14px; margin:6px 0;}
.index_bottom_ewm_box{ width:109px; margin-top:10px;}
.index_bottom_ewm_box h3{font-size:14px; padding:5px 0; }
.index_bottom_menu_box{ width:100%; flex-wrap:wrap; margin-top:10px;}
.bottom_menu_list{ width:14.28%;}
.bottom_menu_list h2{font-size:16px; margin-bottom:10px;}
.bottom_menu_list ul li{font-size:14px; margin:8px 0;}
.index_bottom_copyright{ height:48px; font-size:14px;}
}


@media (min-width:768px) and (max-width:991px){
/* top */
.top_wap{ padding:0 10px;}
.top_logo{ width:30%;}
.top_menu{ width:70%; font-size:14px;}
.top_menu ul li{ margin:0 6px; padding:0;}
/*banner*/
.banner-container{height:360px;}
.banner-indicators{bottom:14px;gap:10px;}
.indicator{width:10px;height:10px;}
.banner-prev, .banner-next{ width:48px; height:48px;font-size:20px;}
/* news */
.news_container_box{padding:40px 0 20px 0;}
.index_title_wap{font-size:30px;}
.news_content{padding:40px 0 0 0;}
.tabs{margin-bottom:15px;}
.tab{padding:0 2px 14px 2px; margin-right:10px;font-size:14px;}
.newslist_title_more{ top:0px; font-size:14px;}
.news-date{ display:none;}
.news-item{ font-size:14px; line-height:36px; padding-left:15px;}
.news-item a{margin-bottom:5px;font-size:14px;}
.news_carousel{ width:43%;height:300px;}

/* 资质荣誉zizhirongyu */
.index_zzry_wap{ min-height:480px; padding:40px 20px 0 20px;}
.honor-tab{margin:20px 0;}
.honor-tab-btn{ width:120px; height:35px; line-height:35px; margin:0 10px;font-size:14px;}
.qualification-desc{font-size:14px;line-height:30px;margin-bottom:10px;}
.certificate-scroll{margin:10px 0 0 0;flex-wrap:wrap;padding-bottom:10px;}
.certificate-item{width:30%; margin:0 40px;}
.certificate-img_box{width:100%;height:170px; }
.certificate-name{ height:30px; display:block;margin-top:10px;font-size:14px;}
.scroll-arrow{width:42px;height:42px;}
.scroll-arrow.left{left:10%;}
.scroll-arrow.right{right:10%;}
.view-more{width:200px;height:40px;margin:20px auto;font-size:16px;}
/* 典型案例dianxinganli*/
.index_dxal_wap{padding:30px 0 5px 0;}
.dxal_carousel-wrapper{padding:10px 10px 0 10px; }
.dxal_carousel-container{margin-top:0px;}
/* link*/
.index_link_wap{ height:auto;flex-wrap:wrap; padding:20px 0;}
.index_link_title{width:100%;margin:0 0 10px 40px;padding:0 0 0 24px;font-size:17px;}
.index_link_wap ul{width:100%; flex-wrap:wrap;align-items:center;}
.index_link_wap ul li{ width:50%; font-size:16px; margin:5px 0;}
/* bottom*/
.index_bottom_box{padding:30px 30px; flex-wrap:wrap;}
.index_bottom_lxwm{ width:100%;}
.index_bottom_lxwm h2{ font-size:14px; margin-bottom:10px;}
.index_bottom_lxwm span{font-size:14px; margin:6px 0;}
.index_bottom_ewm_box{ width:109px; margin-top:10px;}
.index_bottom_ewm_box h3{font-size:14px; padding:5px 0; }
.index_bottom_menu_box{ width:100%; flex-wrap:wrap; margin-top:10px;}
.bottom_menu_list{ width:14.28%;}
.bottom_menu_list h2{font-size:14px; margin-bottom:10px;}
.bottom_menu_list ul li{font-size:14px; margin:2px 0;}
.index_bottom_copyright{ height:48px; font-size:14px;}
}


@media (min-width:601px) and (max-width:767px){
/* top */
.top_wap{ height: auto; padding:0 10px; flex-wrap:wrap;}
.top_logo{ width:60%;}
.top_menu{ width:100%; font-size:15px;justify-content:space-between;}
.top_menu ul li{ width:12.5%; margin:0; padding:0;}
.top_menu ul li:first-child{ padding-left:2vw;}
/*banner*/
.banner-container{height:320px;}
.banner-indicators{bottom:14px;gap:10px;}
.indicator{width:9px;height:9px;}
.banner-prev, .banner-next{ width:40px; height:40px;font-size:16px;}
/* news */
.news_container_box{padding:25px 0px 20px 0px;}
.index_title_wap{font-size:24px;}
.news_content{padding:25px 0 0 0;flex-wrap:wrap;}
.tabs{margin-bottom:15px; margin-top:15px;}
.tab{padding:0 2px 14px 2px; margin-right:10px;font-size:16px;}
.newslist_title_more{ top:25px; right:20px; font-size:16px;}
.news-date{ display:none;}
.news-item{ font-size:16px; line-height:36px; padding-left:15px;}
.news-item a{margin-bottom:5px;font-size:16px;}
.news_carousel{ width:100%;height:300px; display:block; margin:0 auto; position:relative; }
.news-container{width:100%; height:340px;display:block;padding:10px 20px;}

/* 资质荣誉zizhirongyu */
.index_zzry_wap{ min-height:750px; padding:40px 20px 0 20px;}
.honor-tab{margin:20px 0;}
.honor-tab-btn{ width:120px; height:35px; line-height:35px; margin:0 10px;font-size:14px;}
.qualification-desc{font-size:14px;line-height:30px;margin-bottom:10px;}
.certificate-scroll{margin:10px 0 0 0;flex-wrap:wrap;padding-bottom:10px;}
.certificate-item{width:40%;}
.certificate-img_box{width:100%;height:170px; }
.certificate-name{ height:30px; display:block;margin-top:10px;font-size:14px;}
.scroll-arrow{width:42px;height:42px;}
.scroll-arrow.left{left:10%;}
.scroll-arrow.right{right:10%;}
.view-more{width:200px;height:40px;margin:20px auto;font-size:16px;}
/* 典型案例dianxinganli*/
.index_dxal_wap{padding:30px 0 5px 0;}
.dxal_carousel-wrapper{padding:10px 10px 0 10px; }
.dxal_carousel-container{margin-top:0px;}
/* link*/
.index_link_wap{ height:auto;flex-wrap:wrap; padding:20px 0;}
.index_link_title{width:100%;margin:0 0 10px 40px;padding:0 0 0 24px;font-size:17px;}
.index_link_wap ul{width:100%; flex-wrap:wrap;align-items:center;}
.index_link_wap ul li{ width:50%; font-size:15px; margin:5px 0;}
/* bottom*/
.index_bottom_box{padding:30px 10px; flex-wrap:wrap;}
.index_bottom_lxwm{ width:100%;}
.index_bottom_lxwm h2{ font-size:14px; margin-bottom:10px;}
.index_bottom_lxwm span{font-size:14px; margin:6px 0;}
.index_bottom_ewm_box{ width:109px; margin-top:10px;}
.index_bottom_ewm_box h3{font-size:14px; padding:5px 0; }
.index_bottom_menu_box{ width:100%; flex-wrap:wrap; margin-top:10px;}
.bottom_menu_list{ width:14.28%;}
.bottom_menu_list h2{font-size:14px; margin-bottom:10px;}
.bottom_menu_list ul li{font-size:13px; margin:2px 0;}
.index_bottom_copyright{ height:48px; font-size:13px;}

}


@media (min-width:481px) and (max-width:600px){
    /* top */
    .top_wap{ height: auto; padding:0 10px; flex-wrap:wrap;}
    .top_logo{ width:60%;}
    .top_menu{ width:100%; font-size:14px;justify-content:space-between;}
    .top_menu ul li{ width:12.5%; margin:0; padding:0;}
    .top_menu ul li:first-child{ padding-left:2vw;}
    /*banner*/
    .banner-container{height:280px;}
    .banner-indicators{bottom:14px;gap:8px;}
    .indicator{width:8px;height:8px;}
    .banner-prev, .banner-next{ width:32px; height:32px;font-size:14px;}
    .banner-prev{left:10px;}
    .banner-next{right:10px;}
    /* news */
    .news_container_box{padding:25px 0px 20px 0px;}
    .index_title_wap{font-size:24px;}
    .news_content{padding:25px 0 0 0;flex-wrap:wrap;}
    .tabs{margin-bottom:15px; margin-top:15px;}
    .tab{padding:0 2px 14px 2px; margin-right:15px;font-size:14px;}
    .newslist_title_more{ top:25px; right:20px; font-size:14px;}
    .news-date{ display:none;}
    .news-item{ font-size:14px; line-height:30px; padding-left:15px;}
    .news-item a{margin-bottom:5px;font-size:14px;}
    .news_carousel{ width:100%;height:300px; display:block; margin:0 auto; position:relative; }
    .news-container{width:100%; height:300px;display:block;padding:10px 20px;}

    /* 资质荣誉zizhirongyu */
    .index_zzry_wap{ min-height:750px; padding:40px 20px 0 20px;}
    .honor-tab{margin:20px 0;}
    .honor-tab-btn{ width:120px; height:35px; line-height:35px; margin:0 10px;font-size:14px;}
    .qualification-desc{font-size:14px;line-height:30px;margin-bottom:10px;}
    .certificate-scroll{ height:420px;margin:10px 0 0 0;flex-wrap:wrap;}
    .certificate-item{width:54%;}
    .certificate-img_box{width:100%;height:180px;}
    .certificate-name{margin-top:10px;font-size:14px;}
    .scroll-arrow{width:42px;height:42px;}
    .scroll-arrow.left{left:10%;}
    .scroll-arrow.right{right:10%;}
    .view-more{width:200px;height:40px;margin:20px auto;font-size:16px;}
    /* 典型案例dianxinganli*/
    .index_dxal_wap{padding:30px 0 5px 0;}
    .dxal_carousel-wrapper{padding:10px 10px 0 10px; }
    .dxal_carousel-container{margin-top:0px;}
    /* link*/
    .index_link_wap{ height:auto;flex-wrap:wrap; padding:20px 0;}
    .index_link_title{width:100%;margin:0 0 10px 40px;padding:0 0 0 24px;font-size:17px;}
    .index_link_wap ul{width:100%; flex-wrap:wrap;align-items:center;}
    .index_link_wap ul li{ width:50%; font-size:15px; margin:5px 0;}
    /* bottom*/
    .index_bottom_box{padding:30px 10px; flex-wrap:wrap;}
    .index_bottom_lxwm{ width:100%;}
    .index_bottom_lxwm h2{ font-size:14px; margin-bottom:10px;}
    .index_bottom_lxwm span{font-size:14px; margin:10px 0;}
    .index_bottom_ewm_box{ width:109px; margin-top:20px;}
    .index_bottom_ewm_box h3{font-size:14px; padding:5px 0; }
    .index_bottom_menu_box{ width:100%; flex-wrap:wrap; display:none; }
    .bottom_menu_list{ width:14.28%;}
    .bottom_menu_list h2{font-size:14px; margin-bottom:10px;}
    .bottom_menu_list ul li{font-size:12px; margin:2px 0;}
    .index_bottom_copyright{ height:40px; font-size:12px;}
}


@media screen and (max-width:480px){
    /* top */
    .top_wap{ height: auto; padding:0 10px; flex-wrap:wrap;}
    .top_logo{ width:60%;}
    .top_menu{ width:100%; font-size:12px;justify-content:space-between;}
    .top_menu ul{ flex-wrap:wrap!important; justify-content:flex-start;}
    .top_menu ul li{ width:25%!important; margin:0; padding:0;}
    .top_menu ul li:first-child{ padding-left:2vw;}
    .top_menu ul li .active{ background:none;}
    /*banner*/
    .banner-container{height:280px;}
    .banner-indicators{bottom:14px;gap:8px;}
    .indicator{width:8px;height:8px;}
    .banner-prev, .banner-next{ width:32px; height:32px;font-size:14px;}
    .banner-prev{left:10px;}
    .banner-next{right:10px;}
    /* news */
    .news_container_box{padding:25px 0px 20px 0px;}
    .index_title_wap{font-size:24px;}
    .news_content{padding:25px 0 0 0;flex-wrap:wrap;}
    .tabs{margin-bottom:15px; margin-top:15px;}
    .tab{padding:0 2px 14px 2px; font-size:14px;}
    .newslist_title_more{ top:25px; right:20px; font-size:14px;}
    .news-date{ display:none;}
    .news-item{ font-size:14px; line-height:30px; padding-left:15px;}
    .news-item a{margin-bottom:5px;font-size:14px;}
    .news_carousel{ width:100%;height:300px; display:block; margin:0 auto; position:relative; }
    .news-container{width:100%; height:300px;display:block;padding:10px 20px;}

    /* 资质荣誉zizhirongyu */
    .index_zzry_wap{ min-height:750px; padding:40px 20px 0 20px;}
    .honor-tab{margin:20px 0;}
    .honor-tab-btn{ width:120px; height:35px; line-height:35px; margin:0 10px;font-size:14px;}
    .qualification-desc{font-size:14px;line-height:30px;margin-bottom:10px;}
    .certificate-scroll{ height:420px;margin:10px 0 0 0;flex-wrap:wrap;}
    .certificate-item{width:54%;}
    .certificate-img_box{width:100%;height:180px;}
    .certificate-name{margin-top:10px;font-size:14px;}
    .scroll-arrow{width:42px;height:42px;}
    .scroll-arrow.left{left:10%;}
    .scroll-arrow.right{right:10%;}
    .view-more{width:200px;height:40px;margin:20px auto;font-size:16px;}
    /* 典型案例dianxinganli*/
    .index_dxal_wap{padding:30px 0 5px 0;}
    .dxal_carousel-wrapper{padding:10px 10px 0 10px; }
    .dxal_carousel-container{margin-top:0px;}
    /* link*/
    .index_link_wap{ height:auto;flex-wrap:wrap; padding:20px 0;}
    .index_link_title{width:100%;margin:0 0 10px 40px;padding:0 0 0 24px;font-size:17px;}
    .index_link_wap ul{width:100%; flex-wrap:wrap;align-items:center;}
    .index_link_wap ul li{ width:50%; font-size:15px; margin:5px 0;}
    /* bottom*/
    .index_bottom_box{padding:30px 10px; flex-wrap:wrap;}
    .index_bottom_lxwm{ width:100%;}
    .index_bottom_lxwm h2{ font-size:14px; margin-bottom:10px;}
    .index_bottom_lxwm span{font-size:14px; margin:10px 0;}
    .index_bottom_ewm_box{ width:109px; margin-top:20px;}
    .index_bottom_ewm_box h3{font-size:14px; padding:5px 0; }
    .index_bottom_menu_box{ width:100%; flex-wrap:wrap; display:none; }
    .bottom_menu_list{ width:14.28%;}
    .bottom_menu_list h2{font-size:14px; margin-bottom:10px;}
    .bottom_menu_list ul li{font-size:12px; margin:2px 0;}
    .index_bottom_copyright{ height:40px; font-size:12px;}
}


/* 首页典型案例20251022*/
.syal_carousel-container{width:100%; height:auto; margin:0; padding:60px 0 5px 0; display:block;box-sizing:border-box; background:url(../images/szzx_4.png) no-repeat center top; background-size:cover;position:relative;}
.syal_carousel-title{text-align:center;margin-bottom:25px;color:#2c3e50;font-size:28px;font-weight:600;position:relative;padding-bottom:10px;}
.syal_carousel-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(to right, #3498db, #2ecc71);}
.syal_carousel-wrapper{position:relative;width:100%;overflow:hidden;}
.syal_carousel-track{display:flex;transition:transform 0.5s ease; margin-top:30px;}
.syal_carousel-item{flex:0 0 auto;padding:10px;}
.syal_card-link{display:block;text-decoration:none;color:inherit;height:100%;}
.syal_card{background:white;border-radius:0;overflow:hidden;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;}
.syal_card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);}
.syal_card-img-container{height:200px;overflow:hidden;}
.syal_card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease;}
.syal_card:hover .syal_card-img{transform:scale(1.05);}
.syal_card-caption{padding:15px;text-align:center;font-size:16px;color:#2c3e50;font-weight:500;flex-grow:1;display:flex;align-items:center;justify-content:center;}
.syal_carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(52, 152, 219, 0.8);color:white;border:none;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}
.syal_carousel-btn:hover{background:rgba(41, 128, 185, 0.9);transform:translateY(-50%) scale(1.1);}
.syal_carousel-container .prev2-btn{left:15px;}
.syal_carousel-container .next2-btn{right:15px;}
.syal_carousel-container .syal_carousel-dots{display:flex;justify-content:center;margin-top:25px;}
.syal_carousel-container .dot{width:12px;height:12px;border-radius:50%;background:#bdc3c7;margin:0 8px;cursor:pointer;transition:all 0.3s ease;}
.syal_carousel-container .dot.active{background:#3498db;transform:scale(1.2);}
.syal_carousel-container .dot:hover{background:#7f8c8d;}
/* 响应式设计 */
/* 屏幕宽度超过1600px时显示5张图片 */
@media (min-width:1600px){.syal_carousel-item{width:20%;}}
/* 屏幕宽度小于1600px且大于等于1200px时显示4张图片 */
@media (max-width:1599px) and (min-width:1200px){.syal_carousel-item{width:25%;}}
/* 屏幕宽度小于1200px且大于等于992px时显示3张图片 */
@media (max-width:1199px) and (min-width:992px){.syal_carousel-item{width:33.333%;}}
/* 屏幕宽度小于992px且大于等于600px时显示2张图片 */
@media (max-width:991px) and (min-width:600px){.syal_carousel-item{width:50%;}}
/* 屏幕宽度小于600px时显示1张图片 */
@media (max-width:599px){.syal_carousel-item{width:100%;}.syal_carousel-btn{width:40px;height:40px;font-size:18px;}.prev2-btn{left:10px;}.next2-btn{right:10px;}}

.link_100box{ width:100%;height:auto;box-sizing:border-box; margin:0; padding:0; background:#f3f8fa; }

/*联系我们contact1112*/
.page_lxwm_box{width:100%; max-width:1400px;height:auto;box-sizing:border-box; margin:50px auto; position:relative; display:block; padding:0;}

.lxwm_top_box{width:100%;height:auto;box-sizing:border-box; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;align-items:center; background:url(../images/17.png) no-repeat right top #f9fbfc; background-size:20%;}

.lxwm_left_box{width:50%;height:380px;box-sizing:border-box; margin:0; padding:0; overflow:hidden;  display:inline-blcok;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both; }
.lxwm_left_box img{ width:100%; height:100%;object-fit:cover;}

.lxwm_right_box{width:30%;height:auto;box-sizing:border-box; margin:0; padding:0 0 0 80px; display:inline-blcok; }
.lxwm_right_box p{ font-size:16px; line-height:40px; color:#333;}
.lxwm_right_title{width:100%;height:auto;box-sizing:border-box; margin:30px 0 30px 0; padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-start;align-items:flex-end ;overflow:hidden; clear:both;}
.lxwm_right_title h2{ font-size:30px; color:#333; line-height:2rem; font-weight:600; display:inline-blcok; margin-right:20px;}
.lxwm_right_title span{ font-size:16px; color:#999; font-family:Arial, Helvetica, sans-serif;font-weight:600;display:inline-blcok;}

.lxwm_ewm_box{width:20%; height:auto;box-sizing:border-box; margin:0; padding:0; display:inline-blcok;display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;align-items:center ;clear:both;}
.lxwm_ewm_box img{ width:168px; height:auto; display:block;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.10);}
.lxwm_ewm_box .lxwm_ewm_sys{ width:168px; text-align:center; display:block; font-size:15px; line-height:30px; margin-top:20px; background:#3b9ce3; color:#fff;border-radius:2px;}

.lxwm_bottom_box{width:100%;height:auto;box-sizing:border-box; margin:50px 0; padding:0;  display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; clear:both;align-items:flex-start;}
.lxwm_bottom_box > div{ width:23%;height:auto;box-sizing:border-box; margin:0; padding:0; text-align:center;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.10);}
.lxwm_bottom_box > div h2{ width:100%; height:55px;font-size:18px; font-weight:600; display:block; background:#3b9ce3; color:#fff;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; }
.lxwm_bottom_box > div p{ width:100%; font-size:18px; color:#333; font-weight:500; display:block; padding:25px 0; font-family:Arial, Helvetica, sans-serif;}

@media (min-width:1200px) and (max-width:1399px){
    .lxwm_right_box{padding:0 0 0 60px; }
    .lxwm_ewm_box img{ width:150px; }
    .lxwm_ewm_box .lxwm_ewm_sys{ width:150px; font-size:14px; line-height:30px; margin-top:20px;}
    .lxwm_bottom_box > div h2{ height:55px;font-size:16px; }
    .lxwm_bottom_box > div p{ font-size:16px; padding:20px 0;}
}

@media (min-width:992px) and (max-width:1199px){
    .page_lxwm_box{margin:50px auto; }
    .lxwm_top_box{ flex-wrap:no-wrap;background-size:20%;}
    .lxwm_left_box{width:40%;height:300px; }
    .lxwm_right_box{width:40%;padding:0 0 0 60px; }
    .lxwm_right_box p{ font-size:16px; line-height:40px;}
    .lxwm_right_title{margin:30px 0 30px 0;flex-wrap:no-wrap; }
    .lxwm_right_title h2{ font-size:30px; margin-right:20px;}
    .lxwm_right_title span{ font-size:16px;}

    .lxwm_ewm_box{width:20%;}
    .lxwm_ewm_box img{ width:150px; }
    .lxwm_ewm_box .lxwm_ewm_sys{ width:150px; font-size:14px; line-height:30px; margin-top:20px;}

    .lxwm_bottom_box{margin:50px 0; flex-wrap:no-wrap; }
    .lxwm_bottom_box > div{ width:23%;}
    .lxwm_bottom_box > div h2{ height:55px;font-size:16px; }
    .lxwm_bottom_box > div p{ font-size:16px; padding:20px 0;}
}

@media (min-width:768px) and (max-width:991px){
    .page_lxwm_box{margin:50px auto; }
    .lxwm_top_box{ flex-wrap:wrap;background-size:20%; background:#f9fbfc;}
    .lxwm_left_box{width:100%;height:300px; }
    .lxwm_right_box{width:60%;padding:0 0 40px 60px; }
    .lxwm_right_box p{ font-size:16px; line-height:40px;}
    .lxwm_right_title{margin:30px 0 10px 0;flex-wrap:no-wrap; }
    .lxwm_right_title h2{ font-size:24px; margin-right:20px;}
    .lxwm_right_title span{ font-size:14px;}

    .lxwm_ewm_box{width:30%;}
    .lxwm_ewm_box img{ width:150px; }
    .lxwm_ewm_box .lxwm_ewm_sys{ width:150px; font-size:14px; line-height:30px; margin-top:20px;}

    .lxwm_bottom_box{margin:30px 0 0 0; flex-wrap:wrap; }
    .lxwm_bottom_box > div{ width:48%; margin-bottom:20px;}
    .lxwm_bottom_box > div h2{ height:55px;font-size:16px; }
    .lxwm_bottom_box > div p{ font-size:16px; padding:20px 0;}
}

@media (min-width:601px) and (max-width:767px){
    .page_lxwm_box{margin:30px auto; }
    .lxwm_top_box{ flex-wrap:wrap;background-size:20%; background:#f9fbfc;}
    .lxwm_left_box{width:100%;height:300px; }
    .lxwm_right_box{width:60%;padding:0 0 30px 40px; }
    .lxwm_right_box p{ font-size:16px; line-height:40px;}
    .lxwm_right_title{margin:30px 0 10px 0;flex-wrap:no-wrap; }
    .lxwm_right_title h2{ font-size:24px; margin-right:20px;}
    .lxwm_right_title span{ font-size:14px;}

    .lxwm_ewm_box{width:30%;}
    .lxwm_ewm_box img{ width:150px; }
    .lxwm_ewm_box .lxwm_ewm_sys{ width:150px; font-size:14px; line-height:30px; margin-top:20px;}

    .lxwm_bottom_box{margin:30px 0 0 0; flex-wrap:wrap; }
    .lxwm_bottom_box > div{ width:48%; margin-bottom:20px;}
    .lxwm_bottom_box > div h2{ height:55px;font-size:16px; }
    .lxwm_bottom_box > div p{ font-size:16px; padding:20px 0;}
}

@media screen and (max-width:600px){
    .page_lxwm_box{margin:30px auto; }
    .lxwm_top_box{ flex-wrap:wrap;background-size:20%; background:#f9fbfc;}
    .lxwm_left_box{width:100%;height:240px; }
    .lxwm_right_box{width:60%;padding:0 0 30px 30px; }
    .lxwm_right_box p{ font-size:14px; line-height:30px;}
    .lxwm_right_title{margin:30px 0 10px 0;flex-wrap:wrap; }
    .lxwm_right_title h2{ font-size:24px; margin-right:20px;}
    .lxwm_right_title span{ font-size:14px;}

    .lxwm_ewm_box{width:30%;}
    .lxwm_ewm_box img{ width:120px; }
    .lxwm_ewm_box .lxwm_ewm_sys{ width:120px; font-size:14px; line-height:14px; margin-top:20px;}

    .lxwm_bottom_box{margin:30px 0 0 0; flex-wrap:wrap; }
    .lxwm_bottom_box > div{ width:48%; margin-bottom:20px;}
    .lxwm_bottom_box > div h2{ height:55px;font-size:15px; }
    .lxwm_bottom_box > div p{ font-size:14px; padding:15px 0;}
}