/*
Theme Name: Plant Garden
Description: Plant Garden WordPress theme is a beautifully designed and feature-rich theme created specifically for plant nurseries, gardening enthusiasts, and landscaping businesses. It offers a comprehensive set of tools and functionalities to showcase plants, gardening products, and gardening services in an engaging and visually appealing manner. The theme offers a fresh and vibrant design that helps create a captivating online presence for plat-related businesses. It offers multiple pre-designed layouts and templates that can be easily customized to match the branding and style of the business. It allows for seamless integration of logos, color schemes, and typography, ensuring a consistent and cohesive representation of the brand. The Plant Garden WordPress Theme focuses on presenting plants and gardening products in an attractive and organized way. It provides dedicated sections and layouts to display plant categories, individual plant listings, product catalogs, and pricing information. The inclusion of high-quality images and detailed descriptions helps to showcase the beauty and features of each plant or product, enticing visitors to make a purchase or inquiry. Furthermore, the Plant Garden theme offers necessary features to enhance the user experience. It includes a search functionality, allowing users to easily find specific plants or products of interest. The theme also integrates with e-commerce plugins, enabling businesses to sell plants and gardening products directly from their website. This provides a convenient and seamless shopping experience for customers.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-garden-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.6
Requires PHP: 5.6
Tested up to: 6.3
Requires at least: 5.0.details h3
Tags: photography, portfolio, e-commerce, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, flexible-header, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments
Text Domain: plant-garden
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Plant Garden WordPress Theme has been created by misbahwp(misbahwp.com), 2023.
Plant Garden WordPress Theme is released under the terms of GNU GPL
*/
.container{
  width: 1400px;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

body {
  /* font-family: 'Red Hat Display', sans-serif; */
  color: #a3aab4;
  margin: 0;
  background: #fff;
  
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #666;
  text-transform: capitalize;
}

a {
  color: #666;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #ff6600;
  text-decoration: none;
}
.pc{
  display: block;
}
.sm{
  display: none;
}
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}

.alignfull img {
  width: 100vw;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#tab-description a,
.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  margin-left: 0px;
}

.wp-block-button__link {
  background: #ff6600;
  color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #222222;
  color: #222222 !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0px !important;
}

.tag-title h3,
.tag-title h1 {
  overflow-wrap: anywhere;
}

.blocks-gallery-grid:not(.has-nested-images) {
  padding: 6px;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
  width: 100%;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
  border-bottom: solid 1px #f5f7fb;
}

.top-info-box i {
  background: #e5faf1;
  width: 40px;
  height: 40px;
  padding: 10px 0;
  text-align: center;
  border-radius: 30px;
  color: #ff6600;
}

.top-info-box h6 {
  color: #ff6600;
  font-size: 15px;
  font-weight: 300;
}

.top-info-box p {
  color: #666;
  font-weight: 600;
}

a.cart-customlocation i,
a.myacunt-url i {
  background: #f5f7fb;
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
  color: #666;
  border-radius: 30px;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo a {
  color: #666;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}

.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  /* padding: 0 30px; */
}

.logo-image {
  float: left;
}

/* ===============================================
   PRODUCT SEACRH AND PRODUCT DROPDOWN
   ============================================= */

.header .product-btn {
  padding: 10px 15px;
  background: transparent;
  color: #8d8ca4;
  border: 1px solid #ededed;
  width: 100%;
  text-align: left;
}

.header .product-cat {
  background: #f5f5f5;
  color: #8d8ca4;
  border: 1px solid #ededed;
  list-style: none;
  position: absolute;
  width: 93%;
  z-index: 999;
  text-align: left;
}

.header .product-btn i,
.header li.drp_dwn_menu i {
  text-align: right;
  float: right;
  margin: 3px 0;
}

.header li.drp_dwn_menu {
  border-bottom: 1px solid #ededed;
  padding: 14px;
}

.header li.drp_dwn_menu:hover {
  background: #ff6600;
}

.header li.drp_dwn_menu:hover a,
.header li.drp_dwn_menu:hover i {
  color: #fff;
}

.header li.drp_dwn_menu a {
  color: #8d8ca4;
}

.header input.search-field {
  padding: 10px 15px;
  color: #8d8ca4;
  border: none;
  float: left;
  width: 83%;
}

.header input.search-field::placeholder {
  color: #8d8ca4;
}

.header button.search-button {
  padding: 10px 15px;
  background: transparent;
  color: #8d8ca4;
  border: none;
  cursor: pointer;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
  display: block;
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%;
padding-right: 20px;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
  text-align: right;
}

#main-menu ul li {
  position: relative;
  display: inline-block;
  /* float: left; */
  text-align: left;
}

#main-menu ul li a {
  text-decoration: none;
  display: block;
  z-index: 1;
  padding: 8px 15px;
  margin: 0;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;
  line-height: 53px;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
  color: #ff6600;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 70px;
  left: -9999em;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  position: relative;
  margin: 0;
  line-height: 1.2em;
  text-transform: none;
  width: 213px;
  min-height: inherit;
  margin: 0;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: 100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 20px 15px;
  margin: 0;
  border: none;
  line-height: inherit;
  color: #666;
}

