* {
   margin: 0;
   padding: 0;
   outline: none;
}

body {
   min-width: 1300px;
   color: #5A5757;
   font-family: Microsoft Yahei, Arial;
   background-color: #F6F2F2;
}

a {
   color: #E02020;
   text-decoration: none;
   transition: all .25s linear;
}

a:hover {
   text-decoration: underline;
   color: #E02020
}

ul {
   list-style: none
}

.dcfont {
   font-size: inherit;
}

.header {
   height: 428px;
   background-color: #311C1F;
   background-image: url(http://cdn.dc625.com/banner-v1.jpg);
   background-repeat: no-repeat;
   background-position: top center;
}

.header-system-btn-wrap {
   display: none;
   width: 1280px;
   margin: 220px auto 0 auto;
   justify-content: flex-end;
}

.home .header-system-btn-wrap {
   display: flex;
}

.system-btn {
   display: block;
   width: 260px;
   text-align: center;
   margin-right: 20px;
   line-height: 50px;
   background-color: #E02020;
   color: #fff;
   font-size: 16px;
   border-radius: 5px;
}

.system-btn:hover {
   color: #fff;
}

.header-bar-wrap {
   display: flex;
   justify-content: center;
   align-items: stretch;
   height: 68px;
}

.header-bar {
   display: flex;
   justify-content: space-between;
   width: 1280px;
   color: #fff;
}

.header-logo {
   display: flex;
   align-items: center;
   color: #fff;
}

.header-logo:hover {
   color: #fff;
   text-decoration: none;
}

.header-logo img {
   display: block;
   width: 42px;
   height: 42px;
   margin-right: 8px;
}

.header-logo h1 {
   font-size: 22px;
}

.menu-header-nav-container {
   display: flex;
   align-items: center;
   flex-grow: 1;
   margin-left: 150px;
}

#menu-header-nav {
   display: flex;
   align-items: center;
}

#menu-header-nav .menu-item {
   line-height: 1;
   padding: 8px 20px;
}

#menu-header-nav .menu-item.current-menu-item {
   position: relative;
}

#menu-header-nav .menu-item.current-menu-item::after {
   content: '';
   display: block;
   position: absolute;
   width: 38%;
   left: 31%;
   height: 2px;
   background-color: #E02020;
   bottom: 0;
}

#menu-header-nav .menu-item a {
   color: #fff;
   text-decoration: none;
}

#menu-header-nav .menu-item a:hover {
   color: #E02020;
}

.header-tel {
   display: flex;
   align-items: center;
   font-size: 18px;
   color: #fff;
}

.header-tel .dcfont {
   margin-right: 3px;
}

.follow-wrap {
   display: flex;
   align-items: center;
   width: 1280px;
   height: 138px;
   margin: -38px auto 68px;
   background-color: #fff;
   border-radius: 8px;
}

.follow-title {
   display: flex;
   align-items: center;
   width: 80px;
   font-size: 20px;
   color: #918787;
   writing-mode: tb;
   letter-spacing: 3px;
   border-right: 1px #F6F2F2 solid;
}

.follow-list {
   display: flex;
   flex-grow: 1;
}

.follow-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-grow: 1;
   color: #8F8585;
   font-size: 13px;
   position: relative;
}

.follow-item br {
   display: none;
}

.follow-item::before {
   content: attr(num);
   display: flex;
   width: 45px;
   height: 45px;
   align-items: center;
   justify-content: center;
   background-color: #E02020;
   border-radius: 45px;
   color: #fff;
   font-size: 28px;
   margin-bottom: 5px;
}

.follow-item+.follow-item::after {
   display: flex;
   height: 100%;
   width: 20px;
   align-items: center;
   justify-content: center;
   content: '\e6b8';
   font-family: 'dcfont';
   position: absolute;
   top: 0;
   left: -10px;
   color: #ede6e6;
   font-size: 20px;
}

.follow-item h3 {
   font-size: 16px;
   color: #3F3C3C;
   margin-bottom: 3px;
}

.index-main-wrap {
   display: flex;
   width: 1280px;
   margin: 0 auto;
}

.block-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 15px;
}

.blobk-header-title {
   font-size: 22px;
}

.block-header-more {
   font-size: 16px;
   color: #8F8585;
}

.block-header-more::after {
   content: '\e6b8';
   font-family: 'dcfont';
   font-size: 90%;
}

.index-gonggao-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.post-item {
   display: flex;
   flex: 305px 0 1;
   flex-direction: column;
   background-color: #fff;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 20px;
}

