@charset "utf-8";
/*
*[ MBKFW.COM] Copyright (c) 2010-2066
*dz-CSS-qq:290948585
*/
/*名片库*/
:root{
    --colorRgba: rgba(32, 70, 169, 0.1);
}
em,i{font-style:normal}
label {cursor: pointer;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
.mxh{width:1200px;margin:0 auto;}
.rel{position:relative}
.tb label{cursor:pointer;}
.tt{}
.tt input{font-size:12px}
/**/
.sort-v {float:left;color: #333;width: calc(100% - 120px);}
.sort-v img{vertical-align: text-bottom;}
/* .tool .liked{background:url('tool-like-on.png') no-repeat 0 center;color:#FF6600;}
.tool .favorited{background:url('tool-favorite-on.png') no-repeat 0 center;color:#FF6600;} */
/**/
#d_calendar{}
#d_calendar input{padding:6px 0px}
.ui-fr{float:revert}
.btna-h {border: 1px solid #ff9800;color: #ff9800 !important;background: #ffffff;}
.highlight,.list-img .highlight{color:#F44336}
.qrcode-a{}
.qrcode-a .qrcode-img{position:absolute;right:0;top:20px;z-index:1;height: 0;overflow: hidden;background-color: #fff;border-radius: 8px;-webkit-transform: translate(-20%,-50%);transform: translate(-20%,-50%);-webkit-box-shadow: 0 4px 8px 0 rgba(2,5,31,.06);box-shadow: 0 4px 8px 0 rgba(2,5,31,.06);-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.qrcode-a .qrcode-img img{width:140px;height:140px}
.qrcode-a:hover .qrcode-img{height:180px;padding: 10px 10px 0 10px;-webkit-transition: all .3s;transition: all .3s;}
/**/
.carousel {position:relative;}
.carousel-inner {position:relative;width:100%;overflow:hidden;}
.carousel-item {position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease,-webkit-transform 0.6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;}
.carousel-item.active,.carousel-item-next,.carousel-item-prev {display:block;}
#animation2 {animation:all2 2s ease-out;transition:all 2s;height:540px;width:100%;display:inline-block;}
.inner {width:1200px;margin:0 auto;}
.center {text-align:center;}
.colf,.switch-btn {color:#ffffff;}
.top-h3 {font-size:52px;color:rgba(255,255,255,1);margin-top: 15%;}
.top-p {font-size:32px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);text-align:center;left:32%;margin-top:15px;}
.top-btn {position:absolute;bottom: 15%;left:50%;width: 280px;height:55px;/* border:2px solid rgba(255,255,255,1); */background: linear-gradient(90deg, #699DFF, #4484FD);box-shadow: 0px 4px 16px 0px rgba(93,136,217,0.5);color:#fff;text-align:center;line-height:54px;font-size:20px;margin-left: -180px;border-radius: 50px;transition: all 1s;-webkit-animation-name: buzz-out;-webkit-animation-duration: 0.3s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;}
.top-btn:hover {border-radius:50px;}
.animation {animation:all 2s ease-out;transition:all 2s;}
.animation1 {animation:all 3s ease-out;transition:all 3s;}
 /** icon抖动*/
@-webkit-keyframes buzz-out {
    0% {
        -webkit-transform: translateY(0.03rem) rotate(-2deg);
    }
    
    20% {
        -webkit-transform: translateY(0.05rem) rotate(-1deg);
    }
    
    40% {
        -webkit-transform: translateY(0.05rem) rotate(0deg);
    }
    
    60% {
        -webkit-transform: translateY(0.05rem) rotate(0deg);
    }
    
    80% {
        -webkit-transform: translateY(0.05rem) rotate(0deg);
    }
    
    100% {
        -webkit-transform: translateY(0.05remx) rotate(-4deg);
    }
}
/**/
.indexPlate1 {margin:0 auto;padding:70px 0 30px;}
.indexPlate1-head {font-size:32px;color:#383838;text-align:center;padding:20px 0;font-weight:bold;word-spacing:30px;margin-bottom:50px;}
.plate1 {display:flex;justify-content:space-around;align-items:center;padding:0;width:1300px;text-align:center;margin:0 auto;margin-top:50px;margin-bottom:50px;}
.plate1 li {top:0;width:25%;text-align:center;color:#383838;position:relative;transition:all 1s;}
.plate1 li:hover {top: -20px;}
.plate1 li>div {width:100%;margin-bottom:13px;}
.plate1 li>span {font-size:16px;line-height:normal;color:rgba(69,69,69,1);}
/**/
.indexPlate2 {background:#ffffff;}
.plate2-head:hover {cursor:pointer;}
.plate2-head {padding-bottom:20px;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#A4A4A4;margin-bottom:-15px;text-align:center;height:90px;}
.plate2-head>div {margin-right:10px;width:32%;float:left;}
.plate2-head>div.active:after {content:url(images/bosscard/indexP2_arrow@2x1.png);position:absolute;top:60px;left:50%;width:30px;height:20px;margin-left:-15px;}
.plate2-head>div.active {color:#000;position:relative;}
.plate2 {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:url(images/bosscard/plate2bg-b.png) no-repeat center;height:650px;background-size:100% 100%;}
.plate2-box {display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all 1s;}
.apha {animation:all 1s linear;}
@keyframes all {
	0% {opacity:0;}
    100% {opacity:1;}
}
.plate2 div.left {width:330px;font-size:12px;height:100%;margin-right:110px;padding-top:170px;cursor:pointer;}
.plate2 div.left:hover div.left>div {;}
.plate2 div.right {position:relative;display:inline-flex;}
.plate2 div.right div {position:absolute;}
.plate2 div.right div img {width:100%;height:100%;}
.plate2 div.right img {width:100%;}
.plate2 div.left p.btm-line {width:100%;height:2px;background:linear-gradient(90deg,rgba(32,145,240,1) 0%,rgba(32,145,240,0) 100%);}
.plate2img-box {width:24.2%;padding-bottom:50px;position:relative;overflow:hidden;margin-bottom:15px;}
.plate2img-box img {display:block;width:100%;height:auto;}
.plate2img-box:hover {cursor:pointer;}
.plate2-pois {position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;align-content:center;}
.plate2-pois-p {height:20%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.plate2-pois-p span {font-size:16px;color:#383838;font-weight:bold;}
.plate2-pois-text {display:flex;justify-content:center;height:0;background:#FFF;overflow:hidden;transition:all linear 0.2s;}
.plate2-pois-text p {font-size:16px;color:#383838;}
.plate2-lines {width:30px;height:4px;background:#FC5D43;border-radius:2px;}
.plate2-pois-img {height:80%;display:flex;justify-content:center;align-items:center;transition:all linear 0.2s;}
.plate2-pois-img img {width:72px;}
.poisimg-ative {height:60%;}
.pois-text-ative {height:20%;}
.indexPlate3 {padding:70px 0;padding-bottom:10px;width: 1220px;margin:0 auto;background: none;}
.cat_li{margin-bottom: 30px;text-align: center;}
.cat_li a{display:inline-block;padding:10px 30px;background: #E8F4FE;margin-right:10px;margin-bottom:10px;border-radius: 50px;font-size: 16px;}
.cat_li a:hover{background:#3298F9;color:#ffffff}
/*,.head*/
.plate3-head {height: 80px;font-size: 40px;font-weight:bold;color:rgba(34,34,34,1);text-align:center;}
/**/
.about0 {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.about0 .fuw {width:29%;box-shadow: 0px 4px 11px 0px rgba(213,213,213,0.66);margin-bottom:50px;position:relative;height:320px;overflow:hidden;border-radius:5px;}
.about0 .fuw div.img {position:relative;}
.about0 .fuw div.btm {transition:all 0.3s;position:absolute;height:40%;text-align:center;background: #ffffff;width:100%;top:79%;}
.about0 .fuw div.btm div {transition:all 1s;width:100%;height:50px;line-height:20px;font-size:14px;box-sizing:border-box;}
div.btm>.two {padding:0 40px;text-align:left;}
.about0 .fuw div.btm div:nth-child(2) {line-height:50px;font-size:18px;font-weight:bold;}
.about0 .fum div.btm div.one {top:-50px;}
.about0 .fuw:hover div.btm {top:60%;height:40%;}
.about0 .fuw:hover{cursor:pointer;}
/* end*/
.plate3-box {display:flex;justify-content:space-between;align-items:stretch;margin-top:30px;flex-wrap:wrap;}
.plate3-box>div {width:25%;height:210px;margin:0 20px;}
.plate3-left {display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column;color:white;padding:35px 0 15px;}
.plate3-right {display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;color:white;padding:35px 0 15px;}
.plate3-left-li h5 {font-size:20px;text-align:right;font-weight:bold;}
.plate3-left-li p {font-size:18px;text-align:right;}
.plate3-right-li h5 {font-weight:bold;font-size:20px;text-align:left;}
.plate3-right-li p {font-size:18px;text-align:left;}
.indexPlate4 {}
.indexPlate4 img {display:block;width:80%;margin:0 auto;}
/* plate4*/
/*
.plate4-box {padding:0 20px;}
.plate4-content {display:flex;justify-content:center;align-items:center;width:500px;height:105px;}
.plate4-box>div {width:100%;height:170px;padding:0px 90px;margin-bottom:35px;}
.plate4-box div.right {margin-left:-20px;width:90%;line-height:35px;height:160px;padding-top:37px;background:url(../images/indexImg02/indexP4_img_textbg@2x.png) no-repeat center;padding:39px 34px;font-size:16px;}
.plate4-box div.left {width:200px;position:relative;}
.indexplate5-title {text-align:center;margin:30px 0 55px 0;font-size:32px;font-weight:bold;}
.plate4-box div.left>div {position:absolute;top:133px;left:-6px;width:100%;height:47px;text-align:center;line-height:47px;font-weight:400;color:rgba(255,255,255,1);background:url(../images/indexImg02/indexP4_img_lable@2x.png) no-repeat center;}
*/
/* plate5Data*/
.indexplate5-title {text-align:center;margin:30px 0 55px 0;font-size:32px;font-weight:bold;}
.about1 {display:flex;justify-content:center;align-items:center;}
.about1 .fuw1 {position:relative;width:280px;height:380px;background:#ffffff;top:0;box-shadow:0px 0px 11px 0px rgba(213,213,213,0.66);margin-right:30px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:5px;}
.about1 .fuw1 div {margin-top:73px;display:flex;justify-content:center;align-items:center;height:56px;transition:all 1s;}
.about1 .fuw1 div img {width:112px;height:112px;}
.about1 .fuw1 p.btm {width:193px;word-break:break-all;white-space:normal;margin:0 auto;font-size:16px;text-align:center;line-height:30px;}
.about1 .fuw1 p.topa {font-weight:400;margin-top:52px;margin-bottom:50px;font-size:20px;text-align:center;}
.about1 .fuw1:hover {top:-30px;;}
/* end*/
.indexPlate5 {padding:20px 0;padding-bottom: 55px;background-size:100% 100%;background:#F6F6F6;background: url(images/bosscard/plate2bg-b.png) no-repeat center;/* height:650px; */background-size:100% 100%;}
.indexPlate5 h2 {color:#fff;font-size:30px;text-align:center;margin:20px 0 40px;font-weight:normal;}
.indexPlate5-btn {width:350px;text-align:center;color:#fff;font-size:30px;margin:0 auto;padding:5px 0;border:1px solid #fff;border-radius:30px;font-weight:normal;}
.indexPlate5-btn:hover {cursor:pointer;background:#fff;color:#FC5D43;}
/**/
.indexPlate6{width:100%;margin: 0 auto;background-image: url(images/bosscard/indexP6_img_bg@2x.png);background-size: 100%;height: 450px;text-align: center;margin-bottom: -20px;}
.indexPlate6 .plate6-a{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.indexPlate6 .plate6-a .plate6-li{margin:0 30px}
.indexPlate6 .plate6-a .plate6-li p:first-child{padding:20px;background:#ffffff;border-radius:10px}
.indexPlate6 .plate6-a .plate6-li img{width:120px}
/**/
.mp_show_bg {background-image:url(images/bosscard/banner_b3.png);background-position:center;background-color:#000;background-repeat:no-repeat;background-size:cover;padding-bottom:20px;height: 300px;}
.mp_show_bg .m, .mp_show_bg .nav{background:none;}
.mp_show_bg .nav,.mp_show_bg .nav a{color:#ffffff;padding: 15px 0;}
.nav,.mp_show_bg .nav i{color:#ffffff;}
.mp_show_bg .nav .f_r{}
.mp_show_bg .nav .f_r em{background: #00BCD4;padding: 4px 10px;border-radius: 5px;color: #ffffff;}
.mp_show_bg .nav .f_r em a{color:#fffff}
.mp_show_bg .nav a:hover{color:#FFC107}
.mp_show_a{}
.mp_show_a h1{color:#ffffff;font-size:18px;font-weight:bold;margin:15px 0;text-align:center}
/**/
.mp_show_b{margin-top:-200px;background:#ffffff;border-radius:8px;}
/**/
.status_0{background: #fff4f4;}
.copyurl{position: relative;}
.copyurl #copytext{border-radius:0;border:1px solid #03A9F4}
.copyurl textarea {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
.copyurl .ccopy{background: #03A9F4;border:0;color: #FFFFFF;height: 30px;line-height:30px;cursor:pointer;width: 40px;display: inline-block;border-radius: 5px;}
/**/
.card-show-b2-c{line-height: 25px;overflow: hidden;padding: 15px;}
.card-show-b2-c i{}
.card-show-b2-c i a{color: #969696;}
.card-show-b2-c i a:hover{color: #F44336;}
/**/
.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-price,.ui-ico-like,.ui-ico-hate,.ui-ico-sort,.ui-ico-delete,.ui-ico-quote,.ui-ico-report {font-style:normal;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 18px;}
.ui-ico-hits {background:url('images/bosscard/ico-hits.png') no-repeat 0 center;background-size:14px 14px;/* filter: grayscale(100%) brightness(300%); */}
.ui-ico-info {background:url('images/bosscard/ico-info.png') no-repeat 0 center;background-size:14px 14px;/* filter: grayscale(100%) brightness(300%); */}

.tool .message-send{background: url(images/bosscard/icon-message-send.png) no-repeat 0 center;background-size: 24px 24px;color: #F44336;}
/**/
.list-bosscard{color: #3A3E54;}
.list-bosscard .card-li{background: #FFFFFF;padding: 20px;padding-top: 15px;padding-bottom: 15px;border-radius: 5px;background-color: #ffffff;-moz-box-shadow: 0 0 14px 0 rgb(0 0 0 / 17%); /* 老的 Firefox */box-shadow: 0 0 14px 0 rgb(0 0 0 / 17%);width: 393px;float: left;margin-right: 20px;margin-bottom: 20px;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;min-height: 225px;height: 225px;box-sizing: border-box;overflow: hidden;}
.list-bosscard .card-li.my-boss {background: #F3F4F8;}
.list-bosscard .card-li .card-li-a{margin-bottom: 45px;}
.list-bosscard .card-li .card-li-a h3{font-size: 22px;font-weight:bold;height: 40px;line-height: 40px;}
.list-bosscard .card-li .card-li-a h3 em{font-size: 14px;margin-left:5px;font-weight:normal;color: #505050;}
.list-bosscard .card-li .card-li-a p{font-size:14px;font-weight: normal;height: 20px;line-height: 20px;color: #505050;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.list-bosscard .card-li .card-li-b{}
.list-bosscard .card-li .card-li-b .card-li-b-p{height: 23px;line-height: 23px;font-size: 14px;font-weight: normal;color: #525252;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.list-bosscard .card-li .card-li-b .card-mobile{/* font-size:16px */}
.list-bosscard .card-li .card-li-b i{width: 14px;height: 14px;display:inline-block;margin-right:4px;margin-top: 5px;float:left;}
.list-bosscard .card-li .card-li-b .card-i1{background:url('images/bosscard/card-mobile.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-li-b .card-i2{background:url('images/bosscard/card-email.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-li-b .card-i3{background:url('images/bosscard/card-address.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-li-b .card-i4{background:url('images/bosscard/card-home.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.list-bosscard .card-li .ceo-position-absolute{position: absolute;bottom: 0;left: 0;width: 100%;right: 0;display: none;}
.list-bosscard .card-li .ceo-position-absolute .bg-box{height: 6px;float: left;}
.list-bosscard .card-li .ceo-position-absolute .b-r-1{width: 30%;background: #000000;border-radius: 0 0 0 20px;}
.list-bosscard .card-li .ceo-position-absolute .b-r-2{width: 30%;background: #8D2D1C;}
.list-bosscard .card-li .ceo-position-absolute .b-r-3{width: 40%;background: #005AA9;border-radius: 0 0 5px 0;}

.list-bosscard .card-li .mp-bq{position:absolute;right:0;top: 10px;}
.list-bosscard .card-li .mp-bq img{width: 25px;height: 16px;}

.list-bosscard .card-li .img-th{position:absolute;top: 15px;right: 15px;}
.list-bosscard .card-li .img-th img{border-radius: 5px;}

.list-bosscard .card-li .gets{}
.list-bosscard .card-li .gets em,.list-bosscard .card-li .gets .gets-btn:hover,.list-bosscard .card-li a:hover .gets .gets-btn{position:absolute;top: 5px;right: 5px;width: 26px;height: 26px;display:inline-block;background:url('images/bosscard/card-sc-on.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .gets .gets-btn{position:absolute;top: 5px;right: 5px;width: 26px;height: 26px;display:inline-block;background:url('images/bosscard/card-sc.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li:hover{box-shadow: 0 0 14px 0 rgb(0 0 0 / 35%);}
.list-bosssop.list-bosscard .card-li .gets em{position:absolute;top: 10px;right: 10px;width: 12px;height: 12px;display:inline-block;background:url('images/bosscard/card-close.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;opacity: .4;filter: alpha(opacity=40);}
.list-bosssop.list-bosscard .card-li .gets em:hover{position:absolute;top: 10px;right: 10px;width: 12px;height: 12px;display:inline-block;background:url('images/bosscard/card-close-on.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;opacity: .9;filter: alpha(opacity=90);}
.list-bosscard .card-li .card-more{position: absolute;bottom: 0;right: 0;width: 25px;height: 25px;display:inline-block;background:url('images/bosscard/card-more.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-more:hover{background:url('images/bosscard/card-more.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 28px;height: 28px;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.list-bosscard .card-li.card-qrcode{text-align:center}
.list-bosscard .card-li.card-qrcode .img-th-qrcode{margin-top: 20px;}
.list-bosscard .favorite-ok{position: absolute;top: 40%;left: 40%;z-index: 4;}

/**/
.m-list{background: none;}
.m-list .list-bosscard .card-li{height: 225px;min-height: 225px;width: 393px;}
.m-list .list-bosscard .card-li a{display:block;overflow:hidden;}

/**/
.ycxx{position:absolute;bottom: -240px;left:0;height: 0;background:#fdf7f7;width:100%;border-radius: 5px;padding:15px 0;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;color: #333333;font-size: 14px;background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #e0eeff 100%);box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);transition-duration: .3s;transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .3s;opacity: 0;}
.ycxx .company-qrcode{text-align:center;margin-bottom: 20px;margin-top: 10px;position: relative;}
.ycxx .company-qrcode .i-thumb{ position: absolute;left: 174px;top: 28px;border-radius: 50px;width: 45px;height: 45px;}
.ycxx p{line-height: 22px;padding:0 15px;font-size: 12px;}
.list-bosscard .card-li:hover .ycxx{bottom:0;/* top: 0; */opacity: 1;height: 225px;box-sizing: border-box;}
.my-boss{position:absolute;width: 35px;height:20px;right:0;top:0;background:#FF5722;text-align:center;}
.my-boss:after{content: "我的";color:#ffffff;font-size:12px;}
/**/
.list-bosscard .card-li.card-li-fu{padding-bottom: 20px;}
.card-li-fu{}
.card-li-fu.open{display:block;animation-name: s;animation-duration: 0.5s;}
.card-li-fu .card-li-fu-a{margin-top: 60px;text-align: center;color: #ffffff;}
.card-li-fu .card-li-fu-a h3{font-size: 16px;margin-bottom: 15px;font-weight: bold;}
.card-li-fu .card-li-fu-a p{margin-top: 6px;color: #505050;font-size: 14px;text-align: left;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.list-bosscard .card-li-fu .ceo-position-absolute .b-r-1{width: 30%;background: #FFC107;}
.list-bosscard .card-li-fu .ceo-position-absolute .b-r-2{width: 30%;background: #FF9800;}
.list-bosscard .card-li-fu .ceo-position-absolute .b-r-3{width: 40%;background: #FF5722;}
@keyframes s {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(0%);
  }
}
/**/
#typeid{}
#typeid .card-li{}
.typeid_0{}
.list-bosscard .typeid_0 .card-li .card-li-a{}
.list-bosscard .typeid_0 .card-li .card-li-a h3{color:#ffffff}
.list-bosscard .typeid_0 .card-li .card-li-a h3 em{color:#a8a8a8}
.list-bosscard .typeid_0 .card-li{background: url(images/bosscard/typeid_0.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_0 .card-li-fu{background: url(images/bosscard/typeid_bg_0.png) no-repeat;background-size: cover;}
.typeid_0 .card-li .card-li-a p:nth-child(2) {position: relative;top: 0;width: -webkit-calc(100% - 75px);width: -moz-calc(100% - 75px);width: calc(100% - 75px);}
.typeid_0 .card-li .card-li-a p:nth-child(3) {position: relative;top: 0;width: -webkit-calc(100% - 75px);width: -moz-calc(100% - 75px);width: calc(100% - 75px);}
.pidok .card-li{box-shadow: 0 0 0 1px #cd0000;}
.list-bosscard .typeid_0 .card-li .img-th{right: 15px;top: 15px;}
.list-bosscard .typeid_0 .card-li .card-li-a p,
.list-bosscard .typeid_0 .card-li .card-li-b,
.list-bosscard .typeid_0 .card-li .card-li-b .card-li-b-p,
.typeid_0 .card-li-fu .card-li-fu-a p{color:#a8a8a8}

/*2*/
.typeid_1{}
.list-bosscard .typeid_1 .card-li{background: url(images/bosscard/typeid_1.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_1 .card-li-fu{background: url(images/bosscard/typeid_1.png) no-repeat;background-size: cover;}
.typeid_1 .card-li .img-th{left: 15px;}
.typeid_1 .card-li .card-li-a{margin-left:80px}
.typeid_1 .card-li .card-li-b{margin-left: 80px;}
.typeid_1 .card-li .img-th-qrcode{top: 100px;}
.typeid_1 .card-li-fu .card-li-fu-a h3{color: #333333;}
.typeid_1 .card-li .card-li-a p,
.typeid_1 .card-li .card-li-a p{color: #505050;}
/*3*/
.typeid_2{}
.list-bosscard .typeid_2 .card-li{background: url(images/bosscard/typeid_2.png) no-repeat; background-size: cover;}
.list-bosscard .typeid_2 .card-li-fu{background: url(images/bosscard/typeid_bg_2.png) no-repeat;background-size: cover;}
.typeid_2 .card-li .img-th{right: 20px;top: 85px;}
/* .typeid_2 .card-li .img-th:after{content: "";background-color: #827f7f;left: 80px;width: 2px;height: 50px;top: 6px;position:absolute;} */
.typeid_2 .card-li .card-li-a{margin-left: 0;margin-bottom: 20px;}
.typeid_2 .card-li .card-li-b{margin-left: 0;}
.typeid_2 .card-li .img-th-qrcode{top: 20px;}
.typeid_2 .card-li .card-li-a h3{margin-bottom: 5px;margin-top: 14px;}
.typeid_2 .card-li .card-li-a p:last-child{margin-top: 5px;color: #505050;width: 65%;}
.typeid_2 .card-li .card-li-a p{padding-right: 0;color: #ffffff;}
.typeid_2 .card-li-fu .card-li-fu-a{color: #484848;}
.typeid_2 .card-li-fu p{
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*4*/
.typeid_3{}
.list-bosscard .typeid_3 .card-li{background: url(images/bosscard/typeid_3.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_3 .card-li-fu{background: url(images/bosscard/typeid_bg_3.png) no-repeat;background-size: cover;}
.typeid_3 .card-li .img-th{}
.typeid_3 .card-li .card-li-a{margin-bottom: 50px;color: #ffffff;}
.typeid_3 .card-li .card-li-a h3{}
.typeid_3 .card-li .card-li-a h3 em{color: #a8a8a8;}
.typeid_3 .card-li .card-li-a p:nth-child(2),
.typeid_3 .card-li .card-li-a p:nth-child(3) {position: relative;top: 0;width: -webkit-calc(100% - 75px);width: -moz-calc(100% - 75px);width: calc(100% - 75px);color: #a8a8a8;}
.typeid_3 .card-li .card-li-b .card-li-b-p{color: #a8a8a8;}
.typeid_3 .card-li .card-li-i{}
.typeid_3 .card-li .card-li-b{}
.typeid_3 .card-li .card-li-b .card-mobile{width: 100%;z-index: 100;}
.typeid_3 .card-li .card-li-b .card-mobile i{}
.typeid_3 .card-li-fu .card-li-fu-a{color: #ffffff;}
.typeid_3 .card-li-fu p{color: #a8a8a8;}
/*5*/
.typeid_4{}
.list-bosscard .typeid_4 .card-li{background: url(images/bosscard/typeid_4.png) no-repeat; background-size: cover;}
.list-bosscard .typeid_4 .card-li-fu{background: url(images/bosscard/typeid_4.png) no-repeat;background-size: cover;}
.typeid_4 .card-li .img-th{}
.typeid_4 .card-li .card-li-a{margin-bottom: 50px;}
.typeid_4 .card-li .card-li-a p:nth-child(3) {position: relative;top: 0;width: 80%;}
.typeid_4 .card-li .card-li-a h3{color: #ffffff;}
.typeid_4 .card-li .card-li-a h3 em{color: #d2d2d2;}
.typeid_4 .card-li .card-li-a p{color: #d2d2d2;}
.typeid_4 .card-li .card-li-b .card-li-b-p{color: #d2d2d2;}
.typeid_4 .card-li  #company1{}
.typeid_4 .card-li .card-li-a #company {}
.typeid_4 .card-li .card-li-b{}
.typeid_4 .card-li .card-li-i{}
.typeid_4 .card-li .card-li-b .card-li-b-p{width:50%;float:left;font-size: 14px;}
.typeid_4 .card-li .card-li-b .card-li-b-p:first-child{width:40%}
.typeid_4 .card-li .card-li-b .card-li-b-p:nth-child(2){width:60%}
.typeid_4 .card-li .card-li-b .card-mobile{font-size: 14px;}
.typeid_4 .card-li .card-li-b .card-mobile i{}
.typeid_4 .card-li .card-li-b .card-li-b-p:last-child{width: 100%;}
.typeid_4 .card-li .img-th-qrcode{top: 92px;}
.typeid_4 .card-li-fu .card-li-fu-a{color:#ffffff}
.typeid_4 .card-li-fu p{color:#d0d0d0}
/*6*/
.typeid_5{}
.list-bosscard .typeid_5 .card-li{background: #FFFFFF url(images/bosscard/typeid_5.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_5 .card-li-fu{background: url(images/bosscard/typeid_5.png) no-repeat;background-size: cover;}
.typeid_5 .card-li .img-th{left: 20px;right: auto;top: 20px;}
.typeid_5 .card-li .img-th img{width:60px;height:60px;}
.typeid_5 .card-li .card-li-a{margin-left: 0;text-align: center;margin-bottom: 35px;margin-top: 10px;}
.typeid_5 .card-li .card-li-a h3{color: #ffffff;}
.typeid_5 .card-li .card-li-a h3 em{color: #d2d2d2;}
.typeid_5 .card-li .card-li-a p{color: #d2d2d2;}
.typeid_5 .card-li .card-li-b{margin-left: 0px;text-align: center;}
.typeid_5 .card-li .card-li-b .card-li-b-p{color: #d2d2d2;}
.typeid_5 .card-li .card-li-b i{margin-top: 3px;float: initial;display: none;}
.typeid_5 .card-li .img-th-qrcode{left: 20px;top: 20px;}
.typeid_5 .card-li-fu .card-li-fu-a{color:#ffffff}
.typeid_5 .card-li-fu p{color:#bbbbbb}
/*6*/
.typeid_5{}
.list-bosscard .typeid_5 .card-li{background: #FFFFFF url(images/bosscard/typeid_5.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_5 .card-li-fu{background: url(images/bosscard/typeid_5.png) no-repeat;background-size: cover;}
.typeid_5 .card-li .img-th{left: 20px;right: auto;top: 20px;}
.typeid_5 .card-li .img-th img{width: 60px;height: 60px;}
.typeid_5 .card-li .card-li-a{margin-left: 0;text-align: center;margin-bottom: 25px;margin-top: 10px;}
.typeid_5 .card-li .card-li-a h3{color: #ffffff;}
.typeid_5 .card-li .card-li-a h3 em{color: #d2d2d2;}
.typeid_5 .card-li .card-li-a p{color: #d2d2d2;}
.typeid_5 .card-li .card-li-b{margin-left: 0px;text-align: center;}
.typeid_5 .card-li .card-li-b .card-li-b-p{color: #d2d2d2;}
.typeid_5 .card-li .card-li-b i{margin-top: 3px;float: initial;display: none;}
.typeid_5 .card-li .img-th-qrcode{left: 20px;top: 20px;}
.typeid_5 .card-li-fu .card-li-fu-a{color:#ffffff}
.typeid_5 .card-li-fu p{color: #d4d4d4;}
/*7*/
.list-bosscard .typeid_6{}
.list-bosscard .typeid_6 .card-li{background: #FFFFFF url(images/bosscard/typeid_6.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_6 .card-li-fu{background: url(images/bosscard/typeid_6.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_6 .card-li .card-li-a h3{color: #ffffff;}
.list-bosscard .typeid_6 .card-li .card-li-a h3 em{color: #d2d2d2;}
.list-bosscard .typeid_6 .card-li .card-li-a p{color: #d2d2d2;}
.list-bosscard .typeid_6 .card-li-b .card-li-b-p{color: #ababab;}
.list-bosscard .typeid_6 .card-li .card-li-fu-a{color:#ffffff}
.list-bosscard .typeid_6 .card-li-fu .card-li-fu-a p{color: #a5a5a5;text-align: left;}

/*8*/
.list-bosscard .typeid_7{}
.list-bosscard .typeid_7 .card-li{background: #FFFFFF url(images/bosscard/typeid_7.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_7 .card-li-fu{background: url(images/bosscard/typeid_7.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_7 .card-li .card-li-a h3{color: #ffffff;}
.list-bosscard .typeid_7 .card-li .card-li-a h3 em{color: #d2d2d2;}
.list-bosscard .typeid_7 .card-li .card-li-a p{color: #d2d2d2;}
.list-bosscard .typeid_7 .card-li .card-li-b .card-li-b-p{color: #d2d2d2;}
.list-bosscard .typeid_7 .card-li .card-li-fu-a{color:#ffffff}
.list-bosscard .typeid_7 .card-li-fu .card-li-fu-a p{color: #d2d2d2;}
/*9*/
.list-bosscard .typeid_8{}
.list-bosscard .typeid_8 .card-li{background: #FFFFFF url(images/bosscard/typeid_8.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_8 .card-li-fu{background: url(images/bosscard/typeid_8.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_8 .card-li .card-li-a h3{color: #ffffff;}
.list-bosscard .typeid_8 .card-li .card-li-a h3 em{color: #d2d2d2;}
.list-bosscard .typeid_8 .card-li .card-li-a p{color: #d2d2d2;}
.list-bosscard .typeid_8 .card-li .card-li-b .card-li-b-p{color: #d0d0d0;}
.list-bosscard .typeid_8 .card-li .card-li-fu-a,.list-bosscard .typeid_8 .card-li-fu .card-li-fu-a p{color: #a5a5a5;}
/*10*/
.list-bosscard .typeid_9{}
.list-bosscard .typeid_9 .card-li{background: #FFFFFF url(images/bosscard/typeid_9.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_9 .card-li-fu{background: url(images/bosscard/typeid_9.png) no-repeat;background-size: cover;}
.list-bosscard .typeid_9 .card-li .card-li-a h3{color: #ffffff;}
.list-bosscard .typeid_9 .card-li .card-li-a h3 em{color: #f5f5f5;}
.list-bosscard .typeid_9 .card-li .card-li-a p{color: #f5f5f5;}
.list-bosscard .typeid_9 .card-li .card-li-b .card-li-b-p{color: #f5f5f5;}
.list-bosscard .typeid_9 .card-li .card-li-b i{filter: grayscale(100%) brightness(300%);}
.list-bosscard .typeid_9 .card-li .card-yl{color:#f5f5f5;border:1px solid #f5f5f5}
.list-bosscard .typeid_9 .card-li-fu,.list-bosscard .typeid_9 .card-li-fu .card-li-fu-a p{color:#f5f5f5;}
/**/
.hbbgid p input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    left: -5px;
    bottom: 25px;
    height: 25px;
    width: 25px;
    background: url(images/bosscard/inco-gou.png) no-repeat;
    background-size: 100% 100%;
}
/**/
.card-yl{position:absolute;right:10px;bottom:10px;border:1px solid #4CAF50;color:#4CAF50;padding:1px 3px;border-radius:3px}
/**/
.card-show {}
.card-li-h2-a{position:absolute}
.card-li-h2-b{position:absolute}
.card-li-bm{height: 219px;}
.card-li-bm h3{text-align:center;font-size:18px;font-weight:bold;height: 40px;line-height: 40px;}
.card-li-bm p{font-size:14px;font-weight:bold;height: 20px;line-height: 20px;text-align:center;}
.card-li-bm .card-content{padding-top:15px;}
/**/
.card-show-b{background:#ffffff;padding:20px;border-radius: 8px;}
.card-show-b h2{height:40px;line-height:40px;margin-bottom:5px;font-size:18px;font-weight: bold;}
.card-show-b ul{}
.card-show-b li{height:38px;line-height:38px;font-size:14px;}
.card-show-b li span{width:60px;display: inline-block;color: #62667b;}
.card-show-b .content-a{height:33px;line-height:33px;font-size:14px;margin:15px 0}
.card-show-b .content-a h2{}
.card-show-b .content-a h2 .fr{font-weight:normal;font-size:14px}
.card-show-b .content-b{background:#f1f1f1;padding:20px;font-size: 16px;line-height: 180%;}
/**/
.content-sell{width: 101%;}
.card-show-b .content-b.mp-sell{padding-bottom: 10px;}
.mp-sell .content-sell .ui-list-img {background:#FFFFFF;width: 15%;padding:2%;margin-right: 1%;margin-bottom:1%;flex:none;overflow:hidden;border-radius:5px;box-shadow:0px 1px 12px rgba(200,200,200,.5);float: left;}
.mp-sell .content-sell .ui-list-img:nth-child(5,6,7,8,9,10){}
.mp-sell .content-sell .ui-list-img div {margin:0;}
.mp-sell .content-sell .ui-list-img img{width: 170px;height: 170px;}
.mp-sell .content-sell .ui-list-img strong {margin:10px 0 0;height: 40px;line-height: 20px;/* text-align:center; */overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;font-weight: normal;font-size: 14px;}
.mp-sell .content-b .content-sell{}
.mp-sell .content-sell.content-sell-3{}
.mp-sell .content-sell.content-sell-3 .ui-list-img{}
.mp-sell .content-sell.content-sell-3 .ui-list-img-3 div a:first-child{display: block;}
.mp-sell .content-sell.content-sell-3 .ui-list-img-3 div a.rel i{background: url(images/bosscard/ico-play.png) no-repeat;background-size: cover;width: 32px;height: 32px;position: absolute;left: 5px;bottom: 5px;}

/**/
.keytags .content-a{margin-top: 0;}
.keytags .content-b{margin-bottom: 15px;background: none;padding: 0;}
.keytags .content-b a{border-radius: 3px;margin-right: 5px;border: 1px solid #E60000;padding: 2px 8px;font-size: 14px;color: #E60000;}
/**/
.card-show-li{width: 68%;margin: auto;margin-left: 16%;}
.btn-card-show{width: 100%;margin: auto;text-align: center;margin-bottom: 35px;}
.btn-bc{font-size: 15px;margin: 30px;margin-top: 20px;margin-bottom: 15px;background:#FF9800;color: #ffffff;padding: 10px;border-radius: 50px;width: 150px;text-align:center;display: inline-block;float: none;}
.card-dp{background:#c30303;}
.btn-bc span{}
.btn-bc:hover span{color:#FFFFFF;cursor:pointer;}
.btn-bc:hover{cursor:pointer;opacity: .8;filter:alpha(opacity=80);font-weight: bold;}

/**/
.haobao_xh_poster_box_img{width: 440px !important;}
.haobao_xh_poster_box_img .list-bosscard {margin: 0;}
.haobao_xh_poster_box_img .list-bosscard .card-li{margin: 0;/* background: #FFFFFF; */}
.haobao_xh_poster_okimg{width: 550px !important;margin-top: 7% !important;}
.haobao_xh_poster_okimg img{width: 550px !important;max-height: 100% !important;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.haobao_xh_poster_box_img .haobao_xh_poster_foot{padding-top: 10px;margin-top: 20px;}
.haobao_xh_poster_okclose{right: 30% !important;top: 9% !important;}


/**/
.head-txt{line-height: 45px;clear: both;overflow: hidden;padding:0 15px}
.head-txt strong{font-size: 18px;}
.head-txt span{float: right; font-size: 14px; color: #999999;}
.head-txt i{font-style: normal; font-weight: bold; padding: 0 2px; font-family: simsun;}
.head-txt em{margin-left: 10px; color: #999999}

.btn_an{margin:0 auto;width:100%;text-align:center;margin-top:35px;margin-bottom:20px;}
.btn_an .btn_a{padding:10px 30px;background:#f60;border:1px solid #f60;color:#ffffff;box-shadow: 0px 0px 16px rgb(255 201 197);font-size:16px}
.btn_an .btn_a:hover{box-shadow: 0px 0px 16px rgb(255 189 184);background:#e86004;}
/**/
/*01*/
.hi_con01{width: 100%;height: 1320px;background:url(images/bosscard/bg2.jpg) no-repeat top center;}
.hi_con01_min{width: 1200px;height: 720px;margin:0 auto;overflow: hidden;position: relative;}
.hi_pastnow_L{width: 381px;padding-top: 188px;padding-left: 102px;}
.pa_list{overflow: hidden;}
.pa_ic{width: 16px;height: 10px;float: left;overflow: hidden; margin-top:7px;margin-right: 12px;}
.pa_ic img{width: 100%;}
.pa_div{overflow: hidden;min-height: 100px;}
.pa_div p{font-size: 18px;color: #777;display: block;font-weight:bold;padding-bottom: 4px;    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pa_div span{font-size: 12px;color: #888;display: block;line-height: 22px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.hi_pastnow_R{width:256px;padding:75px 65px 0 60px;height:425px;box-shadow: 19px 0 60px rgba(0,0,0,0.06);margin-right:75px;margin-top:108px;background:#fff;border-radius: 10px;position: absolute;z-index: 3;right: 0;top: 0;}
.pa_list.cur .pa_ic img{margin-top: -10px;}
.pa_list.cur .pa_div p{color: #1787fb;}
.hi_pastnow_C{position: absolute;width: 452px;height: 452px;left: 374px;top: 146px;position: absolute;z-index: 2}
.hi_con02_min{width: 1200px;height: 603px;overflow: hidden;margin:0 auto;}
.hi_con02_tit{width: 500px;height: 170px;margin: 0 auto;margin-top: 120px;color: #ffffff;font-size: 38px;text-align: center;font-weight:normal}
.hi_con02_tit img{margin-left: 36px;}
.hi_con02_tit em{font-size:50px;padding:0 5px;font-weight:bold}
.hi_con02_tit p{font-size:26px;margin-top:10px;font-weight:normal}
.hi_con02_m{overflow: hidden;}
.hi_list02{overflow: hidden;float: left;height: 260px;}
.bqtit{background:#fff;}
.hi_sys01,.hi_sys02{overflow: hidden;width:200px;height: 260px;border-radius: 8px;}
.hi_sys01{margin-top: 80px;}
.hi_sys02{display: none;background:#fff;}
.system_img{margin:0 auto;width: 100px;height: 100px;background:#fff;overflow: hidden;border-radius: 50%;margin-bottom: 27px;}
.system_img img{display: inline-block;width: 55px;height: 55px;margin:22px;}
.system_name{display:block;text-align: center;font-size: 18px;color: #fff;font-style: normal;}
.system_img2{width: 55px;height: 55px;margin:0 auto;margin-top:40px;}
.system_tit2{font-style: normal;text-align: center;font-size:18px;color: #222;display:block;padding:20px 0;}
.system_name2{display:block;font-size: 12px;color: #888;margin:0 46px;text-align: center;line-height: 22px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/*03*/
/*20250510*/
:root {
    --gw-theme-color: #2593F9;
    --gw-secondary-color: #2593F9;
    --gw-support-color: #fff;
    --gw-theme-color-rgb: 53, 96, 211;
}
.container {max-width:1220px;margin:auto;}
/* banner*/
.inside-banner {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;}
.inside-banner canvas {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.inside-banner .txtInfor .txt .bigTxt {font-size:56px;font-weight:bold;color:#233863;line-height:72px;margin-bottom:24px;}
.inside-banner .txtInfor .txt .smallTxt {font-size:20px;font-weight:400;color:#4A4A4A;line-height:30px;margin-bottom:56px;}
.inside-banner .btn a.getBtn {width:180px;height:52px;line-height:52px;background:#229AF4;border-radius:45px;display:block;text-align:center;font-size:16px;font-weight:bold;color:#FFFFFF;}
.inside-banner {height:690px;position:relative;}
.inside-banner .boxs{width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.inside-banner .container {height: 690px;position:relative;}
.inside-banner .img {position:absolute;width: 600px;bottom:0;top: 34px;right:12px;}
.inside-banner .img img {max-width:100%;max-height:100%;}
.inside-banner .txtInfor .txt {padding-top:165px;}
.inside-banner .txtInfor .txt .bigTxt {font-size:48px;color:#FFFFFF;line-height:67px;}
.inside-banner .txtInfor .txt .smallTxt {width:603px;color:#ffffff;}
.inside-banner .txtInfor .btnsb .watchBtn {position: relative;width: 205px;height:52px;line-height:52px;background:#4EDDC7;background: linear-gradient(352deg, #2854f2 0%, #50a7f8 100%);box-shadow: 0 8px 16px #3f51b51a;border-radius: 50px;display: block;font-size:16px;font-weight:bold;color:#FFFFFF;text-align:center;z-index: 2;transition: transform .1s ease-out, background .2s;}
.inside-banner .boxsb .btns .getBtn:hover {background:#1E8ADA;}
.inside-banner .boxsb .btns .watchBtn:hover {background:#49CFBA;}
.inside-banner .txtInfor .btnsb .watchBtn:after {top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px var(--colorRgba);opacity:0;transform:scale(.9);pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50px;content:"";box-sizing:content-box;-webkit-animation:sonarEffect-data-v-1f159bac 1.3s ease-out 75ms infinite;animation:sonarEffect-data-v-1f159bac 1.3s ease-out 75ms infinite;animation-name:sonarEffect;}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(32, 70, 169, 0.1), 0 0 10px 10px #0b70ff, 0 0 0 10px rgba(32, 70, 169, 0.1);
    }
    to {
        box-shadow: 0 0 0 2px rgba(32, 70, 169, 0.1),0 0 10px 10px #0b70ff,0 0 0 10px rgba(32, 70, 169, 0.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-webkit-keyframes sonarEffect-data-v-1f159bac {
        0% {
            opacity: .3
        }

        40% {
            opacity: .5;
            box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba)
        }

        to {
            box-shadow: 0 0 0 2px var(--colorRgba), 0 0 10px 10px var(--color), 0 0 0 10px var(--colorRgba);
            transform: scale(1.5);
            opacity: 0
        }
    }
/**/
.mx-auto {margin-left:auto;margin-right:auto;}
.w-full {width:100%;}
.w-\[1280px\] {width:1220px;}
.min-w-\[1280px\] {min-width:1220px;}
.w-\[352px\] {width:352px;}
/* .px-10 {padding-left:2.5rem;padding-right:2.5rem;}*/
.py-\[120px\] {padding-bottom:10px;padding-top:100px;}
.mb-\[120px\] {margin-bottom:120px;}
.mb-2 {margin-bottom:5px;}
.mb-12 {margin-bottom:30px;}
.text-center {text-align:center;}
.text-5xl {font-size:40px;line-height:1;}
.tracking-\[2px\] {letter-spacing:2px;}
.tracking-\[2px\] {letter-spacing:2px;}
.font-normal {font-weight:400;}
.font-semibold {font-weight:600;}
.normal-case {text-transform:none;}
.leading-\[56px\] {line-height:56px;}
.text-txt-black {--tw-text-opacity:1;color:rgb(33 33 33 / var(--tw-text-opacity,1));}
.text-\[\#666666\] {--tw-text-opacity: 1;color: rgb(102 102 102 / var(--tw-text-opacity, 1));}
.text-2xl {font-size: 24px;line-height: 45px;}
.flex {display:flex;}
.justify-between {justify-content:space-between;}
.flex-row-reverse {flex-direction:row-reverse;}
.flex-grow-0 {flex-grow:0;}
.hidden {display: none;}
/**/
.leading-\[47px\] {line-height:47px;}
.text-\[40px\] {font-size: 36px;}
.text-left {text-align:left;}
.ml-\[30px\] {margin-left: 30px;}
.mb-\[72px\] {margin-bottom:72px;}
.mb-9 {margin-bottom:2.25rem;}
.text-cc-blue-500 {--tw-text-opacity:1;color:#2593F9;}
/**/
.rounded-xl {border-radius:0.75rem;}
.rounded-xl img {height:auto;max-width:100%;}
.overflow-hidden {overflow:hidden;}
.slider-indicator[data-v-0fd6f419] {border-radius:12px;cursor:pointer;overflow:hidden;padding-bottom:1.5rem;padding-left:1.75rem;padding-top:1.5rem;position:relative;padding: 20px 22px 20px 32px;}
.slider-indicator .indicator-icon[data-v-0fd6f419] {display:none;font-size: 24px;font-weight:600;line-height: 28px;margin-right:10px;}
.slider-indicator .slider-title[data-v-0fd6f419] {font-size: 22px;font-style:normal;font-weight:600;line-height:1.75rem;margin-bottom:.25rem;text-align:left;text-transform:none;--tw-text-opacity:1;color:rgb(33 33 33/var(--tw-text-opacity,1));}
.slider-indicator .slider-sub-text[data-v-0fd6f419] {font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem;line-height:22px;text-align:left;text-transform:none;--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1));}
@keyframes timeline-go-0fd6f419 {
    0% {bottom:100%;}
    to {bottom:0;}
}
.swiper-el[data-v-0fd6f419] {border-radius:.75rem;display:flex;flex-grow:0;height:474px;margin-left:0;margin-right:0;overflow:hidden;width:764px;}
.slider-indicator.active[data-v-0fd6f419] {--tw-bg-opacity:1;background-color:rgb(228 245 255/var(--tw-bg-opacity,1));}
.slider-indicator.active .timeline[data-v-0fd6f419] {animation:timeline-go-0fd6f419 4s linear;animation-fill-mode:forwards;background:linear-gradient(0deg,#2593F9,#1da9ff00);border-radius:4px;bottom:100%;content:"";left:0;position:absolute;top:0;width:3px;}
.slider-indicator.active .indicator-icon[data-v-0fd6f419],.slider-indicator.active .slider-title[data-v-0fd6f419] {fill:#2593F9;--tw-text-opacity:1;color:#2593F9;}
.slider-indicator.active .slider-sub-text[data-v-0fd6f419] {display:block;}
@keyframes fadeInUp-0fd6f419 {
    0% {opacity:0;transform:translate3d(0,20%,0);}
    to {opacity:1;transform:translateZ(0);}
}
.animate__fadeInUp[data-v-0fd6f419],.fadeInUp[data-v-0fd6f419] {animation-name:fadeInUp-0fd6f419;}
.animate__fadeInUp[data-v-0fd6f419] {animation-duration:1s;animation-timing-function:ease;}
/**/
.gw-browse-module {position:relative;width:100%;background-color:#fff;background-position:center center;}
.gw-browse-module {width: 100%;}
.gw-browse-module .module-bg-cover,.gw-browse-module .module-bg-effect,.gw-browse-module .module-bg-video {width:100%;position:absolute;top:0;left:0;}
.gw-browse-module .module-bg-cover {height:100%;}
.gw-browse-module .gw-browse-module-content {position:relative;width:1170px;height:100%;background-color:transparent;background-position:center center;margin:0 auto;overflow:hidden;}
.gw-browse-module.fixed-bottom,.gw-browse-module.fixed-top {position:fixed;}
.gw-browse-module.gw-responsive-scale {width:100%!important;margin-bottom:-.1px;overflow:hidden;}
.gw-browse-module.gw-responsive-scale:not([data-full='1'])>.gw-browse-module-content {transform-origin:left top;position:absolute;transform:scale(var(--gw-transform-scale),var(--gw-transform-scale)) translate(-50%);left:50%;}
.gw-browse-module.gw-responsive-scale .gw-visible,.gw-browse-module.gw-responsive-scale[name="顶部导航"] {overflow:visible;z-index:2;}
.gw-browse-module:not([data-full='1'])>.gw-browse-module-content {height:auto;}
.gw-browse-module.gw-responsive-stretch {width:100%!important;padding:0 15px;}
.gw-browse-module.gw-responsive-stretch .gw-browse-module-content {margin:0 auto;width:auto;max-width:calc(1px * var(--gw-max-module-width));}
.gw-browse-module.gw-responsive-stretch.gw-fit-full>.gw-browse-module-content {width:100%;margin:0 auto;max-width:100%;}
.gw-browse-container,.gw-browse-container-content {width:100%;height:100%;}
.gw-browse-container {position:absolute;left:0;top:0;}
.gw-browse-container[data-editable="0"] {left:0 !important;top:0 !important;width:100% !important;height:100% !important;}
.gw-browse-container .grid-col-pc-12 {width:100%;}
.text-component{text-align:center}
.gw-browse-component {width:100%;position:absolute !important;word-wrap:break-word;z-index:1;}
.img-circle {border-radius:50%;}
/**/
.\!block {display: block !important;}
.use-guide-swiper[data-v-c0774efc] .indicator-icon {font-size: 28px;line-height: 28px;}
/**/
.title-01 {font-weight:bold;font-size: 40px;line-height:67px;text-align:center;}
.tiejue {margin-top:40px;background: #E8F4FE;}
.tiejue .boxs {padding-top:72px;height: 770px;background:#E8F4FE;border-radius:16px;}
.tiejue .boxs .boxCon {margin-top:26px;padding:0 104px;}
.tiejue .boxs .tab {height:60px;line-height:60px;padding:0 119px;text-align:center;display:flex;justify-content:space-between;position:relative;margin-bottom: 20px;}
.tiejue .boxs .tab::before {content:'';position:absolute;height:1px;width:814px;background:rgba(34,154,244,0.3);bottom:0;}
.tiejue .boxs .tab .tt {font-weight:600;font-size:16px;color:#233863;padding:0 16px;position:relative;cursor: pointer;}
.tiejue .boxs .tab .tt::before {content:'';position:absolute;width:0;height:3px;background:#229AF4;transition:all .3s;bottom:0;text-align:center;left:0;right:0;margin:auto;}
.tiejue .boxs .tab .tt.active {color:#229AF4;}
.tiejue .boxs .tab .tt.active::before {width:100%;}
.tiejue .boxs .swiper-container {height:482px;}
.tiejue .boxs .swiper-container::before {content:'';position:absolute;width:100%;height:406px;background:linear-gradient( 146deg,#2191F8 0%,#7EBAFE 100%);border-radius:16px;z-index:-1;bottom:0;}
.tiejue .boxs .swiper-container .item {display:flex;}
.tiejue .boxs .swiper-container .item img {width:286px;height:477px;margin-right:38px;margin-left:99px;}
.tiejue .boxs .swiper-container .item .text .tit {margin-top:154px;font-weight:bold;font-size:40px;color:#FFFFFF;line-height:56px;}
.tiejue .boxs .swiper-container .item .text .lists {margin-top:40px;}
.tiejue .boxs .swiper-container .item .text .lists p {font-weight:400;font-size:16px;color:#FFFFFF;line-height:20px;padding-left:32px;position:relative;margin-bottom:20px;}
.tiejue .boxs .swiper-container .item .text .lists p::before {content:'';position:absolute;width:20px;height:20px;background-image:url("images/bosscard/dui.png");background-size:cover;left:0;}
.tiejue .swiper-button-prev:after,.tiejue .swiper-container-rtl .swiper-button-next:after,.tiejue .swiper-button-next:after,.tiejue .swiper-container-rtl .swiper-button-prev:after {content:'';}
.tiejue .swiper-button-prev,.tiejue .swiper-container-rtl .swiper-button-next {background-image:url("images/bosscard/tj_l.png");background-size:cover;width:48px;height:48px;left:32px;bottom:179px;}
.tiejue .swiper-button-next,.tiejue .swiper-container-rtl .swiper-button-prev {background-image:url("images/bosscard/tj_r.png");background-size:cover;width:48px;height:48px;right:32px;bottom:179px;}
.tiejue .swiper-button-next,.tiejue .swiper-button-prev {top:58%;}
/**/
.grid-col-pc-12 {width:100%;position:relative;height:auto;padding-left:0;padding-right:0;}
.gw-browse-grid-content {height:100%;width:100%;}
.gw-special-grid .gw-browse-container {position:relative;}
.gw-browse-container[data-editable="0"] {left:0 !important;top:0 !important;width:100% !important;height:100% !important;}
.gw-browse-component.gw-special-component {position: relative !important;width: 100%;height: auto;margin: 0 0 16px;}
/**/
#container202504101344 {padding:50px 0 0;@gw-theme-color:var(--gw-theme-color);}
#container202504101344 * {box-sizing:border-box;}
#container202504101344 .containerContent {display:flex;flex-direction:column;align-items:center;}
#container202504101344 .containerContent > h2 {font-size:40px;margin:0 0 10px;font-weight:bold;}
#container202504101344 .containerContent > h3 {margin:0 0 80px;font-size:20px;font-weight:400;color:rgb(153,153,153);}

#container202504101344 img {height:100%;width:100%;object-fit:cover;vertical-align:middle;}
#container202504101344 .caseContainer {display:flex;width:90%;position:relative;max-width:1080px;height:480px;margin:0 auto 40px;padding:0 0 0 55px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.1);background-color:#fff;box-sizing:border-box;}
#container202504101344 .caseContainer .caseContainer-left {display:flex;flex-direction:column;justify-content:space-between;color:white;width:70%;}
#container202504101344 .caseContainer .case-container-content {width:100%;height:400px;border-radius:20px;margin-top:-40px;box-shadow:0 6px 25px rgba(var(--gw-theme-color-rgb),0.3);}
#container202504101344 .caseContainer .case-container-content .swiper-slide {position:relative;background-size:cover;background-position:0 0;}
#container202504101344 .caseContainer .case-container-content .swiper-slide .slide-bg {width:100%;height:100%;position:absolute;background:linear-gradient( to bottom,rgba(var(--gw-theme-color-rgb),0) 0,rgba(var(--gw-theme-color-rgb),0.5) 60%,rgba(var(--gw-theme-color-rgb),1) ) 100%;}
#container202504101344 .caseContainer .case-container-content .swiper-slide .case-info {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:30px;height:100%;width:100%;}
#container202504101344 .caseContainer .case-container-content .swiper-slide h3 {font-size:20px!important;margin:0 0 5px;font-weight:600;color:#fff;}
#container202504101344 .caseContainer .case-container-content .swiper-slide h2 {margin:0;font-size:14px!important;color:#d3cede;}
#container202504101344 .caseContainer .case-container-content .slide-logo {position:absolute;height:60px;right:30px;top:30px;filter:grayscale(100%) brightness(1000%);}
#container202504101344 .caseContainer .case-container-nav {display:flex;justify-content:space-around;align-items:center;flex:1;}
#container202504101344 .caseContainer .case-container-nav .case-nav-logo {width:100%;}
#container202504101344 .caseContainer .case-container-nav .case-nav-logo:hover,#container202504101344 .caseContainer .case-container-nav .case-nav-logo.active {}
#container202504101344 .caseContainer .case-container-nav .case-nav-logo:hover,#container202504101344 .caseContainer .case-container-nav .case-nav-logo.active img {opacity:1;filter:grayscale(0);vertical-align:middle;}
#container202504101344 .caseContainer .case-container-nav .case-nav-logo img {height:45px;object-fit:contain;opacity:0.7;filter:grayscale(100%);cursor:pointer;mix-blend-mode:multiply;transition:0.3s ease;vertical-align:middle;}
#container202504101344 .caseContainer .caseContainer-right {flex:1;padding:40px;width:30%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:15px;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container {text-align:center;width:100%;margin-bottom:30px;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container .case-about-item {background-color:#fff;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container .company-label {display:flex;font-size:16px;align-items:center;justify-content:center;width:fit-content;padding:5px 10px;margin:0 0 10px;font-weight:600;color:#2593f9;background:rgba(var(--gw-theme-color-rgb),0.2);border-radius:3px;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container h2 {font-size:20px;color:#333;margin-bottom:20px;line-height:1.4;text-align:left;font-weight:bold;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container .company-qrcode {width:70%;margin:0 auto 10px;pointer-events:none;user-select:none;position:relative;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container .i-thumb {position:absolute;top:43px;width:68px;height:68px;left:43px;border-radius:50px;}
#container202504101344 .caseContainer .caseContainer-right .case-about-container .tip-text {font-size:14px;color:#333;}
#container202504101344 .caseContainer .caseContainer-right .case-see-more {display:flex;align-items:center;width:fit-content;padding:12px 30px;margin:auto;background-color:#2593f9;color:white;text-decoration:none;border-radius:50px;font-size:16px;transition:background-color 0.3s ease;}
#container202504101344 .caseContainer .caseContainer-right .case-see-more svg {width:16px;height:16px;margin-left:8px;fill:currentColor;}
/**/
.tbmp{}
.tbmp .tl{width: 90px;padding-right: 20px;}
.ttt {font-weight: bold;height: 48px;line-height: 48px;padding: 0px 16px;background: #f6f8fa;font-size: 16px;}
/* 隐藏默认的单选按钮 */
.custom-radio {position:relative;margin-bottom:10px;cursor:pointer;font-size:14px;margin-right: 5px;padding: 0 15px;border-radius: 5px;line-height: 40px;height: 40px;display: inline-block;}
.custom-radio input[type="radio"] {position:absolute;opacity:0;width:0;height:0;display: none;}
.custom-radio span {position:absolute;top:0;left:0;height: 100%;width: 100%;border-radius: 5px;border: 2px solid #dddddd;border-radius: 5px;box-sizing: border-box;}
.custom-radio.selected {padding-right: 30px;}
.custom-radio input[type="radio"]:checked + span {border: 2px solid #2196F3;background: rgb(33 150 243 / 16%);}
.custom-radio input[type="radio"]:checked + span::after{content:'';position:absolute;width: 20px;height: 20px;top: 8px;right: 5px;background: #2196F3;border-radius: 50px;z-index:1}
.custom-radio input[type="radio"]:checked + span::before {content:'';position:absolute;width: 5px;height: 9px;top: 11px;right: 11px;border:solid #ffffff;border-width: 0px 2px 2px 0px;transform: rotate(45deg);z-index:2}
.custom-radio span {margin-right:10px;}
/* 隐藏原生的单选按钮*/
.hbbgid {}
.hbbgid .f_l {}
.hbbgid .f_l img {border-radius:6px;overflow:hidden;}
.hbbgid p input[type="radio"] {display:none;}
.overlay {position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease-in-out;border:2px solid #07a7e3;border-radius:6px;overflow:hidden;}
.checkmark {width:30px;height:30px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px #07a7e3;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;}
.checkmark path {fill:#07a7e3;animation:stroke .6s cubic-bezier(0.650,0.000,0.450,1.000) forwards;}
.checkmark__check {transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.650,0.000,0.450,1.000) 0.8s forwards;}
.hbbgid_li.selected .overlay {opacity:1;pointer-events:auto;}
/*20250518*/
.gw-browse-module-content {position:relative;width:1220px;height:100%;background-position:center center;margin:0 auto;overflow:hidden;}
.button-component .gw-browse-component {display:table;}
#gw-module-23111997 {position:sticky;z-index:2;bottom:0;left:0;}
/**/
.add-wx-model {width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1998;position:fixed;top:0;left:0;display:none;}
.add-wx-model * {box-sizing:border-box;}
.add-wx-model .model-main-cont {text-align:center;width:250px;height:380px;border-radius:6px;background-color:#fff;position:absolute;top:50%;left:50%;}
.add-wx-model .model-main-cont,.wechatModal.fade .modal-dialog,.wechatModal.in .modal-dialog {transform:translate(-50%,-50%);}
.add-wx-model .model-main-cont .model-title {margin:20px;font-size:16px;color:grey;}
.add-wx-model .model-main-cont.coupon-cont {background:radial-gradient(circle at right bottom,transparent 15px,#fff 0) top right/50% 270px no-repeat,radial-gradient(circle at left bottom,transparent 15px,#fff 0) top left/51% 270px no-repeat,radial-gradient(circle at right top,transparent 15px,#fff 0) bottom right/50% 111px no-repeat,radial-gradient(circle at left top,transparent 15px,#fff 0) bottom left/51% 111px no-repeat;}
.add-wx-model .qr-code-img {width:180px;height:180px;object-fit:contain;padding:0 10px 28px;border-bottom:2px dashed #ccc;box-sizing:content-box;}
.add-wx-model .qg-button--primary {padding:10px 20px;background:#424A5E;border-radius:5px;margin-top:15px;color:#fff;font-size:16px;cursor:pointer;text-align:center;line-height:24px;display:inline-block;}
.add-wx-model .model-bottom {margin-bottom:15px;}
.add-wx-model .small-tips {font-size:14px;color:grey;margin-top:5px;}
.add-wx-model_2 .model-main-cont,.add-wx-model_3 .model-main-cont {height:auto;}
.add-wx-model_2 .model-main-cont.coupon-cont,.add-wx-model_3 .model-main-cont.coupon-cont {border-radius:24px;background-color:#fff;}
.add-wx-model_2 .qr-code-img,.add-wx-model_3 .qr-code-img {border-bottom:none;padding:0;width:200px;height:200px;}
.add-wx-model_2 .copy-text-btn,.add-wx-model_3 .copy-text-btn {margin-left:5px;padding:2px 4px;background:#424A5E;border-radius:5px;margin-top:15px;color:#fff;font-size:16px;cursor:pointer;text-align:center;display:inline-block;}
.add-wx-model .close-box {position:absolute;bottom:-20%;left:50%;margin-left:-20px;border:none;background-color:transparent;background-image:none;padding:0;}
.add-wx-model .close-box .close {float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity = 20);opacity:.2;}
.add-wx-model .close-box .close {opacity:1;width:40px;height:40px;background:url(../../image/icon-modal-close.png);background-size:contain;cursor:pointer;}