h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family:  serif;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.font-italic {
    font-style: normal !important;
}
.bg-primary {
    background-color: #18181a !important;
}
.bg-primary .list-inline-item img,.page-footer .list-inline-item img{ width:30px;}
#main-logo{ width:auto; height:70px;}
.navbar-nav>.nav-item {
    width: 33%;
}
.navbar-light .navbar-nav .nav-link span.yw{ display:none;}
.navbar-light .navbar-nav .nav-link:hover span.yw{ display:block;}
.navbar-light .navbar-nav .nav-link:hover span.zw{ display:none;}
.navbar-light .navbar-nav .nav-item.active span.zw{ display:block;}
.navbar-light .navbar-nav .nav-item.active span.yw{ display:none;}
.bann_ban{ width:100%;}
.bann_ban img{ width:100%;}
.bann_ban .swiper-container{ height:auto;}
#homebanner-container{ height:calc(100vw/(3200/1334)) !important;}
@media (min-width: 62em) {
    .display-3 {
        font-size: 3rem;
        font-family: serif;
        font-style:normal !important;
        font-weight:bold;
    }
}
#card-text-right,#card-text-left{ height:auto;}
#card-text-right .line,#card-text-left .line{ width:100px; height:2px; background:#ddaf4f; margin-top: 10% !important;margin-bottom: 20% !important;}
#card-text-right .the,#card-text-left .the{font-size: 2rem;  margin-top:20%; height:auto;}
.card_logo{ width:70px; line-height:70px; border-radius:50%; overflow:hidden;margin-top: 5rem !important;}
.card_logo img{ width:70px;  border-radius:50%; }

footer {
    background: #18181a;
}

main ul li::before {
    color: #d09829;
    content: "•";
    font-size: 1em;
    left: -1.1225em;
    position: absolute;
    top: 0;
    display:none;
}
main ul li {
    list-style: none;
    margin: 0 0 16px 0em;
    padding: 0;
    position: relative;
}
.text-dark {
    color: #cab17b !important;
}
.proname{ font-size:20px; line-height:40px;}

.inner-maste-works-wrapper { padding: 1.3rem 2.6rem; position: relative; max-width:1920px; margin:0 auto; }
.inner-maste-works-wrapper::after { content: ""; width: 100%; height: 76%; background: #000000; left: 0; top: 0; z-index: -1;position: absolute; }
.inner-maste-works-wrap { position: relative; z-index: 10; }
.inner-maste-works-wrapper .works-item { display: flex; align-items: center; padding: 0.7rem 0; }
.inner-maste-works-wrapper .img-box { flex-shrink: 0; }
.inner-maste-works-wrapper .img { display: block; width: 94%; }
.inner-maste-works-wrapper .desc-box { flex: 1; flex-shrink: 0; }
.inner-maste-works-wrapper .inner-comm-desc { color: rgba(255,255,255,0.6); }
.inner-maste-works-wrapper .works-item-01 .img-box { flex: 1.4; flex-shrink: 0; font-size: 0; }
.inner-maste-works-wrapper .works-item-01 .inner-comm-desc { padding-left: 0.5rem; text-align: left; }
.inner-maste-works-wrapper .works-item-02 { flex-direction: row-reverse; }
.inner-maste-works-wrapper .works-item-02 .inner-comm-desc { padding-right: 0.8rem; text-align: left; }
.inner-maste-works-wrapper .works-item-02 .img-box { flex: 1.2; display: flex; justify-content: flex-end; }
.inner-maste-works-wrapper .works-item-03 { flex-direction: column-reverse; }
.inner-maste-works-wrapper .works-item-03 .img-box { flex: 1; }
.inner-maste-works-wrapper .works-item-03 .img { width: 100%; }
.inner-maste-works-wrapper .works-item-03 .desc-box { flex: 1; padding-bottom: 0.3rem; }
@media screen and (max-width: 768px) {
  .inner-maste-works-wrapper { padding: 0.9rem 0.3rem 0.3rem; margin-bottom: 0.6rem; }
  .inner-maste-works-wrapper::after { height: 100%; }
  .inner-maste-works-wrapper .works-item { flex-direction: column; padding: 0.3rem 0; display: block; }
  .inner-maste-works-wrapper .img-box { display: block !important; }
  .inner-maste-works-wrapper .img-box .img { width: 100%; height: auto; }
  .inner-maste-works-wrapper .works-item .inner-comm-desc { padding: 0.3rem 0; }
}


.inner-news-details-wrapper { padding: 0 1.6rem; display: flex; border-bottom: 1px solid #F6F6F6; margin-bottom: 1.7rem;max-width:1920px; margin:0 auto; }
.inner-news-details-wrapper .news-details-left { flex: 1; border-right: 1px solid #F6F6F6; overflow: hidden; }
.inner-news-details-wrapper .news-details-right { width: 4.68rem; flex-shrink: 0; border-left: 1px solid #F6F6F6; font-size: 0.24rem; color: #333333; }
.inner-news-details-wrapper .news-title { font-size: 18px; color: #333333; font-weight: normal; margin-top: 20px; font-style:normal; }
.inner-news-details-wrapper .news-info { padding-top: 0.3rem; padding-bottom: 0.4rem; border-bottom: 1px solid #F6F6F6; }
.inner-news-details-wrapper .news-date { color: #666666; font-size: 12px; }
.inner-news-details-wrapper .news-content { font-size: 0.18rem; color: #666666; line-height: 1.68; padding-right: 0rem; padding-top: 0.3rem; padding-bottom: 0.9rem; }
.inner-news-details-wrapper .news-content p { padding: 0.3rem 0; }
.inner-news-details-wrapper .news-content img { max-width: 100%; height: auto; display:block; margin:0 auto;}
.inner-news-details-wrapper .news-content video { max-width: 100%; height: auto; }
.inner-news-details-wrapper .news-item { padding: 0.4rem; display: flex; flex-direction: column; line-height: 1.5; border-bottom: 1px solid #F6F6F6; cursor: pointer; }
.inner-news-details-wrapper .item-date { font-size: 12px; color: #999999; margin-top: 0.2rem; }
.inner-news-details-wrapper .news-list .news-item:hover { color: #000000; text-decoration: underline; }
@media screen and (max-width: 768px) {
  .inner-news-details-wrapper { padding: 0 0.3rem; flex-direction: column; }
  .inner-news-details-wrapper .news-details-left { border-right: none; }
  .inner-news-details-wrapper .news-content { padding: 0.3rem 0; }
  .inner-news-details-wrapper .news-details-right { border-left: none; width: 100%; margin-top: 0.3rem; font-size: 0.3rem; }
  .inner-news-details-wrapper .news-item  { padding: 0.4rem 0; }
  .inner-news-details-wrapper .news-date { font-size: 0.26rem; }
  .inner-news-details-wrapper .item-date { font-size: 0.26rem; }
}

.aboutcontent{ max-width:1920px; line-height:30px; font-size:14px;}
.aboutcontent img{ display:block; margin:0px; width:100%;}
@media screen and (max-width: 768px) {
#card-text-right .the, #card-text-left .the {
    font-size: 14px;
    margin-top: 20%;
    height: auto;
}
#card-text-right .line, #card-text-left .line{    margin-bottom: 10% !important;}
.card_logo img {
    width: 40px;
    border-radius: 50%;
}
}