#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover {
  background: #ff6600;
  color: #fff;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
  opacity: 1;
  left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.post-thumbnail {
  line-height: 0;
}

h3.post-title {
  font-size: 20px;
  font-weight: 500;
}

.post-content p {
  color: #333;
}

.post-meta i {
  color: #ff6600;
}

.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #666;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}

.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,
footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */

.blog_box p {
  color: #000;
  font-size: 16px;
}

.blog_inner_box img {
  opacity: 0.6;
}

.blog_inner_box {
  position: relative;
}

.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 15%;
}

.blog_box h3 {
  font-size: 45px;
  color: #666;
}

.blog_inner_box h6 {
  color: #718d91;
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  background: #ffffff;
  padding: 12px;
}

p.slider-button a {
  background: #ff6600;
  padding: 12px 25px;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
}

p.slider-button a:hover {
  background: #666;
}

.slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.slider button.owl-prev,
.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
  position: absolute;
}

.slider button.owl-prev i,
.slider button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  background: #666;
}

.slider button.owl-prev i:hover,
.slider button.owl-next i:hover {
  background: #ff6600;
  color: #fff;
}

.slider button.owl-prev {
  left: 50px;
}

.slider button.owl-next {
  right: 50px;
}

/* ===============================================
   Hot Products
  ============================================= */

#hot_products h5 {
  color: #ff6600;
  font-size: 18px;
}

#hot_products h3 {
  font-size: 35px;
}

#hot_products img {
  width: 100%;
}

#hot_products h4.product-text {
  font-size: 18px;
  font-weight: 600;
}

#hot_products h4 a:hover {
  color: #ff6600;
}

#hot_products .button2 {
  display: inline-block;
  padding: 10px 20px;
  margin: 30px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: #ff6600;
  font-weight: 400;
  font-size: 14px;
}

#hot_products .button2,
#hot_products .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#hot_products .button2::before,
#hot_products .button2::after {
  background: #ff6600;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}

#hot_products .button2:hover {
  color: #fff;
  background: #090a14;
}

#hot_products .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}

#hot_products .button2:hover:after {
  width: 100%;
}

#hot_products .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  color: #f5f5f5;
  background: #ff6600;
  font-weight: 600;
  position: absolute;
  right: 0;
  left: 0;
  padding: 10px 10px;
  z-index: 9999;
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  margin: 0 auto;
  border-radius: 30px;
}

#hot_products .tab-product:hover .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  top: 50%;
  transform: translateY(-50%);
  visibility: visible;
  opacity: 1;
  width: 100px;
}

#hot_products a.added_to_cart.wc-forward {
  position: absolute;
  top: 30%;
  transform: translateY(-30%);
  width: 100px;
  padding: 10px;
  background: #f5f5f5;
  color: #ff6600;
  font-weight: 600;
  right: 0;
  left: 0;
  margin: 0 auto;
  font-size: 14px;
  border-radius: 30px;
}

#hot_products figure {
  margin: 0;
  padding: 0;
  background: #666;
  overflow: hidden;
}

#hot_products figure:hover+span {
  opacity: 1;
}

#hot_products figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#hot_products .product-image:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.product-image {
  position: relative;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #ff6600 transparent;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {}
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }

  100% {}
}

.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/* ===============================================
   sticky header
   =============================================== */

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
}

.admin-bar .fixed-header {
  margin-top: 32px;
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
  background: #eee;
  border: none;
  border-radius: 16px;
  box-shadow: 2px 2px 10px 2px #ccc;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.plant-garden-pagination {
  margin: 25px 0a;
}

.pagination {
  justify-content: center;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.plant-garden-pagination a span,
.plant-garden-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 2px 9px;
  font-size: 14px;
  line-height: 21px;
  color: #666;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #f3f4f7;
  position: relative;
  margin: 0;
  border: 1px solid #e4e4e4;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.plant-garden-pagination span.current,
.plant-garden-pagination span.current:hover,
.plant-garden-pagination span.current:focus,
.plant-garden-pagination a span:hover,
.plant-garden-pagination a span:focus {
  background: #ff6600;
  color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus {
  color: #fff;
}

.comment-respond input#submit:hover,
.comment-reply a:hover {
  background: #666;
  color: #fff;
}
.navigation{
 margin-top: 30px;
}
.comment-form-url input,
nav.navigation.pagination {
  width: 100%;
}

.comment-respond input#submit {
  background: #ff6600;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

.comment-content.card-block {
  padding: 15px;
}

.comment-reply a {
  background: #ff6600;
  padding: 5px 15px;
  color: #fff;
}

.sidebar-area .wp-block-latest-comments__comment-meta {
  float: none;
  background: transparent;
}

.sidebar-area .wp-block-latest-comments__comment-meta a {
  color: #2f3235;
}

ol.wp-block-latest-comments {
  padding: 0;
}

.sidebar-area .wp-block-latest-comments__comment li {
  margin-bottom: 0;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}

.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}

.sidebar-area li {
  padding-bottom: 15px;
}

.sidebar-area h4.title,
.sidebar-area h1.wp-block-heading,
.sidebar-area h2.wp-block-heading,
.sidebar-area h3.wp-block-heading,
.sidebar-area h4.wp-block-heading,
.sidebar-area h5.wp-block-heading,
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #ff6600;
  border-left: solid 5px #666;
}

