@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;  }
*{ font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body,dl,dd,h1,h2,h3,h4,h5,h6,p,img,from{margin:0;} ol,ul,li,img{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
body > .qing{ min-width:1250px;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#000; } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.h_top{height: 42px; line-height: 42px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5;}
.p50 {
    padding: 50px 0;
}
.title {
    text-align: center;
    font-size: 20px;
    color: #333;
}
.line {
    border-bottom: 2px solid #0259ab;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    margin: 0 auto 45px;
    padding: 5px;
    position: relative;
    width: 120px;
}
.line:after, .line::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.line:after {
    border-top-color: #0259ab;
    border-width: 8px;
    margin-left: -8px;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}

.header{height:142px; background:#FFFFFF; width:100%;  }

.juzhong {clear: both;
	width: 1200px; 
	margin-left: auto;
	margin-right: auto;	border: 0px solid #000066; font-size:16px; color:#575757; text-align:center
}




.main {clear: both; 
	width: 1200px; 
	margin-left: auto;
	margin-right: auto;	border: 0px solid #000066;  
}




.title_1{
	width:100%;
	height:105px; line-height:105px;
	font-size:32px;
	color:#5898f9;
	text-align:center;
	background-image: url(../image/tit_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.title_2{
	width:100%;
	height:105px; line-height:105px;
	font-size:32px;
	color:#5898f9;
	text-align:center;
	background-image: url(../image/tit_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.choose{ background: #f7f7f7;}

.footer_bg{ text-align:center;border: 0px solid #000066; background-color:#25282b; color:#FFFFFF;clear: both; font-size:14px;}
.footer{width: 1170px; text-align:center;margin-left: auto;margin-right: auto; color: #fff;	border: 0px solid #000066; background-color:#25282b; color:#FFFFFF; font-weight:normal }
.footer a{ color:#FFFFFF; }
.footer a:hover{ color:#fff; }
.line {
    border-bottom: 1px solid #0259ab;
    padding-bottom: 10px;
    color: #fff;
}

.line_top {
    /*border-top: 1px solid #5c687a;*/
    padding-top: 10px;
    color: #fff;
}



.erjk{ display:block; overflow:hidden;}
.erjk a{ display:block; width:90px; height:35px; float:left; overflow:hidden;border-radius:3px; background:#FFF; margin-right:10px; text-align:center; line-height:35px; font-size:16px; color:#526069;}
.erjk a span{ display:block; position:relative; top:0; cursor: pointer;}
.erjk a, .erjk a span{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);}
	
.erjk a.ernn span, .erjk a:hover span{ top:-100%;color:#FFF;}
.erjk a.ernn, .erjk a:hover{ background:#59c7f9; color:#FFF;}










.erjk2{ display:block; overflow:hidden; height: 42px; line-height: 42px; text-align: right;}
.erjk2 a{ display:block; width:60px; font-size:15px; color:#000; float: right; text-align: center; margin-top: 15px; line-height: 15px;}
.erjk2 a span:hover{ color:#e60014;}
/*.erjk2 a{ display:block; width:90px; height:38px; float:left; overflow:hidden; border-radius:3px;background:#FFF; margin-right:6px; text-align:center; line-height:38px; font-size:16px; color:#000;}
.erjk2 a span{ display:block; position:relative; top:0; cursor: pointer;}
.erjk2 a, .erjk2 a span{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);}*/
	

/*.erjk2 a:hover span{ top:-100%;color:#FFF;}
.erjk2 a:hover{ background:#59c7f9; color:#FFF;}
.erjk2 a.ernn{ background:#59c7f9; color:#FFF;}
.erjk2 a.ernn span:hover{ background:#08a1ef; color:#FFF;}
*/

.login  {
    border: 1px solid #ccd5db;
    line-height: 38px;background-color:#FFFFFF;color:#333333
}
.login a { 
}












.active_banner_bg{   width:100%;  clear: both; padding:0px  0px 22px 0px }

.center1{ background:#FFFFFF;  width:100%; text-align:center; font-size:18px; color:#8b8b8b;padding:10px  0px}

.left1{ background:#FFFFFF;  width:100%; text-align:left; font-size:18px; color:#8b8b8b;padding:10px  0px}

.active_banner{width: 1170px; height:100px; margin-left: auto;margin-right: auto;	border: 0px solid #000066; margin-bottom:20px; }
.active_banner li{
	float:left;
	width:31%;
	padding:10px;
	text-align:center;
	background:#FFFFFF;
		border-top:1px solid #cccccc;	border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;
	
}
.active_banner ul li img{  height:100px;  }
.active_banner ul li:hover{ background:#aae2fc; border-top:1px solid #cccccc;	border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}






.pdNewBox { float:left;
    background: #FFF;
    margin-right: 10px;
    display: block;
    overflow: hidden;
    padding: 15px 15px;  
}

dl dt {
    width: 100%; 
    height: 44px; line-height:44px;
    float: left;
    display: block;
    overflow: hidden;
    border-bottom: 0px solid #17476f; text-indent:0px;color:#76838f;border-radius:5px;
}

 dl dd ul li {
    width: 100%; text-align:left;
     height: 44px;
    float: left;
    display: block;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px  dotted #cccccc;  color:#526069
}






dl dd ul li span {
    float: right;
    font-size: 13px;
    color: #808080;
}
dl dd ul li a{

    font-size: 15px;

}
dl dd ul li a:hover{

   color:#008cd7

}


.jt { float:left; font-size:22px; font-family:"黑体"
}
.more { float:right;   color: #fff;
   
   
}






#banner { position: relative; width: 340px; height: 258px; border: 1px solid #ccc; overflow: hidden; float:left }

#banner_list img { border: 0px; width: 340px; }

#banner_bg { position: absolute; bottom: 0; background-color: #1e5a87; height: 30px;  filter: Alpha(Opacity=30); opacity: 0.9; z-index: 1000; cursor: pointer; width: 340px; }

#banner_info { position: absolute; bottom: 0; left: 5px; height: 30px;line-height:30px; color: #fff; z-index: 1001; cursor: pointer }

#banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }

#banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom: 3px; right: 5px; }

#banner ul li { padding: 0px 8px; margin-left:8px; float: left; display: block; color: #000; background: #fff; cursor: pointer; border: 0px solid #fff; }

#banner ul li.on { background-color: #ef8200; color: #fff;}

#banner_list a { position: absolute;  }










.zy_banner_bg1{
	width:100%; height:380px;
	clear: both;
	padding:0px  0px;
	background-color: #FFFFFF;
	background-image: url(../image/about.jpg);
	background-repeat: no-repeat;
	background-position: center top;text-align:center;
}
.zy_banner_bg2{
	width:100%; height:380px;
	clear: both;
	padding:0px  0px;
	background-color: #fff;
	background-image: url(../image/about2.jpg);
	background-repeat: no-repeat;
	background-position: center top; text-align:center;
}

.zy_banner_bg3{
	width:100%;
	clear: both;
	padding:0px  0px;
	background-color: #f9f8f6;
/*	background-image: url(../image/about3.jpg);*/
	background-repeat: no-repeat;
	background-position: center top; text-align:center;
}
.zy_banner_bg4{
	width:100%;
	clear: both;
	padding:0px  0px;
	background-color: #005bac;
	background-image: url(../image/about4.jpg);
	background-repeat: no-repeat;
	background-position: center top;text-align:center;
}
.zy_banner_bg5{
	width:100%; height:380px;
	clear: both;
	padding:0px  0px;background-image: url(../image/ban_jjfa_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top; text-align:center;
}

.zy_banner_bg6{
	width:100%; height:380px;
	clear: both;
	padding:0px  0px;
	background-color: #fff;
	/*background-image: url(../image/about6.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;text-align:center;
}

.zy_banner_bg7{
	width: 100%;
	height: 380px;
	clear: both;
	padding: 0px  0px;
	/*	background-color: #2a9de0;*/
	background-image: url(../image/ban_qyfw_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
}


.hyfw_bg{
	height: 746px;
	clear: both;
	padding: 0px  0px;
	background-color: #fff;
	background-image: url(../image/hyfw_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}


.hy_table { font-size:18px; color:#526069;}
.hy_td { font-size:16px; color:#526069; font-weight:normal}

.jjfa_font{font-size:20px; color:#828282; line-height:30px}
.help img{ margin:0px 130px 110px 0px} 


.box_pic{  border: solid #fff 3px;}
.box_pic img:hover{  border: solid #3897db 3px;}

/*数据*/
.counters{
	/*background: url(../image/counter-bg2.jpg);*/
	background-size: 100% 100%;
	margin-top: 40px;
    }
.counter-box {
    /*border: 1px solid #000;*/
    /*border-radius: 10px;*/
    display: inline;
    float: left;
    /*font-family: "Raleway",sans-serif;*/
    padding: 10px 5px 20px;
    width: 100%;
    position: relative;
}
.counter-no {
    color: #0a69fa;
    font-size: 72px;
    font-family: Impact, Charcoal, sans-serif;
    /*font-weight: bold;*/
    line-height: .5em;
}
.counter-box{text-align: center;margin: 10px 0;}
.counter-label {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8em;
    padding-top: 5px;
}
/*@font-face {
    font-family: Impact;
    src: url('../font/Impact.ttf');
}*/
.title_box{height: 120px; width: 100%;  position: relative; }
.fk-editor{color: #327bd0; white-space: pre-wrap; word-break: normal; font-size: 20px; font-weight: 550; line-height: 32px; position: relative; background: url(../image/icon-7-1.png) no-repeat left center; text-indent: 30px;}
.fk-editor2{color: #327bd0; font-size: 36px; font-weight: bold; position: absolute; top: 50px;}
.fk-editor3{color: #0238a2; font-size: 18px;  position: absolute; top: 110px; color: #6c6c6c;}

.fk-editor-white{color: #fff; white-space: pre-wrap; word-break: normal; font-size: 20px; font-weight: 550; line-height: 32px; position: relative; background: url(../image/icon-7-2.png) no-repeat left center; text-indent: 30px;}
.fk-editor2-white{color: #fff; font-size: 36px; font-weight: bold; position: absolute; top: 100px;}
.fk-editor3-white{color: #fff; font-size: 18px;  position: absolute; top: 180px; color: #fff; line-height: 34px;}

.fk-editor_ny{width: 100%; text-align: center; margin-top: 50px; color: #f6f6f6; white-space: pre-wrap; word-break: normal; font-size: 72px;}
.fk-editor2_ny{text-align: center; color: #000; font-size: 32px; font-weight: bold; position: absolute; top: 36px; width: 50%; left: 50%; margin-left: -25%;}


.title_gd{width: 96px; height:37px; background: #004fd7; position: absolute; right: 0; bottom: 30px; text-align: center;}

.xcp_list li{float: left; margin-right: 22px; margin-bottom: 40px;}
.xcp_list li:nth-child(3n){margin-right: 0;}
.xcp_list li h3{font-size: 20px; font-weight: bold; color: #000; text-align: center; line-height: 40px; margin-top: 5px;}
.xcp_list li span{font-size: 16px; text-align: center; display: block;}

.cpbanner{background: url(../image/xcp06.png) no-repeat center; width: 100%; height: 570px;}
.ry_bt{font-size: 15px; color: #fff; text-align: center;}
.ry_bt p{font-size: 32px; font-weight: bold; padding-top: 50px; margin-bottom: 20px;}
.ry-anniu{border: 1px solid #fff;
    width: 160px;
    margin: 40px auto;
    font-size: 14px !important;
    line-height: 35px;
    border-radius: 40px;
    text-align: left;
    padding-left: 20px;
    color: #fff;
    background: url(../image/ys-anniu_59.png) no-repeat top 5px right 10px;}
.pakebg{ cursor: default; height: 100%; position: sticky;top: 0; padding-bottom: 20px;}
.pakebg li{background: #fff; border-right: 1px solid #d3d3d3; margin-bottom: 20px; padding-left: 25px; padding-top: 50px; padding-bottom: 20px; padding-right: 25px; float: left; width: 348px; position: relative;}
.pakebg li:nth-child(3n){margin-right: 0; border-right:0; }
.pakebg li h2{font-size: 24px; color: #333; line-height: 40px;}
.pakebg li p{font-size: 16px; color: #999; line-height: 28px; margin-top: 10px;}
.pakebg li .floatImg{width: 400px; height: 240px; margin-top: 25px;}
.pakebg li h2:before{content: ""; display: inline-block; background: #076ce0; width: 10px; height: 22px; position: absolute; left: 0; top: 60px;}
.pakebg li .wz-title span{font-size: 48px; color: #076ce0; position: absolute; top: 390px; right: 50px; font-weight: bold;}
.index-link-wrap{
	width:1200px;
	padding:0px 0px 50px 0px;
	margin:0px auto;

	}
.index-link-wrap li{
	float:left;
	margin-right:20px;
	display:inline;
	width: 386px;
  	height: 430px;
  	border-radius: 10px;
  	background-color: rgb( 255, 255, 255 );
  	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  	text-align: center;
	}
.index-link-wrap li:last-child{margin-right: 0;}
.index-link-wrap li h3{color: #3b3b3b; margin-top: 20px;}
.index-link-wrap li p{font-size: 16px; color: #999; margin-top: 10px;}
.index-link-wrap img{
	width:100%;
	border-radius: 10px 10px 0 0 ;
	}
.index-link-wrap li span{width: 120px; height: 40px; background: #3b3b3b; color: #fff; display: block; text-align: center; line-height: 40px; margin: 0 auto; margin-top: 30px;}	

.nav-box{background: #fff; height: 77px;}
.nav-box .item{position: relative; width: 25%; padding: 27px 0 26px; font-size: 18px; font-weight: 600; text-align: center; cursor: pointer;}
.nav-box .item:after{position: absolute; content: ""; top: 27px; right: 0; width: 1px; height: 27px; background: rgba(0, 0, 0, .12);}
.active{color: #2e65fd;}
.item a:hover{color: #2e65fd;}
.flex-center{display: flex; justify-content: center; align-items: center;}

.fzlc_bg{width: 100%;
    overflow: hidden;
    background-color: #f4f8fb;
    position: relative;
    padding-top: 60px;
    }
.zzry_list{padding-top: 10px;}
.zzry_list li{float: left; width: 376px; margin-right: 35px;}
.zzry_list li img{width: 376px; height: 216px;}
.zzry_list li:nth-child(3n){margin-right: 0;}
.zzry_list li .zz_list{text-align: left; margin-top: 20px; text-indent: 20px;}
.zzry_list li .zz_list p{line-height: 32px;}
.flex-between{display: flex; justify-content: space-between; align-items: center;}
.lzwm_list{flex-wrap: wrap;}
.lzwm_item{width: calc(43% - 12px); margin-bottom: 24px; padding: 32px 42px 30px 40px; border-radius: 2px; background: #f7f7f8;}
.flex-start{display: flex;/* justify-content: flex-start; */align-items: center;}
.item-title{margin-bottom: 25px; font-size: 24px; line-height: 28px; color: #000; font-weight: 600;}
.item-title div{ font-size: 15px; line-height: 32px; font-weight: normal; text-align: left;}
.lxwm_r{text-align: left; margin-left: 30px; float: right; width: 480px;}

.hytd{background: url(../image/hytdbg.jpg) center center / 100% 100% no-repeat; box-sizing: border-box; height: 540px; padding-top: 80px;}
.module-common-title{color: #262a3e;font-size: 32px; font-weight: 600; line-height: 32px; text-align: center;}
.tw-justify-center{-webkit-box-pack: center; -webkit-justify-content: center; justify-content: center;  margin-top: 60px;}
.industry-pain-point-item{background: #fff; border-radius: 10px; box-sizing: border-box; height: 271px; padding: 28px 18px 34px; text-align: center; float: left; margin-right: 26px; width: 280px;}
.industry-pain-point-item .item-title{color: #333; font-size: 20px; font-weight: 600; line-height: 22px; margin-top: 12px;}
.industry-pain-point-item .item-desc{color: #666; font-size: 14px;font-weight: 400; line-height: 22px; margin-top: 12px; text-align: left;}
.zhwl{background-image: linear-gradient(180deg, #F0F3FA 0%, #F8F9FC 107.49%); padding-top: 50px;}
.Menubox2{height: 60px; line-height: 57px; border-bottom: 1px solid #e5e7eb; margin-top: 30px;}
.Menubox2 li{width: 380px; color: #808082;; font-size: 20px; float: left; text-align: center; cursor: pointer;}
.Menubox2 li.sel{font-size: 20px; color:#2e65fd; font-weight: 600; border-bottom: 3px solid #2e65fd; }
.ly01{width: 1100px; background: #fff; margin: 0 auto; border-radius: 10px; padding: 50px; margin-top: 50px;}
.detail-title{font-weight: bold; font-size: 32px; color: #252B47; line-height: 45px; text-align: left;}
.info{margin-top: 20px;font-size: 14px; color: #333333; line-height: 22px; text-align: left;}
.labels{margin-top: 5px; display: flex; flex-wrap: wrap;}
.labels .col{padding-top: 30px; width: 25%;}
.labels .col img{margin: 0 auto;display: block; width: 50px;}
.labels .col span{margin-top: 10px; text-align: center; display: block; font-size: 14px; color: #1E3A64; line-height: 22px;}
.see-more{margin-top: 20px; line-height: 22px; display: flex; align-items: center; margin-bottom: 10px;}
.see-more .free-register{margin-right: 20px; width: 120px; height: 36px; background: #e9eff8; border-radius: 3px; line-height: 36px; color: #265ebf; text-align: center; font-size: 16px;}
.see-more .free-register:hover{background: #275dbf; color: #fff;}


.oac-flex-1{width: 520px; float: left; margin-right: 40px;}
.oac-text-44{font-size: 34px; line-height: 52px; font-weight: bold; text-align: left; margin-top: 10px;}
.oac-text-16{font-size: 16px; line-height: 24px; text-align: left; margin-top: 28px;}
.oac-flex-2{width: 640px; float: right;}
.oac-flex-2 img{width: 100%; height: auto;}
.at-box{margin-top: 50px; text-align: left;}
.zpx-btn{font-size: 18px; line-height: 26px; text-align: center; width: 132px; line-height: 50px; color: #fff; display: inline-block; background: #0a69fa}

.weixin{ width:30px; height:36px; position:relative; font-size:12px; text-align:left;}
.weixin a{width:30px; height:36px; display:block; position:absolute; left:0; top:0;}
.weixin .weixin_nr{width:100px; height:140px; border: 1px solid #ddd; padding:10px 10px 0 10px; background:#f5f5f5; text-align:center; position:absolute; left:145px; top:-40px; display:none;}
.weixin .weixin_nr img{ margin-bottom:0px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{}

.pro_s{width: 100%; height: 0; padding-bottom: 32.69%; position: relative; margin-top: 60px; background: #fff}

.pro_s .pro_s1{position: absolute; right: 0; width: 28%; height: 100%; overflow: hidden; padding-right: 30px;}
.pro_s .pro_s1 h2{font-size: 24px; font-weight: bold; line-height: 70px;}
.pro_s .pro_s1 ul{}
.pro_s .pro_s1 ul li{line-height: 70px; font-size: 20px; color: #9c9c9c; border-bottom: 1px solid #e7e7e7;}
.pro_s .pro_s1 ul li a{color: #9c9c9c;}
.pro_s .pro_s1 ul li a:hover{color: #265ebf; }
.pro_s .pro_s1 ul li a:hover span.iconfont{background: url(../image/rjt2.png); width: 33px; height: 33px;}
.pro_s .pro_s1 span.iconfont{ display: table; float: right; margin-top: 20px; background: url(../image/rjt.png); width: 33px; height: 33px;}
/*.pro_s .pro_s1 span.iconfont img {
    display: table-cell;
    vertical-align: middle;
    margin-top: 10px;
}*/


.pro_s .pro_s2{width: 67%; position: absolute; left: 0; height: 100%; background: url(../image/cp01.jpg) no-repeat left center;}
.pro_s .pro_s3{width: 67%; position: absolute; left: 0; height: 100%; background: url(../image/cp02.jpg) no-repeat left center;}
.pro_s .pro_s2 h2,.pro_s .pro_s3 h2{font-size: 24px; font-weight: bold;}
.pro_s .pro_s2 .art,.pro_s .pro_s3 .art{width: 42%; background: #fff; padding: 25px; margin: 40px 0 auto 40px;}
.pro_s .pro_s2 .line2,.pro_s .pro_s3 .line2{width: 100%; height: 2px; background: #121618; opacity: 0.1; margin: 10px 0;}
.pro_s .pro_s2 .info,.pro_s .pro_s3 .info{font-size: 14px; line-height: 28px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.pro_s .pro_s2 .btns,.pro_s .pro_s3 .btns{width: 100%;,
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px;}
.pro_s .pro_s2 .btns a,.pro_s .pro_s3 .btns a{width: 145px;
    height: 45px;
    max-width: 48.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    background: #e9eff8;
    color: #265ebf;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.pro_s .pro_s2 .btns a:hover,.pro_s .pro_s3 .btns a:hover{background: #275dbf; color: #fff;}

.wrapper{border: 0; margin-top: 50px;}
.wrapper .row1,.wrapper .row2{}
.wrapper .row1 .prc{width: 385px; float: left; margin-right: 20px;}
.wrapper .row2 .prc{width: 588px; float: left; margin-right: 20px;}
.wrapper .row1 div:last-child,.wrapper .row2 div:last-child{ margin-right: 0;}
.wrapper .row1 .prc img,.wrapper .row2 .prc img{width: 100%;}

.fwq_box{margin-top: 320px;}
.fwq_box li{float: left; margin-right: 60px; width: 120px; text-align: center;}
.fwq_box li span{color: #fff; text-align: center;}
.gywm_box{padding-left: 15px; padding-top: 30px;}
.gywm_box li{float: left; margin-right: 10px; text-align: center; width: 118px; font-size: 14px; color: #026ebb;}


.gdbtn a{color: #000; line-height: 42px; width: 136px; border-radius: 21px; background: #fff; border: 1px solid #999; display: inline-block; text-align: center;}
.gdbtn a:hover{background: #245fbd; color: #fff;}


.probox_s{width: 100%; height: 0; padding-bottom: 32.69%; position: relative; margin-top: 60px; background: #fff}

.probox_s .probox_s1{ width: 100%; height: 564px;}
.probox_s .probox_s1 .art{width: 50%; background: #fff; padding: 25px; margin: 40px 0 auto 40px; position: absolute; top: 30px;}
.probox_s .probox_s1 .art h2{text-align: left; color: #000;}
.probox_s .probox_s1 .info{font-size: 16px; line-height: 30px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.probox_s .probox_s1 .btns{width: 100%;,
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 40px; margin-bottom: 10px;}
.probox_s .probox_s1 .btns a{width: 135px;
    height: 45px;
    max-width: 48.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    background: #e9eff8;
    color: #265ebf;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.probox_s .probox_s1 .btns a:hover{background: #275dbf; color: #fff;}

.probox_s_ul{ margin-top: 40px;}
.probox_s_ul li{float: left; width: 112px; text-align: center;}
.probox_s_ul li h2{text-align: center;}
.probox_s_ul li span{color: #255dc0; text-align: center;}


.about_a2 .title{font-size: 32px; font-weight: 700; color: #2E2F34; line-height: 42px; margin-bottom: 20px; text-align: left; margin-top: 80px; margin-bottom: 40px;}
.about_a2 .des{font-size: 20px; color: #2E2F34; line-height: 42px; text-align: left; margin-top: 20px;}
.gyw_box{margin-top: 60px;}
.gyw_box li{float: left; margin-right: 60px; width: 360px;}
.gyw_box li img{width: 100%;}

.lc_box{width: 100%; display: block; clear: both; padding-top: 30px;}

.lxwm ul li{float: left; background: #f7f7f7; width: 280px; height: 220px; border-bottom: 2px solid #017ff7; margin-right: 60px; padding: 40px;}
.lxwm ul li h3{font-size: 24px;line-height: 40px; display: block; }
.lxwm ul li p{margin-top: 30px; line-height: 32px;}
.lxwm ul li .hx{width: 50px; height: 3px; background:  #017ff7; text-align: center; margin: 0 auto;}
.container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .card {
            width: 380px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            overflow: hidden;
            text-align: center;
        }
        .card-img {
            position: relative;
            height: 220px;
            padding-top: 20px;
        }
        .card-img img {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            object-fit: cover;
        }
        .check-icon {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 40px;
            background-color: #007bff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 20px;
        }
        .card-content {
            padding: 0px 20px 20px;
        }
        .cpzx-card-title {
            font-size: 22px;
            color: #007bff;
            margin-bottom: 15px;
        }
        .cpzx-card-desc {
            font-size: 16px;
            color: #666;
            line-height: 1.8;
        }

        .tab_box_mh {
            display: flex;
            width: 100%;
            min-height: 400px;
            background-color: #f5f7fa;
        }

        .left-section {
            flex: 1;
            padding: 40px 60px 0 60px;
            color: #333;
        }
        .right-section {
            flex: 1;
            overflow: hidden;
        }
        .right-section img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .left-section .title {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 8px;
            text-align: left;
        }
        .en-title {
            font-size: 16px;
            color: #666;
            margin-bottom: 20px;
        }
        .left-section .desc {
            font-size: 16px;
            line-height: 2;
            margin-bottom: 30px;
            text-align: left;
        }
        .features {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
        }
        .feature-item h3 {
            font-size: 16px;
            color: #f19913;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            margin: 15px 0;
            line-height: 1.8;
        }
        .feature-item h3::after {
            content: "→";
            margin-left: 8px;
            font-size: 14px;
        }
        .feature-item p {
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
        }
        .more-btn {
            padding: 8px 20px;
            border: 1px solid #999;
            background: transparent;
            cursor: pointer;
            font-size: 14px;
            color: #333;
        }
    .mh_cpys_box {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 50px;
            padding: 40px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .mh_cpys_item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 16px;
        }
        .mh_cpys_icon {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            background: #f5f7fa;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .mh_cpys_content{margin-top: -10px; margin-left: 20px;}
        .mh_cpys_content h3 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            text-align: left;
        }
        .mh_cpys_content p {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
            text-align: left;
        }

        .mh_cpbs_box {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .mh_cpbs_card {
            width: 536px;
            background-color: #fff;
            border: 2px solid #d8d8ff;
            border-radius: 12px;
            padding: 10px 20px 20px;
            position: relative;
        }
        .mh_cpbs_title {
            position: absolute;
            top: -22px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #2e65fd;
            color: #fff;
            padding: 8px 30px;
            border-radius: 20px;
            font-size: 20px;
            font-weight: bold;
        }
        .mh_cpbs_desc {
            margin-top: 30px;
            font-size: 16px;
            color: #333;
            line-height: 2.6;
        }
        .mh_cpbs_tags {
            margin-top: 20px;
            display: flex;
            gap: 140px;
            justify-content: center;
        }
        .mh_cpbs_tag {
            color: #2e65fd;
            font-size: 18px;
            font-weight: 600;
        }
.tag-dots { display: flex; gap: 4px; margin-top: 4px; }
.tag-dot { width: 6px; height: 6px; background-color: #2e65fd; border-radius: 50%;}
.about-title {font-size: 28px; font-weight: bold; text-align: left; line-height: 40px;}
.about-content { display: flex; gap: 40px; margin-bottom: 50px;}
.about-img { width: 50%;height: auto;}
.about-text {width: 100%;line-height: 1.8;color: #333;text-align: left; margin-top: 30px; font-size: 16px; }
.about-stats { display: flex;justify-content: space-between;text-align: center; }
.stat-item {display: flex; flex-direction: column; align-items: center; gap: 10px;}
.stat-icon { font-size: 30px; color: #333; }
.stat-num { font-size: 32px; font-weight: bold;}
.stat-desc { color: #666;}
 /* 卡片容器 - 2行2列布局，响应式适配 */
        .td-scene-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px; /* 卡片之间的间距 */
            max-width: 1200px;
            margin: 0 auto;
        }

        /* 单个卡片样式 */
        .td-scene-card {
            background-color: #ffffff;
            border-radius: 12px;
            padding: 30px 24px;
            display: flex;
            align-items: flex-start;
            gap: 20px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); /* 轻微阴影提升质感 */
            border: 1px solid #f0f2f5;
        }

        /* 图标容器样式 */
        .td-card-icon {
            width: 100px;
            height: 100px;
            flex-shrink: 0; /* 防止图标被压缩 */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .td-card-icon img{width: 100%;}

        /* 文字内容容器 */
        .td-card-content {
            flex: 1; /* 占满剩余空间 */
        }

        /* 标题样式 */
        .td-card-title {
            font-size: 18px;
            font-weight: 600;
            color: #1d2129;
            margin-bottom: 12px;
        }

        /* 描述文字样式 */
        .td-card-desc {
            font-size: 14px;
            color: #4e5969;
            line-height: 1.6;
        }
.progress-line {
            height: 1px;
            background: #eee;
            position: relative;
            margin-bottom: 20px;
        }
        .progress-dot {
            width: 12px;
            height: 12px;
            background: #4080ff;
            position: absolute;
            right: 50%; /* 模拟图片中进度点位置 */
            top: 50%;
            transform: translateY(-50%);
        }
        .mh-card-list {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: wrap;
            margin-bottom: 40px;
        }
        .mh-card {
            flex: 1;
            min-width: 180px;
            text-align: center;
        }
        .mh-card-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 15px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .icon1 { background-image: url(../image/jz01.png);}
        .icon2 { background-image: url(../image/jz05.png);}
        .icon3 { background-image: url(../image/jz04.png);}
        .icon4 { background-image: url(../image/jz02.png);}
       .icon5 { background-image: url(../image/jz03.png);}
        .mh-card-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #333;
        }
        .mh-card-desc {
            font-size: 12px;
            color: #666;
            line-height: 1.5;
        }

         /* 核心容器 - 四列等分布局 */
        .service-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 1px; /* 模拟卡片间细微分隔线 */
        }
        /* 卡片基础样式 */
        .service-card {

            /*background: linear-gradient(to bottom, rgba(245,250,255,0.6), #ffffff);*/
            padding: 40px 25px;
            position: relative;
            overflow: hidden;
            height: 373px;
            box-sizing: border-box;
            background: #fefeff;
            box-shadow: 0 6px 20px rgba(0, 0, 0, .161);
            position: relative;
        }
        /* 每个卡片专属渐变底色（贴合原图色调） */
        .card-1 { background: linear-gradient(180deg, #eef2ff 0%, #ffffff 100%); }
        .card-2 { background: linear-gradient(180deg, #fef7fb 0%, #ffffff 100%); }
        .card-3 { background: linear-gradient(180deg, #fff5f7 0%, #ffffff 100%); }
        .card-4 { background: linear-gradient(180deg, #e8f4ff 0%, #ffffff 100%); }
        .card-5 { background: linear-gradient(180deg, #fff4e5 0%, #ffffff 100%); }
        .card-6 { background: linear-gradient(180deg, #e5fffa 0%, #ffffff 100%); }

        /* 卡片顶部淡色装饰图形（还原原图三角/几何轮廓） */
        /*.service-card::before {
            content: "";
            position: absolute;
            top: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            border: 2px solid rgba(200,210,255,0.2);
            opacity: 0.5;
        }*/
        /* 图标容器 */
        .card-icon {
            width: 46px;
            height: 46px;
            border-radius: 8px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        }
        .icon-img {
            width: 30px;
            height: 30px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        /* 各卡片图标（精准匹配颜色/样式） */
       



        .card-title {
            font-size: 18px;
            font-weight: 600;
            color: #1d2129;
            margin-bottom: 16px;
            line-height: 1.3;
            text-align: left;
        }
        /* 描述文本 */
        .card-desc {
            font-size: 14px;
            color: #4e5969;
            line-height: 1.6;
            margin-bottom: 36px;
            text-align: left;
        }
        /* 定制按钮（渐变+箭头，还原原图样式） */
        .custom-btn {
            display: inline-block;
            padding: 9px 22px;
            background: linear-gradient(90deg, #4080ff, #729fff);
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            border-radius: 20px;
            text-decoration: none;
            position: relative;
        }
        .custom-btn::after {
            content: "→";
            margin-left: 6px;
            font-size: 12px;
        }


.contact-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(590px, 1fr));
            gap: 20px;
        }
        /* 客服卡片样式 */
        .gywm-service-card {
            background: #fff;
            padding: 10px 20px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            display: flex;
            align-items: center;
            gap: 16px;
            height: 150px;
        }
        .qrcode {
            width: 130px;
            height: 130px;
            background: #f0f0f0;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .qrcode img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .service-info .name {
            font-size: 20px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            text-align: left;
        }
        .service-info .phone {
            font-size: 18px;
            color: #666;
            text-align: left;
        }
        /* 联系信息卡片样式 */
        .contact-card {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            grid-column: 1 / -1; /* 占满整行 */
        }
        .contact-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
        .contact-item:last-child {
            margin-bottom: 0;
        }
        .contact-icon {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .contact-text {
            font-size: 16px;
            color: #666;
        }
.lunbo-box{
    width:1200px;
    padding:0px 0px 50px 0px;
    margin:0px auto;

    }
.lunbo-box li{
    float:left;
    margin-right:20px;
    display:inline;
    width: 240px;
    height: 230px;
    background-color: rgb( 255, 255, 255 );
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    text-align: center;
    }
.lunbo-box li h3{color: #333; margin-top: 10px; font-size: 16px; font-weight: normal;}
.lunbo-box img{
    width:100%;
    }
.lunbo-box li span{width: 90px; height: 40px; background: #f4f4f4; color: #a2a2a2; display: block; text-align: center; line-height: 40px; margin: 0 auto; margin-top: 30px;}  
.lunbo-box li a:hover span{background: #2793ff; color: #fff;}

.yyms-box {display: flex; gap: 20px;flex-wrap: wrap; justify-content: center; max-width: 1200px;  margin: 0 auto; }
.yyms-card {width: 540px;padding: 25px;  background: #fff;  border-radius: 8px;  display: flex;   flex-direction: column; }
.yyms-title { font-size: 22px; font-weight: 600;color: #333; margin-bottom: 20px; text-align: left;}
.yyms-list { list-style: none; margin-bottom: 20px;}
.yyms-item { display: flex; align-items: center;  color: #555; font-size: 16px; margin-bottom: 12px; line-height: 2; }
.yyms-item::before { content: "✓"; color: #0088ff; font-weight: bold; margin-right: 8px;  font-size: 18px;}
/*.tag {display: inline-block; background-color: #ff4d4f;  color: #fff;  font-size: 12px; padding: 2px 6px;  border-radius: 4px;  margin-left: 8px; }*/
.yyms-card-img {  align-self: flex-end; width: 80px; height: 80px; margin-top: auto; }

.table-container { max-width: 1200px; margin: 0 auto; overflow-x: auto; /* 适配小屏幕横向滚动 */ }
.compare-table {width: 100%; border-collapse: collapse; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
        /* 表头样式 */
.compare-table th { padding: 12px 15px; text-align: center; font-weight: 600; font-size: 18px; border: 1px solid #e0e6ed;}
        /* 第一行表头 */
.compare-table thead tr:first-child th { background-color: #e6edf5;color: #333; }
        /* 第一/单元格 */
.compare-table td:first-child {
            background-color: #f1f1f1;
            font-weight: 600;
            color: #333;
            white-space: nowrap; /* 防止第一列文字换行 */
        }
        /* 先进AI模式列特殊样式 */
        .compare-table th:nth-child(5) {
            background-color: #d1e7ff;
            color: #0050b3;
        }
        /* 单元格样式 */
        .compare-table td {
            padding: 12px 15px;
            font-size: 16px;
            color: #333;
            line-height: 2;
            border: 1px solid #e0e6ed;
        }
        /* 隔行变色优化可读性 */
/*        .compare-table tbody tr:nth-child(even) td {
            background-color: #f8fafc;
        }*/
.aqjz-box {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: center;
            max-width: 1200px;
            margin: 0 auto;
        }
        /* 通用卡片样式 */
        .partner-card {
            width: 250px;
            padding: 20px;
            border-radius: 8px;
            border: 1px solid #eee;
            position: relative;
            overflow: hidden;
        }
        /* 卡片顶部彩色线条 */
        .aqjz-top-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
        }
        /* 不同卡片的顶部线条颜色 */
        .ht-sec .aqjz-top-line { background-color: #0066cc; }
        .nb-bank .aqjz-top-line { background-color: #39b54a; }
        .gd-sec .aqjz-top-line { background-color: #f59e0b; }
        .hs-bank .aqjz-top-line { background-color: #9333ea; }
        /* 卡片头部（logo+名称） */
        .aqjz-card-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }
        .aqjz-card-logo {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f5f8ff;
        }
        .aqjz-logo-icon {
            width: 24px;
            height: 24px;
        }
        .aqjz-card-name {
            font-size: 18px;
            font-weight: 600;
            color: #333;
        }
        /* 核心成果标题 */
        .card-highlight {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #000;
        }
        /* 不同卡片的高亮文字颜色 */
        .ht-sec .aqjz-card-name { color: #0066cc; }
        .nb-bank .aqjz-card-name { color: #39b54a; }
        .gd-sec .aqjz-card-name { color: #f59e0b; }
        .hs-bank .aqjz-card-name { color: #9333ea; }
        /* 卡片描述文字 */
        .aqjz-card-desc {
            font-size: 15px;
            color: #666;
            line-height: 2;
            position: relative;
            z-index: 1;
        }
    .hxld-box {
            display: flex;
            gap: 0; /* 卡片间无间距，贴合原图 */
            flex-wrap: wrap;
            justify-content: center;
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
            /* 顶部蓝色装饰条 */
        }
     /* 流程卡片样式 */
        .hxld-box-card {
            width: 25%; /* 大屏4等分 */
            padding: 25px 20px;
            background-color: #f8fbff;
            border: 1px solid #e0e6ed;
            border-right: none; /* 去掉右侧边框，贴合原图 */
            position: relative;
            z-index: 2;
            /* 最后一张卡片保留右侧边框 */
            &:last-child {
                border-right: 1px solid #e0e6ed;
                border-radius: 0 4px 4px 0;
            }
            /* 第一张卡片圆角 */
            &:first-child {
                border-radius: 4px 0 0 4px;
            }
        }
        /* 步骤序号圆形 */
        .step-number {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background-color: #ffffff;
            border: 1px solid #4096ff;
            color: #4096ff;
            font-size: 14px;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        /* 流程标题 */
        .hxld-box-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        /* 流程描述 */
        .hxld-box-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        /* 案例容器：大屏并列，小屏换行 */
        .xjzn-box {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
            max-width: 1200px;
            margin: 0 auto;
        }
        /* 案例卡片 */
        .xjzn-box-card {
            width: 386px;
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        /* 案例图片 */
        .xjzn-box-img {
            width: 100%;
            height: 160px;
            object-fit: cover;
        }
        /* 品牌信息栏 */
        .xjzn-box-info {
            padding: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
            border-bottom: 1px solid #f0f2f5;
        }

        .xjzn-box-name {
            font-size: 18px;
            font-weight: 600;
            color: #333;
        }

        /* 案例描述 */
        .xjzn-box-desc {
            padding: 15px;
            font-size: 15px;
            color: #666;
            line-height: 1.6;
        }



.zt_list{ float: left; width: 386px; height: 240px; margin-right: 20px; padding-bottom: 20px;}
.zt_list:nth-child(3), .zt_list:nth-child(6){margin-right: 0;}
.box13 {
    position: relative;
    transition: all .2s ease-out 0s;
    text-align: center;
    
}

.box13 .box-content,
.box13:after {
    position: absolute;
    left: 20px;
    right: 20px
}

.box13:after {
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.5);
    top: 20px;
    bottom: 20px;
    opacity: 0;
    transform: rotate3d(-1, 1, 0, 100deg);
    transition: all .4s ease-in-out 0s
}

.box13:hover:after {
    opacity: .9;
    transform: rotate3d(0, 0, 0, 0deg)
}

.box13 img {
    width: 100%;
    height: auto
}

.box13 .box-content {
    top: 45%;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(10%, -30%);
    transform: translate(10%, -30%);
    transition: all .2s ease-out 0s
}

.box13:hover .box-content {
    opacity: 1;
    transform: translate(0, -50%);
    transition-delay: .2s
}

.box13 .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fac960;
    margin: 0 0 10px;
    text-transform: capitalize;
}

.box13 .post {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.box13 .tnjd{
     display: block;
     font-size: 16px;
     color: #fff;
     margin-top: 20px;
}

.box13 .social {
    padding: 0;
    margin: 0;
    list-style: none
}

.box13 .social li {
    display: inline-block
}

.box13 .social li a {
    display: block;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    font-size: 17px;
    color: #1b1462;
    line-height: 35px;
    margin-right: 5px;
    transition: all .4s ease-in-out 0s
}

.box14 .icon li,
.box14 .post {
    display: inline-block
}

.box13 .social li a:hover {
    color: #fff;
    background: #000;
}

@media only screen and (max-width:990px) {
    .box13 {
        margin-bottom: 30px
    }
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {

  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
}

.default-text{position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 28px;
            font-weight: bold;
            text-shadow: 0 2px 4px rgba(0,0,0,0.8);
            opacity: 1; /* 默认显示 */
            transition: opacity 0.3s ease; /* 过渡动画 */}
.box13:hover .default-text {
            opacity: 0; /* 原有文字消失 */
        }
.mh-card-list-box li{margin: 8px 0; line-height: 42px;}

/* 卡片通用样式 */
        .solution-card {
            border-radius: 12px;
            color: white;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            min-height: 220px;
        }
        /* 1V1视频卡片渐变背景 */
        .card-1v1 {
            background:url(../image/MHBG.png) no-repeat center; width: 100%;
        }
        /* 秀场直播卡片渐变背景 */
        .card-live {
            background:url(../image/MHBG1.png) no-repeat center; width: 100%;
        }
        .card-zsk {
            background:url(../image/MHBG2.png) no-repeat center; width: 100%;
        }

        .card-znt{
            background:url(../image/MHBG3.png) no-repeat center; width: 100%;
        }

.jstd-box{width: 70%;}
.jstd-box li{float: left; width: 150px; text-align: center; padding: 10px; height: 150px; background: #fff; margin-right: 40px; border-radius: 15px; margin-bottom: 40px; font-size: 16px;}
.jstd-box li img{width: 70px; height: 70px; margin-top: 10px; margin-bottom: 10px;}
.jstd-box li p{line-height: 24px;}
.s_newboxlist{    display: flex
;
    flex-direction: column;
    gap: 15px;}
.s_newbox{display: grid; grid-template-columns: 1fr 1fr; gap: 20px 20px;}
.s_newbox a{display: flex; gap: 20px;  align-items: center;}
.s_newbox a .img{width: 200px; height: 140px; flex-shrink: 0;}
.s_newbox a .img img{width: 100%;
    height: 100%;
    display: block;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    object-fit: cover;
    display: block;}
.s_newbox a .listcon{width: 375px;}
.s_newbox a .txtovh2{color: #343434; font-size: 18px; font-weight: bold; line-height: 24px; height: 30px; transition: all 0.4s; }
.s_newbox a .listcon p{color: #808080;font-size: 14px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*white-space: nowrap;*/
    margin: 10px 0 10px;}
.s_newbox a .listcon span{font-family: Roboto;
    font-size: 14px;
    color: #808080;
    line-height: 14px;}
.s_newbox a:hover .txtovh2 {
  color: #1c509c;
}
.s_newbox a:hover .img img {
  transform: scale(1.05) rotate(.1deg);
  -webkit-transform: scale(1.05) rotate(.1deg);
  -moz-transform: scale(1.05) rotate(.1deg);
  -ms-transform: scale(1.05) rotate(.1deg);
  -o-transform: scale(1.05) rotate(.1deg);
}
.btn_tansuo{width: 160px; height: 52px; line-height: 52px; color: #327bd0; border-radius: 10px 10px 0 0; text-align: center; font-size: 16px; background: #fff; display: inline-block; border-radius: 26px;}
.btn_tansuo:hover{background: #327bd0; color: #fff;}

.nnewlist {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem 1.875rem;}

    .img_db {
  width: 100%;
  position: relative;
}

.nnewlist .newlistcon span {
  color: #808080;
  font-family: Roboto;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  text-align: left;
  display: block;
}
.nnewlist .newlistcon h5 {
  font-weight: bold;
  height: 3.125rem;
  color: #343434;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  margin-top: 0.5rem;
}
.img_db:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 60.9%;
  position: static !important;
}

.img_db img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nnewlist .img_db:after {
  padding-top: 56.6%;
}

.nnewlist .newlistcon {
  background: #fff;
  margin: -2.5rem 1rem 0;
  padding: 2rem 2.125rem;
  position: relative;
  z-index: 10;
}

.nnewlist .newlistcon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #327bd0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  z-index: -1;
}



.nnewlist li:hover .newlistcon::before {
  opacity: 1;
  visibility: visible;
}

.nnewlist li:hover .newlistcon h5,
.nnewlist li:hover .newlistcon span {
  color: #fff;
}

.nnewlist .newlistcon h5 {
  font-weight: bold;
  height: 3.125rem;
}