html, body {
  font-family: "DM Sans", Gilroy, -apple-system, "Sofia Pro", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  color: rgb(51, 51, 51);
  line-height: 1.3;
}


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;
  vertical-align: bottom;
}
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;
}
.clear-p-t{
  padding-top: 0 !important;
}
.clear-margin{
  margin: 0 !important;
}
.clear-b-margin{
  margin-bottom: 0 !important;
}
.light{
	color: #0052D9;
}
.p-light{
	padding-left: 5px;
}


/*页头*/
/* .wrap{ display: block; width: 100%;position: relative;overflow-x: hidden;} */
.wrap_head{ display:block; width:100%; height: 72px;
  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:1200px; height: 72px;  margin: 0px auto; position: relative; z-index: 2; }

.head_con .logo{ display:block; height: 31px; width: 168px; position: absolute; left: 0px; top: 21px;}


.head_con .logo h1{ display:block; height: 31px; width: 168px; background: url(../img/index/menu_logo.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;background-size: 100% 100%;}

/*菜单*/
.menu_list{ display: block; height:72px; position: absolute; right: 160px; top: 0px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.menu_list .menu_item{ display: inline-block; height:72px; float: left; margin-left:72px; position: relative;}
.en-us .menu_list .menu_item{
  margin-left: 36px;
}
.menu_list .menu_item .txt{ display: block; height:72px; line-height: 72px; font-size: 16px; color: #fff; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.menu_list .menu_item .txt:hover{  opacity: 1;}
.menu_list .menu_item .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #194ac3; 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: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #194ac3; 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: 445px; position: absolute; left: -36px; top: 0px; z-index: 1;}


.sub_list{display: none; position: absolute; width:160px; left: 50%; margin-left: -80px; text-align: center; z-index: 2; }
.sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0;}
.sub_list li a:hover{ opacity: 1;}




.head_white{
  background: #fff;
}
/* .head_white.fixed{
  position: fixed;
  top: -72px;
} */

/* logo图 */
/* .submenu_show .logo h1,.head_white .logo h1{ background-image: url(	https://www.tencent.com/img/index/menu_logo_hover.png);background-size: 100% 100%;} */
.submenu_show .logo h1,.head_white .logo h1{ background-image: url(../images/overview/kkkk4.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: 676px; 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_show .search_area .ipt_search,.head_white.search_area_show .search_area .ipt_search{ color: #2b2e2e;}
.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: 485px; 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%;}




@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); 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,-30px); 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;}
}


.back_to_top{ display:none;}

/* 回到顶部样式 */
.ten_totop{
    display: none; background:#FBFBFB;
    padding: 12px 24px; text-align: center;
}
.ten_totop--float{
    display: block; position: fixed; bottom:-200px; right: 40px; z-index: 98;
    width:60px; height: 60px; transition: ease all 0.3s;
    background: #FFF; border-radius: 50%;;
    border:1px solid #0052D9;
    cursor: pointer;
    padding: 0px;
}
.ten_totop--float:after{
    content: "";
    display: block; width: 12px; height: 12px;
    position: absolute; top:calc(50% - 3px); left:calc(50% - 6px);
    transform: rotate(-135deg);
    border-bottom: 1px solid #0052D9;
    
    border-right: 1px solid #0052D9;;
}
/* .ten_totop--float:hover{ background: #0052D9;; } */
.ten_totop--float:hover{ background: #0097E0;; }
.ten_totop--float:hover:after{
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
.ten_totop--float--show{ bottom:40px; }



/* 官网顶部header样式 */



/* 首页css  本次标准色为 #0097E0 */
.navbar{
background-color: #0097E0 !important;
/* background-color: rgb(60, 140, 255) !important; */

}
.main-header .navbar-default .navbar-nav > li > a{
color: #FFFFFF;

display: block;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  opacity: 0.95;
  position: relative;
  z-index: 2;

}

.main-header .navbar-default .navbar-nav > li > a:hover{
opacity: 1;

}
.main-header .navbar-default .navbar-nav > li.dropdown::after{
color: #FFFFFF;
}

/* logo */
.navbar-brand{
display: flex;
  align-items: center; /* 垂直居中 */
}
.navbar-brand img{
height: auto; /* 保持图片的比例 */
  /* max-height: 37px; */
  max-height: 30px;

}
.main-header .navbar-brand{
padding: 22px 0 22px 15px;
}

.main-header .navbar-default .navbar-nav > li{

padding: 15px 30px !important;
}
.main-header .navbar-default .navbar-nav > li.dropdown::after{
right: 15px !important;
}
/* 导航栏文字hover效果 */
.main-header .navbar-default .navbar-nav > li > a:hover, .main-header .navbar-default .navbar-nav > li.active > a{
color: rgb(120, 230, 220);
}

/* 多余线条 */

.main-header .navbar-default{
/* border-bottom: 2px solid #0097E0 !important; */
border-bottom: 2px solid #0097E0 !important;

}


@media (min-width: 1200px) {
  .container {
      width: 1280px !important;
  }
}


/* 官网底部footer样式 */



  .footer {
      margin-top: 100px;
      width: 100%;
      background-color: #0099e5;
      color: white;
      padding: 20px 0;
      position: relative;
  }

  .footer-container {
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding: 30px 0;
  }

  /* 企鹅LOGO部分 */
  .logo-container {
      position: absolute;
      top: -50px;
      left: 50%;
      transform: translateX(-50%);
  }

  .logo-circle {
      width: 100px;
      height: 100px;
      background-color: white;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }

  .logo-image {
      width: 95%;
      height: auto;
  }

  /* 公司信息部分 */
  .info-container {
      flex: 2;
      text-align: left;
      padding-left: 20px;
  }

  .company-info {
      line-height: 1.8;
  }

  .info-line {
      font-size: 14px;
      margin-bottom: 5px;
  }

  /* 二维码部分 */
  .qrcode-container {
      display: flex;
      gap: 20px;
  }

  .qrcode-item {
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .qrcode {
      width: 110px;
      /* height: 70px; */
      max-width: 100%;
      height: auto;
      background-color: white;
      padding: 5px;
      margin-bottom: 5px;
  }
  .qrcode {
    display: inline-block;
    transition: transform 0.3s ease; 
  }
  .qrcode:hover {
    transform: scale(1.2);
  }


  .qrcode-text {
      font-size: 12px;
      text-align: center;
  }

  /* 响应式设计 */
  @media (max-width: 768px) {
      .footer-container {
          flex-direction: column;
          text-align: center;
          padding-top: 60px;
      }
      
      .info-container {
          padding-left: 0;
          margin: 20px 0;
      }
      
      .qrcode-container {
          margin-top: 20px;
      }
  }