@media screen and (min-width: 0px) {
  /* 现代交互效果规范 (Modern Interaction Effects) */
  /* 全局过渡效果 */
  a, button, .btn, [role="button"], input, textarea, select {
      transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  }
  a { transition: color 0.2s ease, opacity 0.2s ease; }
  button, .btn { transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease; }
  img { transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); }

  /* 悬停效果 */
  a {
      text-decoration: none;
      position: relative;
  }
  a::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
      background: currentColor;
      transition: width 0.3s ease;
  }
 
  .btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  }
  .btn:active {
      transform: translateY(0);
  }

  .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0,0,0,0.1);
      border-color: transparent;
  }

  .image-zoom {
      overflow: hidden;
  }
  .image-zoom img:hover {
      transform: scale(1.05);
  }

  .image-overlay {
      position: relative;
      overflow: hidden;
  }
  .image-overlay::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0);
      transition: background 0.3s ease;
      z-index: 1;
  }
  .image-overlay:hover::before {
      background: rgba(0,0,0,0.4);
  }

  /* 聚焦效果 */
  input:focus, textarea:focus, select:focus {
      outline: none;
      border-color: #0066cc;
      box-shadow: 0 0 0 3px rgba(0,102,204,0.1);
  }
  a:focus-visible, button:focus-visible, .btn:focus-visible {
      outline: 2px solid #0066cc;
      outline-offset: 2px;
  }

  /* 滚动动画 */
  .fade-up {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .fade-up.visible {
      opacity: 1;
      transform: translateY(0);
  }

  .scale-in {
      opacity: 0;
      transform: scale(0.95);
      transition: opacity 0.5s ease, transform 0.5s ease;
  }
  .scale-in.visible {
      opacity: 1;
      transform: scale(1);
  }

  /* 现代化视觉效果增强 */
  .glass {
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,0.8);
      -webkit-backdrop-filter: blur(10px);
  }

  .gradient-text {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
  }

  html {
      scroll-behavior: smooth;
  }

  ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
  }
  ::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb {
      background: #c1c1c1;
      border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
      background: #a8a8a8;
  }

  html, body {
    background: #fff;
    color: #333;
    font: 14rem/1.6 "Microsoft YaHei",Tahoma,Verdana,"Simsun";
    font-size: 1px;
    margin: 0;
    padding: 0;
  }
  
  body, h1, h2, h3, h4, dl, dt, li, ul, dd, p {
    margin: 0;
    padding: 0;
    font-size: 1px;
  }

  a {
    color: #333;
    text-decoration: none;
  }

  img {
    border: none;
    vertical-align: middle;
  }

  .met_clear {
    clear: both;
  }

  .tem_inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0rem 100rem;
    padding-top: 60rem;
  }
}/* 手机端排版 */
@media screen and (max-width: 750px) {
  /* 移动端：移除点击高亮，添加触摸反馈 */
  button, .btn, a, [role="button"] {
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
  }
  
  /* 触摸时缩放效果 */
  .btn:active {
      transform: scale(0.96);
      transition: transform 0.05s ease;
  }
  
  /* 卡片触摸反馈 */
  .card:active {
      transform: scale(0.98);
      transition: transform 0.05s ease;
  }

  .tem_inner {
    width: 100%;
    padding: 0rem !important;
  }
}@font-face {
 
  font-family: 'FontAwesome'; 
  src: url('/font/fontawesome-webfont.eot?v=4.0.3'); 
  src: url('/font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;

}


.fa {


  display: inline-block;


  font-family: FontAwesome;


  font-style: normal;


  font-weight: normal;


  line-height: 1;


  -webkit-font-smoothing: antialiased;


  -moz-osx-font-smoothing: grayscale;


}


/* makes the font 33% larger relative to the icon container */


.fa-lg {


  font-size: 1.3333333333333333em;


  line-height: 0.75em;


  vertical-align: -15%;


}


.fa-2x {


  font-size: 2em;


}


.fa-3x {


  font-size: 3em;


}


.fa-4x {


  font-size: 4em;


}


.fa-5x {


  font-size: 5em;


}


.fa-fw {


  width: 1.2857142857142858em;


  text-align: center;


}


.fa-ul {


  padding-left: 0;


  margin-left: 2.142857142857143em;


  list-style-type: none;


}


.fa-ul > li {


  position: relative;


}


.fa-li {


  position: absolute;


  left: -2.142857142857143em;


  width: 2.142857142857143em;


  top: 0.14285714285714285em;


  text-align: center;


}


.fa-li.fa-lg {


  left: -1.8571428571428572em;


}


.fa-border {


  padding: .2em .25em .15em;


  border: solid 0.08em #eeeeee;


  border-radius: .1em;


}


.pull-right {


  float: right;


}


.pull-left {


  float: left;


}


.fa.pull-left {


  margin-right: .3em;


}


.fa.pull-right {


  margin-left: .3em;


}


.fa-spin {


  -webkit-animation: spin 2s infinite linear;


  -moz-animation: spin 2s infinite linear;


  -o-animation: spin 2s infinite linear;


  animation: spin 2s infinite linear;


}


@-moz-keyframes spin {


  0% {


    -moz-transform: rotate(0deg);


  }


  100% {


    -moz-transform: rotate(359deg);


  }


}


@-webkit-keyframes spin {


  0% {


    -webkit-transform: rotate(0deg);


  }


  100% {


    -webkit-transform: rotate(359deg);


  }


}


@-o-keyframes spin {


  0% {


    -o-transform: rotate(0deg);


  }


  100% {


    -o-transform: rotate(359deg);


  }


}


@-ms-keyframes spin {


  0% {


    -ms-transform: rotate(0deg);


  }


  100% {


    -ms-transform: rotate(359deg);


  }


}


@keyframes spin {


  0% {


    transform: rotate(0deg);


  }


  100% {


    transform: rotate(359deg);


  }


}


.fa-rotate-90 {


  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);


  -webkit-transform: rotate(90deg);


  -moz-transform: rotate(90deg);


  -ms-transform: rotate(90deg);


  -o-transform: rotate(90deg);


  transform: rotate(90deg);


}


