.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}


/* 字体规范 */
/* .tit46{font-size:46px; line-height:54px;} */
.tit36{font-size:36px; line-height:46px;}
.tit24{font-size:24px; line-height:33px;}
.con15{font-size:17px; line-height:30px; color:#5b5b5b;}

.tit46{font-size:46px; line-height:60px;}

.wrap {
width: 1640px;
margin-right: auto;
margin-left: auto;
}
.common_tit {
    position: relative;
    font-weight: 900;
    color: #063f87;
    text-align: center;
}
.common_tit::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 84px;
    transform: translateX(-50%);
    height: 4px;
    background: #f5be2c;
}
/* 关于我们 */
.about_us .ab_box{width:46.3%;}
.about_us .common_tit{text-align:left;}
.about_us .common_tit::after{left:0; transform:none;}
.about_us .ab_box .top{margin-bottom:30px;}
.about_us .ab_box .top .common_tit::after{bottom:-65px;}
.about_us .ab_box .top .tit{font-weight:bold; margin-top:5px;}

.about_us01{background:#fefefe url(../images/about_us01_bg01.jpg) no-repeat right top/cover;  padding-top:90px;}
.about_us01 .top .content{display:flex; align-items:flex-end; justify-content:space-between;}
.about_us01 .top .content .common_tit{margin-bottom:70px;}
/* .about_us01 .top .content .right_year{font-size:300px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1; color:rgba(245, 190, 44, 0.9);} */
.about_us01 .top .content .right_year{width:46.6%; font-size:0!important;}

.about_us01 .bott{padding-top:30px; box-sizing:border-box; position:relative;}
.about_us01 .bott::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:460px; background:url(../images/about_us01_bg02.png) no-repeat bottom center; background-size:100% auto;}
.about_us01 .bott ul{display:flex; align-items:stretch; justify-content:space-between; position:relative; z-index:3; padding:65px 0 75px;}
.about_us01 .bott li{padding:0 3%; color:#fff; text-align:center;}
.about_us01 .bott li .num_box{font-size:40px; line-height: 1.5; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; text-transform:uppercase;}
.about_us01 .bott li .num_box span{font-size:40px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; text-transform:uppercase;}
.about_us01 .bott li .t{color:#fff;}
.about_us01 .bott .line{width:1px; background:rgba(255,255,255,0.1);}
.about_us01 .bott .line:last-child{width:0;}

.about_us02{position:relative; }
.about_us02 .content{position:absolute; left:0; top:45%; width:100%; transform:translateY(-50%);}
.about_us02 .content .common_tit{color:#fff; margin-bottom:60px;}
.about_us02 .content .con{color:#fff;}

.about_us03 .content .r_box{position:relative; height:800px; padding:0; box-sizing:border-box; }
.about_us03 .content .ab_box .webgl-container{height:100%; width:100%;}
.about_us03 .content .ab_box .webgl-container .webgl{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
.about_us03 .content .ab_box .webgl-container canvas{width:100% !important; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.about_us03 .content .ab_box .webgl-container .region-label{font-size:20px; padding:20px 30px; font-weight:700; color:#f5be2c; border-radius:50px; box-shadow:0 3px 0 rgba(0, 0, 0, 0.16); background-color:#fff; visibility:visible; opacity:1; transition:all 0.2s ease-in-out; transition-property:visibility,opacity; pointer-events:all; cursor:pointer;}
.about_us03 .content .ab_box .webgl-container .region-label:hover {cursor:pointer;}
.about_us03 .content .ab_box .webgl-container .region-label.invisible {visibility:hidden; opacity:0;}
.about_us03 .content .ab_box .webgl-container .city-label{width:8px; height:8px; border-radius:50%; background-color:#f5be2c; z-index:0 !important; visibility:visible; opacity:1; transition:all 0.2s ease-in-out; transition-property:visibility,opacity;}
.about_us03 .content .ab_box .webgl-container .city-label.invisible{visibility:hidden; opacity:0;}
.about_us03 .content .ab_box .webgl-container .city-label:after {content:attr(data-name); position:absolute; font-family:"xbt"; font-size:0px; font-weight:700; text-transform:uppercase; bottom:-15px; left:50%; transform:translateX(-50%);}
#region-labels{display:none}

.about_us03 .content{display:flex; align-items:center; justify-content:space-between;}
.about_us03 .content .top{color:#063f87;}
.about_us03 .content .bott .item{padding-top:45px;}
.about_us03 .content .bott .item .t{font-size:20px; font-weight:bold; color:#000000; line-height:28px; padding-bottom:10px; border-bottom:1px solid #dee1e6;}
.about_us03 .content .bott .item .c{color:#747474; margin-top:20px;}

.ab_center{position:relative; }
.ab_center .content{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.ab_center .content .common_tit{color:#fff;}
.ab_center .content .tit{color:#fff;}
.ab_center .content .con{color:#fff; padding-top:10px;}

.ab_center.about_us06 .content .common_tit{color:#063f87;}
.ab_center.about_us06 .content .tit{color:#063f87;}
.ab_center.about_us06 .content .con{color:#3c3c3c;}

.ab_center.about_us05 .content .common_tit{color:#063f87;}
.ab_center.about_us05 .content .tit{color:#063f87;}
.ab_center.about_us05 .content .con{color:#3c3c3c;}


/* ========== 全局通用消除图片/容器底部留白缝隙 通用样式 ========== */
/* 1. 图片行内元素默认基线空白根治（所有img通用） */
img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

/* 2. 图片外层容器消除行高、字体间隙 */
.bg,
.webgl-container,
.ab_box,
.about_us01 .bott,
.about_us03 .r_box {
    line-height: 0;
    font-size: 0;
}

/* 3. 浮动/弹性布局容器高度塌陷、多余留白清除（你项目大量用到fix清除浮动） */
.fix,
.wrap,
.content {
    overflow: hidden;
}

 
.about_us01 .wrap,
.about_us02 .wrap,
.about_us03 .wrap,
.about_us05 .wrap,
.about_us06 .wrap {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* 5. 绝对定位居中容器高度自适应，避免内容撑不起高度产生底部空白（ab_center通用） */
.ab_center {
    overflow: hidden;
}
.ab_center .bg img {
    width: 100%;
    display: block;
}

/* 6. about_us03 单独适配（你的营销网络模块左右flex布局缝隙） */
.about_us03 .content {
    gap: 0; /* flex布局子元素默认间隙清零 */
}
.about_us03 .r_box.opc0 {
    height: 800px;
    overflow: hidden;
    margin-bottom: 0;
}
.about_us03 .webgl-container {
    height: 100%;
    overflow: hidden;
}

/* about_us03 套用04/06同款背景图全屏+文字居中布局 */
.about_us03.ab_center {
    position: relative;
    overflow: hidden;
}
.about_us03.ab_center .content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

/* 背景图清除底部缝隙（复用通用规则） */
.about_us03 .bg {
    line-height: 0;
    font-size: 0;
}
.about_us03 .bg img {
    display: block;
    width: 100%;
    height: auto;
}



/* 消除about_us06图片底部缝隙 */
.about_us06 .bg {
    line-height: 0;
    font-size: 0;
}
.about_us06 .bg img {
    display: block;
    width: 100%;
    vertical-align: bottom;
}
/* 消除板块自身内外边距留白 */
.about_us06.ab_center {
    margin: 0;
    padding: 0;
    overflow: hidden;
}









/* 20231219start wangqz */
.service_action.channel_content{padding-top:0px;}
.service_action .common_tit{margin-bottom:45px;}
.service_action01{padding-bottom:60px;}
.service_action01 .logo_img{text-align:center;}

.service_action02{padding-bottom:80px;}
.service_action02 .infor{text-align:center; /*width:75%; margin:0 auto;*/}
.service_action02 .infor .con{color:#666; margin-bottom:60px;}
.service_action02 .infor .list li{width:23%; margin:0 1%; text-align:center; float:left;}
.service_action02 .infor .list li .number{font-size:60px; color:#0a1e40; font-family:Impact; line-height:44px; margin-top:15px;}
.service_action02 .infor .list li .number .num{display:inline-block; vertical-align:unset; width:100%; margin-bottom:20px;}
.service_action02 .infor .list li .number .tit24{display:inline-block; vertical-align:unset; color:#666; font-family:arial; display:none;}
.service_action02 .infor .list li .txt{color:#666;}
.service_action02 .infor .list li .li_box:hover .icon{transform: rotateY(180deg);}
.service_action02 .infor .list li .icon{transition: all 0.5s ease;}
.service_action02 .infor .list li .icon img{width:64px;}

.service_action02 .box ul{display:flex; align-items:stretch; padding-top:35px;}
.service_action02 .box li{display:inline-block; vertical-align:text-top; text-align:center; width:25%; position:relative;}
.service_action02 .box li::after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background:#e7e8ea;}
.service_action02 .box li:last-child::after{display:none;}
.service_action02 .box li .num_box{font-weight:bold; color:#063f87; position:relative; display:inline-block;}
.service_action02 .box li .num_box .num{font-size:80px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1;}
.service_action02 .box li .num_box .t{position:absolute; top:-3px; right:10px; font-size:15px; transform:translate(100%,-100%); font-weight:bold; color:#2d2d2d; width:auto; white-space:nowrap; line-height:30px; padding:0 20px; border-radius:20px; background:#e8e9ea;}
.service_action02 .box li .num_box .t::after{content:''; position:absolute; bottom:-10px; left:5px; border:6px solid transparent; border-top-color:#e8e9ea; transform:rotate(14deg); }
.service_action02 .box li .tips{font-size:20px; color:#000000; line-height:30px; margin-top:10px; font-weight:bold;}


.service_action03{padding:80px 0; margin-bottom:80px; overflow:hidden; background:#f5f9ff;}
.service_action03 .rect-38{padding-bottom:45.8%; padding-bottom:0; height:auto;}
.service_action03 .rect-38 img{width:100%;}
.service_action03 .common_tit{margin-bottom:70px;}
.service_action03 .content .item{margin-bottom:70px; display:flex; align-items:center; justify-content:space-between;}
.service_action03 .content .item:last-child{margin-bottom:0;}
.service_action03 .content .item .left{position:relative; width:47%; }
.service_action03 .content .item .left .intro{position:relative;}
.service_action03 .content .item .left .intro .icon{position:absolute; left:0; top:10px;}
.service_action03 .content .item .left .intro .icon img {
  width:78%;
    /* 着色：蓝色调，可改参数换色 */
    filter: brightness(0) saturate(100%) invert(47%) sepia(88%) saturate(3200%) hue-rotate(15deg) brightness(105%) contrast(105%);
  }
.service_action03 .content .item .left .intro .tit{font-size:38px; margin-bottom:10px;       padding-left: 60px;  font-weight: 900;    color: #063f87;}
.service_action03 .content .item .left .intro .tit::after {
    content: '';
    position: absolute;
    top: 57px;
    left: 0px;
    width: 184px;
    transform: none;
    height: 2px;
    background: #f5be2c;
}
.service_action03 .content .item .left .intro .tit span{margin-left:10px;}
.service_action03 .content .item .left .intro .con{color:#747474; text-align:justify;    margin-top: 26px;}
.service_action03 .content .item .right{position:relative; width:47%; height:100%;}
.service_action03 .content .item.even{flex-direction:row-reverse;}

.service_action04{padding-bottom:80px;}
.service_action04 .infor{text-align:center; width:74%; margin:0 auto; margin-bottom:50px;}
.service_action04 .content ul{width:103%;}
.service_action04 .content .item{float:left; width:30.33%; margin-right:3%;}
.service_action04 .rect-5385{padding-bottom:53.85%;}

.service_action05{padding-bottom:60px;}
.service_action05 .rect-4676{padding-bottom:46.76%;}
.service_action05 .map .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;}
.service_action05 .map .dot_box .dot{position:absolute;}
.service_action05 .map .dot_box .dot .dot_circle{display:block; width:14px; height:14px; background:#0a1e40; position:relative; z-index:3; border-radius:50%;}
.service_action05 .map .dot:after,
.service_action05 .map .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;}
.service_action05 .map .dot:before {width:29px; height:29px; background:transparent; background:rgba(0,71,157,0.3); margin-top:-14px; margin-left:-14px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.service_action05 .dot:after {width:46px; height:46px;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,71,157,0.2); margin-left:-23px; margin-top:-23px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
.service_action05 .dot_box .dot.dot_darkblue .dot_circle{background:#0a1e40;}
.service_action05 .dot_box .dot.dot_darkblue:before{background:rgba(0,71,157,0.3);}
.service_action05 .dot_box .dot.dot_darkblue:after{background:rgba(0,71,157,0.2);}
.service_action05 .dot_box .dot.dot_lightblue .dot_circle{background:#5499ed;}
.service_action05 .dot_box .dot.dot_lightblue:before{background:rgba(84, 153, 237, 0.3);}
.service_action05 .dot_box .dot.dot_lightblue:after{background:rgba(84, 153, 237, 0.2);}
.service_action05 .dot_box .dot.dot_grey .dot_circle{background:#9e9e9e;}
.service_action05 .dot_box .dot.dot_grey:before{background:rgba(158, 158, 158, 0.3);}
.service_action05 .dot_box .dot.dot_grey:after{background:rgba(158, 158, 158, 0.2);}
.service_action05 .content{font-size:17px; line-height:30px; }

.service_action05 .dotinfo .dot .dot_circle{display:block; width:14px; height:14px; background:#0a1e40; position:relative; z-index:3; border-radius:50%; left:20%; top:20px;}
.service_action05 .dotinfo .dot.dot_darkblue .dot_circle{background:#0a1e40;}
.service_action05 .dotinfo .dot.dot_darkblue:before{background:rgba(0,71,157,0.3);}
.service_action05 .dotinfo .dot.dot_darkblue:after{background:rgba(0,71,157,0.2);}
.service_action05 .dotinfo .dot.dot_lightblue .dot_circle{background:#5499ed;}
.service_action05 .dotinfo .dot.dot_lightblue:before{background:rgba(84, 153, 237, 0.3);}
.service_action05 .dotinfo .dot.dot_lightblue:after{background:rgba(84, 153, 237, 0.2);}
.service_action05 .dotinfo .dot.dot_grey .dot_circle{background:#9e9e9e;}
.service_action05 .dotinfo .dot.dot_grey:before{background:rgba(158, 158, 158, 0.3);}
.service_action05 .dotinfo .dot.dot_grey:after{background:rgba(158, 158, 158, 0.2);}
.service_action05 .dotinfo li{width:33%; float:left;}
.service_action05 .dotinfo .dot:after,
.service_action05 .dotinfo .dot::before{display:none;}
.service_action05 .dituinfo, 
.service_action05 .dotinfo{width:58%; margin:0 auto; text-align:center;}

.service_action05 .dot_box .dot .text{position:absolute; opacity:0; visibility:hidden; left:0; top:50%; transform:translateY(-50%); white-space:nowrap; z-index:9; transition:all .5s ease;}
.service_action05 .dot_box .dot:hover .text{left:200%; opacity:1; visibility:visible;}

.service_action06{padding-bottom:60px;}
.service_action06 .content ul{width:102%;}
.service_action06 .content .item{position:relative; float:left; width:10%; height:66px; margin-right:1%; margin-bottom:1%; background:#fff; box-shadow: 0px 0px 10px 0px rgba(27, 27, 27, 0.1); transition:all .5s ease; overflow:hidden; transform:rotate(0);}
.service_action06 .content .item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:none; user-select:none; width:90%; transition:all .5s ease;}
.service_action06 .content .item:hover{box-shadow: 0px 0px 10px 4px rgba(27, 27, 27, 0.1);}
.service_action06 .content .item:hover img{ transform:translate(-50%, -50%) scale(1.1,1.1);}

.service_action07{background:#fafafa; padding:80px 0; display:none;}
.service_action07 .content ul.fix:before, 
.service_action07 .content ul.fix:after{display:none;}
.service_action07 .content ul{display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;}
.service_action07 .content .item{float:none; width:auto; max-width:33%;}
/* .service_action07 .content .item:first-child{width:50%;} */
.service_action07 .content .item .box{position:relative; display:block; padding-left:80px;}
.service_action07 .content .item .box .icon{position:absolute; left:0; top:0; width:60px; height:60px; text-align:right;}
.service_action07 .content .item .box .icon img{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.service_action07 .content .item .box .intro .tit{font-size:30px; line-height:1; font-weight:bold; color:#0a1e40; margin-bottom:8px;}
.service_action07 .content .item .box .intro .con{color:#333;}
.service_action07 .content .item:hover .box .intro .con{color:#004c97;}


.service_action08{padding-bottom:80px;}
.service_action08 .infor{text-align:center; padding:0 14%; margin-bottom:30px;}
.service_action08 .infor .con span{font-size:20px; color:#00479d; font-weight:bold;}
.service_action08 .content{padding:0 50px; position:relative;}
.service_action08 .content .rect-5133{padding-bottom:0%;}
.service_action08 .content .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;}
.service_action08 .content .dot_box .dot{position:absolute;}
.service_action08 .content .dot_box .dot .dot_circle{display:block; width:14px; height:14px; background:#00479d; position:relative; z-index:3; border-radius:50%;}
.service_action08 .content .dot::after,
.service_action08 .content .dot::before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;}
.service_action08 .content .dot::before {width:29px; height:29px; background:transparent; background:rgba(0,71,157,0.3); margin-top:-14px; margin-left:-14px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.service_action08 .content .dot::after {width:46px; height:46px; background:transparent; /*background:#7e9ec3;*/ background:rgba(0,71,157,0.2); margin-left:-23px; margin-top:-23px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}

@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}

.service_action08 .content .cover{position:absolute; right:0; bottom:5%; background:url(../images/blue80.png) center; width:45%;}
.service_action08 .content .cover .box{padding:50px;}
.service_action08 .content .cover .box dt{float:left; font-size:30px; line-height:30px; color:#fff; font-weight:bold; margin-bottom:25px; width:100%;}
.service_action08 .content .cover .box dd{float:left; width:49%; margin-right:2%; font-size:17px; line-height:30px; color:#fff; margin-top:5px;}
.service_action08 .content .cover .box dd span{display:inline-block; margin-right:3px; font-size:28px; color:#facd00; font-family:Arial; font-weight:bold;}
.service_action08 .content .cover .box dd.even{margin-right:0;}
.service_action08 .content .cover .box .text{font-size:20px; color:#fff; line-height:24px; margin-top:30px;}

/* 20231219 end */