@charset "utf-8";
/* --mobile-- */
@media screen and (max-width: 1720px){
	
}

@media screen and (max-width: 1600px){
	
	/* --inner-- */
	.banner .publicBox{padding-bottom:117px;}
	.subPage{height:117px;}
	.subPage a{height:116px;}
	.innerTitle i{margin-top:8px;}
	.about .company .intro .wz{margin-top:0;}
	.about .president .name b{font-size:26px;margin-right:20px;}
	.historySwiper .num{height:100px;font-size:100px;line-height:100px;}

	.newsList li .wz .bt{font-size:22px;}
}
@media screen and (max-width: 1406px){
	.innerCrumb .location{ width: 25%;}
	.innerCrumb .subpage{ width: 75%;}


}


@media screen and (max-width: 1374px){
	
	
	.message{ width: 90%; margin: 0px auto;}

	




}

@media screen and (max-width: 1308px){
	.innerCrumb .location{ width: 22%;}
	.innerCrumb .subpage{ width: 77%;}
	.innerCrumb .subpage.s4 li a{ padding: 0px;}
	}
@media screen and (max-width: 1493px){
.in02a .gallery-thumbs .swiper-slide-thumb-active .float-left p{ font-size: 18px;;}
		}
@media screen and (max-width: 1280px){
	

	/* --inner-- */
	.banner .publicBox{padding-bottom:97px;}
	.banner .publicBox p{font-size:16px;line-height:24px;margin-top:10px;}
	.subPage{height:97px;}
	.subPage a{height:96px;font-size:16px;}
	.subPage a i{width:36px;height:36px;margin-right:20px;font-size:20px;line-height:36px;}
	.innerTitle i{margin-top:6px;padding-top:8px;font-size:16px;}
	.innerTitle i:before,.innerTitle i:after{width:8px;height:8px;}
	.about .company .intro .left{margin-top:50px;}
	.about .company .count{padding:0 0 180px;}
	.about .president .name b{font-size:22px;margin-right:10px;}
	.about .president .img{width:36%;height: calc(72% - 60px);}
	.culture .idea .msg{width:80%;left:10%;}
	.culture .spirit .txt{width:60%;}
	.historySwiper .num{height:80px;font-size:80px;line-height:80px;}
	.message .box{padding:60px;}
	.message .box .title{width:36%;}
	.message .box .title .en {font-size:32px;line-height:42px;}
	.message .box .title .cn {font-size:24px;line-height:32px;}
	.newsList li .pic{height:160px;}
	.newsList li .wz .bt{font-size:20px;}
	.article{width:100%;}
	.article .title h1{width: calc(100% - 120px);font-size:24px;line-height:32px;}
	.preview{display:none;}
	.inner_product_l{ width: 94%; margin: 0px auto; float:none;}
	.inner_product_r{ margin-left: 0px;width: 94%; margin: 0px auto; float:none;}
	.inner_detail_pic img{ max-width: 100%;}
	.inner_detail_pic{ padding-bottom: 50px;}
	.inner_detail_pic table{ font-size: 14px;}
}
@media screen and (max-width: 1128px){
	
	

}
@media screen and (max-width: 960px){

	.homeabout_bt{ font-size: 20px;}
	.f18{ font-size: 16px;}
	.homeabout_l{ width: 100%;}
	.padding1{ padding-top:40px;}
	.home_about_bt{ margin-top: 40px;}
	.btn-explore{font-size: 1rem;}
	.homeabout_r{width:100%; margin-top: 40px;;}
	.homeabout_r ul li{ width: 33%; float: left; text-align: center;; margin-bottom: 0px;;}
	.homeabout_r ul li .num{ font-size: 20px;;}
	.homeabout_r ul li .num_word{ font-size: 14px;;}

	.unique-intro-namespace{ margin-top: 40px;;}
	.tab-nav{background: none;;}
	.tab-btn{ background-color: #fff; margin-top: 10px;;}

	#ssnr .weizhi{ font-size: 20px;;line-height: 30px; width: 100%; margin-top: 40px;;}
	.right{ width:100%; margin-top: 20px;}
	.sllist li .sl_desc{ font-size: 20px;;}
	.sllist li .sl_desc span{ font-size: 16px;}
	.sllist li .sl_title{top:20%;}
	.video_word{ font-size: 20px;}
	.index02{ padding-top: 40px; padding-bottom: 40px;}
	.en_logo{ width: 100%;;}
	.en_se{width: 100%; margin-top: 20px;}
	.btt{font-size: 20px;}
	.publicFooter .box .add p{ padding-left: 0px;;}
	.homenews{ padding-bottom: 40px;;}
	.f44{font-size: 20px;}
	.banner{ height: 400px;;}
	.inner_company_tit{font-size: 20px;}
	.unique-intro-namespace .intro-title{font-size: 20px;}
	.inner_fzlc_tit1{font-size: 20px;}
	.inner_fzlc_tit2{ font-size: 16px;;}
	.inner_honor_tit{font-size: 20px;}
	.tab-nav{ width: 90%; height: auto;}
	.cardd h3{ font-size: 20px;;}
	.process-container{ margin-top: 40px;;}
	.history-section .swiper{ padding-bottom: 50px;}
	.history-section{padding-top: 50px;}
   .contact-cardd h3{ font-size: 20px;;}
.contact-info{ font-size: 16px;}

#jjbj .tit p{ font-size: 20px;;}
.inner_btn ul li{ height: 80px;  line-height: 80px;}

.inner_btn ul li .inner_btn_tit{ margin-top: 1px;}
.inner_btn ul li .inner_btn_bt{ margin-top: 20px;}
.inner_btn ul li:nth-of-type(2) .inner_btn_tit{ margin-top: 1px;}
.inner_btn ul li .inner_btn_btt{ margin-top: 20px;}

.section-title{ padding-top:40px;}
.related{margin-top: 40px;}
	.sllist{ margin-top: 40px;;}
	.index_case{margin-top: 40px;}
	.index_case_tit{font-size: 20px;}
	.homeReasons .box .con .wz{font-size: 20px;}
	.shine-btn{ font-size: 16px;}
	.titleSwiper .swiper-slide .news-title{font-size: 16px;}
	/* --inner-- */
	.banner .publicBox{padding-bottom:0;}
	.banner .publicBox p{font-size:14px;line-height:20px;padding-bottom:24px;}
	.banner .publicBox p:before,.banner .publicBox p:after{width:12px;height:12px;}
	.subPage{display:none;}
	
	.innerTitle i{margin-top:4px;padding-top:4px;margin-left:10px;font-size:14px;line-height:20px;}
	.innerTitle i:before,.innerTitle i:after{width:6px;height:6px;}
	
	.innerText{font-size:15px;}
	.innerText p{padding-top:4%;}

	.my-case-header{font-size: 20px;}
	.jobs{ padding-top: 40px;}
	.office-env-header h2{font-size: 20px;}
	.job-title-group h2{font-size: 20px;}
	.job-title-group .sub-title{font-size: 20px;}
	.contact-form-section h2{font-size: 20px;}
	.contact-title{font-size: 20px;}
	.contact-section{ padding-top: 40px;;}
	.message .box{padding:6% 4%;}
	.message .box .title{width: 100%;}
	.message .box .title .en {font-size:20px;line-height:24px;}
	.message .box .title .cn {font-size:18px;line-height:20px;margin-top:2%;}
	.message .box .title .txt {margin-top: 4%;}
	.message .box .title .hx {margin-top: 4%;}
	.message .box .title .tel {margin-top: 4%;}
	.message .box .title .tel p{font-size: 18px;margin-top: 0;}
	.message .box .form{width:100%;margin-top: 8%;}
	.message .box .form .guestimg{width:48%;height:52px;float:left;}
	.message .box .form #captcha{width:48%;}
	.message .box .form .submit{width:100%;font-size:16px;}
	.inner_ly{ padding-top: 40px;; padding-bottom: 40px;}
	
	.productList{width:100%;}
	.productList li{width:100%;padding:0 4%;margin-bottom:4%;}
	.productList li .img{width:100%;position:relative;right:auto;top:auto;}
	.productList li .img img{width:80%;margin:auto;}	
	.productList li .txt{width:100%;padding:0 0 20px;margin-top:4%;float:left;}
	.productList li .txt .title2{font-size:16px;margin-top:2%;}
	.productList li .txt .wz{height:auto;margin-top:4%;}
	.productList li .txt a{width:46%;height:42px;font-size:15px;margin-top:4%;border-radius:20px;}
	.productList li .txt a:nth-of-type(2){margin-left:8%;}
	.productList li .txt a img{margin-left:10px;}
	
	.showsList li{width:49%;margin-right:2%;margin-top:4%;}
	.showsList li:nth-of-type(3n){margin-right:2%;}
	.showsList li:nth-of-type(2n){margin-right:0;}
	.showsList li a .wz{font-size:15px;padding-left:14px;margin-top:8px;}
	.showsList li a .wz:before{top:7px;width:8px;height:8px;}
	
	.honorList li{width:49%;margin-right:2%;margin-top:4%;}
	.honorList li:nth-of-type(2n){margin-right:0;}
	.honorList li a .wz{font-size:15px;margin-top:8px;}

	.newsList li{width:100%;margin-right:0;margin-top:4%;}
	.newsList li .pic{height:120px;}
	.newsList li .wz{padding:15px;}
	.newsList li .wz .bt{height:48px;font-size:16px;line-height:24px;}
	.newsList li .wz .time{margin-top:2%;}
	.newsList li .wz .con{height:auto;max-height:60px;font-size:14px;line-height:20px;margin-top:4%;}
	.newsList li .wz .link{height:20px;font-size:14px;line-height:20px;margin-top:4%;}
	
	.videoList li{width:49%;margin-right:2%;margin-top:4%;}
	.videoList li:nth-of-type(3n){margin-right:2%}
	.videoList li:nth-of-type(2n){margin-right:0;}
	.videoList li .wz{height:32px;font-size:14px;line-height:32px;padding:0 10px;}
	
	.partyList li{margin-top:4%;}
	.partyList li .time{display:none;}
	.partyList li .wz{width:100%;padding:4%;}
	.partyList li .wz .bt{height:24px;font-size:16px;line-height:24px;}
	.partyList li .wz .con{max-height:60px;font-size:14px;line-height:20px;margin-top:4%;}
	.partyList li .wz .link{height:20px;font-size:14px;line-height:20px;margin-top:4%;}
	.partyList li .line{display:none;}


	/* --新闻详情页-- */
	.article .title{padding:15px;}
	.article .title .time{width:100%;font-size:14px;line-height:24px;}
	.article .title .time p{float:left;margin-right:10px;}
	.article .title .time:after{display:none;}
	.article .title h1{width:100%;font-size:18px;line-height:24px;padding:0;margin-top:2%;}
	
	.article .aside{padding:15px;}
	.article .aside .share{width:100%;}
	.article .aside .share .author{float:left;}
	.article .aside .share .click{float:left;margin-top:0;margin-left:20px;}
	.article .aside .share .link{float:right;margin-top:0;line-height:24px;}
	.article .aside .share .wz{line-height:30px;}
	.article .aside .share .link li{margin:0 4px;float:left;}
	.article .aside .share .link li .under{left:-45px;top:40px;}
	
	.article .aside .txt{width:100%;margin-top:6%;}
	.article .aside .txt .wz{font-size:15px;line-height:28px;}
	.article .aside .txt .wz p{font-size:15px;line-height:28px;margin-bottom:4%;text-indent:0;}
	.article .aside .txt .wz img{max-width:100%;}
	
	
	.preview{width:25%;padding:30px 24px 10px;float:right;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.05);}
	.preview .bt{font-weight:bold;}
	.preview ul li{padding:15px 0;border-top:1px solid #e2e2e2;}
	.preview ul li:nth-of-type(1){border:none;}
	.preview ul li .time{color:#999;height:24px;font-size:14px;line-height:24px;overflow:hidden;}
	.preview ul li .wz{height:48px;font-size:16px;line-height:24px;overflow:hidden;}
	.preview ul li .wz a{color:#000;}
	.preview ul li .wz a:hover{color:#18943b;}
	
	.indetails_upDown{margin-top:6%;padding:4%;}
	.indetails_upDown .next label{width:78px;}
	.indetails_upDown .page-a a{left:92px;}
	.indetails_upDown .ret{margin:6% auto 0;}
	
	.de-page-mian {margin:6% 0 0;}
	.de-page-mian span{display:none !important;}
	.de-page-mian input{display:none !important;}
	.de-page-mian .page-btn{display:none !important;}
	
	.foot_l{ display: none;}
	.publicFooter .box{ width: 100%; margin-right: 0px;}
	.copyright_l{ width: 100%;}
	.copyright_r{width: 100%;}
	.copyright_l ul li em{ width: 10%; display: none;}
	.copyright_l ul li span{ }
	.job .list li{ width: 48%;}
	.job .list li h3{ font-size: 18px;}
		 .contact-map #dituContent {

  width: 100%;

  height: 278px;



}
	.contact_map_r{ height: auto; margin-top: 30px;}
	
	.culture .intro .list li{ height: auto;}
	.culture .intro .list li .h_gao{ margin-top: 10px; height: auto;}
}


@media screen and (max-width: 480px){

	.inner_btn ul li{ width: 100%; margin-top: 10px;}
	
	.innerCrumb .location{ width: 100%;}
	.innerCrumb .subpage{ width: 100%;}
	.job .list li p{ height: 220px;}
	.innerCrumb .subpage.s4 li{ width: 50%; }
	.innerCrumb .subpage.s4 li a{ padding: 0px;}

	.sj_head_logo img{ width: 60%; height: auto; margin-top: 2px;}
	.index_about_tit1{ font-size: 20px; margin-top: 20px;}
	.index_about_tit2{ font-size: 16px;margin-top: 20px;}
	.fixNavaa .nava ul{ margin-top: 30px;}
	.more_top{ margin-top: 30px;}
	.gsjj_lb{ padding-top: 30px;}
	.jiaru{ font-size: 20px; margin-top: 20px;}
	.joss{ padding-top: 30px;}
	.job .list li{ margin-top: 30px;}
	.job .list li p{ font-size: 14px; margin-top: 20px;}
.gsjj_lb li p {
    font-size: 32px;
}
.in02a .gallery-thumbs{width: 100%;}
.in02a_b span{font-size: 16px;}
.in02a_b p strong{font-size: 15px;line-height: 30px;margin-top: 1rem;padding-top: 1rem;}
.more a{width: 120px;line-height: 40px;}
.in02a_b a{width: 120px;line-height: 40px;}
.combb span{font-size: 18px;}
	.index_about_tite{ font-size: 16px;}
	.in02a .gallery-thumbs .swiper-slide{ font-size: 12px;}
	.intita p{ font-size: 14px;margin-top: 0px;}
	.intita strong{ font-size: 20px;}
	.intita{ margin-top: 0px;}
	.index_about_titee{ font-size: 16px; width: 200px;}
	.intitb strong{ font-size: 20px; margin-top: 0px;}
	.intitb p{ font-size: 14px; margin-top: 0px;}
	.qysl{ margin-top: 20px;}
	
	.innerCulture .list li{ width: 48%;}
	.innerCulture .list li h3{ font-size: 20px;}
	.innerCulture .list li p{ font-size: 14px; margin-top: 20px;}
	.innerCulture .list li p{ height: 250px;}
	.innerCulture{ padding-bottom: 50px;}
	.in04ab span{ font-size: 16px;}
	.in04ab p{ font-size: 14px; line-height: 25px;}
	.wen1{ font-size: 20px;}
	.wen2{ font-size: 14px;}
	.morea a{}
	.publicFooter .box .bt{ font-size: 16px;}
	.padding {
    padding: 30px 0;
}
	.publicFooter .box .ewm .in p{ font-size: 14px;}
	
	.banner{ height: 230px;}
	.banner .publicBox .bt span{ font-size: 14px;}
	.org-chart ul li .fdb{ font-size: 16px;}
	.org-chart ul li span{ font-size: 14px;}
	.org-chart ul.columnOne{ height: 90px;}
	.content{ padding-top: 30px;}
	
	.lxfs ul li{ width: 100%; margin-top: 30px; height: 200px;}
	.lxfs ul li .lxfs_mid{ margin-top: 40px;}
	
	 .contact-map #dituContent {

  width: 100%;

  height: 278px;



}
	
	.org-chart ul.columnTwo li{ float: none; margin: 0px auto;}	
	.org-chart ul.columnTwo:after{ display: none;}

}






* 1. 平板及中等屏幕适配 */
@media (max-width: 1024px) {
    .homeReason .box .con {
        width: 350px; /* 适当缩小卡片宽度 */
        right: 80px; /* 减小右边距 */
        padding: 25px;
    }
    .homeReason .box .con .bt b {
        font-size: 20px; /* 标题稍小 */
    }
    .homeReason .box a .img img {
        height: 450px; /* 图片高度自适应 */
    }
}

/* 2. 手机端关键适配 (核心修改) */
@media (max-width: 768px) {
    /* 容器重置 */
    .homeReason {
        padding: 10px 0; /* 减少上下内边距 */
    }
    
    /* Swiper 样式重置 */
    #reasonsSwipers {
        padding: 10px;
    }
    
    /* 图片容器响应式 */
    .homeReason .box a {
        max-width: 100%; /* 强制全宽 */
        margin: 0 auto; /* 居中 */
    }
    
    .homeReason .box a .img img {
        width: 100%;
        height: 200px; /* 手机端固定较小高度 */
        object-fit: cover;
    }

    /* --- 关键：处理右下角悬浮卡片 (.con) --- */
    /* 方案：将悬浮卡片变为普通流式布局，放在图片下方 */
    
    /* 1. 取消绝对定位，使其脱离悬浮状态 */
    .homeReason .box .con {
        position: static; /* 取消绝对定位 */
        width: 100%; /* 宽度100% */
        background: #009bb3; /* 保持背景色 */
        color: #fff;
        margin-top: -10px; /* 与图片稍微重叠一点，保持视觉连接 */
        border-radius: 0; /* 去掉圆角或根据设计调整 */
        padding: 20px;
        transform: none; /* 清除可能存在的transform */
        bottom: auto; /* 清除bottom */
        right: auto; /* 清除right */
    }
    
    /* 2. 调整卡片内部文字 */
    .homeReason .box .con .bt b {
        font-size: 18px;
        line-height: 26px;
    }
    
    .homeReason .box .con .wz {
        font-size: 13px;
        line-height: 20px;
        min-height: auto; /* 取消固定高度 */
    }

    /* --- 底部控件调整 --- */
    .my-bottom-controls {
		position: relative;
        flex-direction: column; /* 垂直排列 */
        align-items: center;
        gap: 10px; /* 元素间增加间距 */
		margin-top: 30px; height: auto;
       transform: translateX(-18%);
     
       
        
        border-radius: 8px;
    }
    
    .my-counter {
        font-size: 14px;
        margin: 0;
    }
    
    .my-progress-container {
        width: 100%; /* 进度条占满 */
        margin: 10px 0;
    }
    
    .my-nav-group {
        width: 100%;
        justify-content: center;
    }
    
    .reasonsSwiper-prev, 
    .reasonsSwiper-next {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
}