html {
  font-size: 14px!important;
}
h1{
  padding: 2rem 0rem 1rem 0rem;
  font-size: 2rem;
}
.mytopfluid {
  background-color: #161616;
}
.mytopfluid .topnav {
  width: 100%;
  padding: 20px 0px;
}
.navbar{
  font-size: 1rem;
  line-height: 3rem;
}
.navbar-brand{
  font-size: 1.4rem;
}
.card-img-top{
  padding: 10px 10px 0px 10px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.myswiper1 a img {
  width: 100%;
}
.card .mask {
  position: relative;
}
.card .mask:hover .maskdiv,
.card .mask:hover .dianzan,
.card .mask:hover .look,
.card .mask:hover .liulan,
.card .mask:hover .more {
  transition: all 1s;
  opacity: 1;
}
.card .mask .dianzan {
  position: absolute;
  left: 1rem;
  top: 1rem;
  opacity: 0;
  z-index: 2;
}
.card .mask .dianzan span:last-child {
  font-size: 12px;
}
.card .mask .look {
  position: absolute;
  right: 1rem;
  top: 1rem;
  opacity: 0;
  z-index: 2;
}
.card .mask .look a {
  color: #000;
}
.card .mask .more {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  opacity: 0;
  z-index: 2;
}
.card .mask .more .mymore {
  padding: .175rem .75rem;
  background: rgba(0, 0, 0, 0.87);
}
.card .mask img {
  width: 100%;
  height: 100%;
}
.card .mask .maskdiv {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.62);
  opacity: 0;
}
.card .mask .maskdiv a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.card .card-body .card-text a:hover {
  color: #007bff;
}
.card .liulan .icon-liulan {
  vertical-align: middle;
  color: #6c757d;
}
.card .liulan .liulannum {
  display: inline-block;
  padding-left: 5px;
  font-size: 12px;
}
.Templates a{
  color: #1c1a18;
}

.articleCard:hover {
  box-shadow: 0px 0px 15px #888888;
}
.articleCard .card-body {
  padding: 0;
}
.articleCard .card-body a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
}
.articleCard .card-body a h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footerContainer {
  background-color: #161616;
  padding: 0;
  color: #999;
}
.footerContainer .footer .logo {
  width: 160px;
}
.footerContainer .footer ul li {
  font-size: 14px;
  text-align: center;
}
.footerContainer .footer ul li a {
  font-size: 14px;
  color: #fff;
}
.mybread {
  padding: .75rem 0rem;
  background-color: #161616;
}
.mybread li {
  color: #fff;
}
.mybread li a {
  color: #fff;
}
.leftbar {
  position: relative;
}
.leftbar a {
  display: inline-block;
  position: relative;
}
.eye {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
}
.leftbar a .eye:hover {
  opacity: 1;
}
.leftbar a .eye img {
  height: auto;
  width: 200px;
}
.leftbar a img {
  width: 100%;
  height: 100%;
}
.serviceul li {
  clear: both;
}
.mymodal .mymodal-footer {
  justify-content: center;
}
.tooltip-inner {
  text-align: inherit;
}
.news_banner img {
  width: 100%;
  height: 100%;
}
.news_rightbar ul li {
  width: 100%;
}
.news_rightbar ul li a {
  display: inline-block;
  width: 100%;
}
.news_rightbar ul li a img {
  width: 100%;
  height: 100%;
}
.footerContainer a{
  color: #999;
}
.footerContainer a:hover{
  color: #fff;
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .leftbar a .eye img {
    width: 100px;
  }
}
@media (min-width: 1200px){
  .container {
      max-width: 1600px;
  }
}