.footer-area h4.title,
.footer-area h1.wp-block-heading,
.footer-area h2.wp-block-heading,
.footer-area h3.wp-block-heading,
.footer-area h4.wp-block-heading,
.footer-area h5.wp-block-heading,
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label {
  background: none !important;
  border-left: none;
}

footer .wp-block-search__label,
footer .sidebar-area h1.wp-block-heading,
footer .sidebar-area h2.wp-block-heading,
footer .sidebar-area h3.wp-block-heading,
footer .sidebar-area h4.wp-block-heading,
footer .sidebar-area h5.wp-block-heading,
footer .sidebar-area h6.wp-block-heading {
  background: none !important;
  border-left: none !important;
}

footer .sidebar-area form {
  padding: 0px;
}

.sidebar-area .wp-block-search__button {
  background: #ff6600;
}


.sidebar-area .tagcloud a,
p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: #ff6600;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
  background: #666;
}

.sidebar-area form {
  padding: 15px;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding: 5px 2%;
  border: solid 1px #666;
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}

#wp-calendar a:hover {
  border: none;
}

#wp-calendar {
  background: #fff;
  width: 100%;
}

#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}

#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}

#wp-calendar th {
  font-weight: bold
}

tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}

.searchform label {
  display: block;
}

.searchform input[type=text],
.sidebar-area .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}

.searchform input[type=submit],
.sidebar-area .wp-block-search__button {
  background: #ff6600;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
  background-color: #ff6600;
  text-decoration: none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
  background: #666;
}

footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

.wp-block-group__inner-container h2 {
  color: #fff;
}


footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #fff;
}

.footer-area ul {
  padding: 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}

.scroll-up a {
  background: #ff6600;
  color: #000;
}

.scroll-up a:hover {
  background: #666;
  color: #fff;
}

.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

/* 添加   公共*/
.banner img {
  width: 100%;
  height: auto;
}

h1 {
  color: #000000;
  box-sizing: inherit;
  font-size: 24px;
}

h2 {
  color: #000000;
  box-sizing: inherit;
  font-size: 22px;
}

h3 {
  color: #000000;
  box-sizing: inherit;
  font-size: 20px;
}

h4 {
  color: #000000;
  box-sizing: inherit;
  font-size: 19px;
}

h5 {
  color: #000000;
  box-sizing: inherit;
  font-size: 17px;
}

h6 {
  color: #000000;
  box-sizing: inherit;
  font-size: 15px;
}

/*头部*/
 .langBox {
  text-align: right;
}

.langBox img {
  width: 20px;
  height: 20px;
}

/* logo */
.main-header-box .custom-logo {
  width: 50px;
  height: 50px;
}

.align-self-center .logo-content {
  text-align: left;
  display: block;
}

#main-menu ul li a {
  position: relative;
  padding-bottom: 20px;
}

#main-menu>#menu-menu-1>li>a:hover:before,
#main-menu>ul>li>a:focus:before,
#main-menu>ul>li>a.active,
#main-menu>ul>li.current-menu-item>a:before,
#main-menu>ul>li.current-menu-ancestor>a:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 6px solid #ff6600;
  bottom: calc(50% - 19px);
  left: calc(50% - 5px);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  z-index: 999;
}

.main-header-box {
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 4px 0px rgb(204, 204, 204);
  /* position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999; */

}

/* 轮播图 */
.mainbox {
  /* padding-top: 50px; */
}

.mySwiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-container-rtl .swiper-button-prev,
.mySwiper .swiper-button-prev,
.mySwiper .swiper-container-rtl .swiper-button-next {
  background: none;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
  width: 40px;
}

.mySwiper .swiper-button-next img,
.mySwiper .swiper-button-prev img {
  cursor: pointer;
  padding: 10px;
  background: rgba(0, 0, 0, 0.2);
}

.mySwiper .swiper-pagination-bullet {
  background-color: #ddd;
  opacity: 1;
}

.mySwiper .swiper-pagination-bullet-active {
  background-color: #666;
}

.swiper-wraper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.mySwiper .swiper-slide img {
  width: 100%;
  height: 650px;
}

/* 产品 分类*/
.productsclass{
  padding-top: 20px;
  background-color: #fff;
}
.products {
  padding: 20px 0;
}

.products h1 {
  text-align: center;
  padding-bottom: 20px;
  font-weight: normal;
}

.products .productList {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  padding-left: 5px;
  width: 100%;
}