.post-item-cover {
   padding-top: 56.25%;
   position: relative;
   background-image: url(http://cdn.dc625.com/cat-bg-v1.jpg);
   background-size: cover;
   background-position: center center;
   background-color: #140B0D;
   overflow: hidden;
}

.post-item-cover>img {
   display: block;
   width: 100%;
   height: auto;
   position: absolute;
   left: 0;
   top: 0;
   transition: transform .25s ease;
}

.post-item-cover:hover>img {
   transform: scale(1.05);
}

.post-item-title {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   color: #fff;
   font-size: 18px;
   padding: 50px 16px 8px 16px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.post-item-meta {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
}

.post-categories {
   display: inline-flex;
}

.post-categories li a {
   font-size: 13px;
   padding: 1px 3px;
   color: #E02020;
   border: 1px #E02020 solid;
   border-radius: 2px;
   margin-right: 3px;
}

.post-item-time {
   font-size: 13px;
   color: #8F8585;
   line-height: 1;
}

.post-item-abstract {
   margin: 0 16px 20px 16px;
   color: #8F8585;
   font-size: 13px;
   text-align: justify;
   word-break: break-all;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.pagination {
   display: flex;
   align-items: center;
   margin-top: 38px;
   margin-bottom: 18px;
}

.pagination li {
   margin-right: 8px;
   color: #8F8585;
   font-size: 15px;
}

.pagination li.prev-page:empty {
   display: none;
}

.pagination li a,
.pagination li span {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 32px;
   height: 32px;
   border-radius: 3px;
   background-color: #fdeeee;
   color: #E02020;
}

.pagination li.active span {
   background-color: #E02020;
   color: #fff;
}

.pagination li.total-page {
   margin-left: auto;
   margin-right: unset;
}

.index-news-wrap {
   display: flex;
   flex-direction: column;
   flex: 305px 1 0;
   margin-left: 20px;
}

.index-news-list {
   flex-grow: 1;
   font-size: 14px;
   color: #8F8585;
   padding: 20px;
   background-color: #fff;
   border-radius: 8px;
   margin-bottom: 20px;
}

.news-item {
   display: flex;
   margin-bottom: 15px;
}

.news-item a {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-align: justify;
   color: #8F8585;
}

.news-item a:hover {
   color: #E02020;
}

.news-item-time {
   font-size: 12px;
   display: flex;
   flex-direction: column;
   flex: 50px 0 0;
   justify-content: center;
   align-items: center;
   white-space: nowrap;
   background-color: #F6F2F2;
   border-radius: 2px;
   margin-right: 8px;
}

.news-item-time b {
   font-size: 14px;
   font-weight: normal;
}

.index-about-wrap {
   margin: 68px auto;
   width: 1280px;
   position: relative;
}

.index-title {
   font-size: 32px;
   text-align: center;
   margin-top: 38px;
   margin-bottom: 38px;
}

.index-about-container {
   width: 780px;
   padding: 38px 50px;
   background-color: #fff;
   border-radius: 12px;
   line-height: 1.8;
   text-align: justify;
   position: relative;
   z-index: 9;
}

.index-about-container .logo {
   width: 80px;
   height: 80px;
   float: left;
   margin-top: -54px;
   margin-right: 12px;
}


.index-about-container p {
   text-indent: 2em;
   margin-top: 1em;
}

.index-about-container p.main-b {
   text-indent: unset;
   font-size: 20px;
   font-weight: bold;
   margin-top: unset;
}

.index-about-bgimg {
   position: absolute;
   bottom: 20px;
   right: 0;
   width: 430px;
   height: 430px;
   background-image: url(http://cdn.dc625.com/about-bg.jpg);
   background-position: center center;
   background-size: cover;
   border-radius: 12px;
}

.index-yewu-wrap {
   padding-top: 12px;
   padding-bottom: 50px;
   background-color: #fff;
}

.index-yewu-wrap .index-title {
   margin-bottom: 12px;
}

.index-sub-title {
   text-align: center;
   font-size: 18px;
}

.index-yewu-list {
   display: flex;
   justify-content: space-between;
   margin: 38px auto 0 auto;
   width: 1280px;
}

.index-yewu-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   width: 305px;
   height: 420px;
   background-color: #140B0D;
   color: #fff;
   border-radius: 12px;
   background-size: cover;
}

.index-yewu-item br {
   display: none;
}

.index-yewu-item h4 {
   font-size: 28px;
   font-weight: normal;
}

.index-yewu-item p {
   margin-bottom: 58px;
   margin-top: 12px;
}

.footer-contact-wrap {
   display: flex;
   justify-content: center;
   align-items: flex-end;
   height: 260px;
   background-color: #3E1B0E;
   background-image: url(http://cdn.dc625.com/cat-bg-v1.jpg);
   background-repeat: no-repeat;
   background-position: 15% 0;
}

.footer-contact {
   width: 450px;
   height: 243px;
   padding-top: 38px;
   padding-left: 50px;
   background-color: #E02020;
   border-radius: 12px;
   color: #fff;
   position: relative;
   right: -390px;
   bottom: -50px;
   line-height: 1;
}

.footer-contact-title {
   font-size: 20px;
}

.footer-contact-tel {
   font-size: 36px;
   font-weight: bold;
   margin-top: 12px;
   margin-bottom: 12px;
}

a.footer-contact-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 156px;
   height: 42px;
   border: 1px #fff solid;
   border-radius: 8px;
   color: #fff;
   font-size: 18px;
   text-decoration: none;
   margin-top: 26px;
}

a.footer-contact-btn:hover {
   color: #E02020;
   background-color: #fff;
}

.footer-wrap {
   color: #857F7F;
   background-color: #312C2C;
}

.footer-main {
   display: flex;
   justify-content: space-between;
   width: 1280px;
   margin: 0 auto;
   padding-top: 138px;
   padding-bottom: 38px;
   font-size: 13px;
   line-height: 1.8;
}

.footer-main a {
   color: #857F7F;
}

.footer-company-header {
   display: flex;
   align-items: center;
   margin-bottom: 98px;
   position: relative;
}

.footer-company-header::after {
   content: "";
   width: 58px;
   height: 3px;
   border-radius: 3px;
   background-color: #E02020;
   position: absolute;
   left: 0;
   bottom: -49px;
}

.footer-company-logo {
   width: 36px;
   height: 36px;
   margin-right: 10px;
}

.footer-company-name {
   font-size: 16px;
   color: #fff;
}

.footer-title {
   color: #fff;
   font-size: 16px;
   margin-bottom: 38px;
   font-weight: normal;
}

.footer-nav, .footer-address {
   margin-top: 5px;
}

.footer-wxcode {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-right: 20px;
}

.footer-wxcode img {
   padding: 8px;
   background-color: #fff;
   border-radius: 8px;
}

/* 列表页 */

.category .header,
.single .header,
.page .header,
.tag .header {
   display: flex;
   flex-direction: column;
   height: 260px;
   background-image: url(http://cdn.dc625.com/cat-bg-v1.jpg);
   background-color: #3E1B0E;
}

.crumb-wrap {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-grow: 1;
   flex-direction: column;
   color: #fff;
}

.crumb-wrap h2 {
   font-size: 32px;
   margin-bottom: 5px;
}

.crumbs {
   font-size: 14px;
}

.crumbs a {
   color: #fff;
}

.index-title {
   font-size: 26px;
}

.category-main-wrap {
   display: flex;
   width: 1280px;
   margin: 20px auto 58px auto;
}

.category-list-wrap {
   flex-grow: 1;
   margin-top: -58px;
   padding: 20px 58px;
   background-color: #fff;
   border-radius: 12px;
}

.category-item {
   display: flex;
   color: #8F8585;
   padding-top: 28px;
   padding-bottom: 28px;
   border-bottom: 1px #F6F2F2 solid;
}

.category-item-header h3 {
   display: inline;
   font-size: 22px;
   color: #3F3C3C;
}

.category-item-meta {
   font-size: 14px;
   margin-top: 14px;
   margin-bottom: 14px;
}

.category-item-tags {
   display: inline;
}

.category-item-cover {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 184px;
   height: 138px;
   flex-shrink: 0;
   margin-left: 38px;
   border-radius: 3px;
   overflow: hidden;
}

.category-item-cover img {
   width: 100%;
   height: auto;
   display: block;
}

.category-item-abstract {
   font-size: 14px;
   text-align: justify;
   word-break: break-all;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.sider-bar {
   width: 305px;
   flex-shrink: 0;
   margin-left: 20px;
}

.sider-bar .blobk-header-title {
   font-size: 18px;
}

.menu#menu-gonggao-cat {
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
}

.menu#menu-gonggao-cat li a {
   display: block;
   color: #5A5757;
   padding-bottom: 3px;
   text-decoration: none;
}

.menu#menu-gonggao-cat li a:hover {
   color: #E02020;
}

.menu#menu-gonggao-cat li.current-menu-item a {
   font-weight: bold;
   color: #E02020;
   border-bottom: 2px #E02020 solid;
}

.sider-tags-wrap {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 38px;
}

.tag-cloud-link {
   font-size: 15px;
   background-color: #fff;
   padding: 3px 6px;
   border-radius: 3px;
   margin-right: 6px;
   margin-bottom: 6px;
   color: #5A5757;
}

.paimai-date {
   display: inline-block;
   font-size: 14px;
   padding-right: 3px;
   background-color: #fdeeee;
   color: #E02020;
   border-radius: 2px;
   margin-right: 5px;
   padding: 1px 3px;
   vertical-align: text-bottom;
}

.single .paimai-date {
   margin-left: 12px;
}

.post-wrap {
   flex-grow: 1;
   margin-top: -58px;
}

.post-content {
   text-align: justify;
   font-size: 16px;
   padding: 38px 80px;
   background-color: #fff;
   border-radius: 12px;
   margin-bottom: 38px;
}

.post-content p {
   text-indent: 2em;
   margin-top: 1em;
   margin-bottom: 1em;
   line-height: 1.8;
   color: #5C5959;
}

.post-content h3 {
   font-size: 128%;
   margin-top: 1.3em;
   margin-bottom: 1em;
}

.post-content table {
   border-collapse: collapse;
}

.post-content table td {
   border: 1px #ccc solid;
   padding: 5px;
}

.post-content table p {
   margin-top: 3px;
   margin-bottom: 3px;
}

.post-content .wp-video {
   margin: 38px auto 10px auto;
   max-width: 100%;
}

.post-content img {
   display: block;
   max-width: 100%;
}

.post-content img.aligncenter {
   margin-left: auto;
   margin-right: auto;
}

.post-title {
   text-align: center;
   font-size: 28px;
}

.post-meta {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   color: #8F8585;
   margin-top: 20px;
   margin-bottom: 38px;
   padding-bottom: 20px;
   border-bottom: 1px #F6F2F2 solid;
}

.daohang {
   font-size: 14px;
   padding-left: 1.2em;
}

.daohang li {
   list-style: disc;
   margin-bottom: 10px;
   cursor: pointer;
}

.daohang li:hover {
   color: #E02020;
}

.post-footer {
   margin-top: 80px;
   padding: 20px;
   font-size: 14px;
   color: #8F8585;
   background-color: #F6F2F2;
   border-radius: 6px;
}

.sinder-contents {
   position: sticky;
   position: -webkit-sticky;
   top: 20px;
}

.daohang-empty {
   font-size: 13px;
   color: #8F8585;
}

.gallery-item .gallery-icon {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 100%;
   overflow: hidden;
   margin: 2px;
   border-radius: 6px;
   cursor: pointer;
   background-color: #000;
}

.gallery-item .gallery-icon img {
   display: block;
   position: absolute;
   top: 0;
   max-height: 100%;
   width: auto;
   max-width: unset;
   border: unset !important;
}

.gallery-caption {
   font-size: 14px;
   color: #8F8585;
}

@media screen and (max-width: 568px) {
   body {
      min-width: unset;
   }

   .header {
      height: 268px;
      background-position: 0 0;
      background-size: auto 288px;
   }

   .home .header {
      background-position: 80% 0;
   }

   .header-bar {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
   }

   .header-logo img {
      width: 36px;
      height: 36px;
   }

   .header-logo h1,
   .header-logo h2,
   .header-tel {
      font-size: 14px;
   }

   .header-system-btn-wrap {
      width: unset;
      margin-top: 88px;
      justify-content: center;
   }

   .system-btn {
      font-size: 14px;
      width: 228px;
      line-height: 42px;
      margin-right: unset;
   }


   .menu-header-nav-container {
      position: absolute;
      top: 68px;
      left: 0;
      right: 0;
      margin-left: unset;
   }

   #menu-header-nav {
      width: 100%;
      justify-content: space-around;
   }

   #menu-header-nav .menu-item {
      padding: 8px;
      font-size: 15px;
   }

   .follow-wrap {
      flex-direction: column;
      width: unset;
      height: auto;
      padding: 10px 0 20px 0;
      margin-bottom: 20px;
   }

   .follow-title {
      writing-mode: unset;
      width: auto;
      border-right: unset;
      font-size: 14px;
      margin-bottom: 10px;
   }

   .follow-list {
      width: 100%;
   }

   .follow-item {
      font-size: 12px;
      text-align: center;
   }

   .follow-item br, .index-yewu-item br {
      display: unset;
   }

   .follow-item::before {
      width: 35px;
      height: 35px;
      font-size: 18px;
   }

   .follow-item h3 {
      font-size: 14px;
   }

   .follow-item+.follow-item::after {
      height: 36px;
      font-size: 16px;
   }

   .index-main-wrap {
      width: unset;
      flex-direction: column;
      margin-bottom: 10px;
   }

   .index-gonggao-wrap {
      padding: 15px;
   }

   .post-item {
      flex: unset;
      margin-bottom: 15px;
   }

   .post-item-title {
      font-size: 22px;
   }

   .post-item-cover {
      padding-top: 45%;
   }

   .index-news-wrap {
      margin-left: unset;
      margin: 15px;
   }

   .index-news-list {
      padding: 15px;
   }

   .index-about-wrap {
      margin: unset;
      width: unset;
      color: #fff;
      padding-bottom: 5px;
   }

   .index-about-wrap .index-title {
      margin-top: 0;
      position: relative;
      z-index: 10;
      top: 42px;
   }

   .index-about-container {
      width: unset;
      padding: 15px;
      margin: 10px;
      font-size: 13px;
      background-color: rgba(0, 0, 0, 0.3);
   }

   .index-about-container .logo {
      width: 42px;
      height: 42px;
      top: -21px;
   }

   .index-about-container p {
      text-indent: 0;
   }

   .index-about-container p.main-b {
      font-size: 14px;
   }

   .index-about-bgimg {
      bottom: 0;
      top: 0;
      width: 100%;
      height: unset;
      border-radius: 0;
   }

   .index-sub-title {
      font-size: 15px;
      padding-left: 20px;
      padding-right: 20px;
   }

   .index-yewu-list {
      flex-wrap: wrap;
      margin: 10px;
      width: auto;
   }

   .index-yewu-item {
      width: calc(50% - 5px);
      height: 260px;
      margin-bottom: 10px;
      border-radius: 8px;
   }

   .index-yewu-item h4 {
      font-size: 22px;
   }

   .index-yewu-item p {
      margin-bottom: 20px;
      font-size: 13px;
      text-align: center;
   }

   .footer-contact-wrap {
      padding-top: 50px;
   }

   .footer-contact {
      width: 68%;
      padding-left: 0;
      right: 0;
      height: 230px;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .footer-contact-title {
      font-size: 16px;
      margin-bottom: 12px;
   }

   .footer-contact-tel {
      font-size: 26px;
      margin-top: unset;
   }

   .footer-main {
      width: auto;
      padding-top: 88px;
      padding-bottom: 20px;
      text-align: center;
      justify-content: center;
   }

   .footer-nav, .footer-address, .footer-wxcode, .footer-company-header {
      display: none;
   }

   .category-main-wrap {
      width: auto;
      flex-direction: column;
   }

   .category-list-wrap {
      padding: 15px;
   }

   .category-item {
      flex-direction: column;
   }

   .category-item-cover {
      width: 100%;
      margin-left: 0;
      margin-top: 10px;
   }

   .category-item-header h3 {
      font-size: 22px;
   }

   .category-item-meta {
      font-size: 13px;
   }

   .paimai-date {
      font-size: 13px;
      margin-right: 0;
   }

   .pagination li.total-page {
      display: none;
   }

   .pagination li {
      margin-bottom: 10px;
   }

   .pagination {
      flex-wrap: wrap;
      justify-content: center;
   }

   .sider-bar {
      width: auto;
      margin: 20px 15px;
   }

   .menu-gonggao-cat-container {
      width: 100%;
      overflow-x: auto;
   }

   .menu#menu-gonggao-cat {
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-bottom: 0;
   }

   .menu#menu-gonggao-cat li {
      margin: 6px;
      font-size: 15px;
   }

   .crumb-wrap h2 {
      font-size: 22px;
   }

   .post-content {
      padding: 30px 15px;
      word-break: break-all;
      font-size: 15px;
   }

   .post-title {
      font-size: 22px;
   }

   .post-meta {
      font-size: 13px;
      margin-bottom: 20px;
      flex-wrap: wrap;
      line-height: 2;
   }

   .single .post-wrap .block-header,
   .single .post-wrap .index-gonggao-list,
   .page .sider-bar,
   .single .sider-bar {
      display: none;
   }

   .news-item a {
      font-size: 15px;
   }

   .post-content .wp-video video {
      width: 100% !important;
      height: auto !important;
   }

}