/*
Theme Name: txdl
Theme URI: https://wordpress.org/themes/txdl
Author: the WordPress team
Author URI: https://wordpress.org
Description: txdl is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: txdl
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
body:lang(zh-CN),
button:lang(zh-CN),
input:lang(zh-CN),
select:lang(zh-CN),
optgroup:lang(zh-CN),
textarea:lang(zh-CN),
.author-description .author-link:lang(zh-CN),
.comment-metadata:lang(zh-CN),
.comment-reply-link:lang(zh-CN),
.comments-title:lang(zh-CN),
.comment-author .fn:lang(zh-CN),
.discussion-meta-info:lang(zh-CN),
.entry-meta:lang(zh-CN),
.entry-footer:lang(zh-CN),
.main-navigation:lang(zh-CN),
.no-comments:lang(zh-CN),
.not-found .page-title:lang(zh-CN),
.error-404 .page-title:lang(zh-CN),
.post-navigation .post-title:lang(zh-CN),
.page-links:lang(zh-CN),
.page-description:lang(zh-CN),
.pagination .nav-links:lang(zh-CN),
.sticky-post:lang(zh-CN),
.site-title:lang(zh-CN),
.site-info:lang(zh-CN),
#cancel-comment-reply-link:lang(zh-CN),
h1:lang(zh-CN),
h2:lang(zh-CN),
h3:lang(zh-CN),
h4:lang(zh-CN),
h5:lang(zh-CN),
h6:lang(zh-CN),
.page-title:lang(zh-CN),
blockquote cite:lang(zh-CN),
table:lang(zh-CN),
.button:lang(zh-CN),
input:lang(zh-CN)[type="button"],
input:lang(zh-CN)[type="reset"],
input:lang(zh-CN)[type="submit"],
.comment-navigation .nav-previous:lang(zh-CN),
.comment-navigation .nav-next:lang(zh-CN),
.comment-list .pingback .comment-body:lang(zh-CN),
.comment-list .trackback .comment-body:lang(zh-CN),
.comment-list .pingback .comment-body .comment-edit-link:lang(zh-CN),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-CN),
.comment-form .comment-notes:lang(zh-CN),
.comment-form label:lang(zh-CN),
.widget_archive ul li:lang(zh-CN),
.widget_categories ul li:lang(zh-CN),
.widget_meta ul li:lang(zh-CN),
.widget_nav_menu ul li:lang(zh-CN),
.widget_pages ul li:lang(zh-CN),
.widget_recent_comments ul li:lang(zh-CN),
.widget_recent_entries ul li:lang(zh-CN),
.widget_rss ul li:lang(zh-CN),
.widget_tag_cloud .tagcloud:lang(zh-CN),
.entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-CN),
.entry .entry-content .wp-block-archives li:lang(zh-CN),
.entry .entry-content .wp-block-categories li:lang(zh-CN),
.entry .entry-content .wp-block-latest-posts li:lang(zh-CN),
.entry .entry-content .wp-block-verse:lang(zh-CN),
.entry .entry-content .has-drop-cap:lang(zh-CN):not(:focus):first-letter,
.entry .entry-content .wp-block-pullquote cite:lang(zh-CN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image h2:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover h2:lang(zh-CN),
.entry .entry-content .wp-block-audio figcaption:lang(zh-CN),
.entry .entry-content .wp-block-video figcaption:lang(zh-CN),
.entry .entry-content .wp-block-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-CN),
.entry .entry-content .wp-block-file:lang(zh-CN),
.entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-CN),
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-CN),
.wp-caption-text:lang(zh-CN),
.gallery-caption:lang(zh-CN) {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: unset;
}
.page-template-archive-pdf main {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.page-template-archive-news main {
  margin-top: 100px !important;
  margin-bottom: 0px !important;
}
.page-template-technology main {
  margin-top: 80px !important;
}
.wp-block-search__input {
  background-color: #ffffff;
}
.common-main {
  max-width: 1600px;
  margin: 80px 8%;
}
a:focus {
  outline: none;
  -moz-outline: none;
  text-decoration: none;
}
p br {
  display: none;
}
.post-template-default main {
  color: #333333;
}
.banner .link-img .wp-block-image img {
  width: 100% !important;
  min-height: 300px;
  height: 100%;
}
.tax-goodcate .banner-mask .wp-block-query-title {
  font-size: 0;
}
.tax-goodcate .banner-mask .wp-block-query-title span {
  font-size: 50px;
}
.search-title {
  font-size: 36px;
  color: #333333;
  margin-top: 80px !important;
  margin-bottom: 50px !important;
}
.search-main {
  padding: 0 20%;
}
.search-main .wp-block-search__inside-wrapper {
  border: 2px solid #BBBBBB;
  border-radius: 10px;
}
.search-main .wp-block-search__inside-wrapper .wp-block-search__input {
  margin-left: 10px;
  border: none;
}
.search-main .wp-block-search__inside-wrapper .wp-block-search__button {
  background-color: #ffffff;
  margin-right: 10px;
}
.search-content {
  padding: 0 8%;
  max-width: 1600px;
  margin-top: 40px !important;
}
.search-cat {
  margin: 0 8%;
  max-width: 1600px;
  margin-top: 60px !important;
  display: flex;
  flex-direction: row;
  list-style: none;
  text-align: center;
  border-bottom: solid 2px #EEEEEE;
  padding-inline-start: 0px;
}
.search-cat .cat-item {
  padding-bottom: 20px;
  color: #333333;
  font-size: 16px;
  margin-right: 54px;
}
.search-cat .cat-item a {
  padding-bottom: 20px;
}
.search-cat .current-cat {
  border-bottom: solid 2px #CDAB8C;
}
.hide {
  display: none !important;
}
.no-result {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.no-result .no-result-text {
  text-align: center;
  margin-top: 40px;
  font-size: 16px;
  color: #999999;
}
.news-content p {
  text-indent: 2em;
}
.mega-current-menu-parent a {
  color: #CDAB8C !important;
}
.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: none !important;
}
/* .tp-bullets{
  width: 100% !important;
  display: flex !important;
  justify-content: center;
  // top: calc(100%-40px) !important;
  transform: translate(-50%);
  .tp-bullet{
    position: unset;
    width: 45px;
    height: 5px;
    margin: 0 10px;
  }
} */
a {
  text-decoration: none;
}
.tax-goodcate {
  background-color: #FAFBFC;
}
.page-template-archive-good {
  background-color: #FAFBFC;
}
.single-good {
  background-color: #FAFBFC;
}
a:hover {
  text-decoration: none !important;
}
.wp-site-blocks {
  padding-top: 80px;
  padding-bottom: 0;
}
.search-btn {
  padding-left: 16px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  display: flex;
}
#news-block .news-content {
  padding: 0 10%;
}
.page-template-aboutus .wp-block-media-text .wp-block-media-text__content {
  padding: 0 14%;
  color: #333333;
}
.page-template-aboutus .wp-block-media-text .wp-block-media-text__content h4 {
  font-size: 28px;
}
.page-template-aboutus .wp-block-media-text .wp-block-media-text__content p {
  font-size: 16px;
}
.page-template-aboutus .has-media-on-the-right {
  padding-top: 80px;
}
.mega-current-menu-parent a {
  font-weight: bold !important;
}
.mega-current-menu-item a {
  font-weight: bold !important;
}
.wp-block-search__input {
  outline: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
  box-shadow: 0px 18px 16px 0px rgba(51, 51, 51, 0.1);
  top: 60px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  min-width: 102px !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #333333;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover a {
  color: #ffffff !important;
  font-weight: 400;
  background-color: #cdab8c !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul {
  background-color: #ffffff !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul:hover a {
  background-color: #ffffff !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul li a {
  color: #333333 !important;
  background-color: #ffffff !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul li:hover a {
  color: #ffffff !important;
  background-color: #cdab8c !important;
}
.mega-menu li {
  height: 40px !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 40px !important;
  text-align: left !important;
}
.mega-menu li a {
  text-align: center !important;
}
.mega-sub-menu li:hover a {
  color: #cdab8c !important;
}
.search-mobile {
  display: none !important;
}
.wp-block-site-logo a,
.wp-block-site-logo img {
  height: 40px;
}
.has-global-padding {
  padding-left: unset;
  padding-right: unset;
}
.tax-goodcate .has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.mega-sub-menu {
  background-color: #ffffff !important;
}
.mega-sub-menu li a {
  color: #333333 !important;
}
.mega-hide-arrow a.mega-menu-link:before {
  display: none !important;
}
.wp-block-search__button .icon {
  width: 20px;
  height: 20px;
  margin-right: -10px;
}
.header-menu {
  display: flex;
  align-items: center;
}
.wp-block-search__input {
  font-size: 16px;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1600px;
}
.wp-block-search__input {
  font-size: 16px;
}
.wp-site-blocks > * {
  margin-block-start: unset;
  margin-block-end: unset;
}
.entry-content {
  margin-top: 100px !important;
}
body .is-layout-flow > * + * {
  margin-block-start: unset;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: #333333 !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
  width: 0.8em;
  height: 0.8em;
}
.wp-block-navigation__container li:hover {
  color: #CDAB8C !important;
}
.wp-block-navigation__container li:hover .wp-block-navigation-item__content {
  color: #CDAB8C !important;
  font-weight: bold;
}
.wp-block-navigation__container li {
  color: #333333 !important;
}
.wpcf7-spinner {
  display: none !important;
}
.current-menu-item a span {
  color: #CDAB8C;
}
body .is-layout-constrained > .alignwide {
  max-width: 1600px;
}
body .is-layout-constrained > * + * {
  margin-block-start: 0;
}
.footer-container .contact-code {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wp-block-search__button svg {
  fill: #999999;
}
wp-block-navigation__responsive-dialog {
  margin-top: 20px;
}
.dl-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #ffffff;
  box-shadow: 0px 1px 16px 0px rgba(51, 51, 51, 0.1);
}
.dl-header .header-main {
  padding: 0 8%;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.dl-title {
  font-size: 50px;
}
.dl-entitle {
  font-size: 30px;
  margin-top: 20px !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
  text-decoration: none;
}
a {
  text-decoration: none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  position: absolute;
  left: -30px;
  top: 70px;
  z-index: 10;
  background: #FFFFFF;
  box-shadow: 0px 4px 18px 0px rgba(182, 182, 182, 0.5);
  border-radius: 8px;
  padding: 8px 22px;
  font-size: 14px;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
  min-width: 86px;
  width: 86px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}
.medium-container {
  margin-left: 8%;
  margin-right: 8%;
}
.medium-bottom {
  margin-bottom: 80px !important;
}
.sub-content .wp-block-media-text__content {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  padding-left: 10%;
  color: #333333;
  padding-right: 24%;
}
.sub-content {
  margin: 0 8%;
  position: relative;
  max-width: 1600px;
  margin-bottom: 80px;
}
.sub-content .more-btn {
  position: absolute;
  bottom: 0;
}
.wp-block-search__inside-wrapper {
  display: flex;
}
.sub-content2 {
  margin: 0 8%;
  max-width: 1600px;
  margin-top: 90px !important;
  position: relative;
}
.sub-content2 .wp-block-media-text__content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  font-size: 16px;
  padding-right: 10%;
  padding-left: 24%;
  color: #333333;
}
.sub-content2 .wp-block-media-text__content h6 {
  margin-top: 0;
}
.sub-content2 .more-btn {
  position: absolute;
  bottom: 0;
}
.search-mobile .search-btn .wp-block-search__inside-wrapper {
  width: 100% !important;
  height: 40px !important;
  border-radius: 20px !important;
  background: rgba(210, 210, 210, 0.3) !important;
  padding: 0 !important;
  border: none !important;
}
.search-btn .wp-block-search__inside-wrapper {
  width: 240px !important;
  height: 34px;
  border-radius: 17px;
  background: rgba(210, 210, 210, 0.3);
  padding: 0;
  border: none;
}
.search-btn .wp-block-search__input {
  background: rgba(210, 210, 210, 0);
  margin-left: 14px;
  border: none;
}
.search-btn .wp-block-search__button {
  background: rgba(210, 210, 210, 0) !important;
  display: flex;
  align-items: center;
}
.more-btn .wp-element-button {
  width: 102px;
  line-height: 1;
  background: #CDAB8C;
  border-radius: 20px;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.more-btn .wp-element-button .read-more-icon {
  width: 16px;
  height: 16px;
  fill: #ffffff;
}
.footer {
  background: #303132;
  color: #ffffff;
  height: auto;
  margin-block-start: 0rem;
}
.footer-container {
  max-width: 1600px;
  margin: 0 8%;
  padding-top: 90px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-left {
  width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-left h3 {
  font-size: 30px;
}
.footer-right {
  width: 45%;
  margin-block-start: 0;
}
.footer-container .link-us {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.footer-container .contact-code img {
  width: 140px;
  height: 140px;
}
.footer-container .contact-code .contact-info {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 14px;
  text-align: center;
}
.footer-container .contact {
  font-size: 32px;
  font-weight: bold;
}
.footer-container .footer-common {
  font-size: 16px;
  margin-top: 0px;
  color: #ffffff;
  font-weight: bold;
}
.footer-container .phone {
  margin-top: 15px;
}
.footer-container .address {
  margin-top: 15px;
}
.footer-container .map-img {
  width: 100%;
}
.footer-container .map-img img {
  height: auto;
}
.footer-bottom {
  background: #303132;
  color: #ffffff;
  height: 56px;
  padding-top: 90px;
  padding-bottom: 40px;
  margin-block-start: 0 !important;
}
.footer-bottom .copyright {
  font-size: 12px;
  color: #ffffff;
  max-width: 100%;
  text-align: center;
}
.introduce {
  /* height: 200px; */
  background: #EEEBE2;
}
.introduce-container {
  padding: 54px 8%;
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  justify-content: space-between;
}
.introduce-container .introduce-detail {
  max-width: 190px;
  display: flex;
  flex-direction: column;
}
.introduce-container .introduce-detail .focus-title {
  font-size: 60px;
  color: #CDAB8C;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.introduce-container .introduce-detail .focus-title .tip {
  margin-left: 8px;
  font-size: 24px;
  color: #333333;
  font-weight: 400;
}
.introduce-container .introduce-detail .intro {
  font-size: 18px;
  color: #333333;
  margin-top: 24px;
  text-align: center;
}
.common-title {
  padding: 100px 8% 80px 8%;
}
.common-title .cn-title {
  margin-top: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.common-title .en-title .title {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}
.common-title .cn-title .title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
}
.common-title .cn-title a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.common-title .cn-title a .icon {
  width: 24px;
  height: 24px;
  fill: #9d9d9d;
}
.common-title a {
  color: #333333;
  text-decoration: none;
}
.bg-container {
  width: 100%;
  background-color: #F6F7F8;
}
.footer-link {
  width: 100%;
  background-color: #F5F6F7;
  padding: 40px 0 40px 0;
  margin-top: 100px !important;
}
.footer-link .link-container {
  max-width: 1600px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.footer-link .link-container .is-layout-flow {
  margin-block-start: 0rem;
}
.footer-link .link-container .link-img {
  width: 20%;
}
.footer-link .link-container .link-url {
  width: 80%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.footer-link .link-container .link-url .wp-block-group {
  margin-right: 40px;
}
.footer-link .link-container .link-url .wp-block-group a {
  color: #666666;
}
.banner {
  position: relative;
}
.banner .is-layout-flow {
  margin-block-start: unset;
}
.banner .banner-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  display: flex;
  background: rgba(0, 0, 0, 0.3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner .about-tips {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: solid 2px rgba(255, 255, 255, 0.28);
}
.banner .about-tips .nav-ul {
  max-width: 1600px;
  padding-left: 8%;
}
.banner .about-tips .nav-ul .nav-li {
  height: 66px;
  margin-right: 40px;
}
.banner .about-tips .nav-ul .nav-li .wp-element-button {
  line-height: 66px;
  color: #ffffff;
  font-size: 16px;
  padding: 0;
  background-color: unset;
}
.banner .about-tips .nav-ul .active {
  border-bottom: solid 2px #CDAB8C;
}
.pdf {
  padding: 0 8%;
  margin-top: 100px !important;
}
.pdf ul {
  margin-bottom: 40px;
}
.pdf .alignwide .productpdf .wp-block-post-featured-image {
  height: auto !important;
}
.pdf .alignwide .productpdf .wp-block-post-featured-image a {
  height: auto !important;
}
.pdf .alignwide .productpdf .wp-block-post-featured-image a img {
  height: auto !important;
}
.pdf .alignwide .productpdf .wp-block-post-title {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.pdf .alignwide .productpdf .wp-block-post-title a {
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
.pdf .alignwide .productpdf .wp-block-spacer {
  height: 20px !important;
}
#news-block {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 8%;
  margin-top: 100px;
}
#news-block .news-title {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}
#news-block .news-date {
  font-size: 16px;
  color: #999999;
  margin-top: 36px;
}
#news-block .news-content {
  margin-bottom: 35px;
}
#pdf-header {
  padding: 80px 0;
  background-color: #F2F2F2;
}
#pdf-header .pdf-title {
  font-weight: 400;
  color: #333333;
  font-size: 36px;
}
#pdf-header .pdf-date {
  font-size: 28px;
  font-weight: 400;
  color: #959595;
  margin: 36px 0;
}
#pdf-header .pdf-link {
  width: 200px;
  height: 50px;
  background: #C8AC90;
  border-radius: 25px;
  margin: 0 auto;
}
#pdf-header .pdf-link .wp-block-button__link {
  padding: 0;
  line-height: 50px;
  font-size: 26px;
  color: #FFFFFF;
  background-color: unset;
  display: flex;
  justify-content: center;
}
.pdf-content {
  padding: 0 8%;
  max-width: 1600px;
  margin: 0 auto;
}
.content-pdf-m {
  display: none;
}
@media only screen and (max-width: 1600px) {
  .contact-content .form-group .btn {
    font-size: 18px;
    padding: 16px 50px;
  }
  /* 科技 start */
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .content {
    top: 100px;
    left: 60px;
    width: calc(100% - 120px);
    height: calc(100% - 200px);
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .content .tech-icon {
    width: 64px;
    height: 64px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .content .title {
    font-size: 20px;
    line-height: 30px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content {
    padding: 0 60px;
    height: 66%;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .tech-icon {
    width: 80px;
    height: 80px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .title {
    margin-top: 25px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .advtange {
    margin-top: 25px;
    line-height: 26px;
    margin-bottom: 2px;
    font-size: 16px;
  }
  .technology .technology-wrapper .tech-info {
    width: 32%;
    margin-top: 20px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content {
    top: 100px;
    left: 60px;
    width: calc(100% - 120px);
    height: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content .tech-icon {
    width: 64px;
    height: 64px;
    fill: #ffffff;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content .title {
    font-size: 20px;
    line-height: 30px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 8px);
    transition: all 1.2s;
    background: rgba(205, 171, 140, 0.8);
    color: #FFFFFF;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content {
    padding: 0 60px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .tech-icon {
    width: 80px;
    height: 80px;
    fill: #ffffff;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .advtange {
    margin-top: 20px;
    line-height: 26px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 1390px) {
  .mega-menu-max_mega_menu_1-mobile-open {
    height: 100vh;
    overflow: hidden;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
    align-items: center;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
    height: 100vh;
    padding-bottom: 100px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10000;
    background: #ffffff;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: inline-block !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
    visibility: hidden;
  }
  .common-main {
    margin: 40px 15px;
  }
  .search-cat {
    margin: 0 15px;
    margin-top: 40px !important;
  }
  .search-content {
    padding: 0 15px;
  }
  .search-title {
    font-size: 28px;
    margin-top: 40px !important;
    margin-bottom: 30px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 0px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
    width: 32px;
  }
  .search-mobile .search-btn {
    padding-left: unset;
  }
  .banner .about-tips .nav-ul {
    padding-left: 15px;
  }
  .honor-list {
    padding: 0 15px !important;
    margin-top: 40px;
  }
  #news-block {
    margin-top: 40px;
  }
  #news-block .news-title {
    font-size: 24px;
  }
  #news-block .news-date {
    font-size: 14px;
    margin-top: 24px;
  }
  #news-block .news-content {
    margin-top: 40px !important;
    margin-bottom: 20px;
  }
  .contact-content .contact-bind .form-group {
    width: 100%;
  }
  .team-intro {
    padding: 0 15px !important;
  }
  .team-intro .about-team {
    color: #333333;
    font-size: 16px;
    width: 80%;
    margin-top: 40px;
  }
  .team-intro .team {
    margin-top: 40px;
  }
  .team-intro .team .team-list li {
    height: 170px;
    position: relative;
    width: 30%;
    margin-bottom: 40px;
  }
  .team-intro .team .team-list li .left {
    width: 32%;
  }
  .team-intro .team .team-list li .left .img img {
    height: 80%;
  }
  .team-intro .team .team-list li .left .team-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    max-width: 120px;
    height: 70%;
    background: #CDAB8C;
    z-index: 1;
  }
  .team-intro .team .team-list li .right {
    width: 60%;
    padding-right: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .team-intro .team .team-list li .right .name {
    font-size: 18px;
  }
  .team-intro .team .team-list li .right .intro {
    font-size: 14px;
  }
  .team-intro .team .team-list li .right .intro p {
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .team-intro .team .team-list li .right .line {
    width: 104px;
  }
  .team-intro .team .team-list li .right .content {
    font-size: 14px;
  }
  .team-intro .team .more-team {
    display: none;
  }
  .team-intro .team .show {
    display: flex !important;
    margin: 40px auto;
    padding: 8px 20px;
    border: 1px solid #999999;
    background: #FFFFFF;
    border-radius: 20px;
    color: #999999;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .team-intro .team .show .icon {
    width: 20px;
    height: 14px;
    fill: #999999;
  }
  .team-intro .team .tips {
    text-align: center;
    color: #333333;
  }
  .page-template-aboutus .wp-block-media-text .wp-block-media-text__content h4 {
    font-size: 20px;
  }
  .page-template-aboutus .wp-block-media-text .wp-block-media-text__content p {
    font-size: 14px;
  }
  /* 科技 start */
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .content {
    top: 100px;
    left: 60px;
    width: calc(100% - 120px);
    height: calc(100% - 200px);
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .content .tech-icon {
    width: 64px;
    height: 64px;
    fill: #ffffff;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .content .title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content {
    padding: 0 60px;
    height: 66%;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .tech-icon {
    width: 80px;
    height: 80px;
    fill: #ffffff;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .title {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .advtange {
    margin-top: 30px;
    line-height: 26px;
    margin-bottom: 2px;
  }
  .technology {
    padding: 0 15px;
    margin-top: 100px;
  }
  .technology .technology-wrapper {
    justify-content: space-between;
  }
  .technology .technology-wrapper .tech-info {
    width: 32%;
    margin-top: 20px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content {
    top: 100px;
    left: 60px;
    width: calc(100% - 120px);
    height: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content .tech-icon {
    width: 64px;
    height: 64px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content .title {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 30px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 8px);
    transition: all 1.2s;
    color: #FFFFFF;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content {
    padding: 0 60px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .tech-icon {
    width: 80px;
    height: 80px;
    fill: #ffffff;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .advtange {
    margin-top: 20px;
    line-height: 26px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .history {
    margin-top: 40px !important;
  }
  .history .begin .square {
    width: 20px;
    height: 20px;
  }
  .history .history-wrapper {
    padding: 60px 0 20px 0;
  }
  .history .history-wrapper .fr .square {
    top: 18px;
  }
  .history .history-wrapper .fl {
    padding-right: 42px;
  }
  .history .history-wrapper .fl .square {
    top: 18px;
  }
  .history .history-wrapper .history-item {
    width: calc(50.5% - 38px);
    margin-bottom: 12px;
  }
  .history .history-wrapper .history-item .square {
    width: 20px;
    height: 20px;
  }
  .history .history-wrapper .history-item .square .dot {
    width: 14px;
    height: 14px;
  }
  .history .history-wrapper .history-item .date {
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .history .history-wrapper .history-item .centent {
    font-size: 14px;
    line-height: 20px;
  }
  .history .more {
    font-size: 14px;
  }
  .sub-content {
    margin: 0;
    margin-bottom: 40px;
  }
  .search-btn {
    display: none;
  }
  .search-mobile {
    display: block !important;
    margin-top: 20px !important;
  }
  .search-mobile .wp-block-search__inside-wrapper {
    display: flex !important;
  }
  .search-mobile .search-btn {
    display: block;
  }
  #mega-menu-max_mega_menu_1 {
    box-shadow: 0px 8px 18px 0px rgba(182, 182, 182, 0.5);
    margin-top: 20px !important;
    padding: 0 15px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 30px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: unset;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover a {
    color: #CDAB8C !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 14px !important;
    line-height: 60px !important;
    font-weight: 400;
    color: #333333;
  }
  .mega-hide-arrow a.mega-menu-link:before {
    display: block !important;
  }
  .mega-menu li {
    height: 60px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
    border-bottom: 1px solid #e6e6e6;
    height: 60px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item a {
    display: flex !important;
    justify-content: space-between;
    flex-direction: row-reverse;
    height: 60px !important;
    line-height: 60px !important;
    background: unset !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children a {
    flex-direction: row;
  }
  .mega-menu-item-has-children .mega-sub-menu .mega-menu-item {
    font-size: 14px !important;
  }
  .mega-menu-item-has-children .mega-sub-menu .mega-menu-item a {
    height: 60px !important;
    line-height: 60px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .mega-sub-menu {
    margin-left: 20px !important;
  }
  .mega-toggle-on {
    border-bottom: unset !important;
  }
  .product {
    padding: 0 15px;
  }
  .dl-header .header-main {
    padding: 20px 15px;
  }
  .cate-list,
  .cate-child-list {
    margin: 0 15px;
  }
  .error-container {
    margin-top: 180px !important;
    margin-bottom: 20px !important;
    display: flex;
    flex-direction: column;
  }
  .error-container .left-error {
    width: 100%;
  }
  .error-container .right-error {
    width: 100%;
  }
  .error-container .right-error .error-title {
    display: none;
  }
  .error-container .right-error p {
    font-size: 20px;
  }
  .error-container .right-error .backbtn .wp-block-button a {
    width: 80px;
    height: 28px;
    border-radius: 6px;
    font-size: 12px;
  }
  .map-container {
    margin: 0px 15px;
  }
  .map-container .baidu_Map {
    margin-top: 40px;
  }
  .sub-content {
    padding: 0 15px;
  }
  .sub-content .wp-block-media-text__content {
    font-size: 14px;
  }
  .sub-content2 .wp-block-media-text__content {
    font-size: 14px;
  }
  #news-block {
    padding: 0 15px;
  }
  .banner .link-img .wp-block-image img {
    width: 100% !important;
    min-height: 300px;
    height: 100%;
  }
  .dl-title {
    font-size: 22px;
  }
  .dl-entitle {
    font-size: 24px;
    margin-top: 20px !important;
  }
  .contact-content {
    margin: 40px auto;
    padding: 0 15px !important;
  }
  .contact-content .contact-bind {
    flex-direction: column;
  }
  .map-container {
    height: 432px;
  }
  .map-container .baidu_Map {
    margin-top: 40px;
    width: 100%;
    height: 100%;
  }
  .map-container .map-list {
    background-color: #ffffff;
    position: absolute;
    left: 20px;
    top: 30px;
    bottom: 30px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 30px;
  }
  .map-container .map-list .line {
    border: 1px solid #E6E7E8;
    width: 100%;
  }
  .map-container .map-list .map-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .map-container .map-list .map-info .icon {
    width: 18px;
    height: 18px;
  }
  .map-container .map-list .map-info .title {
    font-weight: bold;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .map-container .map-list .map-info .info {
    color: #333333;
    font-size: 14px;
  }
  .team-intro .team-container .team .team-list li {
    width: 100%;
  }
  .news-ul .category-news {
    width: 48%;
  }
  .searchnews .news-ul .category-news {
    width: 100% !important;
  }
  #pdf-header {
    padding: 40px 0;
  }
  #pdf-header .pdf-title {
    font-size: 18px;
  }
  #pdf-header .pdf-date {
    font-size: 12px;
    margin: 15px 0 28px 0;
  }
  #pdf-header .pdf-link {
    width: 100px;
    height: 25px;
    border-radius: 12.5px;
  }
  #pdf-header .pdf-link .wp-block-button__link {
    padding: 0;
    line-height: 25px;
    font-size: 13px;
    color: #FFFFFF;
  }
  .pdf-content {
    display: none;
  }
  .content-pdf-m {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  .content-pdf-m .pdf-title {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
  }
  .content-pdf-m a {
    margin-top: 10px;
    padding: 10px 100px;
    background: #C8AC90;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 44px;
  }
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 0 15px;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    margin-left: 20px;
    box-shadow: unset;
  }
  .dl-header {
    padding: 0;
  }
  .has-global-padding {
    padding-left: unset;
    padding-right: unset;
    margin: 0 auto;
  }
  .dl-header .header-main {
    padding: 0 15px;
  }
  .medium-container {
    margin: 20px 15px !important;
  }
  .has-global-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .switch-product .switch-product-box .swiper-container .swiper-wrapper .left {
    max-height: 500px;
  }
  .has-global-padding > .alignfull {
    margin-left: 0;
    margin-right: 0;
  }
  .common-title {
    padding: 40px 15px 20px 15px;
    margin-block-start: 0;
  }
  .common-title .cn-title {
    margin-top: 10px;
  }
  .common-title .en-title .title {
    font-size: 18px;
  }
  .common-title .cn-title .title {
    font-size: 18px;
  }
  .common-title .cn-title .more-link {
    margin-block-start: 0rem;
  }
  .introduce-container {
    padding: 20px 15px;
  }
  .introduce-container .introduce-detail .focus-title {
    font-size: 22px;
    text-align: center;
  }
  .introduce-container .introduce-detail .focus-title .tip {
    font-size: 14px;
  }
  .introduce-container .introduce-detail .intro {
    font-size: 14px;
  }
  .sub-content2 {
    margin: 0;
    padding: 0 15px;
  }
  .news {
    flex-direction: column;
  }
  .news .news-item {
    width: 100%;
    margin-bottom: 30px;
  }
  .news .news-item .news-detail {
    padding: 30px;
  }
  .news .news-item .news-detail .news-right .news-title {
    font-size: 16px;
    line-height: 30px;
  }
  .news .news-item .news-detail .news-right .news-excerpt {
    font-size: 12px;
    line-height: 24px;
  }
  .footer-container {
    margin: 0 auto;
  }
  .footer-container .link-us {
    font-size: 24px;
  }
  .footer-container .contact-code img {
    width: 100px;
    height: 100px;
  }
  .footer-container .contact-code .contact-info {
    font-size: 14px;
    margin-top: 12px;
  }
  .footer-container .contact {
    font-size: 26px;
  }
  .footer-container .footer-common {
    font-size: 14px;
    margin-top: 0px;
  }
  .footer-link .link-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
  }
  .footer-link .link-container .link-url {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .footer-link .link-container .link-url .wp-block-group {
    width: 44%;
    margin-top: 20px;
    margin-right: 0px;
  }
  .footer-link .link-container .link-url .wp-block-group p a {
    color: #666666;
  }
  .more-btn .wp-element-button {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #CDAB8C;
    border-radius: 15px;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
  }
  .more-btn .wp-element-button .read-more-icon {
    width: 12px;
    height: 12px;
    fill: #ffffff;
  }
  .switch-product {
    display: block;
    padding: 0 15px;
  }
  .switch-product .switch-product-btn {
    display: none;
  }
  .product-left .switch-product .switch-product-btn {
    display: block;
  }
  .product-mobile {
    display: block;
  }
  .product-mobile .product-menu {
    width: 100%;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 30px 0;
  }
  .product-mobile .product-menu::-webkit-scrollbar {
    display: none;
  }
  .product-mobile .product-menu .product-detail {
    font-size: 16px;
    color: #B3B4B5;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
    display: inline-block;
    margin-right: 48px;
  }
  .product-mobile .product-menu .product-detail a {
    padding-bottom: 6px;
    color: #B3B4B5;
  }
  .product-mobile .product-menu .active a {
    color: #333333;
    border-bottom: 2px solid #CDAB8C;
  }
  .switch-product .switch-product-box {
    width: 100%;
    visibility: hidden;
  }
  .switch-product .active {
    visibility: visible;
  }
  .footer-container {
    padding: 0 15px;
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .introduce-container .introduce-detail {
    max-width: 40%;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1200px) {
  .footer-left {
    width: 45%;
  }
  .team-intro .team .team-list li {
    width: 48%;
  }
  .technology .technology-wrapper .tech-info {
    width: 48%;
  }
  .good-recommend {
    padding: 0 15px;
  }
  .good-recommend .good-list {
    flex-wrap: wrap;
  }
  .good-recommend .good-list li {
    margin-bottom: 20px;
  }
  .good-recommend .good-list li a img {
    max-width: 120px;
  }
  .goods-detail {
    padding: 0 15px;
  }
  .goods-detail .entry-content {
    margin-top: 40px !important;
  }
  .product-top {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
  }
  .product-top .product-left {
    width: 100%;
  }
  .product-top .product-left .product-gallery .switch-product {
    margin-top: 40px;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-box {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-box .swiper-container .swiper-wrapper .left {
    padding: 0px;
    max-width: unset;
    max-height: unset;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-btn .swiper-container .swiper-wrapper .swiper-slide {
    max-width: 124px;
    max-height: 124px;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-btn .swiper-container .swiper-wrapper .swiper-slide a img {
    width: 100%;
  }
  .product-top .product-right {
    width: unset;
    margin-top: 40px;
    margin-left: 0px;
  }
  .product-top .product-right .good-title .good-name {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .product-top .product-right .good-title .good-desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
  }
  .product-top .product-right .good-title .link-desc {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0;
  }
  .product-top .product-right .good-title .good-link {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .product-top .product-right .good-title .good-link li {
    width: 24%;
  }
  .product-top .product-right .good-title .good-link li a img {
    width: 100%;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .product ul .product-li .wp-block-post-featured-image a {
    padding: 20px;
  }
  .switch-product .switch-product-box .swiper-container .swiper-wrapper .left {
    max-height: 300px;
  }
}
@media only screen and (max-width: 1000px) {
  .honor-swiper-container .honor-pagination {
    display: none;
  }
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  #news-block .news-content {
    padding: 0;
  }
  .sub-content {
    display: flex;
    flex-direction: column;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
  .sub-content .wp-block-media-text__content {
    overflow: unset;
    display: block;
  }
  .sub-content .wp-block-media-text__content .more-btn {
    position: unset;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sub-content2 .wp-block-media-text__content {
    overflow: unset;
    display: block;
  }
  .sub-content2 .wp-block-media-text__content .more-btn {
    position: unset;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sub-content2 {
    margin-top: 40px !important;
  }
  .sub-content2 .wp-block-media-text__content h6 {
    margin-top: 10px;
  }
  .pdf-swiper-container {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .error-container {
    margin-top: 120px !important;
  }
  .good-recommend .recommend-title {
    margin-top: 0px;
  }
  .good-recommend .good-list {
    margin-top: 20px;
  }
  .page-template-technology main {
    margin-top: 20px !important;
  }
  .page-template-archive-news main {
    margin-top: 0px !important;
  }
  .honor .honor-list {
    margin-top: 40px;
  }
  .page-template-technology main {
    margin-top: 20px !important;
  }
  .news {
    margin-top: 0px !important;
  }
  .news .news-item {
    margin-bottom: 20px;
  }
  .team-intro .team .team-list li {
    margin-bottom: 20px;
  }
  .search-main .wp-block-search__inside-wrapper {
    height: 40px;
  }
  .search-main .wp-block-search__inside-wrapper .wp-block-search__button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .no-result {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .no-result .common-wrap {
    width: 50%;
  }
  .no-result .no-result-text {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
  }
  .search-title {
    font-size: 20px;
  }
  .team-intro .team .show {
    display: flex !important;
    margin: 40px auto;
    padding: 6px 8px;
    border-radius: 20px;
    color: #999999;
    font-size: 14px;
    line-height: 14px;
  }
  .page-template-aboutus .has-media-on-the-right {
    padding-top: 40px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover a {
    color: #cdab8c !important;
    font-weight: 400;
    background-color: #ffffff !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul {
    background-color: #ffffff !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul:hover a {
    background-color: #ffffff !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul li a {
    color: #333333 !important;
    background-color: #ffffff !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li:hover ul li:hover a {
    color: #333333 !important;
    background-color: #ffffff !important;
  }
  .product-top {
    margin-top: 40px !important;
  }
  .common-title .cn-title a {
    font-size: 12px;
  }
  .common-title .cn-title a .icon {
    width: 18px;
    height: 18px;
  }
  .team-intro .team .team-list li .left {
    width: 30%;
  }
  .team-intro .team .team-list li .right {
    width: 60%;
  }
  .news-ul .category-news a .news-left {
    width: 30%;
  }
  .team-intro .about-team {
    margin-top: 40px !important;
  }
  .btn-link {
    padding: 4 12px;
    font-size: 14px;
  }
  .honor-swiper-container .swiper-wrapper {
    margin-bottom: 40px;
  }
  .footer-container .contact-code .contact-info {
    font-size: 12px;
  }
  .footer-bottom {
    margin: 0 15px;
  }
  .product ul {
    margin-top: 40px;
  }
  .history {
    margin-top: 40px !important;
  }
  .history .begin {
    justify-content: flex-start;
    margin-left: 8px;
  }
  .history .begin .square {
    width: 20px;
    height: 20px;
  }
  .history .history-wrapper {
    padding: 60px 0 20px 0;
    margin-left: 20px;
    background: url(http://cdn.tongxigroup.com/wp-content/themes/tongxigroup/assets/images/solid.jpg) repeat-y left;
  }
  .history .history-wrapper .fr .square {
    top: 10px;
    left: 32px;
  }
  .history .history-wrapper .fl {
    padding-right: 42px;
    padding-left: 20px;
    text-align: left;
  }
  .history .history-wrapper .fl .square {
    top: 12px;
    left: -10px;
  }
  .history .history-wrapper .history-item {
    width: 100%;
    margin-bottom: 12px;
  }
  .history .history-wrapper .history-item .square {
    width: 20px;
    height: 20px;
  }
  .history .history-wrapper .history-item .square .dot {
    width: 14px;
    height: 14px;
  }
  .history .history-wrapper .history-item .date {
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .history .history-wrapper .history-item .centent {
    font-size: 14px;
    line-height: 20px;
  }
  .history .more {
    font-size: 14px;
    justify-content: flex-start;
  }
  .history .history-wrapper .fl .content {
    padding-left: 0;
    margin-right: 25px;
  }
  .history .history-wrapper .fr .content {
    padding-right: 0;
  }
  .history .history-wrapper .fr .date {
    padding-left: 20px;
  }
  .history .history-wrapper .fr .content {
    padding-left: 20px;
  }
  .goods-detail .entry-content {
    padding: 40px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .tax-goodcate .banner-mask .wp-block-query-title {
    font-size: 0;
  }
  .tax-goodcate .banner-mask .wp-block-query-title span {
    font-size: 24px;
  }
  .cate-list {
    display: none;
  }
  .cate-child-list {
    display: none;
  }
  .dl-entitle {
    font-size: 14px;
    margin-top: 10px !important;
  }
  #main {
    margin-top: 40px;
  }
  .footer-link {
    padding: 20px 0;
  }
  .news .news-item .news-detail .news-right {
    padding: 0 10px 0 20px;
  }
  .introduce-container .introduce-detail .intro {
    margin-top: 10px;
  }
  .contact-content {
    margin: 80px auto;
  }
  .contact-content .form-control {
    padding: 2px 10px;
    font-size: 14px;
    width: calc(100% - 20px);
  }
  .contact-content .contact-tip {
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
  }
  .contact-content .contact-bind .form-group {
    margin-bottom: 0px;
  }
  .contact-content .contact-bind .form-group .title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 18px;
  }
  .contact-content .contact-bind .form-group p {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }
  .contact-content .contact-bind .form-group p span .form-control {
    height: 42px;
  }
  .contact-content .help .title {
    font-weight: 400;
    font-size: 14px;
    margin-top: 0px;
  }
  .contact-content .help p {
    margin-block-start: 20px;
  }
  .contact-content .form-group {
    text-align: center;
  }
  .contact-content .form-group .btn {
    margin-top: 20px;
    width: 140px;
    height: 50px;
    padding: 0px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
  }
  .contact-content .help .form-control {
    padding: 10px;
  }
  .map-container {
    height: unset;
  }
  .map-container .baidu_Map {
    margin-top: 20px;
    width: 100%;
    height: 216px;
  }
  .map-container .map-list {
    margin-top: 40px;
    background-color: #ffffff;
    position: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 20px 10px 20px;
  }
  .map-container .map-list .line {
    border: 1px solid #E6E7E8;
    width: 100%;
  }
  .map-container .map-list .map-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .map-container .map-list .map-info .icon {
    width: 22px;
    height: 22px;
  }
  .map-container .map-list .map-info .title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 16px;
  }
  .map-container .map-list .map-info .info {
    color: #333333;
    font-size: 16px;
  }
  .banner-mask h3 {
    font-size: 20px;
  }
  .footer-link {
    margin-top: 40px !important;
  }
  .pdf {
    margin-top: 40px !important;
    padding: 0 15px;
  }
  .pdf ul li .wp-block-spacer {
    height: 0px !important;
  }
  .news .news-item .news-detail .news-left .news-year {
    font-size: 12px;
  }
  .news .news-item .news-detail .news-left .news-day {
    font-size: 18px;
  }
  .entry-content {
    margin-top: 40px !important;
  }
  .team-intro .about-team {
    font-size: 14px;
  }
  .footer-link .link-container .link-url .wp-block-group p a {
    font-size: 12px;
  }
  .wp-block-site-logo a,
  .wp-block-site-logo img {
    width: 200px;
    height: 30px;
  }
  .footer-link .link-container .link-url .wp-block-group {
    width: 46%;
    margin-top: 10px;
  }
  #news-block .news-title {
    font-size: 20px;
  }
  .news-ul {
    margin: 40px 15px !important;
    flex-wrap: wrap;
  }
  .news-ul .category-news {
    width: 100%;
    background: #F5F5F5;
    padding: 30px 0;
    margin-block-start: 0;
  }
  .news-ul .category-news a {
    height: 120px;
    display: flex;
    flex-direction: row;
  }
  .news-ul .category-news a .news-left .year {
    font-size: 12px;
    color: #666666;
    text-align: right;
  }
  .news-ul .category-news a .news-left .date {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-top: 4px;
    margin-bottom: 38px;
    text-align: right;
  }
  .news-ul .category-news a .news-left .news-img {
    width: 43px;
    height: 43px;
    margin-right: 8px;
  }
  .news-ul .category-news a .news-right {
    width: 70%;
    overflow: hidden;
    padding: 0 30px 0 0;
  }
  .news-ul .category-news a .news-right .news-title {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
  }
  .news-ul .category-news a .news-right .news-excerpt {
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
    min-height: 70px;
    line-height: 24px;
  }
  .news-ul .category-news a .news-right .icon-jinrumore {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    fill: #999999;
  }
  .news-ul .category-news:hover {
    box-shadow: 0px 8px 38px 0px rgba(182, 182, 182, 0.5);
  }
  .team-intro .team .team-list li {
    width: 100%;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask {
    height: calc(100% - 6px);
  }
  .technology {
    padding: 0 15px;
    margin-top: 40px;
  }
  .technology .technology-wrapper {
    justify-content: space-between;
  }
  .technology .technology-wrapper .tech-info {
    width: 100%;
    margin-top: 20px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content {
    top: 100px;
    left: 50px;
    width: calc(100% - 120px);
    height: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content .tech-icon {
    width: 64px;
    height: 64px;
    fill: #ffffff;
  }
  .technology .technology-wrapper .tech-info .tech-detail .content .title {
    margin-top: -80%;
    font-size: 20px;
    line-height: 30px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 6px);
    transition: all 1.2s;
    background: rgba(205, 171, 140, 0.8);
    color: #FFFFFF;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content {
    padding: 0 50px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .tech-icon {
    width: 80px;
    height: 80px;
    fill: #ffffff;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .title {
    margin-top: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
  }
  .technology .technology-wrapper .tech-info .tech-detail .mask .mask-content .advtange {
    margin-top: 140px;
    line-height: 26px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .banner .link-img .wp-block-image img {
    min-height: 200px;
  }
  .banner .about-tips {
    height: 40px;
  }
  .banner .about-tips .nav-ul {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: space-between;
  }
  .banner .about-tips .nav-ul .nav-li {
    height: 36px;
    margin-right: 0;
  }
  .banner .about-tips .nav-ul .nav-li .wp-element-button {
    line-height: 36px;
    color: #ffffff;
    font-size: 12px;
    padding: 0;
    background-color: unset;
  }
  .banner .about-tips .nav-ul .active {
    border-bottom: solid 2px #CDAB8C;
  }
  .switch-product .switch-product-box .swiper-container .swiper-wrapper .left {
    max-height: 200px;
  }
  .tech-swiper-container {
    margin: 20px 15px 0px 15px !important;
  }
  .tech-swiper-container .swiper-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: -20px;
  }
  .footer {
    background: #303132;
    color: #ffffff;
    height: auto;
    margin-block-start: 0rem;
  }
  .footer-left {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 30px !important;
  }
  .footer-container .contact-code img {
    width: 84px;
    height: 84px;
  }
  .footer-container .link-us h3 {
    font-size: 18px;
  }
  .footer-container .contact {
    font-size: 18px;
  }
  .footer-container .footer-common {
    font-size: 14px;
    margin-top: 0px;
  }
  .footer-container .phone {
    margin-top: 15px;
  }
  .footer-container .address {
    margin-top: 15px;
  }
  .footer-right {
    width: 100%;
    margin-block-start: 0;
  }
  .footer-bottom {
    background: #303132;
    color: #ffffff;
    height: 64px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-bottom .copyright {
    font-size: 14px;
  }
  .product-top {
    padding: 0 15px;
    display: flex;
  }
  .product-top .product-left .product-gallery .switch-product {
    margin-top: 40px;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-box .swiper-container {
    width: 100%;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-box .swiper-container .swiper-wrapper .left {
    padding: 0;
    max-width: unset;
    max-height: unset;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-btn .swiper-container .swiper-wrapper .swiper-slide {
    min-height: 90px;
  }
  .product-top .product-left .product-gallery .switch-product .switch-product-btn .swiper-container .swiper-wrapper .swiper-slide a img {
    width: 100%;
  }
  .product-top .product-right .good-title .good-name {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .product-top .product-right .good-title .good-desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
  }
  .product-top .product-right .good-title .link-desc {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0;
  }
  .product-top .product-right .good-title .good-link {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .product-top .product-right .good-title .good-link li {
    width: 24%;
  }
  .product-top .product-right .good-title .good-link li a img {
    width: 100%;
    border-radius: 4px;
  }
  .good-recommend {
    padding: 0 15px;
  }
  .good-recommend .recommend-title {
    font-size: 18px;
    padding: 20px 0;
  }
  .good-recommend .good-list .good-info {
    width: 46%;
  }
  .good-recommend .good-list .good-info a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
  }
  .good-recommend .good-list .good-info .mask {
    margin-top: 25px;
  }
  .good-recommend .good-list .good-info .mask .good-name {
    font-size: 14px;
  }
  .good-detail-title {
    font-size: 18px;
  }
  .tech-swiper-container .swiper-wrapper .swiper-slide .tech-detail .mask .mask-content .advtange {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1920px) {
  .team-intro .team .team-list li {
    height: 200px;
  }
  .team-intro .team .team-list li .left .img img {
    max-height: 180px;
  }
  .team-intro .team .team-list li .left {
    width: 30%;
  }
  .team-intro .team .team-list li .right {
    width: 64%;
  }
  .common-main {
    margin: 80px auto;
  }
  .news-ul {
    margin: 80px auto !important;
  }
  .search-cat {
    margin: 0 auto;
  }
  .history .history-wrapper .history-item {
    width: calc(50.5% - 40px);
  }
  .history .history-wrapper .fl .content {
    padding-left: 50%;
  }
  .history .history-wrapper .fr .content {
    padding-right: 50%;
  }
  .dl-header .header-main {
    max-width: 1600px;
  }
  .medium-container {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .dl-header .header-main {
    padding: 20px 0;
    margin: 0 auto;
  }
  .footer-container {
    margin: 0 auto;
  }
  .sub-content2 {
    margin: 0 auto;
  }
  .sub-content {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  .introduce-container .introduce-detail {
    max-width: 200px;
  }
  .map-container {
    margin: 0 auto;
  }
  .wp-block-media-text {
    max-width: 1600px;
  }
  .product-top,
  .good-recommend,
  .goods-detail,
  .product {
    padding: 0;
    margin: 0 auto;
  }
  .cate-list,
  .cate-child-list {
    max-width: 1540px;
    margin: 0 auto;
  }
  .search-content {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1921px) {
  .banner .about-tips {
    justify-content: center;
  }
  .banner .about-tips .nav-ul {
    width: 1600px;
    padding-left: 0;
    justify-content: flex-start;
  }
}