@import url(../../../SysThemes/css/bootstrap.min.css);
@import "awesome.css";
@import "wow.css";
:root {
  --blue: #007bff;
  --darkblue: #264B7F;
  --deepblue:#092A55;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}
*{ font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif; box-sizing: border-box;}
html{overflow-x: hidden;}
:before{font-family:fontawesome; margin-right: 5px;}
:after{font-family:fontawesome; margin-left: 5px;}
a{ color: #212529; text-decoration: none;}
a:hover{ color: #c00;}
body {
  margin: 0;
  font-size: 75%;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
h1{ font-size: 3.2em;}
h2{ font-size: 2.4em;}
h3{ font-size: 2em;}
h4{ font-size: 1.8em;}
h5{ font-family: 1.5em;}
h6{ font-size: 1em;}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
img{width:auto;height:auto; max-width: 100%;max-height:100%; vertical-align: middle; border-style: none;}
menu{ margin: 0; padding: 0;}
menu ul { display: flex; flex-flow: row nowrap; justify-content: space-between;}
menu ul li{ width: 100%;}
menu ul li a{ display: block; white-space: nowrap;}
ul,li,dd{padding: 0; margin: 0; list-style: none;}
/* 弘帝自定义标签 */
sign{ margin-left:5px; margin-right:5px;}
/* 通用框架 */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.abs-bottom {
  position: absolute;
  bottom:0px;
  z-index: 10;
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-right > .row{ justify-content: flex-end;}
.text-center {
  text-align: center !important;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.m-b-100{ margin-bottom: 100px;}
.p-y-10{padding-top:10px; padding-bottom: 10px;}
.p-y-15{padding-top:15px; padding-bottom: 15px;}
.p-y-20{padding-top:20px; padding-bottom: 20px;}
.p-y-30{padding-top:30px; padding-bottom: 30px;}
.p-y-60{padding-top:60px; padding-bottom: 60px;}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.m-x-0{ margin-left: 0; margin-right: 0;}
#ArticleIntro ul li{ display: flex; flex-flow: column wrap; margin-top: 0; margin-bottom: 2em; position: relative;}
#ArticleIntro ul li .title a{ font-weight: bold;}
#ArticleList ul li{margin-top:5px;margin-bottom: 5px;}
#ArticleList ul li .Article{ display: flex; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ArticleList ul li .Title{ display:inline-flex; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ArticleView ul,#ProductView ul{ display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
#ArticleView ul li,#ProductView ul li{ float: left; width:30%; max-height:300px; margin:0 10px 10px 10px;}
#ArticleView ul li .thumbs,#ProductView ul li .thumbs{ display: block; width: 100%; height:calc(100% - 2em);}
#ArticleView ul li .thumbs a,#ProductView ul li .thumbs a{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
#ArticleView ul li img,#ProductView ul li img{ padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; max-height:100%;}
#ArticleView ul li a,#ProductView ul li a{ display: block; line-height: 2em; text-align: center; white-space: nowrap; overflow: hidden;}
#ArticleSummary ul{ display: flex; flex-flow: row nowrap; justify-content: space-between;}
#ArticleSummary ul li{ display:flex; flex-flow: column wrap; margin:0px 10px 30px 10px;}
#ArticleSummary ul li .thumbs{ height: 200px; overflow: hidden;}
#ArticleSummary ul li .thumbs img{ width:100%; height: 100%;}
#ArticleSummary ul li .detail{ display:block;}
#ArticleSummary ul li .detail .atext{ display: block; font-weight:bold; text-align: center; line-height: 2.5em;}
#ArticleSummary ul li .detail .intro{ line-height:20px;}
#ArticleSummary ul li .detail .enter{ display:none;}
#ArticleDetail .Title,#ProductDetail .Title{ display:block; text-align:center; font-size:30px; font-weight:bold; line-height:1.5em; padding: 20px 0;}
#ArticleDetail .Detail,#ArticleDetail .Detail *{ color: inherit; font-size: inherit;}
#ArticleDetail .Detail p{ margin:5px auto;}
#TabStrip{ display: flex; flex-flow: row nowrap; justify-content: space-between;}
#TabStrip dl{ position: relative;}
.Log{ display:block; text-align:center; background:#f0f0f0; margin-bottom:20px; padding:10px 0;}
.More{ text-align: center; margin-top:20px;}
.More a{ display: inline-block; padding:5px 20px; line-height:2em;}
.Picture{ text-align:center;}
.Pagination{ display:block; clear:both; text-align:center; padding:10px 0; background:#f8f8f8; margin:20px 0;}
.Pagination a{ padding:0 2px;}
.Pagination #page{ text-align:center; line-height:1em;}
.RowsTitle{ display: flex; margin-bottom: 30px; justify-content: center;}
.RowsTitle .Title{display: flex;  font-size: xx-large; color:#444; font-weight: bold; flex-direction:column-reverse;flex-wrap: wrap; justify-content: center; align-items: center;}
.RowsTitle .Title .cn{ display: block; font-size: xx-large; color:#444; font-weight: bold; margin: 0; padding:0 30px; letter-spacing: 10px; line-height: 2em;}
.RowsTitle .Title .en{ display: block; font-size: x-large; line-height: 1.3em; font-weight: normal;}
.ShortDate{ white-space: nowrap; margin-right:5px;}
.Subject{ margin-bottom: 20px; text-align: center;}