.fa-rotate-180 {


  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);


  -webkit-transform: rotate(180deg);


  -moz-transform: rotate(180deg);


  -ms-transform: rotate(180deg);


  -o-transform: rotate(180deg);


  transform: rotate(180deg);


}


.fa-rotate-270 {


  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


  -webkit-transform: rotate(270deg);


  -moz-transform: rotate(270deg);


  -ms-transform: rotate(270deg);


  -o-transform: rotate(270deg);


  transform: rotate(270deg);


}


.fa-flip-horizontal {


  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);


  -webkit-transform: scale(-1, 1);


  -moz-transform: scale(-1, 1);


  -ms-transform: scale(-1, 1);


  -o-transform: scale(-1, 1);


  transform: scale(-1, 1);


}


.fa-flip-vertical {


  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);


  -webkit-transform: scale(1, -1);


  -moz-transform: scale(1, -1);


  -ms-transform: scale(1, -1);


  -o-transform: scale(1, -1);


  transform: scale(1, -1);


}


.fa-stack {


  position: relative;


  display: inline-block;


  width: 2em;


  height: 2em;


  line-height: 2em;


  vertical-align: middle;


}


.fa-stack-1x,


.fa-stack-2x {


  position: absolute;


  left: 0;


  width: 100%;


  text-align: center;


}


.fa-stack-1x {


  line-height: inherit;


}


.fa-stack-2x {


  font-size: 2em;


}


.fa-inverse {


  color: #ffffff;


}


/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen


   readers do not read off random characters that represent icons */


.fa-glass:before {


  content: "\f000";


}


.fa-music:before {


  content: "\f001";


}


.fa-search:before {


  content: "\f002";


}


.fa-envelope-o:before {


  content: "\f003";


}


.fa-heart:before {


  content: "\f004";


}


.fa-star:before {


  content: "\f005";


}


.fa-star-o:before {


  content: "\f006";


}


.fa-user:before {


  content: "\f007";


}


.fa-film:before {


  content: "\f008";


}


.fa-th-large:before {


  content: "\f009";


}


.fa-th:before {


  content: "\f00a";


}


.fa-th-list:before {


  content: "\f00b";


}


.fa-check:before {


  content: "\f00c";


}


.fa-times:before {


  content: "\f00d";


}


.fa-search-plus:before {


  content: "\f00e";


}


.fa-search-minus:before {


  content: "\f010";


}


.fa-power-off:before {


  content: "\f011";


}


.fa-signal:before {


  content: "\f012";


}


.fa-gear:before,


.fa-cog:before {


  content: "\f013";


}


.fa-trash-o:before {


  content: "\f014";


}


.fa-home:before {


  content: "\f015";


}


.fa-file-o:before {


  content: "\f016";


}


.fa-clock-o:before {


  content: "\f017";


}


.fa-road:before {


  content: "\f018";


}


.fa-download:before {


  content: "\f019";


}


.fa-arrow-circle-o-down:before {


  content: "\f01a";


}


.fa-arrow-circle-o-up:before {


  content: "\f01b";


}


.fa-inbox:before {


  content: "\f01c";


}


.fa-play-circle-o:before {


  content: "\f01d";


}


.fa-rotate-right:before,


.fa-repeat:before {


  content: "\f01e";


}


.fa-refresh:before {


  content: "\f021";


}


.fa-list-alt:before {


  content: "\f022";


}


.fa-lock:before {


  content: "\f023";


}


.fa-flag:before {


  content: "\f024";


}


.fa-headphones:before {


  content: "\f025";


}


.fa-volume-off:before {


  content: "\f026";


}


.fa-volume-down:before {


  content: "\f027";


}


.fa-volume-up:before {


  content: "\f028";


}


.fa-qrcode:before {


  content: "\f029";


}


.fa-barcode:before {


  content: "\f02a";


}


.fa-tag:before {


  content: "\f02b";


}


.fa-tags:before {


  content: "\f02c";


}


.fa-book:before {


  content: "\f02d";


}


.fa-bookmark:before {


  content: "\f02e";


}


.fa-print:before {


  content: "\f02f";


}


.fa-camera:before {


  content: "\f030";


}


.fa-font:before {


  content: "\f031";


}


.fa-bold:before {


  content: "\f032";


}


.fa-italic:before {


  content: "\f033";


}


.fa-text-height:before {


  content: "\f034";


}


.fa-text-width:before {


  content: "\f035";


}


.fa-align-left:before {


  content: "\f036";


}


.fa-align-center:before {


  content: "\f037";


}


.fa-align-right:before {


  content: "\f038";


}


.fa-align-justify:before {


  content: "\f039";


}


.fa-list:before {


  content: "\f03a";


}


.fa-dedent:before,


.fa-outdent:before {


  content: "\f03b";


}


.fa-indent:before {


  content: "\f03c";


}


