@charset "utf-8";
/* CSS Document */
body { 
  MARGIN: 0px; 
  PADDING: 0px;  
  FONT-FAMILY: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
  COLOR: #000; 
  FONT-SIZE:14px; 
  LINE-HEIGHT:150%;
   width:100%;
  min-width:1200px;
  margin:0 auto;
  caret-color: transparent;/*去掉点击光标*/

  
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;         

 }
html{ height: 100%; margin-bottom: 1px; }/*去除火狐滚动条页面抖动*/

 /*链接样式*/
a{ font-size:14px; color:#333; transition: transform 0.5s ease; } 
a:link{text-decoration : none ;color : #333;} 
a:visited {text-decoration : none ;color : #333;} 
a:hover {text-decoration : underline ;color: #E3001E;  text-decoration:none;} 
a:active {text-decoration : none; color : #333;}

/*去除链接虚线*/  
a{
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}


 /*定义层容器*/
.container {
  margin:0 auto;
  width:1400px;
  height: auto;
}
#con {
  margin:0 auto;
  width:1400px;
}
   
   
/*定义顶部*/
#head {
  width:100%;
  margin:0;
  padding:0;
  height: auto;
  float: left;
  display: block;
}


ul,li{list-style: none; padding:0; margin:0;}
img {
    border-style: none;
}


/*定义主内容*/
#PageBody {width:100%; float:left; display: block; height:auto;}
#mainBody {
    width: 100%;
    float: left;
    display: block;
    height: auto;
}

#yyxz{ position:absolute; right:0; top:15px; line-height:24px;}
#yyxz img{ border:0; width:20px; padding-right:5px;}
#yyxz a{ float:left; display: inline; margin-left:20px;}

#con_tit{ float:left; display:inline; width:100%; height:100px; background-color:#2E428C; color:#fff;}
#con_tit h2{ font-size:28px; float:left; display:inline; font-weight:normal; padding:0; margin:35px 0 0 0;}
#con_tit span{ float:right; display:inline; margin:37px 0 0 0;}
#con_tit span a{ color:#fff; font-size:16px; float:left; display:inline; padding: 0 4px 6px 4px;}
#con_tit span b{ float:left; display:inline; padding:0 30px; font-weight:normal;}
#con_tit span a:Hover{ background:url(images/m_b_line.png) no-repeat center bottom; text-decoration : none}


#top_tit{ float:left;  width:100%; height:40px;  line-height:40px; background-color:#eee; color: #7f7f7f; font-size: 14px;}
#top_tit span{ float:left; display:inline; margin:0 1% 0 0; }
#top_tit p{ float:right; display:inline; margin:0 1% 0 0; }
#top_tit span{ float: left; display: inline;}


#top{ width:100%; height:120px; margin:0 auto; float:left;  caret-color: transparent;}
#logo { float:left; display:inline; margin:25px 0 0 10px; height: 70px;}
.top_r{ float: right; display: inline; margin-top: 10px;}
.top_r span{ float: left; display: inline; width: 80px; font-size: 14px; text-align: center; line-height: 120%;}
.top_r span img{ width:80px; height: 80px;}
.top_r p{ float: left; display: inline; padding: 0; margin: 0 0 0 20px; width: 180px;}
.top_r p label{ float: left; display: inline; width: 100%; font-size: 16px;margin-top: 4px;}
.top_r p b{ float: left; display: inline; width: 100%; font-weight: bold; font-size: 22px; color: #1c2e94;  margin-top: 10px;}
.top_l{ float: left; display: inline;}

.top_l span{ float: left; display: inline;  margin: 20px 0 0 20px; border-left: 1px solid #eee; padding: 5px 0 0 20px;}
.top_l span b{  float: left; width: 100%; font-size: 26px; color: #1c2e94; margin-top: 4px;}
.top_l span label{ float: left; width: 100%;  color: #343434; font-size: 20px; margin-top: 18px; letter-spacing: 1.5px;}


#top_tel h3{ float:right; display:inline; padding:0; margin:5px 70px 0 0;  font-size:24px; color:#053F8B; line-height:125%;}
#top_tel h4{ float:right; display:inline; padding:0; margin:25px 70px 0 0; font-size:14px; color:#999; font-weight:normal; }



#menu{ display:inline; height:56px; float:left; display:inline; width:100%; margin:0; background-color:#1c2e94;}
#menu ul{ 
  padding:0; margin:0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#head .container{
  width: 1400px;
}
#menu .container{
  width: 1240px;
}

#menu ul li{ position:relative; flex: 1 1 auto;}
#menu ul li a{ float:left; display:inline; width:100%; text-align:center;  font-size:16px; line-height:56px; height:56px; text-align:center; color:#fff;  }
#menu ul li a:hover{ text-decoration:none; background-color: #E3001E;}
.m_on{ background-color: #E3001E;}

#menu ul li ul{ position:absolute; left:0; top:56px; padding:10px 20px 10px 10px; margin:0; width: 100%; box-sizing:border-box;  z-index:9999; display:none;  box-shadow: 0px 1px 2px  0px #000; background-color:#1c2e94; opacity: 0.9;}
#menu ul li ul li{ height:38px; line-height:38px;  width:100%; background:none;} 
    #menu ul li ul li a {
        height: 42px;
        line-height: 42px;
        font-weight: normal;
        font-size: 14px;
        text-align: center;
        border-radius: 6px;
		 white-space: nowrap;
		 padding:0 4px;
         float: left;
    }
#menu ul li ul li a:hover{ background:#E3001E; color:#fff; font-weight:bold; border:none;}

#menu ul li:last-child ul{ right:0 !important; left:auto; }

#top_tit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#top_date{
  flex: 1 1 70%;
  margin: 0 0 0 10px;
}
.top_search {
  flex: 1 1 20px;
  margin: 16px 1.5% 0 0;
  transition: all 0.5s ease;
}
  .top_search form {
      float:left;
      display:inline;
      width:100%;
      background-color:#fff;
      border-radius:10px;
      position:relative;

  }
  .top_search form i{
      position:absolute;
      right: 0px;
      top: 0px;
      z-index:1;
      color:#666;
      cursor:pointer;
      padding: 8px 15px;
     
  }
      .top_search form input {
          float: left;
          display: inline;
          width: 100%;
          padding: 7px 10px 5px 10px;
          border-radius: 10px;
          border: none;
          box-sizing: border-box;
          caret-color: auto;
          transition: all 0.5s ease;
      }

.top_wx{
  flex: 0 0 40px;
  margin: 8px 0 0 0;
  position:relative;
}
.top_wx i{ font-size: 24px; cursor: pointer;}
.top_wx img{ position:absolute; right:0; top:40px; width:120px; height:120px; display:none;}


#banner{ float:left; display:inline; width:100%; height: auto; min-width:1200px;}
.focusBox { position: relative; width:100%; height:auto; float:left;  aspect-ratio: 4.4 / 1; /* 设置宽高比  */}	
.focusBox .pic{ position:relative; z-index:0; text-align:center; float:left; width:100%; display:inline; height:auto;}	
.focusBox .pic img { width:100%; display: block; height:100%;}	
.focusBox .hd { width:100%; position: absolute; bottom: 10px; height: 20px;  text-align: center; font-size:0; z-index:999; }	
.focusBox .hd li{
	margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;		display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;	}	
.focusBox .hd .on{ background-position:0 0; }	
.focusBox .prev,	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0;  background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;   }	
.focusBox .prev { left: 0; }	.focusBox .next { background-position: 0 -90px; right: 0; }	
.focusBox .prev:hover,	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }	
.focusBox  ul{ padding:0; margin:0;}
.focusBox  ul li{ display:inline;}


.hide { display:none;}
.show { display:block;}


.ind_abt{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    gap: 10%;
    margin-top: 80px;
}
.abt_l{
    flex: 1 1 40%;
    padding: 20px;
    
}
.abt_l h2{
    background: url(images/line_3.png) no-repeat left center;
    padding: 0 0 0 50px;
    margin: 20px 0 0 0;
    color: #e3001e;
    float: left;
    width: 100%;
}

.abt_l b{
     font-size: 36px;
     margin: 30px 0 40px 0;
     float: left;
     width: 100%;
}


.abt_l p{
    font-size: 14px;
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    line-height: 200%;
    text-indent: 2em;
}

.abt_r{
    overflow: hidden;
    
}
.abt_r img{
    width: 100%;
    height: auto;
    float: left;
    transition: all 0.5s ease;
}
.abt_r img:hover{
    transform: scale(1.1);
}
.ind{
    float: left;
    width: 100%;
    height: auto;
    margin: 80px 0 0 0;
}
.ind_tit{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}
.ind_tit h2{
    font-size: 36px;
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
    padding: 0;
}
.ind_tit span{
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    background: url(images/line_2.png) no-repeat center bottom;
    padding: 0 0 30px 0;
}

.ind_hzkh{
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 0 0;
    overflow: hidden;
    border-radius: 30px;
}
.ind_hzkh ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
    height: 180px;
    display: inline;
}
.ind_hzkh ul li{
    float: left;
    display: inline;
    width: 240px;
    height: 152px;
    overflow: hidden;
    margin: 20px 20px 0 20px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
     border-radius: 10px;
}
.ind_hzkh ul li img{
    width: 100%;
    height: auto;
    float: left;
    transition: all 0.5s ease;
   
}
.ind_hzkh ul li img:hover{
    transform: scale(1.1);
}