.products .productList .productItem {
  display: inline-block;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.products .productList .productItem a{
  text-decoration: none;
}
.products .productList .productItem a>img {
  width: 100%;
  height: auto;
}

.products .productList .productItem h5 {
  margin: 10px 0;
  padding: 5px;
  margin-bottom: 0;
  font-weight: normal;
  color: #333;
  height: 50px;
  overflow: hidden;
}

.products .productList .productItem h5:hover {
  color: #ff6600;
  cursor: pointer;
}

.products .productList .productItem p {
  color: #666;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 5px;
  font-size: 16px;

}

.products .productList .productItem .productBtns {
  display: flex;
  align-items: center;
}

.products .productList .productItem .btnitem {
  background-color: #ff6600;
  color: #fff;
  width: 50%;
  box-sizing: border-box;
  margin: 5px;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  border-radius: 3px;
  margin-right: 2px;
}

.products .productList .productItem .btnitem a {
  color: #fff;
}

.products .productList .productItem .productBtns .productBtnsRight {
  margin-left: 2px;
}

.products .productList .productItem .productBtns .productBtnsRight img {
  width: 20px;
  height: 20px;
  margin-bottom: 0;
}
/* 产品分类2 */
.products2 .productList .productItem h5{
  text-align: center;
}
/* 产品分类3 */
.products3 .productList .productItem h5{
  text-align: center;
  margin-top: 10px;
  
}
.products3 .productList li{
  position: relative;
}
.products3 .productList  .productBtns{
  position: absolute;
  bottom: 60px;
    left: 15px;
    /* width: 100%; */
    right: 15px;
    font-size: 0;
}

.products3 .productList .productItem .btnitem{
  margin: 0; 
  background-color:#ff6600;
  padding:  8px 0;
  text-align: center;
  border-radius: 0px;
   margin-right: 0;
   height: 40px;
   font-size: 16px;
}
.products3 .productList .productItem .btnitem:first-child{
 border-right: 1px solid #fff;
}
.products3 .productList .productItem .productBtns .productBtnsRight{
  margin-left: 0;
}
/* 下载分类 */
#download {
  background-color: rgba(255, 102, 0, 0.07);
  padding-top: 30px;
  
}
#download>.container{
  padding-bottom: 50px;
}

#download .downloadItem {
  width: 100%;
  background-color: #fff;
  padding: 15px 20px;
  margin: 8px 0;
  overflow: hidden;
  
}
#download .wp-block-file{
  margin-bottom: 0;
}
#download .wp-block-file a {
  display: inline-block;
  min-height: 20px;
  font-size: 16px;
}
#download .wp-block-file a:first-child
{
  position: relative;
  padding-left: 32px;
  /* file1 */
}
#download .wp-block-file a:first-child::before{
  content: "";

  background: url("./assets/images/file.png") no-repeat;
  background-size: cover;
  display: block;
  width: 25px;
  height: 25px;

  position: absolute;
  left: 0;
  top: calc(50% - 13px);
}
#download .wp-block-file>a:first-child:hover::before {
  content: "";
  background: url("./assets/images/file1.png") no-repeat;
  background-size: cover;
}
#download .wp-block-file a:last-child {
  position: relative;
  padding: 0;
  padding-left: 22px;
  color: #333;
  float: right;
}

#download .wp-block-file a:last-child::before {
  content: "";

  background: url("./assets/images/download.png") no-repeat;
  background-size: cover;
  display: block;
  width: 15px;
  height: 15px;

  position: absolute;
  left: 0;
  top: calc(50% - 8px);
}

#download .wp-block-file>a:last-child:hover::before {
  content: "";
  background: url("./assets/images/download1.png") no-repeat;
  background-size: cover;
}
#download .wp-block-file>a:hover{
  color: #ff6600;
}
#download .wp-block-file>a:last-child {
  background-color: #fff;
  text-align: right;
}

/* 其他分类 */
.classbox{
  padding-top: 30px;
}
.classList{
  min-height: 350px;
}
.classList .classItem img {
  width: 100%;
  min-height: 100px;
  height: auto;
}

.classList .classItem h5 {
  color: #000;
  font-weight: normal;
  margin-top: 15px;
  box-sizing: border-box;
  padding: 0 10px;
  height: 64px;
    overflow: hidden;
    margin-bottom: 2px;
}
.classList .solution h5{
  height: 43px;
}
.classList .classItem p {
  color: #666;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 0 10px;
}

/* 关于我们 */

#c9EP5aQ {
   
  font-size: 16px;
  box-sizing: border-box;
}

#c9EP5aQ .textLineP p a {
  color: #666666;
  text-decoration: none;
  line-height: 160%;
  font-size: 15px;
}

#c9EP5aQ .btnbox {
  display: block;
  padding: 8px 0% 4px 0%;
  color: rgb(102, 102, 102);
  font-size: 15px;
  text-align: left;
  white-space: normal;
}

#c9EP5aQ img {
  width: 17px;
  margin-right: 5px;
  vertical-align: sub;
}

#c9EP5aQ a:hover {
  color: #ff6600;
}

#cdaXj7m {
  margin: 15px 0 20px 1px;
  font-size: 15px;
}

