*{ margin:0; padding:0; border:0; font-family:"微软雅黑", "宋体";  }
ul{ padding:0; margin:0;}
li{ list-style:none;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
a:link{ text-decoration:none; color:#666;}
a:visited{ text-decoration:none;  color:#666;}
a:hover{ text-decoration:none;  color:#666;}
a:active{ text-decoration:none;  color:#666;}
.clear{clear:both;}
.img-responsive{ width:100%; }
.w1200{width:1200px; margin:0 auto; }
.w1000{max-width:1000px; margin:0 auto; }

/* 可选：为图标设置备用字体 */
.fa, .fas, .far, .fal, .fab { font-family: 'Font Awesome 5 Free', Arial, sans-serif !important;}
/* 通用缓动过渡类：覆盖大部分交互场景 */
.ease_hover {  transition: all 0.3s ease; /* 所有属性变化缓动（慢→快→慢），时长0.3秒 */}


.navbar-light .navbar-nav .nav-link{padding-left:1rem; padding-right:1rem; }


.btn-primary{ background-color: #426e90; border-color:#426e90; }
.mobile-icon { margin-right: 10px; color: #6c757d;text-decoration: none;font-size: 1.2rem;cursor: pointer;}
.mobile-icon:hover {color: #007bff;}
.nav-right-icons {display: flex;align-items: center;}
.nav-icon {cursor: pointer;color: #6c757d;font-size: 1.2rem;padding: 0.25rem 0.5rem;margin-left: 10px;text-decoration: none;}
.nav-icon:hover {color: #007bff;}
.search-modal .modal-content {border-radius: 10px;}
.search-modal .modal-header {border-bottom: 1px solid #dee2e6;}
.search-modal .modal-body {padding: 2rem;}
.search-input-group {max-width: 500px;margin: 0 auto;}
        
/* 在大屏幕上隐藏移动端图标，显示右侧图标 */
        @media (min-width: 992px) {
            .mobile-icon {display: none;}
            .nav-right-icons {display: flex !important;}
        }
        
        /* 在小屏幕上隐藏右侧图标，显示移动端搜索图标 */
        @media (max-width: 991.98px) {
            .nav-right-icons {display: none !important;}
            .mobile-icon {display: block;}
        }
.navbar-brand img{ max-width:200px; }
.bg-light{ background-color: #fff !important;}
.mytop{ background-color: #f8f6f3; height:40px; line-height:40px; font-size:16px; }
.mytop .mytop_left{ float:left; padding-left:15px; font-size:14px; }
.mytop .mytop_right{ float:right;  padding-right:15px;font-size:14px; }
.mytop .mytop_right a{ padding-left:10px; padding-right:10px; }
.mytop_nei{ width:100%;  padding-left:3rem; padding-right:3rem;  }
.navbar{padding:.5rem 3rem; }


.mb_banner{ display: none;}


.iabout{ background:url(../images/iabout_bg.jpg) no-repeat center top; background-color: #eeeeee; padding-top:150px; padding-bottom:150px; }
.iabout_left .left01{width:60%; }
.iabout_left .left01 span{width:50px; height:7px; border-radius: 30px; background-color: #426e90; display: block; margin-top:30px;  margin-bottom:20px; }
.iabout_left .left02{ font-size:24px; color:#333; padding:20px 0; line-height:20px;}
.iabout_left .mybtn{width:133px; height:44px; line-height:44px;  }
.iabout_left .mybtn a{color:#fff; display: block;  background-color: #426e90; border-radius: 50px; text-align: center;}
.iabout_left .mybtn a:hover{background:#11204a;}




.iabout_left{float:left; width:30%;  }
.iabout_right{float:right; width:70%;}
.iabout_right p{ font-size:22px; line-height:40px; color:#444; }
.navbar-collapse{ padding-left:10%;  }

.iproduct{ background-color: #a7b9d2; padding:133px 0; }
.iproduct .col_four{ float:left; width:23%; margin:1%; border-radius:1.5rem;}
.iproduct .col_four .card{ border:0;border-radius:1.5rem; background-color: #ffffff;}
.iproduct .card-title{ text-align: center; margin:0; padding:10px 0; }
.ipro_bt{padding-bottom:30px; }
.ipro_bt h3{text-align: center; font-size:36px; }
.ipro_bt span{width:5%; height:10px;  display: block; margin:0 auto; margin-top:20px; background-color: #426e90; border-radius: 30px;}
.card-img-top{border-top-left-radius:1.5rem; border-top-right-radius:1.5rem;  }
.iproduct a{color:#555555; text-decoration: none;}
.iproduct .col_four:hover{ box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);}

.ituijian{ background:#f6f6f6; padding-top:100px; padding-bottom:100px;}
.ituijian .col_three{float:left; width:31.3%; margin:1%; border-radius: 1.5rem;}
.ituijian .card-img-top{border-radius: 1.5rem; border:1px solid #eaeaea; }
.ituijian .col_three .card{ border:0;border-radius:1.5rem; padding:1.5rem;}
.ituijian .card-title{ text-align: center; margin:0; padding:10px 0; }
.ituijian .col_three span{ text-align: center; margin:0; padding:10px 0; display:block; }
.ituijian .mybtn{width:133px; height:44px; line-height:44px; margin:0 auto; margin-top:50px; }
.ituijian .col_three:hover{ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);}

.ituijian .mybtn a{color:#fff; display: block;  background-color: #426e90; border-radius: 50px; text-align: center;}
.ituijian .mybtn a:hover{background:#11204a;}

.iad01{margin-top:100px; margin-bottom:80px; }
.iad02{margin-bottom:100px; }
.iad_general{ position: relative; }
.iad_general h3{ position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:rgba(255,255,255,0.7); font-size:60px; font-weight:normal;}
.iad_general .mybtn{ position:absolute; right: 5%; bottom:5%; width:133px; height:44px; line-height:44px;  }
.iad_general img{ border-radius: 1.5rem; }
.iad_general .mybtn a{color:#fff; display: block;  background-color: #426e90; border-radius: 50px; text-align: center;}
.iad_general .mybtn a:hover{ background:rgba(255,255,255,0.9); color:#426e90; }

.iservice{ background-color: #f6f6f6; padding:100px 5%;}
.iservice .biaoti h3{ font-size:36px; color:#426e90; text-align:center; padding-bottom:15px; }
.iservice .biaoti h6{ font-size: 30px; color: #426e90; text-align:center;}
.iservice_li{ width:23%; margin:0 1%; background-color: #ffffff; border-radius: 1.5rem; float:left; padding:30px 50px;}
.iservice_li .icon_general{ width:30px;}
.iservice_li h5{ padding-top:30px; font-size:24px;  }
.iservice_li p{ padding-top:20px;  font-size:14px; color:#888888;  }
.iservice a{ width:37px; height:37px; line-height:35px; border-radius: 37px; background:#323335; color:#fff; display: block; float:right; text-align:center; font-size:20px; padding-bottom:3px; }
.iservice .biaoti { padding-bottom:50px; }
.iservice .biaoti span{width:50px; height:7px; border-radius: 30px; background-color: #426e90; display: block; margin:0 auto;  margin-top:30px; margin-bottom:30px;   }
.iservice .iservice_li:hover{ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);}
.iservice a:hover{ background-color: #426e90;}


.footer{background:url(../images/footer_bg.png) no-repeat center top #ecf5f9; padding:80px 5% 30px; width:100%; }
.footer_left{width:20%; float:left; }
.footer_right{width:80%; float:left; padding-left:10%;   }
.footer_right .footer_li{ float:left; padding-right:4%;  }
.footer_right .footer_li h4{ padding-bottom:15px; }
.footer_right .footer_li h4 a{ font-size:18px; color:#426e90; }
.footer_right .footer_li dt dl{ font-size:14px; color:#666666; margin-bottom:10px;  }
.footer_xia{ padding-top:30px; border-top:1px solid #ccc; }
.footer_xia .xia_left{float:left; font-size:16px; color:#666; }
.footer_xia .xia_right{float:right; font-size:16px; color:#666;  }



.weizhi{ font-size:14px; padding:30px 0;}


.page_main{ background-color: #f8f6f3; padding-bottom: 60px;}
.page_main h2{ font-size:28px; text-align: center; padding-bottom:30px; color:#444;}
.pro_big_cate{ background-color: #ffffff; padding:25px;  box-shadow: 0 20px 20px #0000001a; border-radius: 20px; }
.pro_big_cate li{ float:left; width:24%; margin-right:1%; text-align:center; margin-top:5px; margin-bottom:5px;}
.pro_big_cate li a{ padding:10px 0;display: block; font-size:16px;  color: #426e90;background-color: #f8f6f3;  border-radius: 7px; }
.pro_big_cate li a:hover { background-color: #426e90; color:#fff;}


.about_cate{ background-color: #ffffff; padding:25px;  box-shadow:  0 6px 12px #0000001a; border-radius: 20px; }
.about_cate li{ float:left; width:32.3%; margin-right:1%; text-align:center; margin-top:5px; margin-bottom:5px;}
.about_cate li a{ padding:10px 0;display: block; font-size:16px;  color: #426e90;background-color: #f8f6f3;  border-radius: 7px; }
.about_cate li a:hover { background-color: #426e90; color:#fff;}



.product_list{  padding-top:30px; padding-bottom:30px;}
.product_list .col_four{float:left; width:23%; margin:1%; border-radius: 1.5rem; box-shadow: 0 20px 20px #0000001a;}
.product_list .card-img-top{border-radius: 1rem; border:1px solid #eaeaea; }
.product_list .col_four .card{ border:0;border-radius:1rem; padding:1rem;}
.product_list .card-title{ text-align: left; margin:0; padding:10px 0; font-size:16px; }
.product_list .col_four span{ text-align: left; margin:0; padding:10px 0; display:block; font-size:14px; }
.product_list .col_four:hover{ box-shadow: 0 6px 12px rgba(76, 109, 141, 0.3);}



.news_cate{ background-color: #ffffff; padding:25px;  box-shadow:  0 6px 12px #0000001a; border-radius: 20px; }
.news_cate li{ float:left; width:49%; margin-right:1%; text-align:center; margin-top:5px; margin-bottom:5px;}
.news_cate li a{ padding:10px 0;display: block; font-size:16px;  color: #426e90;background-color: #f8f6f3;  border-radius: 7px; }
.news_cate li a:hover { background-color: #426e90; color:#fff;}
.news_list{ padding-top:80px; display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-flow: dense; }
.news_li{ padding-left:5%; padding-right:5%; float:left; margin-bottom:50px;   }
.news_li h3{ color:#444; font-size:20px; padding-top:30px; padding-bottom:20px;  }
.news_li p{ color:#888; font-size:16px; padding-bottom:20px;  }
/* 只给第2列和第3列的产品加左边框 */
.news_li:nth-child(3n+2),
.news_li:nth-child(3n+3) {  border-left: 1px solid #e0e0e0;}

.about{ margin-top:30px; box-shadow:0 6px 12px #0000001a; padding:25px; background: #fff; border-radius:20px; margin-bootom:30px;  }
.about p{ line-height:32px; text-indent: 0; color:#666;  } 

.news_detail{ margin-top:30px; box-shadow:0 6px 12px #0000001a; padding:50px; background: #fff; border-radius:20px; margin-bootom:30px;  }
.news_detail h1{ font-size:30px; }
.news_detail .nd-date{ font-size:16px; color:#999; border-bottom:1px solid #e2e2e2; display: block; padding:20px 0; }
.news_detail .nd-c{ font-size:16px; color:#666; line-height:40px; padding-top:30px;  }
.news_detail img{width:100%; }
.news_detail .nd-c h3{ font-size:18px; padding-bottom:10px; }

.contact{ margin-top:30px; box-shadow:0 6px 12px #0000001a; padding:50px; background: #fff; border-radius:20px; margin-bootom:30px; }
.mymsg{ margin-top:30px; box-shadow:0 6px 12px #0000001a; padding:10px; background: #fff; border-radius:20px; margin-bootom:30px; }


.culture_cate{background-color: #ffffff; padding:25px;  box-shadow:  0 6px 12px #0000001a; border-radius: 20px; }
.culture_cate li{ float:left; width:32.3%; margin-right:1%; text-align:center; margin-top:5px; margin-bottom:5px;}
.culture_cate li a{ padding:10px 0;display: block; font-size:16px;  color: #426e90;background-color: #f8f6f3;  border-radius: 7px; }
.culture_cate li a:hover { background-color: #426e90; color:#fff;}






/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:100%;margin-top:20px;padding:5px;background:#eee;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle; width:50px; }
.picarr .preview li.current a{border:1px solid #000;}




.myzutu{width:50%; float:left; }
.myproright{ width:45%; float:right;}

.picture img{width:100%; }
.protitle {padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #ccc; }
.protitle h1{    font-size: 40px;    margin: 0 0 5px;  text-align:left; color:#000; font-weight:bold; padding-bottom:10px; }
.protitle .p {    margin-bottom: 6px;    font-size: 18px;    font-weight: 700; text-align:left; color:#000;  }
.ageBox span {font-size: 14px;    color: #5a7660;    margin: 0; text-align:left;  background:#e5ebe4; border-radius:15px; padding-top:15px; padding-bottom:15px;   padding-left:30px; padding-right:30px;  }



.product_detail{ padding-top:100px;}

.product_detail .xiangqingye img{ width:100%; }

.pro_erji{ background:#4c6d8d80; border-radius:15px;  padding:20px; margin-top:30px; }
.pro_erji .erji_li{ float:left;  display:inline-block;  margin-right:30px; color:#fff; }
.pro_erji .erji_li a{ color:#fff;  background:rgba(255,255,255,0.3); padding:5px; padding-left:8px; padding-right:8px; border-radius:8px; }
.pro_erji .erji_li a:hover{ color:#4c6d8d;}





@media (max-width:1400px){
.navbar-collapse{padding-left:4%; }
.navbar-light .navbar-nav .nav-link{padding-left:1rem; padding-right:1rem; }

}

@media (max-width: 1300px)  {
.navbar-collapse{ padding-left:6%; }
.footer_right{padding-left:3%;}
.iservice{padding-left:0; padding-right:0; }
.navbar-light .navbar-nav .nav-link{padding-left:0.5rem; padding-right:0.5rem; }

}
@media (max-width: 1200px)  {
.navbar-collapse{ padding-left:2%; }
.shouye{ display:none;} 
.w1200{ width:100%; padding-left:15px; padding-right:15px; }
.iservice{ width:100%; padding-left:0; padding-right:0; }
.footer{ width:100%; padding-left:0; padding-right:0; }
.iad_general h3{ font-size:40px;}
.navbar{ padding-left:0; padding-right:0; }
.mytop_nei{ padding-left:0; padding-right:0; }
}
@media (max-width: 1100px)  {
.navbar-light .navbar-nav .nav-link{ font-size:14px;}
.footer_right .footer_li{padding-right:3%;}
 } 
@media (max-width: 1000px)  {
.w1000{width:100%;}
.product_detail .xiangqingye{ margin-left:10px; margin-right:10px; }
 } 
@media (max-width:991px){
.mytop .mytop_left{ padding-left:0;  }
.mytop .mytop_right{  padding-right:0; }
.iabout{padding-top:80px; padding-bottom:80px;}
.iabout_left .left02{ font-size:20px;}
.iabout_right p{ font-size:18px;}
.iad_general h3{ font-size:30px;}
.iservice_li{ width:48%; margin:0 1%; margin-bottom:15px;  }
.footer_li_01,.footer_li_02,.footer_li_03,.footer_li_04,.footer_li_05,.footer_li_06{ height:300px; }
.product_list .col_four{float:left; width:31.3%; margin:1%; }
.mytop_nei{ padding-left:15px; padding-right:15px; }
.navbar{ padding-left:15px; padding-right:15px; }
 }

@media (max-width:920px){
    .footer_left{width:40%; float:none; margin:0 auto;  margin-bottom:20px; }
.footer_right{width:100%; float:none; padding-left:0; padding-right:0;   }
}

@media (max-width: 767px)  {
.mytop_nei{ padding-left:1em; padding-right:1em; }
.navbar{ padding-left:1em; padding-right:1em;}    
.navbar-brand img{ width:170px;}  
.pc_banner{ display: none ;}
.mb_banner{display:block;}
.iabout{position: relative;}
.iabout_left{float: none; width:100%; }
.iabout_right{float:none; width:100%; }
.iabout_left .left01{ display:block; margin:0 auto; width:50%;  }
.iabout_left .left01 span{width:30%; height:15px;  display: block; margin:0 auto; margin-top:30px; }
.iabout_left .left02 p{text-align:center; line-height:20px; }
.iabout_left .mybtn{ position: absolute; bottom:6%; margin:0 auto;left: 50%; transform: translateX(-50%); }
.iabout_right p{ font-size:16px; line-height:30px; }
.iproduct .col_four{ width:48%;}
.footer_left{width:40%; float:none; margin:0 auto;  margin-bottom:20px; }
.footer_right{width:100%; float:none; padding-left:0; padding-right:0;   }
.iad01{ margin-top:80px; margin-bottom:30px; }
.iservice .biaoti h3{font-size:30px; }
.iservice .biaoti h6{ font-size:20px; }
.iservice .biaoti{ padding-bottom:20px; }
.iservice{ padding:50px 0;}
.ituijian .col_three{ width:100%; }
.ituijian{ padding-top:60px; padding-bottom:60px; }
.iproduct{ padding-top:60px; padding-bottom:60px; }
.footer_li_06{ height:200px; }
.footer_right .footer_li h4 a{font-size:16px;}
.footer_xia .xia_left{ font-size:14px; float:left; }
.footer_xia .xia_right{font-size:14px; float:left; }
.footer{padding:30px 5%;}
.news_list{   grid-template-columns: repeat(2, 1fr);  }
.news_list{ padding-top:40px; }
/* 去掉第2列和第3列的产品左边框 */
.news_li:nth-child(3n+2),
.news_li:nth-child(3n+3) {  border-left: 0px solid #e0e0e0;}
/* 只给第2列的产品加左边框 */
.news_li:nth-child(2n+2) {  border-left: 1px solid #e0e0e0;}
.myzutu{float:none; width:100%;}
.myproright{float:none; width:100%; }


} 
@media (max-width: 600px)  { 
.iad_general h3{ font-size:20px; } 
.iad_general .mybtn{ width:100px; height:30px; line-height:30px;}
.iad_general .mybtn a{ font-size:14px; }
.product_list .col_four{float:left; width:48%; margin:1%; }
.question_li{ float:left; width: 98%; margin:0 1%; border-radius:20px; background-color:#fff; box-shadow:0 6px 12px #0000001a;  padding-bottom:30px; margin-bottom:30px; }

 }  
@media (max-width: 500px)  {
.navbar-brand img{ width:150px;}    
.mytop{ font-size:14px;}
.iabout_left .left01 span{ height:10px; margin-top:20px;  }
.iad01{ margin-top:50px; margin-bottom:20px; }
.iad02{ margin-bottom:50px; }
.footer_right .footer_li h4 a{font-size:14px; }
.footer_right .footer_li dt dl{ margin-bottom:5px; }
.footer_right .footer_li h4{padding-bottom:10px; }
.footer{ padding:50px 1% 0; }
.news_list{   grid-template-columns: repeat(1, 1fr);  }
.news_li + .news_li {  border-left: 0px solid #e0e0e0;}
.news_li:nth-child(1n+1) {
  border-left: 0px solid #e0e0e0;
}

}  
@media (max-width: 400px)  { 
.mytop{ display: none;}
.iservice_li{ width:100%; margin:0; margin-bottom:15px;   }
.product_list .col_four{float:left; width:98%; margin:1%; }
.pro_big_cate li a{ font-size:14px; }
.pro_big_cate{padding:10px;}
.product_list .col_four{ margin-bottom:15px; }

} 







/*分页样式*/
.page_info { text-align: center; margin: 0 0 50px;	color: #333; font-size: 14px; }
.page_info span { padding: 0 2px; font-weight: bold;}
.page_list { line-height: 24px; text-align: center;	letter-spacing: 0; 	font-size: 14px; margin: 0; }
.page_list a { display: inline-block; color: #4c6d8d; 	background: #fff; width: 40px;     height: 40px; line-height: 40px; margin:3px; font-size:16px;  transition: all 0.3s ease; border-radius: 55px; }
.page_list a:hover {	color: #fff;  	background: #4c6d8d; box-shadow: 0 10px 10px #0000001a;}
.page_list a.on { color: #fff;  background: #4c6d8d;}














/* 滑动卡片组件样式 - 全屏显示4个版本 */
.related-products-slider {
    position: relative;
    width: 100%;
    margin: 80px 0 40px;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.related-products-slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3498db, #2ecc71, #e74c3c, #f39c12);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}