.ind_case{
    float: left;
    width: 100%;
    height: auto;
    margin: 80px 0 0 0;
    padding: 80px 0 80px 0;
    background-color: #eee;
}
.ind_case_cot{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    
}

.case{
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: space-between;
     gap: 2%;
     flex-wrap: wrap;
}
.case li{
    flex: 1 1 30%;
    overflow: hidden;
    margin: 40px 0 0 0;
    transition: all 0.5s ease;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
}
.case li img{
    width: 100%;
    height: auto;
    float: left;
}
.case li b{
    float: left;
    width: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    font-size: 16px;
}
.case li span{
    float: left;
    width: 100%;
    padding: 0;
    line-height: 180%;
    padding:10px 20px 20px 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
}
.case li:hover{
    transform: translateY(-10px);
}

.ind_hzlc{

    float: left;
    width: 100%;
    height: auto;
    padding: 80px 0;
}
.ind_hzlc_cot{
    float: left;
    width: 100%;
    margin: 0;
    line-height: 200px;
}


.ind_hzlc_cot p{
    float: left;
    width: 100%;
    padding: 0;
    margin: 40px 0 0 0;
}
.ind_hzlc_cot p img{
    float: left;
    width: 16%;
    display: inline;
    transition: all 0.5s ease;
}
.ind_hzlc_cot p i{
    float: left;
    width: 5%;
    display: inline;
    height: 100%;
    background: url(images/right.png) no-repeat center center;
    
}
.ind_hzlc_cot p img:hover{
    transform: translateY(-10px);
}

