﻿@import url("../fonts/icon/css2.css");
@import url("../fonts/icon/iconfont.css");
@font-face {
  font-family: 'fangyuanti';

  src: url('../fonts/AlimamaFangYuanTi.woff') format('truetype');

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "Phosphor-Bold";

  src: url("../fonts/Phosphor/Phosphor-Bold.woff2") format("woff2"), url("../fonts/Phosphor/Phosphor-Bold.woff") format("woff"), url("../fonts/Phosphor/Phosphor-Bold.ttf") format("truetype"), url("../fonts/Phosphor/Phosphor-Bold.svg#Phosphor-Bold") format("svg");

  font-weight: normal;

  font-style: normal;

  font-display: block;
}

.ph-bold {

  font-family: "Phosphor-Bold" !important;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

img {
  transition: all 0.3s linear;

  max-width: 100%;

  width: auto;
}

a:hover {

  transition: all 0.5s;

}

ul {
  padding: 0;

  margin: 0;
}

select::-webkit-arrow {
  display: none;
}

input:disabled,
select:disabled {
  cursor: no-drop !important;

}

input:disabled::placeholder {
  color: #bbc0c4 !important;

}

.btn.focus,
.btn:focus,
.btn:hover,
select:focus,
select:focus-visible,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  background-color: #F6F7F8 !important;

  outline: none;
}




html {
  width: 100%;

  height: 100%;

  font-family: sans-serif;

  font-size: 62.5%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

body {
  position: relative;

  width: 100%;

  min-width: 360px;

  overflow-x: unset !important;

  font: normal 400 var(--_size) / 1.4 var(--_font-default);

  text-rendering: optimizeLegibility;

  background-color: var(--base);

  color: var(--t-medium);
}

.header .navbar-default {

  margin-bottom: 0px;

  background-color: transparent;

  border: none;
}

.header .navbar-default.isStuck {

  background-color: rgba(11, 76, 151, 100%);

  border-bottom: 0.5px rgba(255, 255, 255, 0.21) solid;

  padding: 10px 30px;

  margin-bottom: 0px;

  left: 0px;
}

#mobile-navigation {

  display: flex;

  align-items: center;
}

.header .navbar-default .navbar-brand {

  height: auto;

  padding: 0px;
}

.header .navbar-default .navbar-brand img {
  height: 55px;
}
.no-copy p{
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
}
.navbar-nav-left {

  width: 205px;
}

.navbar-nav-center {

  display: flex;

  width: calc(100% - 430px);

  position: relative;

  justify-content: space-between;
}

.navbar-nav-right {

  width: 225px;

  display: flex;

  justify-content: right;
}

.navbar-nav>li {
  text-align: center;
}

.navbar-nav>li a {}

.navbar-nav>li button {

  background: rgba(255, 255, 255, 0.07);

  border-radius: 20px 20px 20px 20px;

  border: 1px solid rgba(255, 255, 255, 0.25);

  color: #fff;

  width: 44px;

  height: 44px;

  font-size: 20px;
}

.navbar-nav-center>li.active {}

.navbar-nav-center>li.active>a {

  background-color: rgba(4, 29, 58, 20%) !important;

  border-radius: 26px 26px 26px 26px;


}

.navbar-nav-center>li>a {

  padding: 19px 32px 19px;

  color: #fff !important;

  text-align: center;

  font-family: PingFang SC, PingFang SC;

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

  letter-spacing: 2px;
}

.navbar-nav-right>li {

  position: relative;


}

.navbar-nav-right>li+li {
  margin-left: 30px;
}

.navbar-nav-right>li>a {

  color: #fff !important;

  width: 100px;

  height: 44px;

  background: rgba(255, 255, 255, 0.07);

  border-radius: 30px 30px 30px 30px;

  border: 1px solid rgba(255, 255, 255, 0.25);

  font-family: PingFang SC, PingFang SC;

  font-weight: 400;

  font-size: 20px;

  line-height: 28px;

  letter-spacing: 2px;

  padding: 7px 0px;
}

.navbar-nav-right>li>a i {

  font-size: 24px;

  margin-right: 5px;
}

.header-fixer {

  position: absolute;

  width: 100%;

  z-index: 999;

  background-color: rgba(11, 76, 151, 67%);

  border-bottom: 0.5px rgba(255, 255, 255, 0.21) solid;

  padding: 10px 30px;
}

