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

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

 /*链接样式*/
a{ font-size:16px; color:#444; transition: transform 0.3s ease; } 
a:link{text-decoration : none ;color : #444;} 
a:visited {text-decoration : none ;color : #444;} 
a:hover {text-decoration : underline ;color: #42579A;  text-decoration:none;} 
a:active {text-decoration : none ;color : #444;}

/*去除链接虚线*/  
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; display:inline; width:100%; height:40px;  line-height:40px; color:#fff; background-color: #0161D4;}
#top_tit span{ float:left; display:inline; margin:0 1% 0 0; }


#top{ width:100%; height:194px; margin:0 auto; float:left;  background:#3FA4F6 url("images/top_bg.jpg") no-repeat center top; background-size: cover;}
#top_cot{ display: flex; height: 100%; justify-content: space-between; align-items: center;}
#logo { flex:0 0 500px;}


#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:80px; float:left; display:inline; width:100%; margin:0; background-color:#015CE8;}
#menu ul{ 
  padding:0; margin:0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#menu ul li{ position:relative; width: 100%; height: 80px;}
#menu ul li a{ float:left; display:inline; width:100%; text-align:center;  line-height:80px; height:80px; text-align:center; color:#fff; font-size:16px; font-weight:bold;  }
#menu ul li a:hover{ text-decoration:none; font-size: 18px; }
.m_on{box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);}

#menu ul li ul{ position:absolute; left:0; top:80px; padding:10px 20px 10px 10px; margin:0;  min-width:200px; box-sizing:border-box;  z-index:99; display:none;  box-shadow: 0px 1px 2px  0px #000; background-color:#007bff; 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: left;
        text-indent: 10px;
        border-radius: 6px;
		 white-space: nowrap;
		 padding:0 4px;
         width: 100%;
         float: left;
    }
#menu ul li ul li a:hover{ background:#00288E; 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: 0 0 30%;
  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:20px;
      position:relative;

  }
  #sub-search {
      position:absolute;
      right: 4px;
      top: 4px;
      z-index:1;
      color:#fff;
      cursor:pointer;
      padding: 6px 20px;
      
      background-color: #1690E6;
      border-radius: 20px;
     
  }
      .top_search form input {
          float: left;
          display: inline;
          width: 100%;
          padding: 14px 20px;
          border-radius: 20px;
          border: none;
          box-sizing: border-box;
          caret-color: auto;
          font-size: 14px;
          transition: all 0.5s ease;
      }
.more_keys{
    float: left;
    margin: 10px 0 0 0;
    display: flex;
    width: 100%;
    gap: 20px;
    color: #fff;
    padding-left: 20px;
}
.more_keys a{  color: #fff;}
.more_keys b{ font-weight: normal;}


.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;}


.ind_tops{
    float: left;
    width: 100%;
    padding: 40px 0;
}
.ind_tops ul li{
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.ind_tops ul li a{ font-size: 32px; font-weight: bold; color: #015CE8;}

.ind_1{ float:left; display:inline; width:100%; height: 500px;  position:relative;}


.ind_1_L { float:left; display:inline; width:750px; position:relative; height:500px; overflow:hidden;}
.ind_1_L li{ float:left; width:744px; height:498px; position:relative; border-radius: 10px; box-shadow: 0px 0px 2px 2px rgba(46, 100, 238, 0.1); }
.ind_1_L li img{ float:left; display:inline; width:100%; height:434px; border-radius: 10px;  }
.ind_1_L li span{ position:absolute; width:100%; left:0; bottom:10px; text-align: center; padding:10px 20px; color:#000; box-sizing: border-box;}
.ind_1_L .num{ position:absolute; right:20px; bottom:12px; display: none;}
.ind_1_L .num li{ width:10px; height:10px; float:left; border:#fff solid 1px; margin-left:10px; border-radius:10px; background-color:#fff; caret-color: transparent;}
.ind_1_L .on{ background-color:#447ED3 !important; border:#447ED3 solid 1px !important;}

.ind_1_R{ float: right; display:inline; width:640px; height:500px; overflow: hidden;}
.ind_1_R_tit { float:left; width:100%; display:block; padding:0;}
.ind_1_R_tit b{ float:left; display:inline; color: #333; padding:4px 10px; border-radius:20px; width:90px; text-align:center; margin:0 10px 0 0; font-size:20px; cursor:  default;}
.ind_1_R_tit a{ float:right; display:inline; margin:5px 20px 0 0; color: #fff;}
.ind_1_r_on{ background-color:#fff; color:#015CE8 !important;}

.list_news_1{ float:left; display:block; width:100%; margin-top:20px;}
.list_news_1 li{ float:left;display:block; width:100%; line-height:40px;}
.list_news_1 li a{ float:left; display:inline;}
.list_news_1 li span{ float:right; display:inline; color:#666; }

.list_news_1 li::before { 
  content: "•"; 
  color: #42579A; 
  display: inline-block; 
  width: 1em; 
  float:left;
  display:inline;
}



.list_news_2{ float:left; width:100%; margin-top:10px;  }
.list_news_2 li{ float:left; width:100%; padding:11px 20px; box-sizing: border-box; border-bottom:1px solid #fff; justify-content: space-between;   display: flex;  align-items: center;}
.list_news_2 li a{ font-size:14px; line-height: 140%;}
.list_news_2 li span{ color: #999; font-size: 12px;}

.list_news_2 li:hover a{   color:#053F8B; }
.list_news_2 li a::before { 
  content: "•"; 
  color: #053F8B; 
  display: inline-block; 
  width: 1em; 
  float:left;
  display:inline;
  font-size: 18px;
}

.list_news_3{ float:left; display:block; width:100%; margin-top:20px;}
.list_news_3 li{ float:left;display:block; width:100%; line-height:56px;}
.list_news_3 li a{ float:left; display:inline; font-size: 18px;}
.list_news_3 li span{ float:right; display:inline; color:#666; }

.list_news_3 li::before { 
  content: "•"; 
  color: #42579A; 
  display: inline-block; 
  width: 1em; 
  float:left;
  display:inline;
}

.ind_tit_0{ float: left; display: inline; width: 100%; margin-top: 40px; position: relative;}
.ind_tit_0::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    transform: translateY(-50%);
    z-index: -1;
}
.ind_tit_0 b{ float: left; background:#fff url(images/tit_bg.png) no-repeat right center; padding-right: 40px; font-size: 24px; ;}
.ind_tit_0 a{ float: right; display: inline; background-color: #fff; padding-left: 10px; font-size: 12px;}
.ind_cyfw{ float: left; display: flex; border:#ADCFF4 solid 1px; width: 100%; padding: 20px;  box-sizing: border-box; margin-top: 30px; gap: 20px; justify-content: space-between;}
.ind_cyfw a{transition: all 0.3s; height: 120px;}
.ind_cyfw a:hover{ transform: scale(1.1);}

.ind_2{ float:left; display:block;width:100%; height:520px; overflow: hidden; margin-top:40px;}
.ind_2_L{ float:left; display:inline;width:234px; background-color:#445697; height:100%; border-top-left-radius:10px; border-bottom-left-radius:10px; overflow: hidden;}
.ind_2_C{ float:left; display:inline; width:762px; height:100%; overflow:hidden; background-color:#fff; box-sizing:border-box; padding:20px 40px; }
.ind_2_R{ float:right; display:inline;width:386px; height:100%;}
.ind_2_L a{ float:left; display:inline; width:100%; font-size: 18px; height:86px; line-height:86px; text-align:center; color:#fff; border-bottom:#fff solid 1px; font-weight:bold; transition:font-size 0.5s ease;}
.ind_2_L a:hover{ text-decoration:none; font-size:22px;}
.ind_2_L_on{ background:url(images/ind2_on.png) no-repeat right center;}
.ind_2_L_on { font-size:22px !important;}
.ind_2_C_C_tit { float:left; width:100%; border-bottom:#eee solid 1px;}
.ind_2_C_C_tit a{ float:left; display:inline; font-size:18px; font-weight:bold; padding-bottom:4px;  margin: 0 10% -1px 0;}
.ind_2_C_C_tit a:hover{ text-decoration:none;}
.ind_2_C_C_tit_on{}

.ind_2_R img{ float: left; border:0; width:100%;}
.ind_2_R_C{ float:left; width:100%; text-align:center; background-color:#fff; margin-top:10px; height:281px;}
.ind_2_R_C b{ float:left; width:100%; font-size:24px; color:#015CE8; margin:20px 0 10px 0;}
.ind_2_R_C a{ float:left; width:80%; border:#015CE8 solid 1px; margin:15px 0 0 10%; color:#015CE8; background-color:#C8E1FF; border-radius:10px; height:54px; line-height:54px; font-size:16px; font-weight:bold; transition: all 0.5s ease;}
.ind_2_R_C a:hover{ transform: scale(1.05);}

.ind_3{ float:left; width:100%; height:280px; margin:40px 0 0 0; overflow:hidden;}
.ind_3_tit{ float:left; width:100%; display:flex; justify-content:space-between; background-color:#f2f2f2; border:#ddd solid 1px; box-sizing:border-box; height:66px; line-height:66px;  border-radius:10px;}
.ind_3_tit a{ text-align:center; width:100%; color:#015CE8; font-size:16px; font-weight:bold;}
.ind_3_tit_on{ color:#fff !important; background-color:#445697;  border-radius:10px;}
.ind_3 ul{ float:left; width:100%; display:flex; justify-content:space-between; margin:20px 0 0 0; padding:0;}
.ind_3 ul li{ overflow: hidden; flex: 0 0 24%;}
.ind_3 ul img{ width:100%; float:left; transition:all 0.5s ease;}
.ind_3 ul li img:hover{ transform: scale(1.1)}

.ind_ad{ float:left; width:100%; height:auto; margin-top:20px;}
.ind_ad img{ float:left; width:100%;}

.ind{ float:left; width:100%; height:auto; margin-top:20px;}
.ind_tit{ float:left; width:100%; height:50px; border-bottom:#C9C9C9 solid 1px;}
.ind_tit b{ float:left; display:inline; border-bottom: #015CE8 solid 4px; font-size:20px; height:46px; color: #00288E; line-height:40px; margin-top:2px;}
.ind_tit a{ float:right; display:inline; color:#999; padding:10px; margin-top:4px;}

.ind_4_box{float:left; display:block;width:95%; position:relative; margin:40px 0 0 3%;}
.ind_4_box_ul{ float:left; width:100%; }
.ind_4_box_ul li{ float:left; display:inline; width:218px; margin:0 20px 0 25px;  transition: all 0.5s ease;}
.ind_4_box_ul li:hover{transform: translateY(-8px); box-shadow: 1px 1px 2px 2px #ddd;}
.ind_4_box_ul li a{ float:left; display:inline; width:100%;}
.ind_4_box_ul li span{ float:left; width:100%; text-align:center; padding: 10px 0;}
.ind_4_box_ul li img{ float:left; display:inline; width:100%; height:300px;}

.ind_4_box_page{ display:none;}
.ind_4_box i{ font-size:28px; color:#445697; transition: all 0.5s ease; }

.ind_4_box .next{ position:absolute; left:-30px; top:0px; height:320px; line-height:300px; cursor:pointer;}
.ind_4_box .prev{ position:absolute; right:-15px; top:0px; height:320px; line-height:300px; cursor:pointer;}
.ind_4_box .prev:hover,.ind_4_box .next:hover i{ transform: scale(1.1);}

.ind_5{ float:left; width:100%; height:auto; display:flex; justify-content:space-between; margin-top:20px;}
.ind_5 div{ flex: 0 0 48%;}
.ind_5 ul li{ border-bottom:1px dashed #ccc;}


.ind_6_box{float:left; display:block;width:95%; position:relative; margin:40px 0 0 3%;}
.ind_6_box_ul{ float:left; width:100%; height: 360px; }
.ind_6_box_ul li{ float:left; display:inline; width:230px; height: 306px; margin:0 6px 0 24px; box-shadow: 1px 1px 2px 2px #ddd;  transition: all 0.5s ease;}
.ind_6_box_ul li:hover{transform: translateY(-8px); box-shadow: 1px 1px 2px 2px #ddd;}
.ind_6_box_ul li a{ float:left; display:inline; width:100%;  position: relative;}
.ind_6_box_ul li span{ float:left; width:100%; box-sizing: border-box;}
.ind_6_box_ul li img{ float:left; display:inline; width:100%; height:230px;}
.ind_6_box_ul li a i{ position: absolute; left: calc(50% - 15px); top: calc(50% - 30px); z-index:1; color:#fff;}
.ind_6_box_ul li:hover i{ transform: scale(1.5);}
.ind_6_box_page{ display:none;}
.ind_6_box i{ font-size:28px; color:#c1cdfb; transition: all 0.5s ease; }
.ind_6_box_ul p{ float: left; display: inline; width: 100%; padding: 10px; margin: 0; box-sizing: border-box;}
.ind_6_box_ul p b{ float: left; display: inline; width: 100%; }
.ind_6_box_ul p span{ float: left; display: inline;width: 100%; margin: 4px 0 0 0; font-size: 12px;}
.ind_hyzx{ float: left; display: inline; width: 100%; background-color: #EEF5FF; padding: 20px 0; margin-top: 40px;}
.ind_hyzx_cot{ float: left; width: 100%; background-color: #fff; padding: 0 20px 20px 20px; margin-top: 20px; box-sizing: border-box;}


.ind_tit_1{ float: left; display: inline; width: 100%; margin-top: 40px; position: relative;}
.ind_tit_1::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    transform: translateY(-50%);
    z-index: 1;
}
.ind_tit_1 b{ float: left; background:#EEF5FF url(images/tit_bg.png) no-repeat right center; width: 140px;font-size: 24px; z-index: 2; position: relative;}
.ind_tit_1 a{ float: right; display: inline; background-color: #EEF5FF; padding-left: 10px; font-size: 12px; position: relative; z-index: 2;}

.ind_tit_2{ float: left; display: inline; width: 100%; border-bottom: #015CE8 solid 2px;}
.ind_tit_2 b{ float: left; display: inline; width: 140px; height: 38px; background: url(images/top_tit_bg.jpg) no-repeat left top; text-align: center; line-height: 38px;  color: #fff;}
.ind_tit_2 a{ float: right; display: inline; font-size: 12px; margin-top: 8px;}

.news_top{ float: left; display: inline; width: 100%; height: 156px; margin-top: 20px; background-color: #F5F5F5;}
.news_top img{ float: left; display: inline; width: 248px; height: 100%;}
.news_top div{ float: right; display: inline; width: 390px; padding: 10px; box-sizing: border-box;}
.news_top div a{ float: left; display: inline; }
.news_top div span{ float: left; display: inline; width: 100%; margin-top: 8px; font-size: 12px; line-height: 180%;}
.news_top div p{ float: left; display: flex; width: 100%; padding: 0; margin:10px 0 0 0; justify-content: space-between; align-items: center;}
.news_top div p a{ color: #BE0503;}
.news_top div p d{font-size: 12px;}
.ind_6_box .next {
    position: absolute;
    left: -30px;
    top: 0px;
    height: 300px;
    line-height: 260px;
    cursor: pointer;
}
    .ind_6_box .prev {
        position: absolute;
        right: -15px;
        top: 0px;
        height: 300px;
        line-height: 260px;
        cursor: pointer;
    }
.ind_6_box .prev:hover,.ind_6_box .next:hover i{ transform: scale(1.1);}



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

.focusBox { position: relative; width:100%; height:auto; float:left;}	
.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%; float:left;}	
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }	
.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; display: none; background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }	
.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;}


.main_left {
    float: left;
    width: 22%;
    margin: 20px 0 0 0;
    border-radius: 12px;
    height: auto;
    overflow: hidden;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main_left_2:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}
    .main_left ul {
        background: transparent;
        float: left;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.main_left_ul_1 li{
   float: left;
   width: 100%;
   position: relative;
   margin: 0;
   padding: 0;
}

.main_left_ul_1 li:first-child a {
    border-radius: 0;
}

.main_left_ul_1 li:last-child a {
    border-radius: 0 0 12px 12px;
    border-bottom: none;
}
    .main_left_ul_1 li a {
        float: left;
        width: 100%;
        text-indent: 20px;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        border-bottom: 1px solid rgba(221, 221, 221, 0.3);
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        position: relative;
        color: #333;
        font-weight: 500;
        background: linear-gradient(90deg, transparent 0%, transparent 50%, rgba(5, 63, 139, 0.05) 100%);
        background-size: 200% 100%;
        background-position: 100% 0;
    }
    .main_left_ul_1 li i {
        position: absolute;
        right: 20px;
        top: 50%;
        line-height: 1px;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(-50%);
        font-size: 14px;
        color: #666;
    }
    .main_left_ul_1 li:hover a {
        color: #fff;
        background-color: #053F8B;
        border-bottom: 1px solid rgba(0, 123, 255, 0.3);
        background-position: 0 0;
        text-indent: 25px;
        box-shadow: 0 4px 12px rgba(5, 63, 139, 0.3);
    }
        .main_left_ul_1 li:hover i {
            color: #fff;
            transform: translateY(-50%) scale(1.2) rotate(5deg);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }
.main_left_ul_1_on a {
    color: #007bff;
    border-bottom: 1px solid #007bff !important;
    font-weight: 600;
    background: linear-gradient(90deg, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.05) 100%);
    text-indent: 25px;
    position: relative;
}

.main_left_ul_1_on a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #007bff 0%, #0056b3 100%);
    border-radius: 0 2px 2px 0;
}

.main_left_ul_1_on i {
    color: #007bff;
    transform: translateY(-50%) scale(1.1);
    animation: pulse 2s infinite;
}

.main_right_zj{ float: left; display: inline; width: 100%; height: auto; margin-top: 20px;}
.main_right_zj ul{ height: auto !important; }
.main_right_zj ul li{ margin-bottom: 20px;}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.main_left_tit {
    float: left;
    display: inline;
    width: 100%;
    background: linear-gradient(135deg, #015CE8 0%, #053F8B 100%);
    height: 80px;
    line-height: 80px;
    color: #fff;
    text-indent: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.main_left_tit::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.8s ease;
}

.main_left_tit:hover::before {
    left: 100%;
}

.main_left_tit b {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}


.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;
    }
.main_left_1 {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}
.main_left_2 {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 25px;
    box-sizing: border-box;
    padding: 25px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.main_left_2:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.main_left_ul_2 li{
    float: left;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    transition: all 0.3s ease;
}

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

.main_left_ul_2 li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, #015CE8 0%, #053F8B 100%);
    transition: height 0.3s ease;
    border-radius: 0 2px 2px 0;
}

.main_left_ul_2 li:hover::before {
    height: 70%;
}
    .main_left_ul_2 li a {
        float: left;
        width: 100%;
        transition: all 0.3s ease;
        font-size: 16px;
        color: #444;
        text-decoration: none;
        padding-left: 15px;
        position: relative;
    }

    .main_left_ul_2 li a:hover {
        color: #015CE8;
        padding-left: 20px;
    }
/* Removed scale transform - now handled by padding transition */
    .main_left_ul_2 li b {
        font-weight: 500;
        color: #333;
        transition: all 0.3s ease;
    }

    .main_left_ul_2 li:hover b {
        color: #015CE8;
    }
    .main_left_ul_2 li p {
        float: left;
        width: 100%;
        padding: 0;
        margin: 8px 0 0 0;
        color: #666;
        font-size: 14px;
        line-height: 1.5;
        transition: all 0.3s ease;
        padding-left: 15px;
    }

    .main_left_ul_2 li:hover p {
        color: #777;
    }
    .main_left_2 h2 {
        float: left;
        width: 100%;
        background: linear-gradient(90deg, #015CE8 0%, #053F8B 100%) no-repeat left bottom;
        background-size: 50px 3px;
        font-size: 22px;
        padding-bottom: 15px;
        margin-bottom: 20px;
        color: #333;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .main_left_2:hover h2 {
        background-size: 70px 3px;
        color: #015CE8;
    }

.main_left_3 {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    position: relative;
}
.main_left_ul_3 {
    float: left;
    width: 100%;
}
.main_left_3 h2 {
    float: left;
    width: 100%;
    background: url(images/line_1.jpg) no-repeat left bottom;
    font-size: 20px;
    padding-bottom: 12px;
}
.left_zz {
    float:left;
    width:100%;
    position:relative;
}
    .left_zz .next, .left_zz .prev {
        float: left;
        font-size: 20px;
        transition: all 0.5s ease;
        margin-top:10px;
        cursor:pointer;
        color:#999;
    }

    .left_zz .next {
        margin-left:100px;
    }
    .left_zz .prev {
        margin-left:20px;
    }
        .left_zz .next:hover, .left_zz .prev:hover {
            transform: scale(1.1);
            color: #42579A;
        }


        .main_left_ul_3 li {
            float: left;
            display: inline;
            width: 218px;
            margin: 20px 20px 0 25px;
            transition: all 0.5s ease;
        }

        .main_left_ul_3 li:hover {
            transform: translateY(-8px);
            box-shadow: 1px 1px 2px 2px #ddd;
        }

        .main_left_ul_3 li a {
            float: left;
            display: inline;
            width: 100%;
        }

        .main_left_ul_3 li span {
            float: left;
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }

        .main_left_ul_3 li img {
            float: left;
            display: inline;
            width: 100%;
            height: 300px;
        }

.left_more {
    position:absolute;
    right:30px;
    top:40px; 
}
    .left_more:hover i {
        color: #2E428C;
        transform:scale(1.2);
    }
    .left_more i {
        font-size: 20px;
        color: #999;
        transition: all 0.5s ease;
    }
.left_video {
    float: left;
    width: 100%;
    position: relative;
    margin-top:40px;
    padding-bottom:40px;
}

    .left_video .next, .left_video .prev {
       
        position:absolute;
        left:120px;
        font-size: 28px;
        transition: all 0.5s ease;       
        cursor: pointer;
        color: #999;
    }

    .left_video .next {
        top:-30px;
    }

    .left_video .prev {
       bottom:10px;
    }

        .left_video .next:hover, .left_video .prev:hover {
            transform: scale(1.1);
            color: #42579A;
        }


.main_left_ul_4 li {
    float: left;
    display: inline;
    width: 264px;
    margin: 10px 0 0 0px;
    transition: all 0.5s ease;
}

    .main_left_ul_4 li:hover img{
        transform: scale(1.1);
    }

    .main_left_ul_4 li a {
        float: left;
        display: inline;
        width: 100%;
        position:relative;
    }

    .main_left_ul_4 li span {
        float: left;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    .main_left_ul_4 li img {
        float: left;
        display: inline;
        width: 100%;
        height: 146px;
        transition: all 0.5s ease;
    }


    .main_left_ul_4 li a i {
        position: absolute;
        left: calc(50% - 16px);
        top: calc(50% - 26px);
        z-index: 1;
        color: #fff;
        font-size: 28px;
        transition: all 0.5s ease;
    }

    .main_left_ul_4 li p {
        float: left;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

.main_right {
    float: right;
    display: inline;
    width: 76%;
    background-color: #fff;
    margin-top: 20px;
    min-height: 1000px;
    border: 1px solid #eee;
    padding-bottom:40px;
}
.main_right_tit {
    float:left;
    box-sizing:border-box;
    padding:10px 0 20px 0;
    width:100%;
    border-bottom:1px solid #eee;
    
}
    .main_right_tit h1 {
        float:left;
        width:75%;
        margin:0;
        padding:10px 0;
        font-size:24px;
        font-weight:normal;
        line-height:180%;
    }
    .main_right_tit p {
        float:left;
        width:75%;
        color:#999;
        padding:0;
        margin:0;
    }

.main_right_cot {
    float:left;
    width:100%;
    height:auto;
    box-sizing:border-box;
    padding:20px 40px;
}

.main_cot {
    float:left;
    width:100%;
    height:auto;
    padding:20px 0;
    line-height:180%;
    overflow:hidden;
}




.main_pic_ul {
    float: left;
    width: 100%;
    margin-top:20px;
}

    .main_pic_ul li {
    float: left;
    display: inline;
    width: 218px;
    margin: 20px 0 0 38px;
    transition: all 0.5s ease;
}

        .main_pic_ul li:hover {
            transform: translateY(-8px);
            box-shadow: 1px 1px 2px 2px #ddd;
        }

        .main_pic_ul li a {
            float: left;
            display: inline;
            width: 100%;
        }

        .main_pic_ul li span {
            float: left;
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }

        .main_pic_ul li img {
            float: left;
            display: inline;
            width: 100%;
            height: 300px;
        }







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


.main_tit {
    float: left;
    background-color: #eee;
    height: 100px;
    width: 100%;
    color: #666;
    border-bottom: #ddd solid 1px;
}
    .main_tit a {
        color:#666;
    }
        .main_tit a:hover {
            text-decoration: underline #333 solid 1px;
        }
    .main_tit i {
        padding:0 5px 0 5px;
    }
    .main_tit span {
        float:left;
        display:inline;
        margin-left:20px;
        line-height:100px;

    }
    .main_tit b {
        float:right;
        display:inline;
        font-size:32px;
        letter-spacing:2px;
        margin:35px 20px 0 0;
        padding:20px 20px;
        border: #ddd  solid 1px;
        background: #fff;
        border-bottom: #fff solid 2px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        font-weight: normal;
    }
.news_list {
   box-sizing:border-box;
   padding:40px;
}
.news_list li{
    float:left;
     width:100%;
     position:relative;
     padding: 20px;
     box-sizing:border-box;
     border-bottom:#eee solid 1px;
     display: flex;
     justify-content: space-between;
     gap: 40px;

}
    .news_list li img {
        width: 160px;
        height: 100px;
        transition: all 0.5s ease;
        flex: 1 1 auto;
        height: 120px;
        border-radius: 6px;

    }
    .news_list li a {
        flex: 1 1 auto;

        font-size: 18px;
        margin-top: 10px;
        transition: all 0.5s ease;
        line-height: 160%;
    }
    .news_list li span {
     float:left;
     width: 100%;
     margin-top:10px;
     color:#666;
     font-size:14px;
     line-height:180%;
    }
    .news_list li b {
        float:left;
        width:100%;
    }
    .news_list li p {
        float:left;
        width:100%;
        padding:0;
        margin:10px 0 0 0;
        font-size:12px;
        color:#999;
    }
.news_list li:hover img {
    transform: translateX(10px);
}

.news_list li:hover a {
    transform: scale(1.05);
}
    .news_list li:hover {
        border-bottom:1px solid #ddd
    }


.main_video_ul {
    float: left;
    width: 100%;
}

    .main_video_ul li {
        float: left;
        display: inline;
        width: 472px;
        margin: 40px 0 0 40px;
        transition: all 0.5s ease;
    }

        .main_video_ul li:hover img{
            transform: scale(1.1);
        }
        .main_video_ul li:hover i{
            transform: scale(1.4);
        }
        .main_video_ul li a {
            float: left;
            display: inline;
            width: 100%;
            position: relative;
            font-weight:bold;
            font-size:16px;
        }

        .main_video_ul li span {
            float: left;
            width: 100%;
            text-align: center;
            padding: 15px 0 10px 0;
        }

        .main_video_ul li p {
            float: left;
            width: 100%;
            text-align: center;
            padding:0;
            margin:0;
            overflow:hidden;
        }
        .main_video_ul li img {
            float: left;
            display: inline;
            width: 100%;
            height: 268px;
            transition: all 0.5s ease;
        }

        .main_video_ul li a i {
            position: absolute;
            left: calc(50% - 20px);
            top: calc(50% - 40px);
            z-index: 1;
            color: #fff;
            font-size: 38px;        
            transition: all 0.5s ease;
        }


.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:#F1F2F4; position:relative; padding: 20px 0; }
.btm_link{ float:left; display: block; width:100%;  border:#ccc solid 1px; border-top: none ;}
.btm_link_tit{ float:left; display:block; width:100%; box-sizing: border-box; background:#EEEEEE url(images/link.png) no-repeat 10px center; height: 50px; line-height: 50px;  padding: 0 0 0 50px; border-top:#1557A1 solid 4px ; border-bottom:#ccc solid 1px ;}
.btm_link_tit i{ font-size:16px;  float:left; display:inline; margin:4px 10px 0 0;}
.btm_link_tit b{ font-weight:normal; font-size:18px;  float:left; display:inline;}
.link_box{ float:left; width:100%; display: inline; padding: 20px; box-sizing: border-box;}
.link_box ul { display: flex; flex-wrap: wrap; justify-content: left; gap: 20px; }
.link_box ul li { width: 15.4%;}
.link_box ul li a:hover{ color:#163B98;}
.link_box_page{ display:none;}
.link_box i{ font-size:28px; color:#C9C9C9; transition: all 0.5s ease;}

.link_box .prev{ position:absolute; left:-30px; top:0px; height:70px; line-height:80px; cursor:pointer;}
.link_box .next{ position:absolute; right:-15px; top:0px; height:70px; line-height:80px; cursor:pointer;}
.link_box .prev:hover,.link_box .next:hover i{ transform: scale(1.5);}

.btm_c{ float:left; display:block; width:100%; text-align:center; background-color: #EBEBEB; padding:20px 0;  line-height:200%;}
.btm_c a{ }
.btm_c a:hover{ font-size:14px;}

.btm_cry{ float:left; display:block; width:100%; text-align:center; padding:20px 0;}
.btm_cry a{ color:#fff;}
.btm_cry a:hover{ font-size:14px;}

@media only screen and (max-width: 1620px) {
	#top span h2{ font-size:22px;}
}