.fa-video-camera:before {


  content: "\f03d";


}


.fa-picture-o:before {


  content: "\f03e";


}


.fa-pencil:before {


  content: "\f040";


}


.fa-map-marker:before {


  content: "\f041";


}


.fa-adjust:before {


  content: "\f042";


}


.fa-tint:before {


  content: "\f043";


}


.fa-edit:before,


.fa-pencil-square-o:before {


  content: "\f044";


}


.fa-share-square-o:before {


  content: "\f045";


}


.fa-check-square-o:before {


  content: "\f046";


}


.fa-arrows:before {


  content: "\f047";


}


.fa-step-backward:before {


  content: "\f048";


}


.fa-fast-backward:before {


  content: "\f049";


}


.fa-backward:before {


  content: "\f04a";


}


.fa-play:before {


  content: "\f04b";


}


.fa-pause:before {


  content: "\f04c";


}


.fa-stop:before {


  content: "\f04d";


}


.fa-forward:before {


  content: "\f04e";


}


.fa-fast-forward:before {


  content: "\f050";


}


.fa-step-forward:before {


  content: "\f051";


}


.fa-eject:before {


  content: "\f052";


}


.fa-chevron-left:before {


  content: "\f053";


}


.fa-chevron-right:before {


  content: "\f054";


}


.fa-plus-circle:before {


  content: "\f055";


}


.fa-minus-circle:before {


  content: "\f056";


}


.fa-times-circle:before {


  content: "\f057";


}


.fa-check-circle:before {


  content: "\f058";


}


.fa-question-circle:before {


  content: "\f059";


}


.fa-info-circle:before {


  content: "\f05a";


}


.fa-crosshairs:before {


  content: "\f05b";


}


.fa-times-circle-o:before {


  content: "\f05c";


}


.fa-check-circle-o:before {


  content: "\f05d";


}


.fa-ban:before {


  content: "\f05e";


}


.fa-arrow-left:before {


  content: "\f060";


}


.fa-arrow-right:before {


  content: "\f061";


}


.fa-arrow-up:before {


  content: "\f062";


}


.fa-arrow-down:before {


  content: "\f063";


}


.fa-mail-forward:before,


.fa-share:before {


  content: "\f064";


}


.fa-expand:before {


  content: "\f065";


}


.fa-compress:before {


  content: "\f066";


}


.fa-plus:before {


  content: "\f067";


}


.fa-minus:before {


  content: "\f068";


}


.fa-asterisk:before {


  content: "\f069";


}


.fa-exclamation-circle:before {


  content: "\f06a";


}


.fa-gift:before {


  content: "\f06b";


}


.fa-leaf:before {


  content: "\f06c";


}


.fa-fire:before {


  content: "\f06d";


}


.fa-eye:before {


  content: "\f06e";


}


.fa-eye-slash:before {


  content: "\f070";


}


.fa-warning:before,


.fa-exclamation-triangle:before {


  content: "\f071";


}


.fa-plane:before {


  content: "\f072";


}


.fa-calendar:before {


  content: "\f073";


}


.fa-random:before {


  content: "\f074";


}


.fa-comment:before {


  content: "\f075";


}


.fa-magnet:before {


  content: "\f076";


}


.fa-chevron-up:before {


  content: "\f077";


}


.fa-chevron-down:before {


  content: "\f078";


}


.fa-retweet:before {


  content: "\f079";


}


.fa-shopping-cart:before {


  content: "\f07a";


}


.fa-folder:before {


  content: "\f07b";


}


.fa-folder-open:before {


  content: "\f07c";


}


.fa-arrows-v:before {


  content: "\f07d";


}


.fa-arrows-h:before {


  content: "\f07e";


}


.fa-bar-chart-o:before {


  content: "\f080";


}


.fa-twitter-square:before {


  content: "\f081";


}


.fa-facebook-square:before {


  content: "\f082";


}


.fa-camera-retro:before {


  content: "\f083";


}


.fa-key:before {


  content: "\f084";


}


.fa-gears:before,


.fa-cogs:before {


  content: "\f085";


}


.fa-comments:before {


  content: "\f086";


}


.fa-thumbs-o-up:before {


  content: "\f087";


}


.fa-thumbs-o-down:before {


  content: "\f088";


}


.fa-star-half:before {


  content: "\f089";


}


.fa-heart-o:before {


  content: "\f08a";


}


.fa-sign-out:before {


  content: "\f08b";


}


.fa-linkedin-square:before {


  content: "\f08c";


}


.fa-thumb-tack:before {


  content: "\f08d";


}


.fa-external-link:before {


  content: "\f08e";


}


.fa-sign-in:before {


  content: "\f090";


}


.fa-trophy:before {


  content: "\f091";


}


.fa-github-square:before {


  content: "\f092";


}


.fa-upload:before {


  content: "\f093";


}


.fa-lemon-o:before {


  content: "\f094";


}


.fa-phone:before {


  content: "\f095";


}


.fa-square-o:before {


  content: "\f096";


}


.fa-bookmark-o:before {


  content: "\f097";


}


.fa-phone-square:before {


  content: "\f098";


}


.fa-twitter:before {


  content: "\f099";


}


.fa-facebook:before {


  content: "\f09a";


}


.fa-github:before {


  content: "\f09b";


}


.fa-unlock:before {


  content: "\f09c";


}


.fa-credit-card:before {


  content: "\f09d";


}


.fa-rss:before {


  content: "\f09e";


}