#cdaXj7m label {
  color: red;
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  margin: 6px 0;
}

#myFormco .tetxlable {
  width: 100%;
}

#myFormco textarea {
  width: calc(100% - 30px);
  margin-right: 10px;
  border: 1px solid rgb(237, 237, 237);
  box-sizing: border-box;
  padding: 5px;
  height: 80px;

}

#cdaXj7m input {
  height: 40px;
  width: calc(100% - 30px);
  margin-right: 10px;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(237, 237, 237);


  color: rgb(102, 102, 102);
}

#myFormco .submit {
  display: inline;
  width: auto;
  padding: 0 31px;
  background: #ff6600;
  color: #fff;

}

#myFormco .submit:hover {
  cursor: pointer;
  background: rgb(0, 0, 0);
}



.aboutUs {
  padding-top: 4%;
  padding-bottom: 4%;
  background: rgb(241, 241, 241);
  color: #000000;
}

.aboutUs h1 {
  line-height: 1;
  font-weight: normal;
}

.aboutUs P {
  color: #000000;
  line-height: 2;
  font-size: 15px;
  margin-bottom: 0;
}

.aboutUs .aboutUsL div {
  color: #666;
  line-height: 2;
  font-size: 16px;
  margin: 5px 0;
}

.aboutUs .aboutUsL div:last-child {
  margin-top: 10px;
}

.aboutUs .aboutUsR {
  text-align: right;
}

.aboutUs img {
  margin-top: 0px;
}

/* 展览 */
.exhibition {
  padding: 50px 0;
}

.exhibition h1 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: normal;
}

.exhibition ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 16px;
  color: #666;
  margin: 5px 0;
}
.exhibition ul li{
  margin: 10px 0;
}
.exhibition p {
  font-size: 18px;
  color: #333;
}
.exhibition>div>div p{
  color: #666;
  margin-top: 15px;
}
/*轮播样式ʽ*/
.exhibitions {
  padding-bottom: 50px;
}
.exhibitions h1{
 margin-bottom: 70px;
 margin-top: 20px;
 text-align: center;
}
.exhibitions .poster_box {
  overflow: hidden;
  margin: 30px 20px
}
.exhibitions .poster-main {
    position: relative;
    width: 100%;
    /* height: 340px!important; */
    margin-left: auto;
    margin-right: auto;
}
.exhibitions .poster-main img {
    display: block;
    box-shadow: 0px 0px 10px #222222;
    -webkit-box-shadow: 0px 0px 10px #222222;
    max-width: 100%;
}

.exhibitions .poster-main a,  .exhibition .poster-main img {
  display: block;
  width: 100%;
  height: 100%;
}