.ind_hzlc_lx{
    float: left;
    width: 100%;
    height: auto;
    margin: 60px 0 0 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 80px;
}
.ind_hzlc_lx a{
    padding: 16px 40px;
    background-color: #e3001e;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    transition: all 0.5s ease;
    font-size: 22px;
    letter-spacing: 2px;
}
.ind_hzlc_lx a:hover{
    transform: scale(1.1);
}

.ind_vd{
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 40px 0;
    background: url(images/abt_bg.jpg) no-repeat center top;
    background-size: 100% auto;
    height: auto;
}

.ind_vd_t{
    float: left;
    width: 1020px;
    margin: 80px 0 0 190px;
    height: auto;
    display: block;
}
.ind_vd_t img{
    width: 100%;
    height: auto;
    float: left;
}
.ind_vd_cot{
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
    color: #000;
    line-height: 180%;
}
.ind_vd_t b{
    float: left;
    width: 100%;
    padding: 20px 0 0 0;
    font-size: 16px;
}
.ind_vd_t p{
    padding: 0;
    margin: 0;
    width: 100%;

}
.ind_vd_v{
    float: left;
    width: 1220px;
    height: 306px;
    background-color: #fff;
    margin: 40px 0 0 90px;
    padding: 30px 60px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
    
}

.ind_vd_v_t{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 20px;
    display: flex;
}
.ind_vd_v_t a{
    padding: 6px 30px;
    border: 1px solid #ddd;
}

.ind_vd_v_t a.active{
    background-color: #e3001e;
    color: #fff;
    border: 1px solid #e3001e;
}

.list_vd{
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
}
.list_vd ul li{
    float: left;
    display: inline;
    width: 23.7%;
    margin: 0 7px 0 7px;
    overflow: hidden;
}
.list_vd ul li img{
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    height: 180px;
}
.list_vd ul li img:hover{
    transform: scale(1.1);
}

 .ind_vv li{ position: relative;}

 .ind_vv i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 3px solid #fff;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    transition: all 0.3s ease;
    z-index: 2;
}
.ind_vv li:hover i{
    background-color: rgba(227, 0, 30, 1);
    color: #fff;
    border-color: rgba(227, 0, 30, 1);
    transform: translate(-50%, -50%) scale(1.1);
}


.list_vd .next,.list_vd .prev{
    height: 80px;
    width: 40px;
    background-color: #ddd;
    color: #fff;
    text-align: center;
    line-height: 90px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s ease;
    position: absolute;
    top: calc(50% - 40px);
    color: #000;
}
.list_vd .next:hover,.list_vd .prev:hover{
    background-color: #e3001e;
    color: #fff;
    transform: translateY(-2px);
}

.list_vd .next{
    left: -50px;
}
.list_vd .prev{
    right: -50px;
}

.vd_page{
    display: none;
}

.ind_news{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0;
}

