/*
Theme Name: youfeng
Author: youguang
Description: 友烽科技
Version: 1.0
*/
html{ font-size: 16px;overflow-x: auto;}
body{overflow-x:unset;}
a{text-decoration: none;}
.text-shadow{text-shadow: 0 2px 4px rgba(0,0,0,0.1);}
#header-tel{  background-image: url("/wp-content/themes/youfeng/static/icon-tel.png"); background-repeat: no-repeat; background-position: 20px 10px; padding-left:30px;padding-right:20px!important}
#header-tel:hover{ background-image: url("/wp-content/themes/youfeng/static/icon-tel2.png");}

.top-menu{ position: absolute; bottom: 0px; left: 0px;width: 100%; display: flow-root; }
.top-menu .primary-menu ul#menu-top-menu{ display: flex;justify-content:flex-start; flex-direction: row; height: 100%; position: relative;}
.top-menu .primary-menu .menu-item{ display: inline-flex; float: left; align-items: center; justify-content: center; margin-right: 0rem; padding-left: 2rem; padding-right: 2rem; height: 100%;transition: all 0.3s;}
.top-menu .primary-menu .menu-item:hover{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);border-bottom: solid 3px #f76900; transition: all 0.3s;}
.top-menu .primary-menu .menu-item a{ font-size: 1.25rem; font-family: "微软雅黑"; font-weight: 500;}
.top-menu .primary-menu  .current-menu-item{ border-bottom: solid 3px #f76900;}

.primary-menu-mob  .menu-item{ text-align: left; line-height: 2.5rem; padding: 4px; padding-left: 20px; border-bottom: solid 1px #eee;}

.h-600{ height: 32rem;}
.carousel-indicators{ background-color: rgba(0, 0, 0, 0.2); padding: 3px; border-radius: 8px;max-width: 120px; margin:0px auto;left: 30%!important;padding-top:4px!important; padding-bottom: 4px!important;}
.carousel-indicators li{width: 16px; height: 5px; z-index: 10; background-color: rgba(255,255,255, 0.72); margin-right: 4px; border-radius: 4px;}
.carousel-indicators li.active{ background-color: #f76900;width: 32px;}
.index-main,.page-main{ width:100%!important;max-width:100%!important; padding-left: 0px!important; padding-right: 0px!important;}
.search-div{ background-color: #f5f5f5; padding-left: 0px; padding-right: 0px;}

#section_solution .solution-tab .active{ background-color: #f76900;color: white;}
#section_solution .spage-cls{display: none!important;}
#section_solution .spage-cls.active{ display: flex!important;}
#section_solution .solution_txt h2{ font-size: 2rem; line-height: 4rem; font-weight: 600; }
#section_solution .solution_txt h3{ font-size: 1.5rem; line-height: 4rem; font-weight: 600; margin-top: 1rem; }

.spage-key1{}
.page33-thumb img{ border-radius: 20px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); max-width: 90%; margin:0px auto;}

#section_aboutus{ background-color: #f5f5f5;}
#section_aboutus .shadow-sm{ transition: all 0.3;}
#section_aboutus .shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.25) !important; transition: all 0.3s;}
#section_aboutus .shadow-sm:hover .rounded-full{ background-color: #feba87;transition: all 0.3s;}
#section_aboutus .bkyoushi{ background-color: #f76900;}
#section_aboutus .bkfg{ background-image: url("/wp-content/themes/youfeng/static/bk-fenge.png"); background-position: top right; background-repeat: no-repeat;}

#section_products .product_cat a:hover,#section_products .product_cat a.active{ background-color: #f76900;color: white;}
.product-item-cls:hover{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); transition: all 0.3s;}

#section_tel{background-image: url("/wp-content/themes/youfeng/static/index-tel.jpg"); }

#section_news .newslist .newsitem:hover{ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); transition: all 0.3s;}
#section_news .newslist .newsitem:hover img{ transform: scale(1.025); transition: all 0.3s;}
#section_news .newslist .newsitem:hover a{color: #f76900;}

#section_cases .caselist{ max-width: 98%; margin: 0px auto;}
#section_cases .caselist .caseitem:hover{ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); transition: all 0.3s;}
#section_cases .caselist .caseitem:hover img{ transform: scale(1.025); transition: all 0.3s;}
#section_cases .caselist .caseitem:hover a{color: #f76900;}

.swiper{width: 100%;height: 100%;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}

#section_contactus{ background-color: #fdefe4;}
#section_contactus .com-title{ font-weight: 800!important;}
#section_contactus .contactus-row{ max-width: 98%; margin: 0px auto;}

footer .com-cls{font-weight: 600!important;}
footer .footer-menu a{font-size: 12px;--tw-text-opacity:1; color: rgba(156, 163, 175, var(--tw-text-opacity));}


.page-h1{ font-weight: bold;} 
.breadcrumbs .breadcrumb-list{width: 100%; display: flex; flex-direction: row;}
.breadcrumbs .breadcrumb-list .breadcrumb-item{ margin-left: 5px; font-size: 12px; line-height:30px;}
.breadcrumb-item + .breadcrumb-item::before{ margin-right: 5px;}

.pagination-num{ text-align: center;font-size: 12px; line-height: 20px;}
.pagination-num .screen-reader-text{ line-height: 20px;}
.pagination-num .nav-links{ margin-left: 8px;}
.pagination-num .page-numbers{ border: solid 1px #ddd; padding: 4px; padding-left: 6px; padding-right: 6px; font-size: 12px;line-height: 20px; margin-left: 2px; margin-right: 2px;transition: all 0.3s;}
.pagination-num .page-numbers.current,.pagination-num .page-numbers:hover{ border: solid 1px #f76900; background-color: #f76900; color: #fff;transition: all 0.3s;}

.news-content,.news-content p,.news-content div,.news-content *{ line-height: 2rem;}
.post-navigation a{ color: #f76900;transition: all 0.3s;}
.post-navigation a:hover{ color: #d35c04; font-weight: bold; transition: all 0.3s;}

#mainImg{ cursor: pointer;}
#exampleModal .modal-dialog{max-width: 50%;}
#onlineCls{ background-color: #3466ad;}
#onlineCls .bi{ font-size: 25px!important; margin-bottom: 5px;}
#onlineCls .item-cls{ cursor: pointer;}
#onlineCls .item-cls:hover{ background-color: #d35c04; transition: all 0.3s;}
#onlineCls .item-cls:hover .hid-cls{ display: flex;right:58px; transition: all 0.3s;}

.product-detail-content p{ margin-bottom: 8px;}
.product-detail-content table{ width: 100%; margin-bottom: 2rem;}
.product-detail-content table,.product-detail-content td{ border: solid 1px #eee;}
.product-detail-content td{ padding:1rem;}
.product-detail-content img{ margin: 0px auto;margin-bottom: 2rem;}

.woocommerce-pagination .page-numbers{ width: 100%; display: flex; border: unset; margin-bottom: 10px;}
.woocommerce-pagination .page-numbers li{ margin-left: 0.5rem; margin-right: 0.5rem;}
.woocommerce-pagination:hover,.woocommerce-pagination .page-numbers:hover,.woocommerce-pagination .page-numbers:hover ul,.woocommerce-pagination .page-numbers:hover li,.woocommerce-pagination .page-numbers li:hover{ background-color: unset!important;border: unset; }

.woocommerce-pagination .page-numbers:hover,.woocommerce-pagination .page-numbers:hover li,.woocommerce-pagination .page-numbers:hover li {color: #f76900!important;}
.woocommerce-pagination .page-numbers li a:hover,.woocommerce-pagination .page-numbers li span:hover{ background-color:#f76900!important; color: white!important;}


#ttkefuico,#ttkefutel{display:none}
.breadcrumb-item a,.breadcrumb-item {color:#fff}
.search-div .search-txt,.search-div .search-txt a{color:#f76900!important;}
/*手机端*/
@media (max-width: 768px) { 
    .container { width: 100%; } 
    .h-600{ height: 10rem;}
    .txtDiv h3{ margin-bottom: 0.5rem;}
    .txtDiv .more-a{ margin-top: 0.5rem;}
    .h-600 img{ transform: scale(1.6);}
    .h-600 .carousel-indicators{ margin-left: 5%;}

    
    #section_solution .solution_txt{ margin-bottom: 2rem;}
    #section_solution .solution_txt h2,#section_solution .solution_txt h2 span{font-size: 0.95rem!important;line-height: 1.25rem;}
    #section_solution .solution_txt h3,#section_solution .solution_txt h3 span{font-size: 0.95rem!important;line-height: 1.25em;}
    #section_solution .solution_txt p,#section_solution .solution_txt p span{ font-size: 0.875rem!important;}
    #section_solution .solution_txt p strong span,#section_solution .solution_txt  strong{font-size: 0.95rem!important;line-height: 2rem;}
    #section_aboutus .bkfg{ background-image: none;}

    .spage-key0{ margin-bottom: 2rem;}
    .spage-key1 .page33-thumb{ margin-bottom: 2rem;}
    .page33-thumb img{ max-height: 220px; }
    #exampleModal .modal-dialog{max-width: 80%;}

    article,article span,article p,article *{font-size: 0.95rem!important;line-height: 1.55rem;}
}

/*平板端*/
@media (min-width: 768px) and (max-width: 1024px){
    .container{max-width: 768px;}
    .top-menu .primary-menu .menu-item{padding-left: 0.5rem; padding-right: 0.5rem;}
    .top-menu .primary-menu .menu-item a{ font-size: 0.9rem; }
    .h-600{ height: 15rem;}
    
    #section_solution .solution_txt{ margin-bottom: 2rem;}
    #section_solution .solution_txt h2{font-size: 0.95rem;line-height: 1.25rem;}
    #section_solution .solution_txt h3{font-size: 0.95rem;line-height: 1.25em;}
    #section_solution .solution_txt p,#section_solution .solution_txt p span{ font-size: 0.875rem!important;}
    #section_solution .solution_txt p strong span{font-size: 1.25rem!important;line-height: 2rem;}
    #section_aboutus .bkfg{ background-image: none;}

    .spage-key0{ margin-bottom: 2rem;}
    .spage-key1 .page33-thumb{ margin-bottom: 2rem;}
    .page33-thumb img{ max-height: 220px; float: left;}

    #exampleModal .modal-dialog{max-width: 80%;}
}
/*pc电脑*/
@media (min-width: 1025px) and (max-width: 1280px){
    .container{max-width: 1024px;}
    .top-menu .primary-menu .menu-item{padding-left: 0.8rem; padding-right: 0.8rem;}
    .top-menu .primary-menu .menu-item a{ font-size: 1rem; }
    .h-600{ height: 20rem;}

    #section_solution .solution_txt h2{font-size: 1.5rem;line-height: 2rem;}
    #section_solution .solution_txt h3{font-size: 1.25rem;line-height: 2rem;}
    #section_solution .solution_txt p,#section_solution .solution_txt p span{ font-size: 0.875rem!important;}
    #section_solution .solution_txt p strong span{font-size: 1.25rem!important;line-height: 2rem;}
}

@media (min-width: 1281px) and (max-width: 1566px){
    .container{max-width: 1280px;}
    .top-menu .primary-menu .menu-item{padding-left: 1.25rem; padding-right: 1.25rem;}
    .top-menu .primary-menu .menu-item a{ font-size: 1rem; }
    .h-600{ height: 25rem;}
}

/*
@media (min-width: 1536px){
    .container{max-width: 1280px!important;}
    .h-600{ height: 37.5rem;}
}
*/