@import "../fonts/siyuan.css";
html {
    -ms-text-size-adjust: 10rem;
    -webkit-text-size-adjust: 10rem;
    font-size: 10px; 
}
body {
    color: #222;
    line-height: 1.5;
    font-size: 1.4rem;

    font-family:'siyuan','PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
    -webkit-font-smoothing: antialiased;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
textarea {
    resize: none;
}
img {
    border: 0;
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
ul,
li {
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-variant: normal;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}

.container,.mod-con {
    width: 120rem;
    margin: 0 auto; 
}
.back_top{
  position: fixed;
  right: 1rem;
  bottom: 5rem;
  z-index: 9999;
  cursor: pointer;
  display: none;
}
.back_top img{
  width: 5rem; 
}
.wrap{ display: block; width: 100%;position: relative;overflow-x: hidden;}
.wrap_head{ display:block; width:100%; height: 8rem;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
  }
  .head_con{ display:block; width:120rem; height: 8rem;  margin: 0px auto; position: relative; z-index: 2; }
  .head_con .logo{ width: 9.6rem;position: absolute;left: 0px;top: 1rem;}
  .head_con .logo img{ width: 9.6rem;}
  .head_con .logo h1{ display:block; height: 2.2rem; width: 16.8rem; background: url(../img/index/menu_logo.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;background-size: 100% 100%;}
  
  .location>div{
    color: #000;
    font-size: 2rem;
    height: 6.6rem;
    display: flex;
    align-items: center;
  }
  .location>div span{
    margin:0 0.5rem; 
   }
  .location>div span img{
        height: 1.7rem;
      }
  .location>div span.arrow{
    display: flex;
    align-items: center;
    padding: 0 2rem;
  }

  /*导航*/
  .menu_list{display: block; height:8rem;
    position: absolute;
    right: 6rem;
    top: 0px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
  .menu_list .menu_item{ display: inline-block; height:8rem; margin-left:8rem; position: relative;}
  .en-us .menu_list .menu_item{
    margin-left: 3.6rem;
  }
  .menu_list .menu_item .txt{ display: block; height:8rem; line-height: 8rem; font-size: 2rem; color: #fff; font-weight:500; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
  .menu_list .menu_item .txt span{padding: 0 0.3rem;}
  .menu_list .menu_item .txt:hover{  opacity: 1;}
  .menu_list .menu_item .txt:after{ display:block; content:""; height: 0.4rem; width: 100%; position: absolute; bottom: 1.4rem; left: 0px; background: #254fc9; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
  .menu_list .menu_item .txt:before{ display:none; content:""; height: 40rem; width: 100%; position: absolute; top: 1.4rem; left: -1rem; background: #254fc9; opacity: 1;}
  .menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
  .menu_list .menu_item.menu_item_lan{ display:none;}
  .menu_list .menu_item .menu_hook{ display:none; width: 100%; height: 44.5rem; position: absolute; left: -3.6rem; top: 0px; z-index: 1;}

  .sub_list{display: none; position: absolute; width:16rem; left: 50%; margin-left: -8rem; text-align: center; z-index: 2; }
  .sub_list li{position: relative;}
  .sub_list li a{ display: block; font-size: 2rem; color: #2b2e2e; opacity: 0.7; padding: 1.1rem 0;}
  .sub_list li a:hover{ opacity: 1;}
  
  /* 新增三级菜单样式 */
  .sub_list_third {
      position: absolute;
      left: 15rem;
      top: 0;
      width: 12rem;
      background: #fff;
      padding: 1.5rem 0;
      display: none;
      box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.1);
  }
  /* 添加小三角 */
.sub_list_third::before {
    content: '';
    position: absolute;
    left: -1rem;
    top: 2rem;
    border-right: 1rem solid #f3f5f9;
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
}

  .sub_list li:hover .sub_list_third {
      display: block;
  }

  .sub_list_third li a {
      font-size: 1.8rem;
      color: #666;
      padding: 0.8rem 2rem;
  }

  .sub_list_third li:hover a {
      color: #254fc9;
      background: #f5f5f5;
  }

  .head_white{
    background: #fff;
  }
  /* .head_white.fixed{
    position: fixed;
    top: -8rem;
  } */
  .submenu_show .logo h1,.head_white .logo h1{ background-image: url(../img/index/menu_logo_hover.png);background-size: 100% 100%;}
  .submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #2b2e2e;}
  .submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{ width: 67.6rem; background: #f6f6f6; }
  .submenu_show.search_area_show .search_area .search_icon,.head_white.search_area_show .search_area .search_icon{ opacity: 0.3; }
  .submenu_show .search_area .search_icon,.head_white .search_area .search_icon{ background-image:url(../img/index/icon_search_hover.png);}
  .submenu_show .lang_area a,.head_white .lang_area a{ color: #2b2e2e;}
  .submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #2b2e2e;}
  .submenu_show .bg_hover{ display:block !important; width: 100%; height: 32.3rem; background:rgba(255,255,255,1); z-index: 1; position: absolute; top: 0px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
  .submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
  .submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
  .submenu_show .menu_list .menu_item .menu_hook{ display:block;}
  .submenu_hide,.sublist_hide{ pointer-events:none;} /*避免鼠标快速移劍迟 一进多出显示bug*/
  .submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}
  /*.submenu_show .menu_list .menu_item .sub_list{ display: block; background: rgba(255,0,0,0.5);}
  
  
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(1){ -webkit-animation:a_menu_item_li_show 0.2s ease-out both;}
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(2){ -webkit-animation:a_menu_item_li_show 0.2s 0.1s ease-out both;}
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(3){ -webkit-animation:a_menu_item_li_show 0.2s 0.2s ease-out both;}
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(4){ -webkit-animation:a_menu_item_li_show 0.2s 0.3s ease-out both;}
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(5){ -webkit-animation:a_menu_item_li_show 0.2s 0.4s ease-out both;}
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(6){ -webkit-animation:a_menu_item_li_show 0.2s 0.5s ease-out both;}
  .submenu_show .menu_list .menu_item:hover .sub_list li:nth-child(7){ -webkit-animation:a_menu_item_li_show 0.2s 0.6s ease-out both;}*/
 
 
  @keyframes a_menu_item_show {
      0%{ -webkit-transform:translate(0px,-3rem); opacity: 0;}
      100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
  }
  
  @keyframes a_menu_item_hide {
      0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
      100%{ -webkit-transform:translate(0px,-3rem); opacity: 0; }
  }
  
  
  @keyframes a_bg_hover_show {
      0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
      100%{  -webkit-transform:scale(1,1); opacity: 1;}
  }
  
  
  @keyframes a_bg_hover_hide {
      0%{ -webkit-transform:scale(1,1); opacity: 1;}
      100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
  }


  .banner{
    background: url(../images/banner.jpg) no-repeat center bottom;
    background-size: cover;
    min-height: 73.6rem;
  }

  .banner_about{
    background: url(../images/banner_about.jpg) no-repeat center bottom;
    background-size: cover;
    min-height: 37.4rem;
  }


  .index_about{
    width: 120rem;
    margin: 0 auto;
    min-height: 61.3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index_about img{
    width: 100%; 
  }
  .index_about .about_btn{
    display: block;
    position: absolute;
    top: 43.8rem;
    left: 0;
  }

  .index_news{
    background: #f4f4f4;
    min-height: 57.3rem;
  }
  .index_news_title{
    padding-top: 6.4rem;
    padding-bottom: 2.5rem;
  }
  .index_news_con{
    display: flex;justify-content: space-between;
  }
  .index_news_con .swiper-container{
    width: 50.3rem;height: 36.2rem;
  }
  .index_news_con .swiper-pagination{
    bottom: 1rem!important;
    display: flex;justify-content: space-between;
  }
  .index_news_con .swiper-pagination .swiper-pagination-bullet{
    margin: 0!important;
    border-radius: 0;
    width: 9.5rem;
    height: 0.5rem;
    background: #e8e8e8;
    opacity: 1;
  }
  .index_news_con .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #c0c0c0;
  }
  
  .index_news_con .index_news_list{
    padding-left: 3.1rem;flex: 1;
  }
  .index_news_con .index_news_list li{
    display: flex;align-items: center;
    padding: 1.7rem 0;
    border-bottom: #d8d8d8 0.1rem solid;
  }
  .index_news_con .index_news_list li:last-child{
    border-bottom: none;
  }
  .index_news_con .index_news_list li a{
    font-size: 2.5rem;
    color: #666;
    line-height: 3.5rem;
  }
  .index_news_con .index_news_list li a:hover{
    color: #4769d4;
  }

  .hxtd{
    background: linear-gradient(to bottom, #ffffff 0%, #e1ebf7 100%);
    padding: 10.2rem 0 14rem;
    text-align: center;
  }
  
  .hxtd img,
  .jgfb img,
  .khzd img{
    width: 120rem; 
  }

  .pro_1 img,
  .pro_2 img,
  .pro_3 img{
    max-width: 100%;
    vertical-align: top;
  }
  .index_footer{
    min-height: 38.2rem;
  }
  .index_footer>div{
    display: flex;
    justify-content:space-between;

  }
  .index_footer .foot_logo {
    padding: 6.6rem 1rem;
  }
  .footer_left p{
    font-size: 2rem;
    display: flex;
    align-items: center;
    color: #4c4c4c;
  }
  .footer_left p img{
    padding-left: 2.7rem;
    }
  .footer{
    padding: 4rem 0;
    font-size: 1.3rem;
    color: #8f8f8f;
    text-align: center;
  }
  .footer a{
      color: #8f8f8f;
  }
  .footer a:hover{
      color: #254fc9;
  }
  .copyright{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .copyright img{
    padding-right: 1.5rem;
  }
  .footer_list{
    width: 69rem;
    display: flex;justify-content: space-between;
    padding-top: 6rem;
    margin-right: -4.5rem;
  }
   .footer_list dl{
    text-align: center;
    color: #4c4c4c;
    width: 23rem;
    margin: 0 auto;
  }
  .footer_list dl dt{
  font-size: 2rem;
  font-weight: 550;
  padding-bottom: 1.2rem;
  }
  .footer_list dl dt span{
    margin: 0 0.3rem;    
  }
  .footer_list dl dd a{
  color: #8f8f8f;
  line-height: 3rem;
  }
  .footer_list dl dd a:hover{
      color: #254fc9;
  }
  .header-seat{
    padding-bottom: 8rem;
    transition: .25s ease;
  }
  .mod-tab .clearfix{
    overflow-x:hidden;
    overflow-y: hidden;
    position: relative;
    height: 6.4rem;
  }
  .mod-tab .clearfix ul{
    position: absolute;
    left: 1.6rem;
    top: 0;
    height: 6.4rem;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
  }
  .mod-tab-container{
    width: 100%;
    height: 6.4rem;
    position: relative;
  }
  .business .mod-tab-container{
    height: 6.9rem;
  }
  .mod-tab{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
  }
  .mod-tab.fixed{
    position: fixed;
    z-index: 99;
  }
  .mod-tab li{
    float: none;
    display: inline-block;
    margin-right: 5.6rem;
    position: relative;
    cursor: pointer;
  }
  .mod-tab .line{
    width: 9.8rem;
    height: 0.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #254fc9;
  }
  .mod-tab li:last-child{
    margin-right: 0;
  }
  .mod-tab li a{
    padding: 1.6rem 1rem;
    display: block;
    font-size: 2rem;
    position: relative;
    line-height: 3.6rem;
    color: #5F6464;
  }
  .mod-tab li.active-tab a{
    font-weight: 600;
    color: #2a2e2e;
  }
  /* .mod-tab li.active-tab a:after{
    content: ' ';
    height: 0.2rem;
    width: 100%;
    background: #0052d9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
  } */



  .about_1{
    display: flex;align-items: center;justify-content: center;
    background: #f4f4f4;
  }

  .about_2{
    background: url(../images/about_2.jpg) no-repeat center center;
    background-size: cover;
    min-height: 83.3rem;
  }

  .about_3{
    background: url(../images/about_3.jpg) no-repeat center center;
    background-size: cover;
    min-height: 52.4rem;
  }


  
  .pro_1{
    display: flex;align-items: center;justify-content: center;
    background: #f4f4f4;
  }

  .pro_2{
    background: url(../images/pro_2.jpg) no-repeat center center;
    background-size: cover;
    min-height: 236.6rem;
  }

  .pro_3{
    background: url(../images/pro_3.jpg) no-repeat center center;
    background-size: cover;
    min-height: 112.6rem;
  }

  .jgfb{
    background: url(../images/hzjg.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 78.1rem;
  }
  .khzd{
    background: url(../images/khzd.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 78.1rem;
  }
.fzlc{
    background: url(../images/fzlc_bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 79.2rem;
  }
  .con_title{
    padding-top: 4.7rem;
    padding-bottom: 2.1rem;
    font-size: 3rem;
    color: #000;
  }

 .con_title:after{
    content: '';
    display: block;
    width: 3.3rem;
    height: 0.5rem;
    background: #254fc9;
    margin-top: 2.1rem;
    margin-left: 0.4rem;
  } 

.fzlc_con {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4.5rem;
}
.fzlc_con_left {
  width: 51.8rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 0.1rem solid #ddd;
}
.fzlc_con_right  {
  width: 68.3rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.year-list {
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.year-list li {
  font-size: 3rem;
  font-weight: 600;
  color: #c4c4c4;
  transition: all 0.3s;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.year-list li.active {
  color: #254fc9;
  font-size: 13rem !important;
}
.arrow-up, .arrow-down {
  cursor: pointer;
  text-align: center;
  padding: 1rem;
}
.year-content{
  display: none;
  padding-left: 8.1rem;
  padding-right: 2rem;
}
.year-content h4{
  font-size: 3rem;
  color: #254fc9;
  margin-bottom: 2rem;
}
.year-content p{
  padding-left: 1rem;
  font-size: 2rem;
  color: #666;
  line-height: 3.5rem; 
  position: relative;
}
.year-content.active {
  display: block;
}
.year-content p:after{
  content: '';
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background: #666;
  border-radius: 50%;
  position: absolute;
  left:0;
  top: 1.6rem;

} 

.news{
  background: #f4f4f4;
  padding-bottom: 3rem;
}
.news_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  list-style: none;
  padding-top: 2.5rem;
}

.news_list li {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  padding: 3.3rem;
}

.news_list li a {
  display: flex;
  gap: 3.5rem;
  width: 100%;
}

.news_img {
  width: 13.3rem;
  min-width: 13.3rem;
}

.news_img img {
  width: 100%;
  height: 13.3rem;
  object-fit: cover;
  border-radius: 0.6rem;
}

.news_con {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news_con h3 {
  padding-right: 3rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
  font-size: 2rem;
  line-height: 1.4;
  color: #2f2f2f;
  flex-grow: 1;
}
.news_con h3:hover {
  color: #007bff; 
}

.news_time {
  padding: 1rem 0;
  border-top: 0.1rem solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  color: #585754;
}

.news_time span:first-child {
  font-size: 1.3rem;
}

.news_time span:last-child {
  font-size: 1.6rem;
  margin-left: 1rem;
}
.news{
    /* background: linear-gradient(to bottom, #ffffff 0%, #e1ebf7 100%); */
}
.news_show_title{
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 1.5rem;
  font-size: 3rem;
  color: #000;
}
.news_show_time{
  text-align: center;
  padding-bottom: 3.5rem;
  font-size: 1.8rem;
  color: #666; 
}
.news_show_time span{
  margin-right: 2rem; 
}
.news_show_con{
  background-color:#fff;
  padding: 2rem 3rem;
  font-size: 2rem;
  color: #666;
  line-height: 1.6;
}
.news_show_con img{
  max-width: 100%;
  vertical-align: top;
}
.news_back{
  background: #fff;
  border-top: #efefef 1px solid;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.news_back a{
  display: inline-block;
  font-size: 2rem;
  color: #666; 
  padding: 1.2rem 4rem;
  border: #efefef 1px solid;
  border-radius: 0.5rem;
}
.news_back a:hover{
  background: #007bff;
  color: #fff;
  border-color: #007bff; 
}
/* .page {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 0 10rem;
  gap: 1.5rem;
}

.page a {
  display: block;
  padding: 0.8rem 0.5rem;
  color: #666;
  transition: all 0.3s;
}

.page a:hover {
  border-color: #007bff;
  color: #007bff;
}

.page .pages.active {
  background: #007bff;
  color: white;
  border-color: #007bff;
}

.page span {
  color: #999;
  margin-left: 1.5rem;
} */

.swiper-slide img {
  width: 100%;
  vertical-align: top;
}