.ind_news_c{
    float: left;
    width: 1220px;
    height: auto;
    margin: 40px 0 0 90px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.ind_news_c div{
    flex: 1 1 50%;
    overflow: hidden;
    
}
.ind_news_tit{
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 0;
}
.ind_news_tit h3{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
.ind_news_tit small {
    float: left;
    display: inline;
    font-size: 10px;
    margin: 2px 0 0 6px;
}
.ind_news_tit a{
    float: right;
    display: inline;
    font-size: 10px;
    margin: 2px 0 0 0;
}

.ind_news_c div p{
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0;
}
.ind_news_c div p img{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.ind_news_c div p span{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    background-color: #ddd;
    color: #333;
}
.ind_news_c div p span b{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 6px 0;
    color: #000;
}
.ind_news_c div p span a{
    color:#E3001E;
}
.ind_news_c div p span a:hover{
    text-decoration: underline;
}
.news_list_1,.news_list_2 {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.ind_news_c a:hover{
    transform: translateX(2px);
}
.news_list_1 li{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px dotted #666;
}
.news_list_1 li a{
    float: left;
    display: inline;
}
.news_list_1 li span{
    float: right;
    display: inline;
}
.news_list_1 li a::before{
    content: "";
    float: left;
    display: inline;
    width: 6px;
    height: 6px;
    background-color: #E3001E;
    margin: 8px 10px 0 0;
    border-radius: 50%;
}
.news_list_2 li{
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px dotted #666;
}
.news_list_2 li a{
    float: left;
    display: inline;
}
.news_list_2 li span{
    float: right;
    display: inline;
}
.news_list_2 li a::before{
    content: "";
    float: left;
    display: inline;
    width: 6px;
    height: 6px;
    background-color: #ddd;
    margin: 8px 10px 0 0;
    border-radius: 50%;
}

.news_list_3 li{
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.news_list_3 li:last-child{
    border-bottom: none;
}

.news_list_3 li a{
    float: left;
    display: inline;
    width: 100%;
}
.news_list_3 li a p{
    float: right;
    width: 57%;
    height: auto;
    margin: 0;
    padding: 0;
}
.news_list_3 li a img{
    float: left;
    width: 40%;
    height: 133px;
}
.news_list_3 li a p span{
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
    background: none;
}
.news_list_3 li a p b{
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
}




.bar {
      float:left;
      width:100%;
      height:auto;
      overflow:hidden;

}
    .bar img {
        width: 100%;
        height: 100%;
        float:left;
/*
        -o-object-fit: cover;
        object-fit: cover;
        animation: bar 1s;
        overflow-clip-margin: content-box;
        overflow: clip;
 */       
    }





/*分享调整*/
.help p {
    width:100%;
}
#share {
    margin-top:20px;
}

#newslist{ float:left; display:inline; width:100%; height:auto; margin-top:5px; }
#newslist ul { padding:0; margin:0;}
.news_list li{ float: left; width: 100%; list-style: none; padding: 20px 20px; margin:4px 0 0 0 ; border-bottom: #ddd solid 1px; box-sizing: border-box; display: flex; justify-content: space-between; gap: 40px; transition: all 0.5s ease; border-radius: 6px;}
.news_list li div{ flex: 1 1 auto;}
.news_list li img{ flex: 1 1  auto; height: 140px; border-radius: 6px;transition: all 0.5s ease;}
.news_list li a{ float: left; font-size: 16px; font-weight: bold; display: block;}
.news_list li span{ float: left; width: 100%; color: #666; padding:12px 0 10px 0; line-height: 180%;}
.news_list li p{ float: left; width: 100%; padding: 0; margin: 6px 0 0 0; color: #999; font-size: 12px;}
.news_list li:hover{transform: scale(1.02); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
.news_list li:hover img{transform: scale(1.1) translateX(-10px);}
.news_list_more{ font-size: 12px !important; float: left;}


.fl {float:left;}
.fr {float:right;}
.mw {width:100%;}





/*分页*/
#pagelist{ float:left; width:100%; height:50px; margin-top:14px; text-align:center; padding-top:15px; }
#pages{ margin:0 auto; width:auto; }
#pages a{padding:8px 15px; border:#ccc solid 1px; margin:0 2px; background-color:#fafafa; border-radius: 5px;}
#pages a:hover{ border:#053F8B solid 1px; text-decoration:none; background-color:#fff; color:#053F8B;}
.page_on{ border:#053F8B solid 1px !important; background-color:#053F8B !important; color: #FFf !important;}
#rpage{ float:right; display:inline; }
#rpage a{ float:left; display:inline; padding:0 7px; height:23px; line-height:23px; border:#ccc solid 1px; margin:0 2px; border-radius: 5px;}
#rpage a:hover{ border:#000 solid 1px; text-decoration:none; background-color:#333; color:#ccc;}
.page_no{ float: none; padding:8px 15px; margin:0 2px; border:#eee solid 1px; background-color:#fafafa; color:#999; border-radius: 5px;}

/*动画效果*/
@keyframes bar {
    from {
        transform: scale(1.2);
        filter: blur(7px);
    }

    to {
        transform: scale(1);
        filter: blur(0);
    }
}





#btm{ float:left; display:block; width:100%; height: auto; background-color:#333; position:relative; padding: 60px 0 40px 0; margin-top:20px; color:#fff;}
.btm_link{ float:left; display: block; width:100%; background-color: #212121; padding: 20px 0;}
.btm_link span{ float:left; display:block; width:100px; text-align:center; color: #fff; background: url(images/line_5.png) no-repeat right center;}
.btm_link p{ float:right; display: inline; width: calc(100% - 140px); padding: 0; margin: 0;}
.btm_link p a{ float:left; display:inline; margin: 10px 20px 0 20px; color: #fff;}
.btm_link p a:hover{ transform: translateX(2px); text-decoration: underline;}
#btm a{ color: #fff;}
#btm a:hover{ transform: translateX(2px); text-decoration: underline; }
.btm_l{ float:left; display:inline; width: 25%; margin-top: 20px;}
.btm_l span{ background-color: #fff; padding:20px 20px; border-radius: 10px; float: left; margin-bottom: 20px; }
.btm_l p{ float: left; padding: 0; margin: 0; text-align: center;}
.btm_content{ float:left; display:inline; width: 32%;}
#btm label{ float:left; display:block; width:100%; padding: 0 0 20px 0; font-weight: bold; background: url(images/line_3.png) no-repeat left bottom;}
.btm_content ul{ float:left; display:block; width:100%; margin-top: 16px;}
.btm_content ul li{ float:left; display:block; width:100%; padding: 6px 0;}
.btm_content ul li b{ font-weight: normal; width: 80px; float: left; display: inline; text-align: justify;}

.btm_nav{float:left; display:inline; width: 25%;}
.btm_nav ul{ float:left; display:block; width:100%; margin-top: 16px;}
.btm_nav ul li{ float:left; display:block; width:50%; padding: 6px 0;}
.btm_nav ul li a{ float:left; display:inline; width:100%;}

.btm_qrcode{float:right; display:inline; }
.btm_qrcode p{ float:left; display:block; text-align: center; padding: 0; margin: 20px 0 0 0;}
.btm_qrcode p span{ float:left; display:block; text-align: center; background-color: #fff; padding: 10px; margin-bottom: 10px; border-radius: 5px;}
.btm_qrcode p span img{ float:left; display:inline; width: 100px; height: 100px;}
.btm_qrcode p br{ float:left; display:block; width:100%;}
.btm_qrcode p a{ float:left; display:inline; width:100%; text-align: center;}

/* 列表页面和内容展示页样式 */
.list_page,
.content_page {
    float: left;
    width: 100%;
    padding: 0 0 40px 0;
    margin-top: 40px;
}

.list_left_improved {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}
.page_left{

    float: left;
    display: inline;
    width: 280px;
    height: auto;

}


.list_nav {
    float: left;
    width: 100%;
    border: none;
    margin-bottom: 0;
}

.list_nav li {
    float: left;
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}
.list_nav li:last-child {
    border-bottom: none;
}

.list_nav li a {
    float: left;
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    position: relative;
    transition: all 0.3s ease;
}

.list_nav li a:hover {
    color: #E3001E;
    background-color: #f9f9f9;
    padding-left: 32px;
}

.list_nav li a:hover::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: #E3001E;
    border-radius: 50%;
}

.list_nav li.list_nav_on a {
    color: #E3001E;
    background-color: #f9f9f9;
    font-weight: bold;
    padding-left: 32px;
}
.list_nav li.list_nav_on a::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background-color: #E3001E;
    border-radius: 2px;
}

.list_contact {
    float: left;
    width: 100%;
    border: none;
    box-sizing: border-box;
    background-color: #fafafa;
    margin: 20px 0 0 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 20px 0;
}

.list_contact_tit {
    background: none;
    height: auto;
    line-height: normal;
    color: #333;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
    background-color: #212e83;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     float: left;
     width: 100%;
}

.list_contact_tit h3 {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    padding: 15px 20px;
    margin:0;
   
}

.list_contact_tit::after {
    display: none;
}

.list_contact ul {
    margin-top: 0;
    padding: 20px;
    box-sizing: border-box;
}

.list_contact ul li {
    height: auto;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

 .list_contact ul li i {
    float: left;
    width: 28px;
    height: 24px;
    line-height: 24px;
    color: #E3001E;
    margin-right: 12px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
}



.main_tit_full {
    float: left;
    width: 100%;
    
    height: 72px;
    line-height: 72px;
    background: linear-gradient(135deg, #2E428C 0%, #1a237e 100%);
}

.main_tit_full .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.main_tit_full span {
    float: left;
    display: inline;
    margin: 0;
    font-size: 16px;
}

.main_tit_full span a {
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
    font-size: 16px;
}

.main_tit_full span a:hover {
    color: #fff;


}

.main_tit_full span i {
    margin: 0 12px;
    color: rgba(255, 255, 255, 0.5);
}

.main_tit_full b {
    float: right;
    display: inline;
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0;
    font-weight: 500;
    color: #fff;
}

/* 右侧内容样式 */
.list_right {
    float: right;
    display: inline;
    width: calc(100% - 320px);
    min-height: 600px;
}

/* 搜索框样式 */
.list_search {
    float: left;
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
    position: relative;
}

.list_search form {
    float: left;
    width: 100%;
    height: 60px;
    position: relative;
}

.list_search input {
    float: left;
    width: 100%;
    height: 60px;
    padding: 0 100px 0 20px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.list_search input:focus {
    border-color: #E3001E;
    box-shadow: 0 0 0 3px rgba(227, 0, 30, 0.1);
}

.list_search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 60px;
    background-color: #E3001E;
    color: #fff;
    border: none;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.list_search button:hover {
    background-color: #c40010;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(227, 0, 30, 0.3);
}

/* 排序选项样式 */
.list_sort {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 2px solid #E3001E;
}
.list_sort h2{
    float: left;
    width: 100%;
    font-size: 24px;
    margin: 0;
    padding: 0 0 20px 0;
}

.list_sort span {
    float: left;
    margin-right: 20px;
    color: #666;
}

.list_sort a {
    float: left;
    margin-right: 20px;
    color: #333;
    transition: all 0.3s ease;
    padding: 0 10px;
    border-radius: 4px;
}

.list_sort a:hover {
    color: #E3001E;
    background-color: #f9f9f9;
}

.list_sort a.list_sort_on {
    color: #E3001E;
    font-weight: bold;
    background-color: #f9f9f9;
}

/* 内容展示页样式 */
.content_detail {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    background-color: #fff;
    border-radius: 8px;
    padding: 32px;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.content_detail h1 {
    float: left;
    width: 100%;
    font-size: 28px;
    color: #333;
    margin: 0 0 24px 0;
    padding: 0 0 24px 0;
    border-bottom: 2px solid #f0f0f0;
    font-weight: 500;
    line-height: 130%;
}

.content_meta {
    float: left;
    width: 100%;
    height: auto;
    padding: 16px 24px;
    box-sizing: border-box;
    margin-bottom: 32px;
    font-size: 14px;
    color: #666;
    background-color: #fafafa;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.content_meta span {
    float: left;
    margin: 0;
    display: flex;
    align-items: center;
}

.content_meta span i {
    margin-right: 8px;
    color: #999;
}

.content_text {
    float: left;
    width: 100%;
    line-height: 160%;
    color: #333;
    font-size: 16px;
}

.content_text p {
    float: left;
    width: 100%;
    margin: 0 0 24px 0;
}

.content_text img {
    float: left;
    max-width: 100%;
    height: auto;
    margin: 0 0 24px 0;
    /*
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    */
}

.content_text img:hover {
    /*
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
    */
}

.content_footer {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid #f0f0f0;
}

.content_tags {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.content_tags span {
    float: left;
    margin: 0;
    color: #666;
    font-weight: bold;
}

.content_tags a {
    float: left;
    margin: 0;
    padding: 6px 20px;
    height: auto;
    line-height: normal;
    background-color: #f5f5f5;
    color: #666;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.content_tags a:hover {
    background-color: #E3001E;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(227, 0, 30, 0.3);
}

.content_nextprev {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.content_prev,
.content_next {
    float: left;
    width: calc(50% - 10px);
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 16px;
    background-color: #fafafa;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.content_prev:hover,
.content_next:hover {
    background-color: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.content_prev span,
.content_next span {
    float: left;
    margin-right: 12px;
    color: #666;
    font-weight: bold;
}

.content_prev a,
.content_next a {
    float: left;
    color: #333;
    transition: all 0.3s ease;
    text-decoration: none;
}

.content_prev a:hover,
.content_next a:hover {
    color: #E3001E;
    text-decoration: underline;
}

/* 分享样式 */
#share {
    float: left;
    width: 100%;
    height: auto;
    padding: 24px;
    margin-top: 24px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

#share span {
    float: left;
    margin: 0;
    color: #666;
    font-weight: bold;
}

#share a {
    float: left;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #f5f5f5;
    color: #666;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.3s ease;
}

#share a:hover {
    color: #fff;
    transform: translateY(-2px) scale(1.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

#share a:nth-child(2):hover {
    background-color: #07C160;
}

#share a:nth-child(3):hover {
    background-color: #E6162D;
}

#share a:nth-child(4):hover {
    background-color: #12B7F5;
}

#share a:nth-child(5):hover {
    background-color: #666;
}

/* 相关推荐样式 */
.content_recommend {
    float: left;
    width: 100%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.content_recommend_tit {
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(135deg, #2E428C 0%, #1a237e 100%);
    padding: 0 24px;
    box-sizing: border-box;
    border-bottom: none;
}

.content_recommend_tit h3 {
    float: left;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.content_recommend ul {
    float: left;
    width: 100%;
    padding: 20px 24px;
    box-sizing: border-box;
}

.content_recommend ul li {
    float: left;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px dotted #eee;
    transition: all 0.3s ease;
}

.content_recommend ul li:last-child {
    border-bottom: none;
}

.content_recommend ul li:hover {
    background-color: #fafafa;
    padding-left: 10px;
    border-radius: 4px;
}

.content_recommend ul li a {
    float: left;
    width: 100%;
    color: #333;
    transition: all 0.3s ease;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}

.content_recommend ul li a:hover {
    color: #E3001E;
    transform: translateX(0);
}

.content_recommend ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #E3001E;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

.content_recommend ul li:hover a::before {
    opacity: 1;
    left: 8px;
}

.list_left {
    float: left;
    width: 260px;
    margin-right: 40px;
}

.list_left_tit {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #2E428C;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
}

.list_left_tit h3 {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}



/* 相关推荐样式 */
.content_recommend {
    float: left;
    width: 100%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.content_recommend_tit {
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(135deg, #2E428C 0%, #1a237e 100%);
    padding: 0 24px;
    box-sizing: border-box;
    border-bottom: none;
}

.content_recommend_tit h3 {
    float: left;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.content_recommend ul {
    float: left;
    width: 100%;
    padding: 20px 24px;
    box-sizing: border-box;
}

.content_recommend ul li {
    float: left;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px dotted #eee;
    transition: all 0.3s ease;
}

.content_recommend ul li:last-child {
    border-bottom: none;
}

.content_recommend ul li:hover {
    background-color: #fafafa;
    padding-left: 10px;
    border-radius: 4px;
}

.content_recommend ul li a {
    float: left;
    width: 100%;
    color: #333;
    transition: all 0.3s ease;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}

.content_recommend ul li a:hover {
    color: #E3001E;
    transform: translateX(0);
}

.content_recommend ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #E3001E;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

.content_recommend ul li:hover a::before {
    opacity: 1;
    left: 8px;
}



/* 视频列表页样式 */
.video_page {
    float: left;
    width: 100%;
    padding: 0;
}

/* 视频分类排行样式 */
.video_rank {
    float: left;
    width: 100%;
    margin-bottom: 24px;
    background-color: #fff;
}


.video_rank ul {
    margin-top: 0;
    padding: 0;
}

.video_rank ul li {
    height: auto;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    transition: all 0.3s ease;
}

.video_rank ul li:hover {
    background-color: #f9f9f9;
}

.video_rank ul li a {
    float: left;
    color: #333;
    transition: all 0.3s ease;
    padding-left: 12px;
}

.video_rank ul li a:hover {
    color: #E3001E;
}

.rank_num {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #E3001E;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    margin-right: 12px;
}

/* 视频标签样式 */
.video_tags {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fafafa;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.video_tags span {
    float: left;
    margin: 0;
    color: #666;
    font-weight: bold;
}

.video_tags a {
    float: left;
    margin: 0;
    padding: 6px 20px;
    height: auto;
    line-height: normal;
    background-color: #fff;
    color: #666;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
}

.video_tags a:hover {
    background-color: #E3001E;
    color: #fff;
    border-color: #E3001E;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(227, 0, 30, 0.3);
}

.video_tags a.tag_on {
    background-color: #E3001E;
    color: #fff;
    border-color: #E3001E;
}

/* 视频列表样式 */
.video_list {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 30px;
}

.video_item {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.video_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.video_thumb {
    float: left;
    width: 100%;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.video_thumb img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.video_item:hover .video_thumb img {
    transform: scale(1.05);
}

.video_play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 3px solid #fff;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    transition: all 0.3s ease;
    z-index: 2;
}

.video_item:hover .video_play {
    background-color: rgba(227, 0, 30, 1);
    color: #fff;
    border-color: rgba(227, 0, 30, 1);
    transform: translate(-50%, -50%) scale(1.1);
}

.video_duration {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    z-index: 2;
}

.video_item h3 {
    float: left;
    width: 100%;
    padding: 16px 16px 16px 16px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.video_item h3 a {
    color: #333;
    transition: all 0.3s ease;
}

.video_item h3 a:hover {
    color: #E3001E;
}

.video_meta {
    float: left;
    width: 100%;
    padding: 12px 16px 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #999;
}

.video_meta span {
    float: left;
    display: flex;
    align-items: center;
    margin: 0;
}

.video_meta span i {
    margin-right: 6px;
}

/* 案例展示列表页样式 */
.case_page {
    float: left;
    width: 100%;
    padding: 0;
}


.case_industry ul {
    margin-top: 0;
    padding: 0;
}

.case_industry ul li {
    height: auto;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    padding: 8px 0;
    float: left;
    width: 100%;
    transition: all 0.3s ease;
}

.case_industry ul li:hover {
    background-color: #f9f9f9;
}

.case_industry ul li a {
    float: left;
    color: #333;
    transition: all 0.3s ease;
    padding-left: 12px;
}

.case_industry ul li a:hover {
    color: #E3001E;
}

/* 案例标签样式 */
.case_tags {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fafafa;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.case_tags span {
    float: left;
    margin: 0;
    color: #666;
    font-weight: bold;
}

.case_tags a {
    float: left;
    margin: 0;
    padding: 6px 20px;
    height: auto;
    line-height: normal;
    background-color: #fff;
    color: #666;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
}

.case_tags a:hover {
    background-color: #E3001E;
    color: #fff;
    border-color: #E3001E;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(227, 0, 30, 0.3);
}

.case_tags a.tag_on {
    background-color: #E3001E;
    color: #fff;
    border-color: #E3001E;
}

/* 案例列表样式 */
.case_list {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 30px;
}

.case_item {
    float: left;
    width: 100%;
    background-color: #fff;
   
    overflow: hidden;
   
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
   
    transition: all 0.3s ease;
}

.case_item:hover {
   
   transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

}

.case_thumb {
    float: left;
    width: 100%;
    position: relative;
    aspect-ratio: 1.6 / 1;
    overflow: hidden;
}

.case_thumb img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.case_thumb i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease;
    z-index: 3;
}

.case_hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case_item:hover .case_hover {
    opacity: 1;
}
.case_item:hover .case_thumb  i {
 transform: translate(-50%, -50%) scale(1.1);
}

.case_hover_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.3s ease;
}

.case_view {
    position: relative;
    padding: 12px 30px;
    background-color: #E3001E;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    z-index: 3;
}

.case_item:hover .case_view {
    background-color: #fff;
    color: #E3001E;
    transform: scale(1.05);
}

.case_item h3 {
    float: left;
    width: 100%;
    padding: 10px 10px 0 10px;
    margin: 0;
    font-size: 14px;
    line-height: 140%;
}

.case_item h3 a {
    color: #333;
    transition: all 0.3s ease;
    font-weight: bold;
}

.case_item h3 a:hover {
    color: #E3001E;
}

.case_item p {
    float: left;
    width: 100%;
    height: 60px;
    padding: 4px 10px 10px 10px;
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 180%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-sizing: border-box;
}

.case_meta {
    float: left;
    width: 100%;
    padding: 16px 20px 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #999;
    flex-wrap: wrap;
    gap: 10px;
}

.case_meta span {
    float: left;
    display: flex;
    align-items: center;
    margin: 0;
}

.case_meta span i {
    margin-right: 6px;
}

/* 产品列表样式 */
.product_container {
    float: left;
    width: 100%;
}

.product_item {
    float: left;
    width: 100%;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.product_item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.product_image {
    float: left;
    width: 240px;
    height: 160px;
    overflow: hidden;
    flex-shrink: 0;
}

.product_image img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.product_item:hover .product_image img {
    transform: scale(1.05);
}

.product_info {
    float: left;
    flex: 1;
    padding: 10px 20px;
    box-sizing: border-box;
    position: relative;
    min-height: 160px;
}

.product_info h3 {
    float: left;
    width: 100%;
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 140%;
}

.product_info h3 a {
    color: #333;
    transition: all 0.3s ease;
    font-size: 16px;
}

.product_info h3 a:hover {
    color: #E3001E;
}

.product_desc {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #666;
    line-height: 180%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product_view {
    position: absolute;
    right: 24px;
    bottom: 10px;
    padding: 6px 20px;
    background-color: #E3001E;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}
.product_info a{ color: #fff;}

.product_view:hover {
    background-color: #fff;
    color: #E3001E;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(227, 0, 30, 0.3);
}

/*合作客户*/
.hz_list{ float: left; width: 100%; height: auto; display: flex; justify-content: left; flex-wrap: wrap; gap: 40px; }
.hz_list  li{ flex: 0 0 232px;  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; border-radius: 8px; padding: 4px; transition: all 0.5s ease;}
.hz_list  li img{ width: 100%; height:138px;  border-radius: 8px; }
.hz_list  li:hover{ transform: scale(1.1);}   
.hz_list  li:hover b{ background-color: #053F8B;}   
.hz_list b{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 20px; font-weight: bold; color: #333; transition: all 0.5s ease;}
.hz_list  li:hover b{ color: #fff;}


/* 产品列表响应式设计 */
@media (max-width: 1400px) {
    .product_image {
        width: 260px;
        height: 180px;
    }
    
    .product_info {
        padding: 20px;
        min-height: 180px;
    }
    
    .product_view {
        right: 20px;
        bottom: 20px;
    }
}

@media (max-width: 1200px) {
    .product_item {
        flex-direction: column;
    }
    
    .product_image {
        width: 100%;
        height: 240px;
    }
    
    .product_info {
        padding: 24px;
        min-height: auto;
    }
    
    .product_view {
        position: relative;
        right: auto;
        bottom: auto;
        float: right;
        margin-top: 16px;
    }
}

@media (max-width: 768px) {
    .product_image {
        height: 200px;
    }
    
    .product_info {
        padding: 16px;
    }
    
    .product_info h3 {
        font-size: 16px;
    }
    
    .product_desc {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
    
    .product_view {
        padding: 6px 20px;
        font-size: 13px;
    }
}

/* 联系我们页面样式 */
.contact_page {
    float: left;
    width: 100%;
    padding: 0;
}

/* 联系信息概览样式 */
.contact_overview {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    /*
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    */
}

.contact_info {
    float: left;
    width: 100%;
    padding: 32px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.contact_item {
    float: left;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.contact_icon {
    float: left;
    width: 56px;
    height: 56px;
    line-height: 56px;
    background-color: #f0f2f5;
    color: #E3001E;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.contact_item:hover .contact_icon {
    background-color: #E3001E;
    color: #fff;
    transform: scale(1.1);
}

.contact_text {
    float: left;
    flex: 1;
}

.contact_text h4 {
    float: left;
    width: 100%;
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.contact_text p {
    float: left;
    width: 100%;
    margin: 4px 0 0 0;
    font-size: 14px;
    color: #666;
    line-height: 160%;
}

.contact_map {
    float: left;
    width: 100%;
    padding: 0 32px 32px 32px;
    box-sizing: border-box;
}

/* 联系表单样式 */
.contact_form {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 32px;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.contact_form h3 {
    float: left;
    width: 100%;
    margin: 0 0 24px 0;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    position: relative;
    padding-bottom: 16px;
}

.contact_form h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background-color: #E3001E;
    border-radius: 3px;
}

.form_row {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.form_item {
    float: left;
    width: calc(50% - 12px);
}

.form_item.full_width {
    width: 100%;
}

.form_item label {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.form_item input,
.form_item select,
.form_item textarea {
    float: left;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    outline: none;
    transition: all 0.3s ease;
    border-radius: 6px;
}

.form_item textarea {
    height: auto;
    min-height: 120px;
    padding: 12px 16px;
    resize: vertical;
    line-height: 160%;
}

.form_item input:focus,
.form_item select:focus,
.form_item textarea:focus {
    border-color: #E3001E;
    box-shadow: 0 0 0 3px rgba(227, 0, 30, 0.1);
}

.captcha_input {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.captcha_input input {
    width: calc(100% - 130px);
}

.captcha_input img {
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.captcha_input img:hover {
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.form_submit {
    float: left;
    width: 100%;
    margin-top: 16px;
}

.form_submit button {
    float: left;
    width: 100%;
    height: 52px;
    background: linear-gradient(135deg, #2E428C 0%, #1a237e 100%);
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.form_submit button:hover {
    background: linear-gradient(135deg, #1a237e 0%, #2E428C 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(46, 66, 140, 0.3);
}

/* 响应式调整 */
@media (max-width: 1400px) {
    .contact_info {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .contact_info {
        padding: 24px;
    }
    
    .contact_map {
        padding: 0 24px 24px 24px;
    }
    
    .contact_form {
        padding: 24px;
    }
    
    .form_row {
        gap: 16px;
    }
    
    .form_item {
        width: 100%;
    }
    
    .captcha_input input {
        width: calc(100% - 120px);
    }
    
    .captcha_input img {
        width: 100px;
        height: 36px;
    }
}