/*网站公共样式*/
.info-content{line-height:2;padding:20px;}
a{color:#333;text-decoration:none;}
a:hover{color:rgb(1,61,131);}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;}
.bg-gray{background:#f6f6f6;}
.text-blue{color:rgb(1,61,131);}
.text-orange{color:#fff;}
.text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-overflow-lines2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:99;top:0;left:0;}
.mask-bg.active{display:block;}
@media(max-width:768px){
.info-content{line-height:2;padding:20px 0px;}
.padding-top-60,.padding-top-50{padding-top:30px;}
.margin-top-60{margin-top:30px;}
.padding-bottom-60{padding-bottom:30px;}
.col-sm-12,.col-sm-3,.col-sm-4,.col-xs-12,.col-xs-6,.col-xs-5,.col-sm-8,.col-xs-7{padding-left:5px;padding-right:5px;}
.row{margin-left:-5px;margin-right:-5px;}
}
/* 分享 */
ul.share-buttons{list-style:none;padding:0;display:inline-block;position:relative;top:2px;}
ul.share-buttons li{display:inline;margin:0 4px;}
ul.share-buttons .sr-only{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;}
ul.share-buttons img{width:28px;border-radius:14px;}
ul.squared-share-buttons{position:relative;top:-2px;left:2px;}
ul.squared-share-buttons li{margin:0 2px;}
ul.squared-share-buttons img{width:20px;border-radius:0px;}
/*顶部样式*/
.header{position:relative;}
.header .logo{height:80px;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;align-items:center;}
.header .logo img{height:54px;}
/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.topbar{
    background-color:#154889;
    color:#f6f6f6;
    padding-top:10px;
    padding-bottom:10px;
}
.header{
    background:#fff;
    position: relative;
    z-index: 999999;
    overflow: visible;
}
.header .nav-toggle{
    display:none;
}
.nav{
    position: relative;
    z-index: 999999;
    overflow: visible;
}
.nav>ul{
    padding:10px 0;
    overflow: visible;
    position: relative;
    z-index: 999999;
}
.nav>ul>li{
    float:left;
    position:relative;
    z-index: 999999;
}
.nav>ul>li>ul{
    position:absolute; /* 保证绝对定位，脱离文档流，不会挤下面的内容 */
    display:none;
    left:0;
    top:100%;
    margin:0px -68px;
    padding:0;
    list-style:none;
    z-index:9999999; /* 层级拉满，压过轮播 */
    min-width:280px;
    background:#fff;
}
.nav > ul > li > a{
    text-align:center;
    line-height:60px;
    text-decoration:none;
    padding:0 18px;
    display:block;
    transition:0.5s;
    color:#363d41;
    font-size:16px;
    font-weight:700;
}
.nav >ul>li.current >a,.nav >ul>li> a:hover{
    color:#154889;
}
.nav ul li ul li a{
    display:block;
    width:100%;
    text-align:center;
    color:#363d41;
    font-size:15px;
    line-height:50px
}
.nav ul li ul li a:hover{
    color:#154889;
}
.nav ul li .arrow{
    display:none;
}
.nav>ul>li:hover > ul {
    display: block;
}
.slider-banner img{
    width:100%;
}
}
@media (max-width:1000px) /* 移动端 */
{
    .topbar{display:none;}

    /* 头部固定在顶部，不被轮播挡住 3*/
    .header{
        background:#fff;
        box-shadow:3px 3px 6px rgba(0,0,0,.1);
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:9999;
        overflow:visible;
    }
    .header .logo{height:60px;}
    .header .logo img{height:38px;}

    .header .nav-toggle{
        position:absolute;
        right:0px;
        top:0px;
        font-size:28px;
        color:#999;
        min-width:60px;
        height:60px;
        line-height:56px;
        text-align:center;
        cursor:pointer;
        z-index:9999;
    }
    .header .nav-toggle.active{color:#ccc;}

    /* 关键：把 .nav 直接设为固定定位，脱离文档流 */
    .float-md-right {
        position: static !important;
    }
    .nav{
        position:fixed !important;
        z-index:9999;
        top:0px;
        right:0px;
        width:0px;
        background:#fff;
        height:100vh;
        opacity:0;
        visibility:hidden; /* 关键：用visibility代替display，不占文档流 */
        transition:all 0.2s linear;
        overflow-y:auto;
    }
    .nav.active{
        visibility:visible;
        opacity:1;
        width:300px;
        max-width:60%;
    }

    /* 一级菜单 */
    .nav > ul{
        padding-top:60px;
    }
    .nav ul li{
        line-height:45px;
        text-align:left;
        position:relative;
    }

    /* 移动端二级菜单：正常向下展开 */
    .nav ul li ul{
        display:none;
        position:static;
        background:#f7f7f7;
        padding-left:20px;
    }

    .nav ul li a{
        padding-left:30px;
        display:block;
        color:#999;
        font-size:15px;
        line-height:3.5;
        border-bottom:1px solid #dcdcdc;
    }
    .nav ul li ul li a{
        padding-left:60px;
        font-size:14px;
        border-bottom:1px solid #eee;
    }

    .nav ul li .arrow{
        position:absolute;
        right:0px;
        top:0px;
        width:50px;
        height:50px;
        line-height:50px;
        text-align:center;
        transition-duration:0s;
    }
    .nav ul li .arrow:after{
        font-family:FontAwesome;
        content:"\f105";
        display:block;
        font-weight:bold;
        font-size:18px;
    }

    .nav ul li.current > a{color:#7f67f8;}
    .nav ul li.active > ul{display:block;}
    .nav ul li.active > .arrow{transform:rotate(90deg);}

    /* 轮播：给固定header留出空间 */
    .banner-container{
        margin-top:0px !important;
    }

    .slider-banner{
        margin-top:0px;
        overflow:hidden;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .slider-banner img{
        min-height:100px;
        max-width:160%;
    }
}
/*子栏目样式*/
@media(min-width:769px){.sub-nav-box{clear:both;position:relative;}
.sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#ad7669;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box .sub-nav ul{text-align:center;padding-top:3.6rem;padding-bottom:2rem;}
.sub-nav-box .sub-nav li{display:inline-block;width:280px;text-align:center;position:relative;}
.sub-nav-box .sub-nav > ul > li > a{height:48px;padding:0px;margin:0px;line-height:46px;display:block;width:100%;font-size:1.6rem;border:1px solid #ddd;}
.sub-nav-box .sub-nav > ul > li:nth-child(2) > a{margin-left:-1px;}
.sub-nav-box .sub-nav > ul > li:nth-child(3) > a{margin-left:-2px;}
.sub-nav-box .sub-nav > ul > li:nth-child(4) > a{margin-left:-3px;}
.sub-nav-box .sub-nav > ul > li:nth-child(5) > a{margin-left:-4px;}
.sub-nav-box .sub-nav > ul > li:nth-child(6) > a{margin-left:-5px;}
.sub-nav-box .sub-nav > ul > li.active > a,.sub-nav-box .sub-nav > ul > li:hover > a{color:#fff;background:#7f67f8;}
.sub-nav-box .sub-nav>ul>li>ul{display:none;position:absolute;top:40px;left:0;width:100%;background:rgb(1,61,131);z-index:9;}
.sub-nav-box .sub-nav > ul > li >ul{display:none;}
}

@media(min-width:769px){.sub-nav-box1{clear:both;position:relative;}
.sub-nav-box1 .sub-nav-title{line-height:57px;text-align:left;background:#ad7669;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box1 .sub-nav1 ul{text-align:center;padding-top:3.6rem;padding-bottom:2rem;}
.sub-nav-box1 .sub-nav1 li{display:inline-block;width:500px;text-align:center;position:relative;}
.sub-nav-box1 .sub-nav1 > ul > li > a{height:48px;padding:0px;margin:0px;line-height:46px;display:block;width:100%;font-size:1.6rem;border:1px solid #ddd;}
.sub-nav-box1 .sub-nav1 > ul > li:nth-child(2) > a{margin-left:-1px;}
.sub-nav-box1 .sub-nav1 > ul > li:nth-child(3) > a{margin-left:-2px;}
.sub-nav-box1 .sub-nav1 > ul > li:nth-child(4) > a{margin-left:-3px;}
.sub-nav-box1 .sub-nav1 > ul > li:nth-child(5) > a{margin-left:-4px;}
.sub-nav-box1 .sub-nav1 > ul > li:nth-child(6) > a{margin-left:-5px;}
.sub-nav-box1 .sub-nav1 > ul > li.active > a,.sub-nav-box .sub-nav > ul > li:hover > a{color:#fff;background:#7f67f8;}
.sub-nav-box1 .sub-nav1>ul>li>ul{display:none;position:absolute;top:40px;left:0;width:100%;background:rgb(1,61,131);z-index:9;}
.sub-nav-box1 .sub-nav1 > ul > li >ul{display:none;}
}

@media(max-width:768px){.sub-nav{display:flex;justify-content:center;align-items:center;}
.sub-nav ul{overflow:hidden;text-align:center;margin:20px auto;overflow:hidden;min-width:360px;}
.sub-nav ul li{float:left;padding:0px 3px;width:50%;margin-bottom:8px;}
.sub-nav ul li a{display:block;font-size:16px;border:1px solid #ccc;height:36px;line-height:32px;text-align:center;text-overflow:ellipsis;white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#333;}
.sub-nav ul li.active a{background:#7f67f8;color:#fff;}
.sub-nav ul li ul{display:none;}
}

@media(max-width:768px){.sub-nav1{display:flex;justify-content:center;align-items:center;}
.sub-nav1 ul{overflow:hidden;text-align:center;margin:20px auto;overflow:hidden;min-width:360px;}
.sub-nav1 ul li{float:left;padding:0px 3px;width:50%;margin-bottom:8px;}
.sub-nav1 ul li a{display:block;font-size:16px;border:1px solid #ccc;height:36px;line-height:32px;text-align:center;text-overflow:ellipsis;white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#333;}
.sub-nav1 ul li.active a{background:#7f67f8;color:#fff;}
.sub-nav1 ul li ul{display:none;}
}
/*单页左侧*/
.compage-left{border-right:1px solid #ececec;padding-right:20px;}
.compage-left .bluefont{font-size:24px;color:rgb(1,61,131);font-family:KaiTi;margin-bottom:18px;}
/*公用标题*/
.comm_tit{color:rgb(51,51,51);padding-top:2.8rem;padding-bottom:2.8rem;}
.comm_tit .t1{font-size: 32px;margin-bottom:1.4rem;color: #194078;font-weight: bold;}
.page-columntitle{font-size:2.8rem;}
/*首页>>customersget*/
.customersget .item + .item{border-left:1px solid #ccc;}
.customersget .item .inner{width:80%;margin:20px auto;}
.customersget .line{width:76%;height:1px;background:#ccc;margin:20px auto 40px auto;}
/*首页>>makethebest*/
.makethebest{background-size:cover;padding-top:5rem;padding-bottom:5rem;color:#fff; background-color:#cbcbcb;}
.makethebest p{font-size:2.8rem;text-align:center;font-weight:700;}
.makethebest .link{width:100%;height:36px;text-align:center;transition:0.5s;margin:0 10px;display:inline-block;color:#fff;line-height:32px;font-size:1.8rem;position:relative;top:1rem;font-weight:700;}
/*首页>>solutions*/
.solutions .item{padding-top:3rem;padding-bottom:3rem;}
.solutions .num{text-align:center;font-size:3.5em;font-weight:700;letter-spacing:2px;color:#154889;margin:0 0 20px 0;}
/*首页>>mainservice*/
.mainservice{background:url("../images/3.jpg") repeat-x center left;background-size:contain;background-color:#000; padding-top:1rem;padding-bottom:6rem;color:#fff;}
.mainservice .comm_tit .t1,.mainservice .comm_tit .t2{color:#fff;}
.mainservice h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mainservice p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:2rem;height:6rem;}
.mainservice .item img{width:64px;height:50px;}
.mainservice .item{background:#154889;padding:50px 20px;}
.mainservice .item:nth-child(2n){background:#fff;color:#333;}
.mainservice .item:nth-child(2n) img{border-color:#154889;}
/*首页>>product*/
.product .producrScroll{padding-bottom:4.6rem;padding-top:2.6rem;}
.product .producrScroll img{width:400px;height:200px;}
.product .producrScroll .swiper-slide{padding:3px;}
.product .producrScroll .swiper-slide .inner{text-align:center;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 2px rgba(0,0,0,.1);border-radius:8px;padding:30px 20px;}
.product .producrScroll .swiper-slide .title{color:#333;font-weight:bold;font-size:18px;margin-top:1.8rem;margin-bottom:1rem;}
.product .swiper-pagination-bullet{width:14px;height:14px;background:#4734a2;opacity:.3;}
.product .swiper-pagination-bullet-active{background:#154889;opacity:1;}
/* 强制实现 3行3列 */
.product.producrScroll {
    overflow: hidden;
}
/* 开启 Swiper4 原生多行模式 */
.product.producrScroll.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}
/* 一行3个，强制宽度 */
.product.producrScroll .swiper-slide {
    width: calc(33.333% - 20px) !important;
    margin-bottom: 25px;
    flex-shrink: 0;
}
.product.producrScroll.swiper-container {
    height: 1100px !important; /* 这个值根据你产品卡片的高度+间距来定 */
    overflow: hidden;
}
.product.producrScroll .swiper-wrapper {
    height: auto !important;
}
/*首页手机端*/
@media(max-width:768px){
    .customersget .item + .item{border-left:none;}
    .solutions .num{font-size:2.2em;font-weight:600;letter-spacing:1px;}
    .solutions .item{padding-top:0rem;padding-bottom:3rem;}
    .mainservice{background-size:cover;padding:0px 20px 50px 20px;}
    .mainservice .item{padding:30px 20px;}
    .product .producrScroll{padding-top:0rem;}
    .product .producrScroll img{width:120px;height:120px;border-radius:60px;}
    .product .producrScroll .swiper-slide{padding:2px;}
    .product .producrScroll .swiper-slide .inner{padding:20px 10px;}
	
}
@media (max-width: 580px) {
    .producrScroll.swiper-container {
        min-height: 600px !important; /* 撑开高度，防止三行被截断 */
    }
    .producrScroll .swiper-slide {
        margin-bottom: 20px !important; /* 只控制垂直间距，不碰宽度 */
        padding: 0 !important; /* 清除多余内边距，避免挤压 */
    }
    .producrScroll .swiper-slide .inner {
        padding: 15px 10px !important; /* 卡片内边距调整 */
    }
    .producrScroll .swiper-slide img {
        height: 120px !important; /* 移动端图片高度 */
        border-radius: 50% !important;
    }
}
/*产品内容页样式*/
.product-content .detail{border-bottom:2px solid #154889;}
.product-content .detail .title{clear:both;text-align:center;overflow:hidden;background:#154889;line-height:42px;color:rgb(255,255,255);font-weight:600;font-size:14px;display:inline-block;width:140px;position:relative;top:6px;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:12px;right:12px;overflow:hidden;width:50px;height:50px;border:none;text-indent:-9999px;background:url(Images/ui.totop.png) no-repeat left 0px;background-size:auto;background-size:cover;z-index:190;border-radius:50%;transition:all 0.2s linear;}
#toTop:hover{background-position:left -50px;background-size:cover;}
/*底部*/
footer{background:#154889;text-align:left;line-height:2.5;color:#ccc;}
footer a,footer{color:#ccc;}
footer a:hover{color:#f6f6f6;}
footer .rights{background:#154889;padding-top:10px;padding-bottom:10px;}
footer .mobilefooter{display:none;}
@media(max-width:1000px){.wpsidebar-fkf{display:none;}
footer{margin-bottom:60px;}
.footer-fixed{position:fixed;left:0;bottom:0;width:100%;height:60px;color:#fff;background:#154889;z-index:4;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.footer-fixed img{height:32px;width:32px;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.footer-fixed ul li a{display:block;height:60px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-fixed ul li p{color:#fff;font-size:12px;}
.footer-fixed.active{transform:translateX(260px);z-index:9999;}
}

/*分页>>新闻*/
.page-news .piclist li{border-bottom:1px solid #ddd;padding-bottom:1.5rem;margin-bottom:1.5rem;}
.page-news .piclist .title{font-size:16px;margin-bottom:1.5rem;line-height:1.6;display:block;}
.page-news .piclist .date{margin-bottom:1.2rem;}
.page-news .piclist .introduct{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
.page-news .piclist .picbox{position:relative;overflow:hidden;}
.page-news .piclist .picbox img{transition:all .3s ease-in-out;}
.page-news .piclist .picbox:hover img{transform:scale(1.1,1.1);}
.page-news .piclist .more{border:1px solid #d9d9d9;padding:5px 10px;min-width:86px;text-align:center;margin-top:1.6rem;display:inline-block;}
/*分页>>产品*/
.page-product .piclist .item{box-shadow:1px 1px 2px transparent;padding:12px;border:1px solid #eee;margin-bottom:20px;transition:0.3s all ease;}
.page-product .piclist .item img{transition:0.3s all ease;}
.page-product .piclist .item:hover{box-shadow:3px 3px 5px rgba(0,0,0,.2);border:1px solid #eee;}
.page-product .piclist .item:hover img{transform:scale(1.04,1.04);}
.page-product .piclist .title{font-size:1.2rem;}
@media(max-width:468px){.page-news .piclist .title{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;height:52px;margin-bottom:0.6rem;}
.page-news .piclist .date{margin-bottom:0;}
.page-news .piclist .introduct{display:none;}
}
/*分页>>联系我们*/
.page-contactUs .col-md-4{border-right:1px solid #ddd;min-height:70px;}
.page-contactUs .col-md-4:last-child{border-right:none;}
.page-contactUs .contactmsg{margin-bottom:10px;display:flex;flex-direction:column;}
.page-contactUs .contactmsg .p1{font-weight:600;}
.wp-products-artview_info{background-color:#F5F5F5;border:1px solid #E5E5E5;color:#868686;line-height:1.7em;margin-bottom:10px;padding:5px;margin-top:10px;font-size:14px;}
/*分页>>gallery*/
.page-gallery .piclist .circlebox{background:#7f67f8;position:absolute;left:50%;top:50%;margin-left:-90px;margin-top:-50px;width:180px;height:100px;transition:All 0.8s ease-in-out;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 10px;transform:rotateY(90deg);}
.page-gallery .piclist .circlebox .title{font-size:1.6rem;}
.page-gallery .piclist .item:hover .circlebox{transform:rotateY(360deg);}
@media(max-width:768px){.page-gallery .piclist .item{margin-bottom:10px;}
.page-gallery .piclist .item .circlebox{transform:rotateY(360deg);}
.page-gallery .piclist .circlebox{background:#7f67f8d4;margin-left:-60px;margin-top:-40px;width:120px;height:80px;padding:0 8px;}
}
/*在线留言表单*/
.el-form-item__content .edui-default{line-height:20px;}
.el-input__inner,.el-textarea textarea{border-radius:2px;border:2px solid #ddd;color:#333;}
.el-input__inner:focus,.el-textarea textarea:focus{border:2px solid #644dd7;}
.el-button{background-color:#154889;border-color:#154889;border:0px;border-radius:0px;width:100%;height:42px;transition:0.5s;font-size:1.4rem;}
.el-button:hover{background-color:#093165;}
footer .el-form-item__content .edui-default{line-height:20px;}
footer .el-input__inner,footer .el-textarea textarea{border-radius:2px;border:2px solid #ddd;color:#fff;background:#333;}
footer .el-input__inner:focus,footer .el-textarea textarea:focus{border:2px solid #644dd7;}
footer .el-button{background-color:#7f67f8;border-color:#329cff;border:0px;border-radius:0px;width:100%;height:42px;transition:0.5s;font-size:1.4rem;}
footer .el-button:hover{background-color:#6650d0;}