.fa-hdd-o:before {


  content: "\f0a0";


}


.fa-bullhorn:before {


  content: "\f0a1";


}


.fa-bell:before {


  content: "\f0f3";


}


.fa-certificate:before {


  content: "\f0a3";


}


.fa-hand-o-right:before {


  content: "\f0a4";


}


.fa-hand-o-left:before {


  content: "\f0a5";


}


.fa-hand-o-up:before {


  content: "\f0a6";


}


.fa-hand-o-down:before {


  content: "\f0a7";


}


.fa-arrow-circle-left:before {


  content: "\f0a8";


}


.fa-arrow-circle-right:before {


  content: "\f0a9";


}


.fa-arrow-circle-up:before {


  content: "\f0aa";


}


.fa-arrow-circle-down:before {


  content: "\f0ab";


}


.fa-globe:before {


  content: "\f0ac";


}


.fa-wrench:before {


  content: "\f0ad";


}


.fa-tasks:before {


  content: "\f0ae";


}


.fa-filter:before {


  content: "\f0b0";


}


.fa-briefcase:before {


  content: "\f0b1";


}


.fa-arrows-alt:before {


  content: "\f0b2";


}


.fa-group:before,


.fa-users:before {


  content: "\f0c0";


}


.fa-chain:before,


.fa-link:before {


  content: "\f0c1";


}


.fa-cloud:before {


  content: "\f0c2";


}


.fa-flask:before {


  content: "\f0c3";


}


.fa-cut:before,


.fa-scissors:before {


  content: "\f0c4";


}


.fa-copy:before,


.fa-files-o:before {


  content: "\f0c5";


}


.fa-paperclip:before {


  content: "\f0c6";


}


.fa-save:before,


.fa-floppy-o:before {


  content: "\f0c7";


}


.fa-square:before {


  content: "\f0c8";


}


.fa-bars:before {


  content: "\f0c9";


}


.fa-list-ul:before {


  content: "\f0ca";


}


.fa-list-ol:before {


  content: "\f0cb";


}


.fa-strikethrough:before {


  content: "\f0cc";


}


.fa-underline:before {


  content: "\f0cd";


}


.fa-table:before {


  content: "\f0ce";


}


.fa-magic:before {


  content: "\f0d0";


}


.fa-truck:before {


  content: "\f0d1";


}


.fa-pinterest:before {


  content: "\f0d2";


}


.fa-pinterest-square:before {


  content: "\f0d3";


}


.fa-google-plus-square:before {


  content: "\f0d4";


}


.fa-google-plus:before {


  content: "\f0d5";


}


.fa-money:before {


  content: "\f0d6";


}


.fa-caret-down:before {


  content: "\f0d7";


}


.fa-caret-up:before {


  content: "\f0d8";


}


.fa-caret-left:before {


  content: "\f0d9";


}


.fa-caret-right:before {


  content: "\f0da";


}


.fa-columns:before {


  content: "\f0db";


}


.fa-unsorted:before,


.fa-sort:before {


  content: "\f0dc";


}


.fa-sort-down:before,


.fa-sort-asc:before {


  content: "\f0dd";


}


.fa-sort-up:before,


.fa-sort-desc:before {


  content: "\f0de";


}


.fa-envelope:before {


  content: "\f0e0";


}


.fa-linkedin:before {


  content: "\f0e1";


}


.fa-rotate-left:before,


.fa-undo:before {


  content: "\f0e2";


}


.fa-legal:before,


.fa-gavel:before {


  content: "\f0e3";


}


.fa-dashboard:before,


.fa-tachometer:before {


  content: "\f0e4";


}


.fa-comment-o:before {


  content: "\f0e5";


}


.fa-comments-o:before {


  content: "\f0e6";


}


.fa-flash:before,


.fa-bolt:before {


  content: "\f0e7";


}


.fa-sitemap:before {


  content: "\f0e8";


}


.fa-umbrella:before {


  content: "\f0e9";


}


.fa-paste:before,


.fa-clipboard:before {


  content: "\f0ea";


}


.fa-lightbulb-o:before {


  content: "\f0eb";


}


.fa-exchange:before {


  content: "\f0ec";


}


.fa-cloud-download:before {


  content: "\f0ed";


}


.fa-cloud-upload:before {


  content: "\f0ee";


}


.fa-user-md:before {


  content: "\f0f0";


}


.fa-stethoscope:before {


  content: "\f0f1";


}


.fa-suitcase:before {


  content: "\f0f2";


}


.fa-bell-o:before {


  content: "\f0a2";


}


.fa-coffee:before {


  content: "\f0f4";


}


.fa-cutlery:before {


  content: "\f0f5";


}


.fa-file-text-o:before {


  content: "\f0f6";


}


.fa-building-o:before {


  content: "\f0f7";


}


.fa-hospital-o:before {


  content: "\f0f8";


}


.fa-ambulance:before {


  content: "\f0f9";


}


.fa-medkit:before {


  content: "\f0fa";


}


.fa-fighter-jet:before {


  content: "\f0fb";


}


.fa-beer:before {


  content: "\f0fc";


}


.fa-h-square:before {


  content: "\f0fd";


}


.fa-plus-square:before {


  content: "\f0fe";


}


.fa-angle-double-left:before {


  content: "\f100";


}


.fa-angle-double-right:before {


  content: "\f101";


}


.fa-angle-double-up:before {


  content: "\f102";


}


.fa-angle-double-down:before {


  content: "\f103";


}


.fa-angle-left:before {


  content: "\f104";


}


