/*
Theme Name: My Custom Theme
Theme URI: http://example.com/my-custom-theme
Author: Your Name
Author URI: http://example.com
Description: A custom WordPress theme
Version: 1.0
*/



.sticky-header {
   z-index: 999; 
}
.menu-main {
    
    z-index: 999;
}

.highlight {
    color: #000000;
    font-weight: 600;
    display: inline;
 }

 .highlight2 {
    color: #000000;
    font-weight: 600;
    display: inline;
    text-decoration: underline;
     
}

.product-tab-area {
    background-color: #fdfdfd;
}
.bg-color {
    background-color: #fdfdff;
}
.slider-content .home-slider .slider-image .slider-text-info h2 {
   
    font-size: 40px;
   
    line-height: 1.5;
}

.mainmenu-content .main-wrap ul.main-menu li.menu-link a.link-title {
    color: #212529;
}
.menu-main {
    background-color: #ffffff;
}

.slider-content .home-slider .slider-image .slider-text-info .slider-text-content {
    width:50%;
}


.form-submit{
    margin-bottom: 1rem !important;
    text-align: center;
}
.form-submit input.submit{
  
    color: #fff;
    background-color: #0c0c0c;
    line-height: 20px;
    
}
.btn-success {
   --bs-btn-color: #fff;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #202120;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
}
.comment-notes{
    display:none;
}

span.xingmu{
    
    text-decoration: underline;
}
span.xingmu2{
    color: #ff9900; 
    
}
span.xingmu3{
   
    color: #3366ff;
}

.xingmu4{
     display: inline;
    color: #3366ff;
}

.main-wrap ul.main-menu li.menu-link .menu-dropdown.menu-single ul.ul li.menusingle-li {
    padding: 8px 0px;
    border:0px;
}


.fubiaoti-color{
    color:#a16f23;
}


.form-contact .contact-content .contact-detail.get-info {
    width: calc(50% - 30px);
}

.form-contact .contact-content .contact-detail.form-warp {
    width: calc(50% - 30px);
}


.icon-jiankang:before {
    content: "\e60e";
}
.team-wrap .card i {
    font-size: 54px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mybtn{
    min-width:300px;background-color: #6fc4e3; color: #fff;
}



.main-wrap ul.main-menu li.menu-link .menu-dropdown.menu-single ul.ul li.menusingle-li{
    border-bottom: 1px solid #ccc;
    
}

.header-search .search-btn {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 120px;
    height: 100%;
    font-weight: 500;
    display: flex
;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-font-color);
    border: none;
    line-height: 0;
    border-radius: 0px 10px 10px 0px;
    text-transform: uppercase;
}




strong.hiht{
    
    font-weight: 600px;
    color:#000;
}

.mainmenu-content .main-wrap ul.main-menu li.menu-link a.link-title {
    font-size:14px;
}

.blog-content h2{
    font-size: 1.5rem;
    margin: 30px 0px;
     background: url(./image/home1/h2icon.png) no-repeat scroll 0 0 !important;
     padding-left: 25px;
     font-weight: 600px;
}
.blog-content h3{
    font-size: 1rem;
    margin: 20px 0px;
    font-weight: 600px;
}
.blog-content h4{
    font-size: 1.0rem;
    margin: 15px 0px;
    font-weight: 600px;
}
.blog-content table{
    margin: 30px 0px;
}
p.tips1{
    padding: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid #315240;
    margin: 15px 0px;
}
p.tips2{
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
        --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    margin: 20px 0px;
}
tr.trtitle{
    background-color: #315240;
    color: #fff;
    font-weight: 600;
}
.alert-light{
    background: #f0f0f0 url(./image/home1/qa_03.jpg) no-repeat scroll 10px top;
    border: 1px solid #898888;
    margin-top: 25px;
    padding: 45px 10px 10px;
}
.alert-light p.q {
    background: url(./image/home1/qa_10.jpg) no-repeat scroll 0 0 !important;
    
    color: #50468f;
    font-size: 14px;
    font-style: italic;
    border-bottom: 1px solid #ccd1d5 !important;
    padding-bottom: 5px !important;
    padding-left: 35px !important;
}
.alert-light p.a {
    background: url(./image/home1/qa_13.jpg) no-repeat scroll 0 0 !important;
    padding: 14px 0 20px 60px !important;
}
.blog-content ul{
    color: #000;
    font-size: 14px;
    line-height: 35px;
    margin: 10px;
}

/* 留言表单样式 */


/* 错误提示文本 */
.error-text {
    display: none;
    color: #ff3860;
    font-size: 0.85em;
    margin-top: 0.25rem;
}



/* 模态框样式 */
#guestbook-modal{
 
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    
    display: none;
}

#guestbook-modal.success {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

#guestbook-modal.error {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

#guestbook-modal-modal{
 
   
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    
    display: none;
}

#guestbook-modal-modal.success {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

#guestbook-modal-modal.error {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

.modal-body {
    font-size: 16px;
    line-height: 1.5;
}


.brand-img a {
   
    padding: 10px 30px;
    border: 0px;
    border-right: 1px solid #a8a8a8;
    border-radius: 0px;
}

 .myproduct .section-capture {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    margin: 0px 0px 60px 0px;
}
.myproduct ul.nav-tabs {
    justify-content: center;
    margin: 24px 0px -15px -15px;
    border-bottom: none;
}
.myproduct ul.nav-tabs li {
    margin: 0px 0px 15px 15px;
}
.myproduct ul.nav-tabs li a.active {
    color: #fff;
    background: #000;
}
.myproduct ul.nav-tabs li a {
    color: #323131;
    font-size: 12px;
    line-height: 1;
    padding: 10px 15px;
    border: 1px solid rgb(112 112 112);
    display: flex;
    align-items: center;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*------------------------------------------------------------------
[7. Single-product grid-5 css ]
*/
.special-product.grid-5 ul.product-view-ul li.pro-item-li,
.special-product.grid-5 ul.product-view-ul li.pro-item-li.coll-li {
    width: calc(20% - 30px);
}
@media (max-width: 1199px) {
    .special-product.grid-5 ul.product-view-ul li.pro-item-li {
        width: calc(25% - 30px);
    }
}
@media (max-width: 991px) {
    .special-product.grid-5 ul.product-view-ul li.pro-item-li {
        width: calc(50% - 30px);
    }
}
@media (max-width: 767px) {
    .special-product.grid-5 ul.product-view-ul li.pro-item-li,
    .special-product.grid-5 ul.product-view-ul li.pro-item-li.coll-li {
        width: calc(50% - 12px);
    }
}
@media (max-width: 320px) {
    .special-product.grid-5 ul.product-view-ul li.pro-item-li,
    .special-product.grid-5 ul.product-view-ul li.pro-item-li.coll-li {
        width: calc(100% - 12px);
    }
}

.single-product-wrap .product-image {
    border-radius: var(--border-radius);
}
.single-product-wrap .product-content {
    padding: 23px 10px;
}

.cat-block {
    
    padding: 0px;
    border:0px;
    border-radius: 50px;
}
.mybtn{
    background-color: #000;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 40px;
}
.mybtn:hover{
    background-color: #000;
    border: 1px solid #000;
    color:#fff;
}
.view-more-div{
    text-align: center;
    padding: 20px;
}