/* ==== APPLICATION tab block (ported from demoall.5fa.cn/11846), scoped to .w1388 ==== */
.w1388{margin:0 auto;width:100%;max-width:1388px;padding:0 15px;box-sizing:border-box}

/* --- from demo_main.css --- */
.w1388 .clear:after{
    content: '';
	display: table;
	clear: both;}

.w1388{
    width: 1388px;
	margin: 0 auto;}

.w1388 .img100 img{
    width: 100%;
	vertical-align: bottom;}

.w1388 .text-center{
    text-align: center;}

.w1388 .title1 h3{
    font-size: 26px;
	color: #333;}

.w1388 .title1 i{
    display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #004DDB;}

.w1388 .title1{
    margin-bottom: 40px;}

.w1388 .ppgs-l .img100, .w1388 .about-vd .img100{
    position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;}

.w1388 .tab-btn{
    font-size: 0;
	text-align: center;}

.w1388 .tab-btn a{
    display: inline-block;
	font-size: 14px;
	color: #666;
	text-align: center;
	width: 208px;
	line-height: 40px;
	background: #f5f5f5;
	margin: 0 10px;}

.w1388 .tab-btn a.active{
    background: #004DDB;
	color: #fff;}

.w1388 .tab-btn a:hover{
    background: #004DDB;
	color: #fff;}

.w1388 .margin-t50{
    margin-top: 50px;}

.w1388 .tabpage{
    display: none;}

.w1388 .tabpage.active{
    display: block;}

.w1388 .xw-list .img100{
    width: 36%;}

.w1388 .gtrz .img100{
    width: 55%;}

.w1388 .whbox .img100{
    width: 53.5%;}

.w1388 .whbox li:nth-child(odd) .img100{
    float: left;}

.w1388 .whbox li:nth-child(even) .img100{
    float: right;}

/* --- 案例卡片（anli-list / anli-con，结构照 demoall.5fa.cn/11846，配色换成站点蓝） --- */
.w1388 .anli-list li{
    float: left;
    width: 24.5%;
    margin-right: 0.66%;
    margin-bottom: 0.66%;}

.w1388 .anli-list li:nth-child(4n){
    margin-right: 0;}

.w1388 .anli-list li a{
    display: block;
    position: relative;
    overflow: hidden;}

.w1388 .anli-list .img100{
    background: #fff;
    aspect-ratio: 1 / 1;}

.w1388 .anli-list .img100 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: bottom;}

.w1388 .anli-con{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,77,219,.78);
    opacity: 0;}

.w1388 .anli-list li:hover .anli-con{
    opacity: 1;}

.w1388 .anli-con .table{
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    table-layout: fixed;}

.w1388 .anli-con .table-cell{
    display: table-cell;
    vertical-align: middle;}

.w1388 .anli-con h4{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    padding: 0 12px;}

.w1388 .anli-con i{
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    margin: 20px auto 0;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 50%;}

.w1388 .anli-con i:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -6px 0 0 -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);}

.w1388 .imgscale .img100{
    overflow: hidden;}

.w1388 .imgscale:hover .img100 img{
    transform: scale(1.1);
	-webkit-transform: scale(1.1);}

.w1388 .swiper-btn-style div, .w1388 .menu-handler .burger, .w1388 .nav-yi:after, .w1388 .index-a i, .w1388 .index-a-title, .w1388 .index-a-con, .w1388 .ljgd2, .w1388 .cptd1-con, .w1388 .cptd2-con, .w1388 .anli-con, .w1388 .fubox, .w1388 .zksq, .w1388 .gdcp-txt, .w1388 .language, .w1388 .sel-btn:after, .w1388 .weixin-code, .w1388 .i7, .w1388 .imgscale .img100 img, .w1388 .left-yi:before, .w1388 .left-yi, .w1388 .pro-list-bot:after, .w1388 .nav-san-box, .w1388 .search-nr, .w1388 .menu-box-ul, .w1388 .head-top2{
    transition: all .3s linear;
	-webkit-transition: all .3s linear;}