.fa-angle-right:before {


  content: "\f105";


}


.fa-angle-up:before {


  content: "\f106";


}


.fa-angle-down:before {


  content: "\f107";


}


.fa-desktop:before {


  content: "\f108";


}


.fa-laptop:before {


  content: "\f109";


}


.fa-tablet:before {


  content: "\f10a";


}


.fa-mobile-phone:before,


.fa-mobile:before {


  content: "\f10b";


}


.fa-circle-o:before {


  content: "\f10c";


}


.fa-quote-left:before {


  content: "\f10d";


}


.fa-quote-right:before {


  content: "\f10e";


}


.fa-spinner:before {


  content: "\f110";


}


.fa-circle:before {


  content: "\f111";


}


.fa-mail-reply:before,


.fa-reply:before {


  content: "\f112";


}


.fa-github-alt:before {


  content: "\f113";


}


.fa-folder-o:before {


  content: "\f114";


}


.fa-folder-open-o:before {


  content: "\f115";


}


.fa-smile-o:before {


  content: "\f118";


}


.fa-frown-o:before {


  content: "\f119";


}


.fa-meh-o:before {


  content: "\f11a";


}


.fa-gamepad:before {


  content: "\f11b";


}


.fa-keyboard-o:before {


  content: "\f11c";


}


.fa-flag-o:before {


  content: "\f11d";


}


.fa-flag-checkered:before {


  content: "\f11e";


}


.fa-terminal:before {


  content: "\f120";


}


.fa-code:before {


  content: "\f121";


}


.fa-reply-all:before {


  content: "\f122";


}


.fa-mail-reply-all:before {


  content: "\f122";


}


.fa-star-half-empty:before,


.fa-star-half-full:before,


.fa-star-half-o:before {


  content: "\f123";


}


.fa-location-arrow:before {


  content: "\f124";


}


.fa-crop:before {


  content: "\f125";


}


.fa-code-fork:before {


  content: "\f126";


}


.fa-unlink:before,


.fa-chain-broken:before {


  content: "\f127";


}


.fa-question:before {


  content: "\f128";


}


.fa-info:before {


  content: "\f129";


}


.fa-exclamation:before {


  content: "\f12a";


}


.fa-superscript:before {


  content: "\f12b";


}


.fa-subscript:before {


  content: "\f12c";


}


.fa-eraser:before {


  content: "\f12d";


}


.fa-puzzle-piece:before {


  content: "\f12e";


}


.fa-microphone:before {


  content: "\f130";


}


.fa-microphone-slash:before {


  content: "\f131";


}


.fa-shield:before {


  content: "\f132";


}


.fa-calendar-o:before {


  content: "\f133";


}


.fa-fire-extinguisher:before {


  content: "\f134";


}


.fa-rocket:before {


  content: "\f135";


}


.fa-maxcdn:before {


  content: "\f136";


}


.fa-chevron-circle-left:before {


  content: "\f137";


}


.fa-chevron-circle-right:before {


  content: "\f138";


}


.fa-chevron-circle-up:before {


  content: "\f139";


}


.fa-chevron-circle-down:before {


  content: "\f13a";


}


.fa-html5:before {


  content: "\f13b";


}


.fa-css3:before {


  content: "\f13c";


}


.fa-anchor:before {


  content: "\f13d";


}


.fa-unlock-alt:before {


  content: "\f13e";


}


.fa-bullseye:before {


  content: "\f140";


}


.fa-ellipsis-h:before {


  content: "\f141";


}


.fa-ellipsis-v:before {


  content: "\f142";


}


.fa-rss-square:before {


  content: "\f143";


}


.fa-play-circle:before {


  content: "\f144";


}


.fa-ticket:before {


  content: "\f145";


}


.fa-minus-square:before {


  content: "\f146";


}


.fa-minus-square-o:before {


  content: "\f147";


}


.fa-level-up:before {


  content: "\f148";


}


.fa-level-down:before {


  content: "\f149";


}


.fa-check-square:before {


  content: "\f14a";


}


.fa-pencil-square:before {


  content: "\f14b";


}


.fa-external-link-square:before {


  content: "\f14c";


}


.fa-share-square:before {


  content: "\f14d";


}


.fa-compass:before {


  content: "\f14e";


}


.fa-toggle-down:before,


.fa-caret-square-o-down:before {


  content: "\f150";


}


.fa-toggle-up:before,


.fa-caret-square-o-up:before {


  content: "\f151";


}


.fa-toggle-right:before,


.fa-caret-square-o-right:before {


  content: "\f152";


}


.fa-euro:before,


.fa-eur:before {


  content: "\f153";


}


.fa-gbp:before {


  content: "\f154";


}


.fa-dollar:before,


.fa-usd:before {


  content: "\f155";


}


.fa-rupee:before,


.fa-inr:before {


  content: "\f156";


}


.fa-cny:before,


.fa-rmb:before,


.fa-yen:before,


.fa-jpy:before {


  content: "\f157";


}


.fa-ruble:before,


.fa-rouble:before,


.fa-rub:before {


  content: "\f158";


}


.fa-won:before,


.fa-krw:before {


  content: "\f159";


}


.fa-bitcoin:before,


.fa-btc:before {


  content: "\f15a";


}


.fa-file:before {


  content: "\f15b";


}


.fa-file-text:before {


  content: "\f15c";


}


.fa-sort-alpha-asc:before {


  content: "\f15d";


}


.fa-sort-alpha-desc:before {


  content: "\f15e";


}