.exhibitions.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}
.exhibitions .poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
.exhibitions .poster-main .poster-list .poster-item .item {
  position: relative;
  width: 100%;
  height: 100%
}
 .exhibitions .poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.5) brightness(1);
}
 .exhibitions .poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}
 .exhibitions .poster-main .poster-prev-btn {
  left: 0;
  background: url("./assets/images/left.png") no-repeat center center;
}
 .exhibitions .poster-main .poster-next-btn {
  right: 0;
  background: url("./assets/images/right.png") no-repeat center center;
}
.exhibitions  .poster-item-title {
 background:rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#2a2a2a;

  color: #FFF;
  width: 100%;
  height: 52px;
  line-height: 52px;
  position: absolute;
  bottom: 0;
  text-indent: 29px
}
.exhibitions  .lunbo_btn {
  height: 18px;
  width: 100%;
  margin: 0px auto;

  position: absolute;
  z-index: 3;
  text-align: center; bottom: 2px
}
.exhibitions ul{
  list-style: none;
}
.exhibitions  .lunbo_btn li {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #b4b5b7;
  border-radius: 50%;
  margin: 0px 2px;
  cursor: pointer;
}
.exhibitions  .lunbo_btn li.poster-btn-active {
  background-color: #ff6600;
}
/* 博客 */
.blogBox{
  margin-bottom: 30px;
}
.blogBox h1{
  text-align: center;
    padding-bottom: 20px;
    font-weight: normal;
}
.blogBox1 h1{
  text-align: left;
  color: #424242;
  font-size: 20px;
}
/* 底部 */
footer {
  padding-top: 50px;
  background-color: #f4f4f4;
  border-top: 1px solid #666;
}
footer .footd{
  color: #444444;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}
footer a,
footer p {
  color: #666;
}

footer .container {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}

footer .container>div {
  padding: 0 10px;
  box-sizing: border-box;
}

footer .container .foot_left,
.content .container .foot_left {
  width: 270px;
}

footer .container .foot_left img,
.content .container .foot_left img {
  width: 100%;
  height: auto;
}

footer .container .foot_con,
.content .container .foot_con {
  flex: 1;
}

footer .container .foot_con .foot_doubt ul,
.content .container .foot_con .foot_doubt ul {
  list-style: none;
  padding-left: 0;


}
footer .container .foot_con .foot_doubt ul{
  margin-bottom: 10px;
}

footer .container .foot_con .foot_doubt ul li {
  margin: 5px 0;
}

footer .container .foot_con .langBox{
  text-align: left;
  margin: 5px 0;
}
footer .container .foot_con a,
.content .container .foot_con a {
  font-size: 16px;
}

footer .container .foot_con>a,
.content .container .foot_con>a {
  display: block;
  font-size: 18px;
}

footer .container .foot_con a:hover,
footer .container .foot_con a:focus,
.content .container .foot_con a:hover,
.content .container .foot_con a:focus {
  color: #ff6600;
  text-decoration: none;
}

footer .container .foot_con .foot_info,
.content .container .foot_con .foot_info {
  margin-bottom: 13px;
}
footer .container .foot_con .foot_info{
  display: flex;
  align-items: center;
}

footer .container .foot_con .foot_info a,
.content .container .foot_con .foot_info a {
  display: block;
  margin: 5px 0;
}
footer .container .foot_con .foot_info a{
  margin-right: 30px;
}
footer .container .foot_con .foot_info a img,
.content .container .foot_con .foot_info a img {
  width: 35px;
  margin-right: 2px;
}
footer .container .foot_con .foot_info a:last-child{
  margin-right: 0;
}
footer .container .foot_con .foot_info a:last-child img{
  width: 30px;
  margin-right: 8px;
}

footer .container .foot_right,
.content .container .foot_right {
  width: 350px;
}
/* 右侧置顶 */
.pagerightBox{
  display: block;

  position: fixed;
  right: 0;
  bottom: 30px;
  z-index: 7;
}
.pagerightBox ul{
  padding-left: 0;
}
.pagerightBox ul li{
  list-style: none;
  display: block;
  background-color: #ff6600;
  color: #fff;
  text-align: center;
  width: 50px;
  height: 50px;
  position: relative;
  border-bottom: 1px solid #fff;
}

.pagerightBox ul li p{
  
  margin-bottom: 0;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 50px;
  top: 0;
  width: 185px;
  background-color: #ff6600;
  transition: all 0.5s;
}
.pagerightBox ul li  p a{
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #ff6600;
}
.pagerightBox ul li  img{
  height: 20px;
  margin-right: 10px;
}
.pagerightBox ul li:hover{
  font: unset;
}
.pagerightBox ul li:hover p{
  left: -135px;

}

.pagerightBox ul li img{
  width: 20px;
  height: 20px;
  margin: 15px;
}

/* 面包导航 */
.breadcrumbs {
  padding: 20px 0;
  text-transform: capitalize;
  color: #555;
  font-size: 14px;
}

.breadcrumbs>img {
  width: 18px;
  height: 20px;
  vertical-align: sub;
  margin-right: 5px;
}

/* 表单 */
#myForm label {
  color: red;
  width: 100%;
}

#myForm label input,
#myForm label textarea {
  width: calc(100% - 18px);
  margin-right: 5px;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  border: 1px solid #666;
  font-size: 14px;
  padding: 3px 5px;
  margin-bottom: 5px;
  color: rgb(102, 102, 102);

}
#myForm .fform{
  width: 49%;
}
#myForm label span {

  vertical-align: top;
}

#myForm .submitbox input {
  max-width: 39.3%;
  font-weight: normal;
  font-size: 16px;
  color: rgb(255, 255, 255);
  background: rgb(255, 102, 0);
  border-radius: 3px;
  text-align: center;
  padding: 5px 10px 6px 8px;
  border: none;
}

#myForm .submitbox input:hover,
#myForm .submitbox input:focus {
  cursor: pointer;
  background-color: #000;
}

/* contact页面 */
.contact {
  /* padding: 40px 0; */
  padding-top: 40px;
}

.contact h1,
.contact .container>p {
  text-align: center;
}

.contact .contact_box {
  display: flex;
  /* max-width: 75%; */
  align-items: end;
  /* margin: 40px 0; */
}

.contact .contact_doubt {
  flex: 1;
  padding-left: 20px;
}

.contact .contact_doubt ul {
  list-style: none;
  padding-left: 0;
}

.contact .contact_box>img {
  width: 400px;
  height: auto;
  margin-right: 20px;
  border-radius: 2px;
}

.contact .contactDoubts {
  border-bottom: 1px solid #4b382c;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 20px;
}

.contact .contactDoubts>img {
  width: 300px;
  height: auto;
}

.contactinfosBox {

  margin-top: 100px;
}

.contactinfosBox .contact_info {
  margin-top: 20px;
  text-align: center;

}

/* .contactinfosBox .contact_info a{
  border
} */
.contactinfosBox .contact_info>div {
  padding: 30px 10px;
}

.contactinfosBox .contact_info>div>a {
  display: block;
  padding: 30px 0;
  border: 1px solid #9e9999;
}

.contactinfosBox .contact_info img {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}

.contactinfosBox .contact_info p {
  color: #9e9999;
}

.contactinfosBox .contact_info span {
  color: #111111;
  background: none;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: bold;
}