.navbar-nav-center>li:hover a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  background-color: rgba(4, 29, 58, 20%) !important;

  border-radius: 26px 26px 26px 26px;
}

.navbar-default .navbar-nav-right>li>a:hover {
  color: #fff !important;
}

.navbar-nav>li>.dropdown-menu {



  width: 100%;
}

.navbar-nav>li>.dropdown-menu li {}

.navbar-nav>li>.dropdown-menu li a {

  font-size: 18px;

  text-align: center;

  color: #fff !important;

  padding: 15px 0px;
}

.navbar-nav>li>.dropdown-menu li a:hover {

  color: #fff !important;
}

.navbar-nav-center>li::before {
  content: '';

  width: 0%;

  height: 4px;

  position: absolute;

  left: 0px;

  bottom: 0px;

  z-index: 1;

  transition: all 0.5s;
}

.navbar-nav-center>li.active::before,
.navbar-nav-center>li:hover::before {
  width: 100%;
}

.tech-canvas {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.2;

  pointer-events: none;
}

.ph-bold.ph-moon-stars:before {
  content: "\ebff";
}

.ph-bold.ph-sun:before {
  content: "\ed3e";
}

.footer {

background: rgba(242, 244, 248, 0.65);

padding: 0px 0px   30px;
}

.footer .footer-logo {float: none;margin-top: 20px;text-align: center;display: flex;align-items: center;justify-content: center;}

.footer .footer-logo img {
  height: 128px;
}

.footer .footer-detail {padding-left: 50px;margin-top: 0px;display: inline-block;}

.footer .footer-detail p {
  font-family: Noto Sans SC, Noto Sans SC;

  font-weight: 400;

  font-size: 16px;

  color: #666A79;

  line-height: 35px;

  text-align: left;

  margin-bottom: 0px;
}

.footer .footer-detail p:last-child {
margin-top: 0;
}

.footer .footer-ewm {

  float: right;

  width: 128px;
}

.footer .footer-ewm img {
  height: 128px;
}

.footer .footer-ewm p {
  font-weight: 400;

  font-size: 16px;

  color: #666A79;

  line-height: 24px;

  text-align: center;

  margin-bottom: 0px;

  margin-top: 5px;
}

ul.dynamics-tab {

background: rgba(255, 255, 255, 0.5);

border-radius: 20px;

width: 800px;

display: block;

margin: 40px auto 50px;

padding: 10px;

position: relative;

text-align: center;
}

ul.dynamics-tab>li {

width: 33.33%;

float: none;

display: inline-block;
}

ul.dynamics-tab>li+li {
  margin-left: 0px;
}

ul.dynamics-tab>li>a {

  font-family: 'fangyuanti';

  font-weight: normal;

  font-size: 28px;

  color: #22232C;

  line-height: 24px;

  text-align: center;

  padding: 22px 0px;
}

ul.dynamics-tab>li.active {}

ul.dynamics-tab>li.active>a {

  background-color: transparent !important;
}

