@charset "UTF-8";

/*
Theme Name: 企业网站定制
Theme URI: https://www.yixingseo.com
Author: Yixingseo
Author URI: https://www.yixingseo.com
Description: 企业网站定制，wordpress模板、插件开发，淘宝小店：https://item.taobao.com/item.htm?ft=t&id=628384571666
Requires PHP: 5.6
Version: 1.0
Text Domain: yxseo
*/

body{font-family:"Open Sans", sans-serif;font-size:14px}
a:link,a:hover{text-decoration: none;}
img{max-width: 100%;}

:root{
    --primary-color:#26348b;
}

.bg-primary{background-color: var(--primary-color);}
.text-primary{color:var(--primary-color);}
.bg-gray{background-color: #f1f1f1;}

.top{background-color: var(--primary-color);font-size:12px;}


@media screen and (min-width:1280px) {
    .container{max-width: 1110px;}
}

.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}
.border{border:1px solid #ddd}
.border-top{border-top: 1px solid #ddd;}
.border-right{border-right: 1px solid #ddd;}
.border-left{border-left: 1px solid #ddd;}
.border-bottom{border-bottom: 1px solid #ddd;}

/* top */
.top-menu ul{margin: 0;padding: 0;list-style-type: none;}
.banner{max-width: 100%;overflow: hidden;position: relative;}
.banner .swiper-pagination{bottom: 1rem !important;}
.banner .swiper-pagination-bullet{width: 50px;height: 8px;border-radius: 0;}

.page-banner{background-color: #ea5d11;color:#fff;}
.page-banner a{color:#fff;}

.home1 .item{flex:1}

.home3 .item .title{position: absolute;left: 0; bottom: 0;background-color: rgba(0,0,0,0.3);transition: all ease .3s;}
.home3 .item:hover .title{background-color: rgba(0,0,0,0.5);}

.home5 .more-link{font-size:12px;}

.category-default .more-link a{background-color: #ea5d11;font-size:12px;color:#fff;transition: all ease .3s;}
.category-default .more-link:hover a{border:1px solid #00448a; color:var(--primary-color);background-color: #fff;}

/*顶部导航*/
@media screen and (min-width:1024px) {        

    .navbar-menu .sub-menu{position: absolute;left: 0;top: 100%;min-width: 10rem;width: 100%;box-shadow: 0 1px 3px #333;z-index: 999;
        transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0;list-style-type: none;margin: 0;padding: 0;
    }
    .navbar-menu .sub-menu>li:not(:last-child){border-bottom: 1px solid #ddd;}
    .navbar-menu .sub-menu>li>a{display: block;padding:10px;background-color: #26348b;color:#fff;}
    .navbar-menu .sub-menu>li>a:hover{background-color: #ea5d11;} 

    .header{background-color: #fff;}
    .header .top-menu-bg{background-color: #fff;}
    .header .navbar{align-items: center;}
    .header .navbar-brand{flex: 0 0 218px;}
    .header .navbar-menu{display: flex;flex: auto;justify-content: end;margin: 0;padding: 0;}
    .header .navbar-menu>.menu-item{position: relative;}
    .header .navbar-menu>.menu-item>a{
        display: block; text-align: center;min-width: 6rem;
        font-size: 14px;position: relative;z-index: 1;color:var(--primary-color);font-weight: bold;
    }

    .navbar-menu>.current-menu-item>a,
    .navbar-menu>.current-menu-parent,
    .navbar-menu>.current-post-ancestor>a,
    .navbar-menu>li:hover>a,
    .navbar-menu>li>a:hover{
        color:#333 !important
    }
    .navbar-menu>li:hover>a::before,
    .navbar-menu>.current-menu-item>a::before,
    .navbar-menu>.current-menu-parent>a::before,
    .navbar-menu>.current-post-ancestor>a::before
    {transform: scaleX(1);}
    .navbar-menu>li:hover>ul{transform: scaleY(1);}

    .page-gallery .item img{height: 200px;}
}

@media screen and (max-width:1300px) and (min-width:1024px) {
    .header .navbar-brand{flex: 0 0 360px;}
}

@media screen and (max-width:1023px) {
    .header{padding:1rem 0;position: relative;}
    .navbar{width: 100%;justify-content: space-between;}
    .navbar-brand{flex:0 0 250px;padding-right: 3rem;}
    .navbar-menu{position: absolute;z-index: 1020;left: 0;top: 100%;background-color: #fff;width: 100%;
        padding:0 1rem;border-top: 1px solid #f1f1f1;box-shadow: 0 10px 10px #f1f1f1;
        display: none;
    }
    .navbar-menu>li{}
    .navbar-menu>li>a{padding:15px 10px;display: block;color:#333;letter-spacing: 3px ;border-bottom: 1px solid #f1f1f1;}
    .navbar-menu>li>a::before{content: '\f0da';font-family: FontAwesome;padding-right: 1rem;color:#ccc;}
    .navbar-toggle{background-color: #fafafa;padding:5px 15px;border-radius: 3px;border:1px solid #eee;}
    .navbar-toggle .fa{font-size: 20px;color:#666;}
    .navbar-menu .sub-menu{
        display: none;
    }
    .navbar-menu .sub-menu>li{padding:8px 15px 8px 30px;}
    .navbar-menu .sub-menu>li>a{color:#666;display: block;}
}

/*区块*/
.loop-images .mask{background-color: rgba(0,51,153,0.4);position: absolute;top: 0;left: 0;font-size: 30px;text-align: center;color:rgba(255,255,255,0.6);
    transition: all ease .3s;transform: scale(0);}
.loop-images:hover .mask{transform: scale(1);}
.loop-images p{}
.loop-images a{color:#333;font-family: '微软雅黑';font-weight: bold;}
.text .wp-block-image{margin-bottom: 1rem;}
.wp-block-gallery{margin-bottom: 1.5rem;}

.news-tags a:link,.news-tags a:visited{color:#015cad;padding:0 10px;}
.news-tags a:hover{color:#cc9900}

/*首页*/
.home-2 .bg-fix,.home-about-content{height: 500px;}

@media screen and (min-width:1024px) {
    .home-2 .bg-fix{left: 0;top: 0;background-image: url(static/images/about-bg.jpg);}
}

.home-honor{background-color: #1a3b66;}

.home-ys .icon-wrap{width: 80px;height: 80px;font-size:40px;line-height: 80px;text-align: center;border-radius: 50%;transition: all ease .3s;}
.home-ys .item{transition: all ease .3s;}
.home-ys .item:hover{box-shadow: 0 10px 10px #ccc;transform: translateY(-10px);}
.home-ys .item:hover .icon-wrap{transform: rotate(360deg);}




/*侧边栏*/
.sidebar-widgets{color:#585858;}
.sidebar-widgets ul{list-style-type: none;margin: 0;padding: 0;}
.sidebar-widgets a:link,.sidebar-widgets a:visited{color:#585858;}
.sidebar-widgets a:hover{color:#1F6AA2}
.sidebar-widgets .widget .widgettitle{background-color:var(--bg-primary);padding:1rem;color:#fff;font-weight: bold;}
.sidebar-widgets .widget .widgettitle::before{content: '\f13a';font-family: FontAwesome;padding-right: 10px;}
.sidebar-widgets .widget_nav_menu .menu>li:not(:last-child){border-bottom: 1px solid #b8ddff;}
.sidebar-widgets .widget_nav_menu .menu>li>a{display: block;padding:1rem;background-color: #fff;}
.sidebar-widgets .widget_nav_menu .menu>li>a::before{content: '\f0da';font-family: FontAwesome;padding-right: 10px;color:#015cad;}
.sidebar-widgets .widget_nav_menu .menu>li>a:hover{background-color: #cbe6ff;color:#000;}
.sidebar-widgets .widget_nav_menu .sub-menu>li{border-top: 1px dotted #ddd;}
.sidebar-widgets .widget_nav_menu .sub-menu>li>a{display: block;padding:.8rem 1rem;}
.sidebar-widgets .widget_nav_menu .sub-menu>li>a::before{content: '\f105';font-family: FontAwesome;padding-right: 10px;color:#ccc;}
.sidebar-widgets .widget_nav_menu .sub-menu>li>a:hover{background-color: #f1f1f1;}
.sidebar-widgets .widget_nav_menu .sub-menu ul{display: none;}
.sidebar-widgets .textwidget{padding:1rem;line-height: 2rem;}
.sidebar-widgets .widget_recent_entries ul>li{padding:1rem;}
.sidebar-widgets .widget_recent_entries ul>li:not(:last-child){border-bottom: 1px solid #ddd;}
.sidebar-widgets .widget_recent_entries ul>li>a::before{content: '· ';color:#1F6AA2;font-weight: bold;}
.wp-block-latest-posts.wp-block-latest-posts__list li{padding:10px;border-bottom: 1px solid #ddd;}
.wp-block-latest-posts.wp-block-latest-posts__list li a{color:#333}
.wp-block-latest-comments{padding:10px;}
.sidebar-widgets .widget_archive li{display: block;padding:20px;border-bottom: 1px solid #ddd;}

.sidebar-widgets .widget_search{padding:1rem;}
.sidebar-widgets .search-form{display: flex;}
.sidebar-widgets .widget_search .search-field{height: 40px;line-height: 40px;border:1px solid #ddd;padding:0 1rem}
.sidebar-widgets .widget_search .search-submit{height: 40px;background-color:var(--bg-primary);color:#fff;padding:0 10px;}

.sidebar-wrap h2{font-size:1.5rem;}
/* .sidebar-wrap .widget_block{padding:1rem 0;} */
.sidebar-wrap .wp-block-heading{}
.sidebar-wrap .icon-phone{background-color: #fff;width:50px;height: 50px;color:#00448a;display: flex;
    justify-content: center;align-items: center;border-radius: 50%;font-size:1.5rem;}

/*留言*/
.comment-form{}
.comment-form .form-group{margin-bottom: 1rem;}
.comment-form .form-control{border:1px solid #ddd;padding:7px 10px;width: 100%;border-radius: 2px;}
.comment-form .form-row{display: flex;align-items: center;}
.comment-form .submit{padding:10px 30px;background-color: #2b6cb0;color:#fff;border:none}
.comment-form .submit:hover{background-color: #015cad;}
.comment-form .form-control.error{border:1px solid red;}
.comment-form .form-control.success{border:1px solid green;}



/*列表页*/
section.main{background-color: #f1f1f1;min-height: 450px;padding-bottom: 3rem;}
.page-path{background-color: #fff;padding:25px 0;color:#666;}
.page-path a:link,.page-path a:visited{color:#666;}
.page-nav ul{margin: 0;padding: 0;list-style-type: none;display: flex;gap: 5px;}
.page-nav ul li{flex:1;}
.page-nav ul li a{display: block;background-color: #f1f1f1;padding:15px 0; text-align: center;color:#333;}
.page-nav ul li a:hover,
.page-nav ul li.current-menu-item a
{background-color: #015cad;color:#fff;}

.pagelist{display: flex;justify-content: center;gap: 5px;font-size: 14px;}
.pagelist span,
.pagelist a
{background-color: #ddd;padding:7px 15px;border-radius: 3px;color:#666;}
.pagelist .current,
.pagelist a:hover
{background-color: #015cad;color:#fff;}

@media screen and (max-width:767px) {
    .page-title{font-size:1.2rem !important}
    .pagelist{flex-wrap: wrap;}
}

.category-product1 .item{border:1px solid #ddd;border-radius: 10px;overflow: hidden;}

.card {
    min-height: 80vh;
    perspective: 1000px; /* 为了启用 3D 效果，设置透视属性 */    
}

.card-front{
    background-position: center center;
    background-size: cover;
    background-color: #fff;
}

.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* 隐藏背面 */
    transition: transform 0.6s; /* 添加过渡效果，以实现卡片翻转的平滑动画 */
}

.card-back {
    transform: rotateY(180deg); /* 初始状态为翻转到背面 */
}

.card:hover .card-front {
    transform: rotateY(180deg); /* 当鼠标悬停在卡片上时，翻转到背面 */
}

.card:hover .card-back {
    transform: rotateY(0deg); /* 当鼠标悬停在卡片上时，翻转回正面 */
}

/*详情页*/
/* .page-title{border-bottom: 1px solid #ddd;position: relative;} */
.prevnext{border-top:1px solid #ddd;}
.prevnext li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prevnext a:hover,
.text a:hover{color:#00448a}
.text p{margin-bottom: 1rem;}
.text a{color:#1F6AA2}
.post-gallery figure{border:1px solid #ddd;height: 100%;}
.post-gallery figure:hover{border:1px solidvar(--bg-primary)}
.post-gallery figure a{padding:30px;}
@media screen and (max-width:768px) {
    .post-gallery figure a{padding:10px;}
}

.gallery-full .item img{
    max-height:200px ;    
}

.top-share{list-style-type: none;margin: 0;padding: 5px 0 0 0;gap: 5px;}
.top-share li{background-color: #fff;border-radius: 2px;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 20px;}
.top-share li i{color:#00448a}

.single-share{list-style-type: none;margin: 0;padding: 5px 0 0 0;gap: 5px;}
.single-share li{background-color: #00448a;border-radius: 5px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;}
.single-share li i{color:#fff}


/*页脚*/
.footer{background-color: #fff;font-size:14px}
.footer,
.footer a:link,
.footer a:visited
{color:#333;}

.sidebar-footer>ul{display: flex;justify-content: end;}
.sidebar-footer>ul>li{flex: 2;}
.sidebar-footer img{margin-bottom: 1rem;}
.sidebar-footer ul{margin: 0;padding: 0;list-style-type: none;}
.sidebar-footer .widget_nav_menu{max-width: 20%;}
.sidebar-footer .widget_nav_menu ul.menu{list-style-type:disc;line-height: 2rem;}

.footer-text{font-size:12px;border-top:1px solid #ddd;}

/*客服代码*/
@media (min-width: 768px){
    .block-kf{display: flex;position: fixed;right: 0;bottom:10%;flex-direction: column;z-index: 999;}
    .block-kf ul{margin:0;padding:0;list-style-type: none;}
    .block-kf ul li{margin-bottom: 2px; position: relative;line-height: 30px;width: 50px;height: 50px;}
    .block-kf ul li a{display: flex;color:#fff;position: absolute;left: 0;top: 0;height: 50px;width: 50px;float: right;}
    .block-kf .fa{color:#fff;font-size:1.5rem;}
    .block-kf ul li .cont{color:#fff;white-space:nowrap;background:#00448a;padding:10px;position: absolute;
        right: 52px;top: 0;border-radius: 5px;transition: all ease .3s;transform: translateX(200px);opacity: 0;
    }
    .block-kf ul li .kf-wechat-image{max-width: 120px;height: 120px;}    
    .block-kf ul li .icon{flex:0 0 50px;text-align: center;background:#2b6cb0;overflow: hidden;height: 50px;padding:10px 0;border-radius: 5px 0 0 5px;}    
    .block-kf ul li:hover .cont{transform: translateX(0);opacity: 1;}
}


@media (max-width: 767px) {       
    /* body{padding-bottom: 60px;}  */
    .block-kf{position: fixed; bottom: 0;left: 0; background:#2b6cb0;color:#fff;width:100%;display: flex;justify-content: space-around;z-index: 999;font-size: 14px;;}
    .block-kf ul{margin: 0;padding: 0;list-style-type: none;display: flex;justify-content: space-between;width: 100%;}
    .block-kf ul li{width:100%;padding:5px 0}    
    .block-kf ul>li:not(:last-child){border-right: 1px solid #fff;}
    .block-kf ul li a{color:#fff;text-align: center;display: block;}
    .block-kf ul li .icon{font-size:22px;}
}