.contactinfosBox .container>img {
  width: 100%;
}

/* livi页面 */
.livibox {
  padding: 50px 0;
}

.livibox ul {
  list-style: none;
  padding-left: 0;
}

.livibox h5 {
  color: #333;
  margin-bottom: 12px;
}

.livibox li {
  line-height: 170%;
  color: #666;
  font-size: 16px;
}

.livibox p {
  line-height: 170%;
  color: #666;
  font-size: 16px;
}

.livibox .lvbox img {
  margin-bottom: 20px;
}

.lvbox3 img {
  width: 100%;
}

/* 产品详情页 */
/* 轮播图 */
.productdelBox .post-content .contentsbox>div:nth-child(1) {
  display: none;
  width: 48%;
  /* float: right; */
}

.productdelBox .post-content .contentsbox>div:nth-child(2) {
  width: 100%;
  margin-top: 20px;
}

.my-swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.my-swiper-container .swiper-pagination-bullet {
  background-color: #ddd;
  opacity: 1;
}

.my-swiper-container>.swiper-pagination-bullets,
.my-swiper-container .swiper-pagination-custom,
.my-swiper-container .swiper-pagination-fraction {
  bottom: 24px;
}

.my-swiper-container .swiper-pagination-bullet-active {
  background-color: #666;
}

.my-swiper-container .swiper-button-next,
.my-swiper-container .swiper-container-rtl .swiper-button-prev {
  background: url("./assets/images/r.png") no-repeat;
  background-size: cover;
}

.my-swiper-container .swiper-button-prev,
.my-swiper-container .swiper-container-rtl .swiper-button-next {
  background: url("./assets/images/l.png") no-repeat;
  background-size: cover;
}

.my-swiper-container .swiper-button-next,
.my-swiper-container .swiper-button-prev {
  width: 40px;
}

.my-swiper-container .swiper-slide .wp-block-image {
  width: 100%;
  height: 650px;
}
.productdelBox  .is-layout-flex{
    width: 100%;
}
/* 按钮 */
.showBlock {
  cursor: pointer;
}

.productContBtns {
  color: #fff;
  font-size: 16px;
  display: flex;

  align-items: center;
}

.productContBtns .btnitem {
  padding: 8px 15px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
}

.productContBtns .pricebtn {
  background-color: rgb(255, 102, 0);

}
.productContBtns .btnitem  a{
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.productContBtns .pricebtn:hover {
  background-color: #469834;
}

.productContBtns .messagebtn {
  background-color: rgb(19, 228, 19);
  margin: 10px 0;
  margin-right: 15px;
}

.productContBtns .btnitem img {
  height: 20px;
}

/* 详情表单弹框 */
/* 表单 */
.messagebox1 {
  position: fixed;
  z-index: 10;
  background-color: #fff;
  top: 120px;
  width: 840px;
  left: calc(50% - 400px);
}

.messagebox1 .contmboxs {
  position: relative;
}

.messagebox1 .messagebox1L {
  background-color: rgb(255, 102, 0);
  width: 50%;
  box-sizing: border-box;
  padding: 30px 20px;
  padding-left: 26px;

}

.messagebox1 .messagebox1L h2 {
  color: #FFF;
  /* font-family: Arial; */
  line-height: 140%;
  padding: 17px 4.95% 20px 0.43%;
  margin: 0;
  font-size: 24px;
}

.messagebox1L #myFormco .submit {
  display: block;
  color: #ff6600;
  background: #fff;
  margin: 10px auto;
}

.messagebox1L #myFormco .submit:hover {
  background-color: rgb(0, 0, 0);
  color: #fff;
}

.messagebox1L #cdaXj7m {
  margin: 0;
}

.messagebox1L #cdaXj7m label {
  width: 100%;
}

.messagebox1 .messagebox1R {
  background-color: #fff;
}

.messagebox1 .messagebox1R h2 {
  padding: 20px 0;
  color: #666666;
  margin-top: 20px;
}

.messagebox1 .messagebox1R ul {
  padding-left: 0;
  margin-top: 28px;
}

.messagebox1 .messagebox1R ul li {
  color: #666666;
  font-size: 17px;
  list-style: none;
  margin: 10px 0;

}

.messagebox1 .messagebox1R ul a {
  text-decoration: none;

}

/* 蒙层 */
.mc {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.59);
  z-index: 5;
}

/* 关闭按钮 */
.messagebox1 .contmboxs .close {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -25px;
  margin-right: -25px;
  opacity: 1;
  z-index: 10;
}

.messagebox1 .contmboxs .close img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 10px auto;

}
/* 上一篇下一篇 */
.prevNextbox ,.prevNextbox a{
  color: #666;
  font-size: 14px;
  text-decoration: none;
  
}
.prevNextbox .prev{
  margin-bottom: 5px;
}
.prevNextbox a:hover{
  color: #ff6600;
}
/* 标签 */