.w1388 .index-a i, .w1388 .i7, .w1388 .video_t a, .w1388 .anli-con i, .w1388 .footer-top, .w1388 .bofang i, .w1388 .ball, .w1388 .his-btn a, .w1388 .pro-i, .w1388 .hide-honor-bth div{
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;}


/* --- from demo_media.css --- */
@media (max-width:1440px){
    .w1388{
        width: 1200px;}
}

@media (max-width:1250px){
    .w1388, .w1388 .w1128{
        width: auto;
	margin: 0 20px;}

    .w1388 .fubox, .w1388 .pro-i{
        display: none;}
}

@media (max-width:768px){
    .w1388 .ppgs-l, .w1388 .gtrz .img100{
        width: 100%;}
}

@media (max-width:750px){
    .w1388 .title1 h3, .w1388 .ppgs-title h4, .w1388 .pro-cs-a h4, .w1388 .his-nian{
        font-size: 20px;}

    .w1388 .pc-show, .w1388 .pro-i, .w1388 .footer-mid-left, .w1388 .hide-honor-bth div{
        display: none;}

    .w1388, .w1388 .w1128{
        margin: 0 12px;}

    .w1388 .margin-t50, .w1388 .margin-t40, .w1388 .history-bot, .w1388 .whbox li:last-child{
        margin-top: 20px;}

    .w1388 .title1, .w1388 .honnor li, .w1388 .search-list, .w1388 .result-box{
        margin-bottom: 20px;}

    .w1388 .tab-btn a{
        margin: 0 2px;
	width: 80px;
	font-size: 12px;
	line-height: 30px;}

    .w1388 .product-list li, .w1388 .anli-list li{
        width: 48%;
	margin-right: 4%;}

    .w1388 .product-list li:nth-child(3n), .w1388 .anli-list li:nth-child(4n){
        margin-right: 4%;}

    .w1388 .product-list li:nth-child(even), .w1388 .anli-list li:nth-child(even){
        margin-right: 0;}

    .w1388 .pro-list-bot{
        padding: 10px 0;}

    .w1388 .pro-list-bot h5{
        margin-right: 0;}

    .w1388 .whbox .img100{
        float: none !important;
	width: 100% !important;}
}


/* --- responsive override (win over demo fixed widths) --- */
.w1388{width:100%;max-width:1388px;margin:0 auto;padding:0 15px;box-sizing:border-box}
/* 没有子栏目时隐藏整个板块（避免只显示一个空标题） */
.w1388:not(:has(.tab-btn a)){display:none}
/* --- list page pagination (fits the APPLICATION grid) --- */
.w1388 .page_bar{margin-top:50px;text-align:center;font-size:0}
.w1388 .pages a,
.w1388 .pages span{display:inline-block;min-width:42px;height:42px;line-height:40px;padding:0 14px;margin:0 4px;border:1px solid #e0e0e0;color:#666;font-size:14px;background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.w1388 .pages a:hover,
.w1388 .pages a.current{border-color:#004DDB;background:#004DDB;color:#fff}
.w1388 .pages a:not([href]){color:#bbb;border-color:#eee;cursor:default}
.w1388 .pages a.current:hover{color:#fff}
@media only screen and (max-width:767px){
.w1388 .page_bar{margin-top:30px}
.w1388 .pages a,.w1388 .pages span{min-width:34px;height:34px;line-height:32px;padding:0 8px;margin:0 2px;font-size:12px}
}

/* --- empty state for the APPLICATION grid --- */
.w1388 .anli-list:not(:has(li)){float:none;width:100%}
.w1388 .anli-list:not(:has(li)):after{content:"No records yet.";display:block;width:100%;padding:80px 0;text-align:center;color:#bbb;font-size:14px;letter-spacing:1px}
@media only screen and (max-width:767px){
.w1388 .anli-list:not(:has(li)):after{padding:45px 0}
}