<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
*, ::after, ::before {box-sizing: border-box;margin: 0;}
html,body,ul,li{margin:0; padding: 0; background: #fff; font-size: 14px;font-family:Arial,Microsoft YaHei,å¾®è½¯é›…é»‘,sans-serif;line-height: 1.5;word-spacing: 1px; list-style:none;}
html {

}
.container{width:100%;height: auto; margin: 0;}
.main{ display: inline-block;}
.container-w{ max-width:1200px; margin: 0 auto;}
.heaer{
  position: fixed;
  top: 0;
  z-index: 100;
  /*background: #FF7C54;*/
  background: #fff;
}
.header_hasbg{
  background: #242423!important;
}
.header-container{
  height:94px;
  /* opacity: 0.5; */
  /* background-color: #000; */
  /* text-align: center;  */
}
.white{
  background: #fff;
}
.gray{
  background: #F7F8FA;
}
/* ç™½è‰²èƒŒæ™¯ */
.header-white {
  color: #fff;
}
.header-white .header-r  .nav-title{
  color: #fff;
}
.header-white .header-r .navigation {
  color: #FFD0CE;
}
.header-white  .header-r .navigation &gt; a{
  position: relative;
}
.navigation .dl {
  margin-right: 45px;
}
.nav-list .dl {

}
 .dl{
  display: inline-block;
  position: relative;
  margin: 0 0 0 0;
  font-size: 16px;
  cursor: pointer;
  color: #fff
}
 .dl:hover{
  color: #BF0E0A;
}
.dl:hover .wrap-hover a{
  color: #fff;
}
.dl:hover .wrap-hover {
  display: inline-block;
}
.dl .wrap-hover {
  position: absolute;
  display: none;
  top: 0;
  left: 50%;
  padding-top: 40px;
  transform: translate3d(-50%,0,0);
}
 .dl .wrap-hover a {
  background: #2A2A2A;
  display: block;
  white-space: nowrap;
  width: 115px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
}
 .dl .wrap-hover a:hover {
  background: #AE281D;
}
.header-white  .header-r .navigation &gt; a.active, .dl.active{
  border-bottom-color: #BF0E0A;
  color: #BF0E0A;
}
 .dl .wrap-hover  a:first-child {
  border-bottom: 1px solid #999;
}
.header-white  .header-r .navigation &gt; a.active::after {
  background-color: #BF0E0A;
}
/* æš—è‰²èƒŒæ™¯ */
.header-dim .header-r .navigation {
  color: #BABABA;
}
.header-dim  .header{
  background:rgba(0,0,0,0.5);
}

.header-l{
  float:left;
  height: 94px;
  display: flex;
  align-items: center;
}
.header-r{float:right; }
/* .header-l img{width:207px;height:57px;} */

.header-r .nav-title{
  color: #666;
  font-size: 14px;
  /* text-align: right; */
  margin-top: 19px;
}
.header-r .navigation{
  color: #1d1e23;
  margin-top: 20px;
}
.header-r .navigation &gt; a{
  display: inline-block;
  /* height:40px; */
  color: inherit;
  text-decoration: none;
  margin: 0 45px 0 0;
  /* padding: 0 6px; */
  font-size: 16px;
  position: relative;
  /* border-bottom: 4px solid transparent; */
}
.header-r .navigation &gt; a.active {
  color: #BF0E0A;
}
.header-r .navigation &gt; a.active::after, .dl.active::after{
  /* border-bottom-color: #f4564d;
  color: #f4564d; */
  content: " ";
  display: inline-block;
  width:20px;
  height:3px;
  background:#BF0E0A;
  border-radius:2px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
/* é¡µè„š */
.footer .footer-content {
  color: #D1D1D1;
  text-align: left;
  margin-left: 160px;
}
.footer .footer-content .tele-wrap {
  margin-top: 50px;
}
.footer .footer-content .tele-wrap .icon-tele {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 15px;
  background: url('../images/icon_tele.png') no-repeat center / 100%;
}
.footer .footer-content .tele-wrap a {
  margin-left: 15px;
}
.footer .footer-content .line {
  width: 620px;
  height: 2px;
  background-color: #606060;
  margin: 47px 0 23px;
}
.footer .footer-content .disclaimer {
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(96,96,96,1);
  line-height:25px;
  margin-bottom: 40px;
}
.flex-ba{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-ba img{
  width: 18px;
  height: 20px;
  margin-right: 5px;
}
.footer .footer-content .disclaimer a {
  color:rgba(96,96,96,1);
}
.footer  .qrcode-wrap {
  margin-left: 113px;
  margin-top: 50px;
}
.footer .qrcode-wrap img {
  width: 128px;
}
.footer{
  width: 100%;
  background-color: #2a2a2a;
  /* min-height: 378px; */
  text-align: center;
  font-size: 16px;
  color: #D1D1D1;
}
.footer a {
  color: #D1D1D1;
  text-decoration: none;
}

.footer-top{padding-top: 79px;margin-bottom: 68px;display: inline-block;text-align: center;}
.footer-top-left {
    border-right: 1px solid #2c313d;
    float: left;
    display: inline-block;
    text-align: right;
    width: 50%;
}
.banner{width: 100%; height:auto;margin-top: 94px;}
.banner img{width: 100%;}
.footer-top-left &gt; img{height: 60px;width: 60px;float: left;}
.footer-top-left &gt; div{padding-left: 20px;text-align: left;overflow: hidden;}
.footer-top-left &gt; div &gt; p:first-child{font-size: 24px;font-weight: 700;color: #fff;}
.footer-top-left &gt; div &gt; p{font-size: 22px;color: #b6c7db;display: inline-block;}
.footer-top-left &gt; div &gt; p:last-child{padding-left: 110px}

.footer-top-right{display: inline-block;text-align: center;float: right;width: 50%;padding-left: 100px;}
.footer-top-right &gt; img{height: 80px;width: 80px;float: left;}
.footer-top-right &gt; div{padding-left: 20px;text-align: left;overflow: hidden;}
.footer-top-right &gt; div &gt; p{color: #fffefb;font-size: 16px;}

.footer-bottom{padding: 34px 0;width: 100%;border-top: 1px solid #2c313d;}
.footer-bottom &gt; p {font-size: 14px;color: #404655;text-align: center;}
.footer-bottom &gt; p &gt; a{color:#524646; text-decoration: none;}

.faculty-contaomer img{
    width: 40%;
    float: left;
    margin: 0% 5%;
}
.left {
  float: left;
}
.right {
  /* float: right; */
  padding-left: 165px;
}
.clear::after{
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation: fadeInLeft 1.25s ease both;
  animation: fadeInLeft 1.25s ease both;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation: fadeInRight 1.25s ease 0.35s both;
  animation: fadeInRight 1.25s ease 0.35s both;
}

.contact {
  position: fixed;
  width: 250px;
  right: 0;
  bottom: 120px;
  z-index: 9999;
}
@media screen and (max-width: 1150px) {
  .header-r .navigation &gt; a{
    margin-right: 30px;
  }
}
@media screen and (max-width: 1012px) {
  .header-r .navigation &gt; a{
    margin-right: 20px;
  }
}
@media screen and (max-width: 923px) {
  .header-r .navigation &gt; a{
    margin-right: 10px;
  }
}</pre></body></html>