.tags{
  margin: 5px 0;
}
.tags a{
  text-decoration: none;
}
/* 表单 */
.detailMessage{
  padding-top: 20px;
}
.detailMessage #myFormco textarea{
  height: 120px;
}
/* faq */
#faq {
  padding: 30px 0;
}

#faq .faqItem h5 {
  color: #666;
}

/* video */
#video {
  max-width: 100%;
  /* font-family: Arial; */
  margin-top: 20px;
}

#video .videoItem h5 {
  margin: 5px 20px;
  margin-bottom: 20px;
  line-height: 140%;

}

#video .videoItem p {
  line-height: 170%;
  color: #000;
  margin: 0 20px;
  margin-bottom: 10px;
}

#video .videoItem iframe {
  width: 100%;
  height: 300px;
}

.productdelBox .selRbox {
  width: 48%;
  float: right;
  padding-left: 20px;
}

/* 所有的详情 */
.clear {
  width: 0;
  height: 0;
  clear: both;
}

.details {
  color: #333;
}

.details p {
   
  line-height: 190%;
  color: #555;
}

.page-single>h4{
  text-align: center;
  margin-top: 20px;
  color: #666 !important;
}
.page-single>p{
  font-size: 15px;
   
  color: rgb(102, 102, 102);
  text-align: center;
  background-color: rgb(237, 237, 237);
  margin: 30px 0;
  margin-top:15px;
}
.details strong {
  font-weight: bold;
}

.details h1,
.details h2,
.details h3,
.details h4,
.details h5,
.details h6 {
  color: #434343;
}
.details h3{
  background-color: #469834;
  color: #fff;
  padding: 8px 5px;
  border-radius: 2px;

}
.details hr {
  color: #333;
}

.details ul.sz li {
  /* list-style-type: square; */
  list-style-type: sy;
}

.details ul.fx li {
  list-style-type: square;
}

.details ul.w li {
  list-style: none;
  padding-left: 0;
}

.details table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  color: rgb(0, 0, 0);
  border-color: rgb(221, 221, 221);
  background-color: rgb(255, 255, 255);
  margin: 5px 0;
}

.details table tr:first-child {
  background-color: rgb(192, 192, 192);
}

.details table tr td{
  border: 1px solid rgb(217, 217, 217);
}
.details table tr:nth-child(n+2) td {
  padding: 3px;
  background-color: #fff;
}
.details .td2 table tr:nth-child(n+2) td:nth-child(2),.details .td3 table tr:nth-child(n+2) td:nth-child(3),.details .td4  table tr:nth-child(n+2) td:nth-child(4),.details .td4  table tr:nth-child(n+2) td:nth-child(4),.details .td5  table tr:nth-child(n+2) td:nth-child(5),.details .td6  table tr:nth-child(n+2) td:nth-child(6){
  background-color: #e1e1e1;
}

/* 侧边栏 */
.asideboxs {
  padding: 30px 20px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(217, 217, 217);
   
  margin: 0 -20px;
}

.asideboxs h2 {

  padding-top: 5px;
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  color: rgb(67, 67, 67);
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0;
}

.asideboxs .asideList {
  padding-left: 10px;

}

.asideboxs .asideList a {
  font-size: 14px;
  line-height: 150%;
  display: block;
  text-decoration: none;
}

.asideboxs .active,
.asideboxs .active a {
  color: #ff6600;
}

.asideboxs .asideList ul {
  padding-left: 0;
  border: 1px solid rgb(217, 217, 217);
  margin-top: 12px;
  margin-left: -5px;
}

.asideboxs .asideList ul li {
  list-style: none;
  padding: 10px 8px;


  border-bottom: 1px dashed rgb(217, 217, 217);

}

.asideboxs .asideList>ul li:last-child {
  border-bottom: none;
}
/* 404页面 */
.page404{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page404 img {
  max-width: 50%;
}
.page404 .emils404{
  width: 45%;
}
.page404 .form-2021 .formBox form input{
  height: 35px;
}
.page404 .form-2021 .formBox form .imBox .imtypeBox select,.page404 .form-2021 .formBox form .imBox .imtypeBox span{
  height: 35px;
  line-height: 35px;
}
.page404  .form-2021{
padding-top: 0;
padding-bottom: 0;
}
.page404 .msgbox{
  /* padding-top: 15px; */
  padding:15px;
}
.page404  .tit404{
  font-weight: bold;

}
.page404  .message button{
  margin: 25px auto;
}
 .backs404 {
  background: #F1F1F3;
  padding: 15px 0;
  
}
.message{
  padding: 15px;
    padding-bottom: 0;
}
.page404  .form-mofen .formBox form .textBox{
  height: 180px;
}
@media only screen and (max-width:1207px) {
  .page404{
    display: block;
    text-align: center;
  }
  .page404 img,.page404 .emils404{
    width: 100%;
  }
  .page404 img{
    margin: 5px auto;
  }
}
/* addnew */
@media only screen and (max-width:900px){
  .productdelBox .selRbox {
    position: absolute;
    top: 304px;
  }
  .productdelBox .post-content .contentsbox>div:nth-child(1){
    margin-bottom: 300px;
  }
}