ul.dynamics-tab>li.li-bg {

  height: 68px;

  background: linear-gradient(92deg, #5DC8E0 0%, #6B93D8 100%);

  border-radius: 20px 20px 20px 20px;

  border: 1px solid #FFFFFF;

  position: absolute;

}

.dynamics-list {}

.dynamics-list li {

  padding-bottom: 40px;

  border-bottom: 1px #D1D5E0 solid;

  margin-top: 40px;
}

.dynamics-list li>span {
  font-weight: 500;

  font-size: 18px;

  color: #6C7E97;

  line-height: 14px;

  text-align: center;

  width: 140px;

  display: block;

  float: left;

  margin-top: 35px;
}

.dynamics-list li>span b {
  font-weight: bold;

  font-size: 36px;

  line-height: 36px;

  text-align: center;

  color: #5dc8e0;

  background: #5dc8e0;

  background: -webkit-linear-gradient(15deg, #5dc8e0 0%,#5d4ec4 80%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  display: block;

  margin-bottom: 15px;
}

.dynamics-list li .content {

  width: calc(100% - 140px);

  float: left;

  padding-left: 50px;

  border-left: 1px #D1D5E0 solid;
}

.dynamics-list li .content h4 {
  font-weight: 500;

  font-size: 22px;

  color: #22232C;

  line-height: 32px;

  text-align: left;
}

.dynamics-list li .content p {
  font-weight: 400;

  font-size: 14px;

  color: #666A79;

  line-height: 26px;

  text-align: left;
}

.dynamics-list li .content a {
  font-weight: 400;

  font-size: 14px;

  color: #424550;

  line-height: 14px;
}

.dynamics-list li:last-child {
  border: none;
}

.case-list {}

.case-list li {

  padding: 40px 0px;

  border-bottom: 1px #D1D5E0 solid;
}

.case-list li a {}

.case-list li img {

  width: 310px;

  height: 178px;

  border-radius: 30px 30px 30px 30px;

  float: left;
  object-fit: cover;
}

.case-list li .content {

  width: calc(100% - 310px);

  float: left;

  padding-left: 40px;
}

.case-list li .content h4 {

  font-weight: bold;

  font-size: 20px;

  color: #22232C;

  line-height: 24px;

  letter-spacing: 2px;

  margin-bottom: 15px;
}

.case-list li .content p {

  font-weight: 400;

  font-size: 14px;

  color: #666A79;

  line-height: 24px;

  letter-spacing: 2px;

  text-align: left;

  margin-bottom: 0px;
}

.case-list li .content h2 {
  color: #5dc8e0;

  background: #5dc8e0;

  background: -webkit-linear-gradient(15deg, #5dc8e0 0%,#5d4ec4 18%);


  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  margin-top: 0px;

  margin-bottom: 15px;

  font-weight: bold;

  font-size: 28px;

  line-height: 30px;

  letter-spacing: 2px;
}

.case-list li:last-child {
  border: none;
}

.Track-setting {

  padding: 70px 0px;

  border-bottom: 1px #D1D5E0 solid;
}

.Track-setting:last-child {
  border: none;
}

.Track-setting-left {

  /* border-right: 1px #D1D5E0 solid; */
}

.Track-setting-left img {
  width: 266px;

  height: 250px;

  border-radius: 40px 40px 40px 40px;

  float: left;
  object-fit: cover;
}

.Track-setting-left .content {

  width: calc(100% - 266px);

  float: left;

  padding-left: 30px;
}

.Track-setting-left .content h4 {

  font-weight: bold;

  font-size: 28px;

  color: #22232C;

  line-height: 44px;

  letter-spacing: 2px;

  text-align: left;

  margin-bottom: 20px;
}

.Track-setting-left .content p {

  font-weight: 400;

  font-size: 17px;

  color: #424550;

  line-height: 20px;

  letter-spacing: 2px;

  text-align: left;

  margin-bottom: 0px;

  margin-top: 20px;
}

.Track-setting-left .content p:last-child {}



.Track-setting-right {
    padding-left: 30px;
}

.Track-setting-right>p {

font-weight: 400;

font-size: 16px;

color: #0B4C97;

line-height: 44px;

letter-spacing: 1px;

/*text-align: center;*/

/*margin-top: 25px;*/

margin-bottom: 0px;
}

.Track-setting-right ul {

  background: #FFFFFF;

  border-radius: 30px 30px 30px 30px;

  padding: 25px 0px;
}

.Track-setting-right ul li {

  width: 33.33%;

  float: left;

  text-align: center;

  font-weight: 400;

  font-size: 16px;

  color: #565E66;

  line-height: 19px;

  letter-spacing: 2px;
}

.Track-setting-right ul li b {

  display: block;

  color: #5dc8e0;

  background: #5dc8e0;

  background: -webkit-linear-gradient(15deg, #5dc8e0 0%,#5d4ec4 80%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: bold;

  font-size: 24px;

  line-height: 28px;

  letter-spacing: 1px;

  font-style: normal;

  margin-bottom: 8px;
}

.anchor-sidebar {
  position: fixed;
  top: 52%;
  right: 10px;
  transform: translateY(-50%);
  padding: 20px;
  display: none;
  z-index: 999;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #D1D5E0;
  width: 173px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}

.anchor-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: -15px;
}

.anchor-sidebar ul li {}

.anchor-sidebar ul li a {
  text-decoration: none;
  color: #333;
  display: block;
  border-radius: 41px 41px 41px 41px;
  background: #FFFFFF;
  border-radius: 47px 47px 47px 47px;
  font-weight: 400;
  font-size: 18px;
  color: #22232C;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 15px;
  text-align: center;
}

.anchor-sidebar ul li a.active {
  color: #fff;
  /* ÃƒÂ©Ã‚Â«Ã‹Å“ÃƒÂ¤Ã‚ÂºÃ‚Â®ÃƒÂ©Ã‚Â¢Ã…â€œÃƒÂ¨Ã¢â‚¬Â°Ã‚Â²ÃƒÂ¯Ã‚Â¼Ã…â€™ÃƒÂ¥Ã‚ÂÃ‚Â¯ÃƒÂ¦Ã‚Â Ã‚Â¹ÃƒÂ¦Ã‚ÂÃ‚Â®ÃƒÂ©Ã…â€œÃ¢â€šÂ¬ÃƒÂ¨Ã‚Â¦Ã‚ÂÃƒÂ¤Ã‚Â¿Ã‚Â®ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¹ */
  font-weight: bold;
  background: linear-gradient(105deg, #54B2D8 0%, #6063C5 100%);
}

.Event-Notice {}

.Event-Notice h4 {
  font-family: Alimama FangYuanTi VF-Regular, Alimama FangYuanTi VF-Regular;
  font-weight: normal;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 2px;
  text-align: left;
  color: #5dc8e0;

  background: #5dc8e0;

  background: -webkit-linear-gradient(15deg, #5dc8e0 0%,#5d4ec4 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 80px 0px 60px;
}
.Event-Notice h5{
  font-size: 16px;
color: #3A3A3A;
line-height: 30px;
font-weight: bold;
}
.Event-Notice p {
  font-weight: 400;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 30px;
  text-align: left;
  margin-bottom: 30px;
  margin-top: 15px;
  position: relative;
  padding-left: 25px;
}

.Event-Notice p::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #38B8D9;
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  left: 0px;
  top: 11px;
  border-radius: 100%;
}

.Event-Notice p span {
  display: block;
  margin-bottom: 15px;
  margin-top: 10px;
}

.industry-banner {
  background: url(../img/gyzz-bg.png) no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 50px;
}

.industry-banner .industry-title {

  font-family: Alimama FangYuanTi VF-Medium, Alimama FangYuanTi VF-Medium;

  font-weight: normal;

  font-size: 50px;

  color: #FFFFFF;

  line-height: 44px;

  letter-spacing: 3px;

  text-align: center;

  margin-top: 50px;
}

.industry-banner .state-btn {

  font-weight: 500;

  font-size: 14px;

  color: #FFFFFF;

  line-height: 24px;

  letter-spacing: 3px;

  padding: 7px 0px;

  display: block;

  width: 98px;

  text-align: center;

  margin: 40px auto;
}

.industry-banner .state-btn-perform {

  background: linear-gradient(102deg, #5DC8E0 0%, #6B93D8 100%);

  border-radius: 42px 42px 42px 42px;

  border: 1px solid rgba(255, 255, 255, 0.38);
}

.industry-banner .state-btn-end {
  background: #BDBDBD;
}

.industry-banner ul {

  width: 80%;

  margin: 0px auto;

  position: relative;
}

.industry-banner ul li {

  width: 25%;

  float: left;

  position: relative;
}

.industry-banner ul li h5 {

  font-weight: 400;

  font-size: 20px;

  color: #FFFFFF;

  line-height: 24px;

  text-align: center;

  margin-top: 10px;
}

.industry-banner ul li p {

  font-weight: 300;

  font-size: 16px;

  color: #FFFFFF;

  line-height: 24px;

  text-align: center;

  margin-bottom: 0px;
}

.industry-banner ul li em {

  width: 23px;

  height: 23px;

  border-radius: 0px 0px 0px 0px;

  /* border: 1px solid; */

  /* border-image: linear-gradient(180deg, rgba(174, 223, 255, 1), rgba(70, 175, 255, 1)) 1 1; */

  display: block;

  background: linear-gradient(180deg, #5DC8E0 0%, #6B93D8 58%);

  border-radius: 100%;

  margin: 0px auto;
}

.industry-banner .countdown {

  font-weight: 400;

  font-size: 14px;

  color: #FFFFFF;

  line-height: 24px;

  text-align: center;

  margin-top: 60px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.industry-banner .countdown span {

  background: rgba(255, 255, 255, 0.2);

  border-radius: 14px 14px 14px 14px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  font-weight: 500;

  font-size: 20px;

  color: #FFFFFF;

  line-height: 24px;

  width: 50px;

  height: 50px;

  display: inline-block;

  margin-left: 20px;

  margin-right: 10px;

  padding-top: 11px;
}

.industry-banner .team-num {

  font-weight: 400;

  font-size: 16px;

  color: #FFFFFF;

  line-height: 24px;

  text-align: center;

  margin-top: 40px;
}

.industry-banner ul li::after {
  content: '';
  background: rgba(255, 255, 255, 0.1);
  height: 2px;
  width: 100%;
  position: absolute;
  left: calc(50% - -9px);
  top: 10px;
}

.industry-banner ul li:last-child:after {
  background: none;
}

.industry-div {}

.industry-div .industry-div-title {

  color: #5dc8e0;

  background: #5dc8e0;

  background: -webkit-linear-gradient(15deg, #5dc8e0 0%,#5d4ec4 30%);


  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Alimama FangYuanTi VF-Regular, Alimama FangYuanTi VF-Regular;

  font-weight: normal;

  font-size: 50px;

  color: #3A3A3A;

  line-height: 53px;

  letter-spacing: 2px;

  margin-top: 100px;

  margin-bottom: 50px;
}

.track-introduction {}

.track-introduction .track-introduction-img {

  width: 50%;

  float: left;

  border-radius: 30px;

  height: 409px;

  object-fit: cover;
}

.track-introduction .track-introduction-right {

  width: 50%;

  float: left;

  padding-left: 40px;

  padding-top: 20px;
}

.track-introduction .track-introduction-right p {

  font-weight: 400;

  font-size: 18px;

  color: #22232C;

  line-height: 36px;

  text-align: left;

  text-indent: 2em;

  text-align: justify;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 10;

  -webkit-box-orient: vertical;
}

.track-questions-list {}

.track-questions-list li {

margin-bottom: 30px;

width: 100%;
}

.track-questions-list li div {

  background: rgba(255, 255, 255, 0.7);

  border-radius: 30px 30px 30px 30px;

  border: 1px solid #D1D5E0;

  padding: 35px 30px;
}

.track-questions-list li div span {

  font-weight: 400;

  font-size: 30px;

  color: #38B8D9;

  line-height: 24px;

  letter-spacing: 2px;
}

.track-questions-list li div h4 {

font-weight: bold;

font-size: 22px;

color: #22232C;

line-height: 24px;

letter-spacing: 2px;

text-align: left;

margin: 20px 0px;

/* overflow: hidden; */

/* text-overflow: ellipsis; */

/* white-space: nowrap; */
}

.track-questions-list li div p {

font-weight: 400;

font-size: 16px;

color: #666A79;

line-height: 24px;

letter-spacing: 2px;

text-align: left;

/* overflow: hidden; */

/* text-overflow: ellipsis; */

/* display: -webkit-box; */

/* -webkit-line-clamp: 12; */

/* -webkit-box-orient: vertical; */

/* height: 248px; */
}

.track-questions-list li div a {

width: 98px;

background: linear-gradient(90deg, #5DC8E0 0%, #6B64CA 100%);

border-radius: 42px 42px 42px 42px;

display: block;

font-weight: 500;

font-size: 16px;

color: #FFFFFF;

line-height: 16px;

letter-spacing: 1px;

padding: 10px 0px;

text-align: center;

margin-top: 35px;
}

.track-organization {}

.track-organization .track-organization-left {

  width: 128px;

  text-align: center;

  font-weight: 400;

  font-size: 16px;

  color: #535353;

  line-height: 24px;

  float: left;
}

.track-organization .track-organization-left img {

  width: 128px;

  margin-bottom: 5px;
}

.track-organization .track-organization-right {

  width: calc(100% - 128px);

  float: left;

  padding-left: 30px;
}

.track-organization .track-organization-right p {

  /* font-weight: bold; */

  font-size: 18px;

  color: #3A3A3A;

  line-height: 47px;

  text-align: left;

  margin-bottom: 0px;
}

.track-organization .track-organization-right b {}

.track-attachments {

  margin-bottom: 50px;
}

.track-attachments .content {

  margin-bottom: 30px;
padding-left: 30px;
}

.track-attachments .content b {

width: 115px;

float: left;

display: block;

font-weight: bold;

font-size: 18px;

color: #000000;

line-height: 44px;
}

.track-attachments .content div {

width: calc(100% - 115px);

float: left;

display: block;

font-size: 18px;

color: #000000;

line-height: 44px;
}

.track-attachments .content div a {

  display: block;

  font-size: 18px;

  color: #000000;

  line-height: 44px;
}

.track-attachments .content div a img {

  width: 27px;

  margin-left: 10px;
}



.news-Article{

padding: 60px 40px;

background: rgba(255,255,255,0.53);

border-radius: 30px 30px 30px 30px;

margin-top: 30px;

margin-bottom: 40px;
}
   .news-Article   .Article-title{
          margin-top: 0px;
          margin-bottom: 0px;
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding: 0px;
          font-weight: bold;
          font-size: 40px;
          color: #10233E;
          line-height: 40px;
          text-align: center;
      }
    .news-Article  .Article-timer{
  
background-color: transparent;
  
padding: 0px 0px  40px;
  
min-height: auto;
  
margin-top: 40px;
  
border-bottom: solid 1px #eee;
  }
      .Article-timer span{
          font-weight: 400;
          font-size: 16px;
          color: #324561;
          line-height: 16px;
          text-align: center;
      }
      .news-Article    .Article-timer span+span{
          margin-left: 10px;
      }
      .news-Article   .Article-timer span.Article-type{
          
  background: #18316B;
          
  border-radius: 5px;
          
  color: #fff;
          
  padding: 5px 5px;
          
  font-size: 12px;
      }
      .Article-timer span.Article-source{
  
font-weight: 400;
  
font-size: 16px;
  
color: #324561;
  
line-height: 16px;
  
text-align: center;
  }
  .Article-timer span.Article-source img,
  .news-Article    .Article-timer span.daty-time img{
          
margin-right: 5px;
          
width: 18px;
      }
      .Articl-Exhibition .Article_content{
          width: 75%;
          margin: 0px auto;
      }
      .news-Article    .Article_content{
  
margin: 0px auto;
  
border-top: none;
  }
      .news-Article    .Article_content p{
          text-align: justify;
          font-weight: 400;
          font-size: 18px;
          color: #10233E;
          line-height: 32px;
      }
      .news-Article    .Article_content img{
          width: auto;
          max-width: 100%;
      }
  


      .gp-fr {
        float: right;
    }
    .zihao {
        margin-right: 50px;
        display: flex;
        align-items: center;
        float: right;
    }
    .through {
        position: relative;
        text-align: center;
        float: left;
        margin-right: 10px;
        margin-top: 0px;
    }
    .through span {
        font-weight: 400;
        font-size: 16px;
        color: #324561;
        line-height: 16px;
        text-align: center;
        display: inline-block;
    }
    .controls {
        float: left;
        font-weight: 400;
        font-size: 16px;
        color: #324561;
        line-height: 16px;
        text-align: center;
    }
    .controls a {
        padding: 4px 7px;
        font-weight: 400;
        font-size: 16px;
        color: #324561;
        line-height: 16px;
        text-align: center;
    }
    .selected {
        color: #2164B4!important;
        border-radius: 6px 6px 6px 6px;
        border: 1px solid #0F55A9;
    }
    .Article-fixed {
      float: right;
      width: 140px;
    }
    .Article-fixed .social-share{
      margin-top: -9px;
    }
    
.breadcrumb {

  /* position: absolute; */

  top: 30px;

  right: 0px;

  background-color: transparent;

  float: right;

  margin-top: 0px;

  margin-bottom: 0px;
}

.breadcrumb li a,
.breadcrumb li {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #324561;
  line-height: 16px;
}

.breadcrumb li>img {

  color: #888;

  font-size: 14px;

  width: 24px;
}

.breadcrumb li a i {

  font-size: 18px;
}

.breadcrumb li.active {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #0F55A9;
}

.breadcrumb li:first-child a {
  font-weight: 500;
  font-size: 16px;
  color: #18316B;
  line-height: 19px;
  text-align: left;
}

.breadcrumb-div {

padding-bottom: 15px;

margin-bottom: 30px;

border-radius: 0px 0px 0px 0px;

border-bottom: 1px solid;

border-image: linear-gradient(90deg, rgba(221, 227, 235, 0), rgba(221, 227, 235, 1)) 1 1;

margin-top: 20px;
}
.footer-bottom img{width: 1.3rem;display: inline-block;margin-right: 0.5rem;}
.footer-bottom{
  text-align: center;
  border-top: 1px solid var(--stroke-elements);
  padding-top: 3rem;
  margin-top: 3rem;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  font-size: 16px;
  color: #666A79;
}
.footer .footer-detail img{
  height: auto!important;
  width: 90px;
}
.no-copy {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
}