.fa-sort-amount-asc:before {


  content: "\f160";


}


.fa-sort-amount-desc:before {


  content: "\f161";


}


.fa-sort-numeric-asc:before {


  content: "\f162";


}


.fa-sort-numeric-desc:before {


  content: "\f163";


}


.fa-thumbs-up:before {


  content: "\f164";


}


.fa-thumbs-down:before {


  content: "\f165";


}


.fa-youtube-square:before {


  content: "\f166";


}


.fa-youtube:before {


  content: "\f167";


}


.fa-xing:before {


  content: "\f168";


}


.fa-xing-square:before {


  content: "\f169";


}


.fa-youtube-play:before {


  content: "\f16a";


}


.fa-dropbox:before {


  content: "\f16b";


}


.fa-stack-overflow:before {


  content: "\f16c";


}


.fa-instagram:before {


  content: "\f16d";


}


.fa-flickr:before {


  content: "\f16e";


}


.fa-adn:before {


  content: "\f170";


}


.fa-bitbucket:before {


  content: "\f171";


}


.fa-bitbucket-square:before {


  content: "\f172";


}


.fa-tumblr:before {


  content: "\f173";


}


.fa-tumblr-square:before {


  content: "\f174";


}


.fa-long-arrow-down:before {


  content: "\f175";


}


.fa-long-arrow-up:before {


  content: "\f176";


}


.fa-long-arrow-left:before {


  content: "\f177";


}


.fa-long-arrow-right:before {


  content: "\f178";


}


.fa-apple:before {


  content: "\f179";


}


.fa-windows:before {


  content: "\f17a";


}


.fa-android:before {


  content: "\f17b";


}


.fa-linux:before {


  content: "\f17c";


}


.fa-dribbble:before {


  content: "\f17d";


}


.fa-skype:before {


  content: "\f17e";


}


.fa-foursquare:before {


  content: "\f180";


}


.fa-trello:before {


  content: "\f181";


}


.fa-female:before {


  content: "\f182";


}


.fa-male:before {


  content: "\f183";


}


.fa-gittip:before {


  content: "\f184";


}


.fa-sun-o:before {


  content: "\f185";


}


.fa-moon-o:before {


  content: "\f186";


}


.fa-archive:before {


  content: "\f187";


}


.fa-bug:before {


  content: "\f188";


}


.fa-vk:before {


  content: "\f189";


}


.fa-weibo:before {


  content: "\f18a";


}


.fa-renren:before {


  content: "\f18b";


}


.fa-pagelines:before {


  content: "\f18c";


}


.fa-stack-exchange:before {


  content: "\f18d";


}


.fa-arrow-circle-o-right:before {


  content: "\f18e";


}


.fa-arrow-circle-o-left:before {


  content: "\f190";


}


.fa-toggle-left:before,


.fa-caret-square-o-left:before {


  content: "\f191";


}


.fa-dot-circle-o:before {


  content: "\f192";


}


.fa-wheelchair:before {


  content: "\f193";


}


.fa-vimeo-square:before {


  content: "\f194";


}


.fa-turkish-lira:before,


.fa-try:before {


  content: "\f195";


}


.fa-plus-square-o:before {


  content: "\f196";


}@media screen and (max-width: 750px) {
  .tem_index_footer {
    padding: 15rem;
  }

  .tem_index_footer_contact {
    width: 100%;
  }
  
  .tem_index_footer dl dt {
    margin-right: 0;
  }
  
  .tem_index_footer dl dd {
    margin-right: 0;
  }

  .tem_index_footer_attention {
    width: 100%;
    margin-top: 20rem;
  }
}@media screen and (min-width: 0px) {
    * .head {
        margin: 0rem;
        height: 120rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #f7f7f7;
    }

    * .head .logo {
        margin: 0rem;
        margin-left: 60rem;
    }

    * .head .logo img {
        margin: 0rem;
        width: 360rem;
    }

    * .head .nav {
        margin: 0rem;
    }

    * .head .nav ul {
        margin: 0rem;
        display: flex;
        width: 924rem;
        justify-content: space-around;
        padding-right: 17rem;
    }

    * .head .nav ul li {
        margin: 0rem;
        text-align: center;
        position: relative;
        line-height: 120rem;
    }

    * .head .nav ul li a {
        margin: 0rem;
    }

    * .head .nav ul li a div {
        margin: 0rem;
        font-size: 22rem;
        color: #000;
    }

    * .head .nav ul li a .en {
        margin: 0rem;
        color: #767676;
        font-size: 19rem;
    }

    .head .logo .menu {
        display: none;
    }

    .head .nav ul li .e_class {
        display: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 100%;
        width: 100%;
        background: #100964;
        width: 160px;
        left: 50%;
        margin-left: -80px;
    }

    .head .nav ul li .e_class ul {
        display: block;
        width: 100%;
    }

    .head .nav ul li .e_class a {
        line-height: 60rem;
        padding: 6rem 0rem;
        display: block;
        font-size: 18rem;
        color: #fff;
    }

    .logo .icon_bar:first-child {
        margin-top: 0rem;
    }

    .head .nav ul li .e_class a:hover {
        opacity: 0.8;
    }

    .head .nav ul li .e_class ul productclass {
    }

    .head .nav ul li .e_class ul productclass li {
    }

    .head .nav ul li .e_class ul productclass li a {
    }

    .head .nav ul li .e_class ul productclass li a name {
    }

    .head .nav ul li .e_class ul productclass productclass {
    }
}@media screen and (min-width: 0px) and (max-width: 750px) {
    * .head {
        margin: 0rem;
        height: 80rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .head .logo .menu {
        display: block;
    }

    * .head .logo {
        margin: 0rem;
        margin-left: 4rem;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        box-sizing: border-box;
    }

    * .head .logo img {
        margin: 0rem;
        width: 180rem;
        height: auto;
    }

    * .head .nav {
        display: none;
    }

    .logo button {
        display: block;
        height: 42rem;
        padding: 16rem;
        box-sizing: content-box;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        margin-right: 0.8rem;
    }

    .logo .icon_bar {
        display: block;
        height: 1rem;
        border-radius: 1px;
        width: 31rem;
        margin-top: 9rem;
        background-color: #000;
        transition: all 0.3s;
    }

    * .head .nav {
        display: none;
        position: absolute;
        top: 80rem;
        left: 0;
        z-index: 999;
        background: #fff;
        width: 100%;
        height: 100vh;
    }

    * .head .nav ul {
        margin: 0rem;
        display: block;
        width: 100%;
        justify-content: space-around;
        padding-right: 17rem;
    }

    * .head .nav ul li {
        margin-bottom: 10rem;
        margin-top: 20rem;
        text-align: center;
        line-height: 80rem;
    }

    .show .icon_bar:nth-child(1) {
        transform: translate3d(0, 5rem, 0) rotate(45deg);
    }

    .show .icon_bar:nth-child(2) {
        transform: scaleX(0);
    }

    .show .icon_bar:nth-child(3) {
        transform: translate3d(0, -15rem, 0) rotate(-45deg);
    }
}.banner{
    height: 620rem;
    overflow: hidden;
    position: relative;
}
.banner .banner_box{
    position: absolute;
    left: 0;
    bottom: 120rem;
    width: 100%;
    color: #fff;
}
.banner .title{
    margin: 0 auto;
    width: 92.8%;
}
.banner .title h1{
    font-size: 32rem;
    font-weight: 500;
        color: #000;
}
.banner .title .cn{
    font-size: 22rem;
    text-transform: uppercase;
        color: #000;
}
.banner .title .cn::after{
    background-color: #f7f6f7;
    border-color: #171f31;
    margin-top: 10rem;
    width: 64rem;
    height: 2rem;
    content: '';
    font-size:14rem;
    display:block;
        color: #000;
}
.banner img{
    width: 100%;
}
@media only screen and (max-width: 993px) {
 
      .banner {
            height: auto;
            overflow: unset;
            position: relative;
        } 
      .banner .banner_box{
          display: block;
            position: absolute;
            left: 0;
            top: 32rem;
            width: 100%;
            color: #fff;
        }
        .banner img {
            width: 120%;
            margin-top: 0rem;
        }
        .banner .title h1{
            font-size: 22rem;
            font-weight: 500;
        }
        .banner .title .cn{
            font-size: 22rem;
            text-transform: uppercase;
        }
}@media screen and (min-width: 0px) {
  /* met_section 布局 */
  .met_section {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 100rem 60rem;
    box-sizing: border-box;
  }

  .met_section aside {
    position: relative;
    float: left;
    width: 230rem;
  }

  .met_section article {
    float: left;
    margin-left: 20rem; /* 修复原版的负边距导致的重叠问题 */
    width: calc(100% - 250rem);
  }

  /* 侧边栏 met_aside */
  .met_section aside section {
    border: 1rem solid #ddd;
    border-radius: 4rem;
    overflow: hidden;
  }

  .met_section aside h2 {
    background: #f5f5f5;
    padding: 15rem 20rem;
    font-size: 16rem;
    border-bottom: 1rem solid #ddd;
  }

  .met_section aside .met_aside_list {
    padding: 10rem 0;
  }

  .met_aside_list ul {
    list-style: none;
  }

  .met_aside_list li {
    margin: 0rem;
    padding: 0rem;
    height: 45rem;
    line-height: 45rem;
  }

  .met_aside_list li a {
    padding: 0 20rem;
    display: block;
    font-size: 14rem;
  }

  .met_aside_list li a:hover {
    background: #0b3190;
    color: #FFF;
    padding-left: 25rem; /* 悬停交互：向右推 */
  }

  /* 文章头部 met_article_head */
  .met_article_head {
    position: relative;
    padding: 0 10rem;
    height: 60rem;
    border-bottom: 1rem solid #ddd;
    line-height: 60rem;
    margin-bottom: 20rem;
  }

  .met_article_head h1 {
    color: #555;
    font-weight: normal;
    font-size: 18rem;
    margin: 0;
  }

  .met_article_head h1 a {
    color: #555;
  }

  .met_article_head h1 a:hover {
    color: #0b3190;
  }

  .met_article_head .met_position {
    position: absolute;
    top: 0;
    right: 10rem;
    color: #aaa;
    font-size: 14rem;
  }

  .met_article_head .met_position a {
    color: #999;
  }

  .met_article_head .met_position a:hover {
    color: #e9280c;
  }

  /* 新闻列表 met_module2_list */
  .met_module2_list {
    padding: 10rem 10rem;
  }
  
  .met_module2_list ul {
    list-style: none;
  }

  .met_module2_list li {
    border-bottom: 1rem solid #ddd;
    padding: 15rem 100rem 15rem 10rem;
    position: relative;
    border-radius: 4rem; /* 现代感：轻微圆角 */
    margin-bottom: 5rem;
    transition: all 0.3s ease; /* 现代感：悬停过渡 */
  }

  /* 新闻条目悬停互动 */
  .met_module2_list li:hover {
    background-color: #f9f9f9;
    padding-left: 15rem; /* 悬停交互：向右推 */
    border-bottom-color: #0b5ab5;
  }

  .met_module2_list h2 {
    font-weight: normal;
    font-size: 15rem;
  }
  
  .met_module2_list h2 a {
    color: #333;
  }
  
  .met_module2_list li:hover h2 a {
    color: #0b5ab5;
  }

  .met_module2_list li span.time {
    color: #818181;
    position: absolute;
    right: 10rem;
    top: 15rem;
    font-size: 14rem;
  }

  .met_module2_list li h2 i {
    margin-right: 10rem;
    position: relative;
    color: #ccc;
    transition: color 0.3s ease;
  }
  
  .met_module2_list li:hover h2 i {
    color: #0b5ab5;
  }

  /* 分页组件 pagess */
  .pagess {
    clear: both;
    margin: 30rem 0;
    text-align: center;
    font-size: 14rem;
  }

  .pagess ul {
    list-style: none;
    display: inline-block;
  }

  .pagess ul li {
    display: inline-block;
    margin: 0 4rem;
  }

  .pagess ul li a, 
  .pagess ul li.thisclass {
    display: block;
    border: 1rem solid #ddd;
    padding: 8rem 15rem;
    border-radius: 4rem;
    color: #666;
    background: #fff;
  }

  .pagess ul li.thisclass {
    background: #0b5ab5;
    color: #fff;
    border-color: #0b5ab5;
  }

  .pagess ul li a:hover {
    background: #f5f5f5;
    color: #e9280c;
    border-color: #ccc;
  }
}@media screen and (max-width: 750px) {
  .met_section {
    width: auto;
    padding: 15rem;
  }

  .met_section aside {
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 20rem;
  }

  .met_section article {
    margin: 0rem;
    float: none;
    width: 100%;
  }

  .met_article_head h1 {
    text-align: center;
  }

  .met_article_head .met_position {
    display: none;
  }

  /* 移动端新闻列表调整 */
  .met_module2_list {
    padding: 10rem 0;
  }

  .met_module2_list h2 {
    display: block;
  }
  
  .met_module2_list li a {
    display: block;
  }

  /* 移动端隐藏时间，或者将其放到标题下方 */
  .met_module2_list li span.time {
    display: none; 
    /* 现代感：如果需要显示时间，可以取消 none 并调整为相对定位 */
    /* position: relative; right: auto; top: auto; display: block; margin-top: 5rem; */
  }

  .met_module2_list li {
    padding: 15rem 10rem; /* 取消右侧为时间留的 padding */
  }
  
  .pagess ul li {
    margin: 0 2rem;
  }

  .pagess ul li a, 
  .pagess ul li.thisclass {
    padding: 6rem 10rem;
  }
}@media screen and (min-width: 0px) {
  .tem_index_footer {
    padding: 40rem 0 50rem;
    background: #f0f0f0;
  }
  
  .tem_index_footer dl {
    float: left;
  }
  
  .tem_index_footer dl dt {
    margin-right: 25rem;
    height: 40rem;
    border-bottom: 1rem solid #c6c6ca;
    color: #494858;
    font-size: 16rem;
    line-height: 40rem;
  }
  
  .tem_index_footer dl dt span {
    position: relative;
    top: -1rem;
    display: inline-block;
    border-bottom: 3rem solid #838383;
  }

  .tem_index_footer dl dd {
    margin-right: 25rem;
  }

  .tem_index_footer_contact {
    width: 35%;
  }

  .tem_index_footer_contact li {
    position: relative;
    margin-top: 25rem;
    padding-top: 5rem;
    padding-left: 48rem;
    min-height: 35rem;
    color: #646363;
    list-style: none;
    font-size: 14rem;
  }

  .tem_index_footer_contact li i {
    position: absolute;
    top: 0;
    left: 0;
    width: 35rem;
    height: 35rem;
    border: 1rem solid #424244;
    border-radius: 5rem;
    color: #7c7c7c;
    text-align: center;
    font-size: 22rem;
    line-height: 35rem;
  }
  
  /* 添加交互效果 */
  .tem_index_footer_contact li i {
    transition: all 0.3s ease;
  }
  
  .tem_index_footer_contact li:hover i {
    background-color: #0b5ab5;
    color: #fff;
    border-color: #0b5ab5;
    transform: scale(1.1);
  }

  .tem_index_footer_link a:hover {
    color: #ababab;
  }

  .tem_index_footer_attention {
    width: 30%;
  }

  .tem_index_footer_attention dd {
    padding: 20rem 0;
    color: #646363;
    font-size: 14rem;
  }

  .tem_index_footer_attention img {
    margin-top: 8rem;
    width: 100rem;
    height: auto;
  }

  .tem_index_footer_attention p {
    margin-top: 5rem;
  }
}@media screen and (max-width: 750px) {
  .tem_index_footer {
    padding: 15rem;
  }

  .tem_index_footer_contact {
    width: 100%;
  }
  
  .tem_index_footer dl dt {
    margin-right: 0;
  }
  
  .tem_index_footer dl dd {
    margin-right: 0;
  }

  .tem_index_footer_attention {
    width: 100%;
    margin-top: 20rem;
  }
}@media screen and (min-width: 960px) and (max-width: 1440px) {
    html {
        font-size: 0.7px !important;
    }
}