.wj_jiejue_card/*产品*/

.sy_pro { background: url("../images/bg10.jpg") no-repeat center bottom; background-size: 100% auto; display: none;}
.sy_main{ padding-left:7%; padding-right:7%; float:left; width:86%;}

.biaoti{ width:100%; float:left; font-size:30px; text-align:left; line-height:70px; margin-bottom:50px; color:#000; font-weight:900; border-bottom:#f2f2f2 solid 2px; margin-top:50px;}
.biaoti span{ float:right; font-size:20px; color:#dddddd;}
.biaoti b { color:#1f4593; }
/*网站基本定义*/


.tabox{width:100%; float:left;border-bottom:#f2f2f2 solid 2px; padding-bottom:40px;}
.tabox .hd{width:25%; float:left;}
.tabox .hd li{position:relative;float:left;width:100%;position:relative;background:#f2f2f2;cursor:default; border-bottom:#FFFFFF solid 1px; line-height:60px; font-size:18px; text-align:center;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.tabox .hd li.on{width:100%; background:#1f4593; color:#FFFFFF;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.tabox .bd{border-top:0;}
.tabox .lh{overflow:hidden; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.tabox .lh li{width:100%;padding:0 10px;float:left; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}


.left{width:65%; float:left; text-align:center}
.left img{width:auto; height:auto; max-height:305px; max-width:100%;}
.pro{width:35%; float:right; line-height:30px; }
.pro h3{width:100%; float:left; font-size:25px; color:#000000; border-bottom:2px solid #f2f2f2; line-height:65px; margin-bottom:20px; font-weight:normal }

.pro_des { width: 100%;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
height: 200px;
line-height: 25px; }




.a_more2{ font-size:15px;  color:#313131!important; padding:7px 20px 7px 20px; float:left;display:inline-block; margin-top:20px;
 border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; font-family:Barlow-Regular; text-transform:uppercase;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1f4593;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more2:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more2:hover{ color:#fff!important;}




/*公共*/
@media screen and (max-width: 1640px){
.wm{margin:0 6%;}
}
@media screen and (max-width: 1400px){

.wm{margin:0 2%;}

}




/*关于*/

.con_02{width:100%;overflow:hidden;padding:100px 0;background:url(../images/index_about_bg.jpg) no-repeat bottom center;margin-top:0px; background-size: auto 100%;}
.sy_about_l{float:left;width:44%;}
.sy_about_l img{width:100%;border-radius: 20px;}
.sy_about_r{float:right;width:51%;}
.sy_about_r h2{font-size: 34px;color: #28282a;margin-top: 10px;font-weight: bold; text-transform:uppercase;}
.sy_about_r h3{margin-top: 10px;font-size:20px;color: #525256;text-transform: uppercase;font-family:Arial; font-weight:normal;}
.sy_about_r i{width: 60px;height: 3px;background:#193586;display: block;margin-top: 18px;}
.sy_about_r .txt{margin-top: 30px;font-size: 16px;line-height: 32px;color: #565656;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow: ellipsis;}
.sy_about_r .more{width: 185px;height: 45px;line-height: 45px;text-align: center;color: #FFF;font-size: 16px;padding-left: 0px;margin-top: 30px;border-radius: 5px;background-color: #193586;}

.link { width:100%;  margin-top:30px; float:left;  }
.link .img2{display: none;}
.link li{width: 48%;margin-right:2%;float: left;height: 100px;text-align: center;position: relative;cursor: pointer;background:#fff;box-shadow: 0px 0px 40px 0px rgba(5, 5, 5, 0.08);}
.link li .bot-li{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 45%;text-align: left; width: fit-content;padding-left:90px; width:45%}
.bot-li img{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.link li:hover{background: #004d88!important; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.link li:hover .img1{display: none;float: left;}
.link li:hover .img2{display:inline-block;float: left;}
.link li:hover p, .link li:hover h6{color: #FFFFFF;}
.h3-size30 {color:#333333}
.link li p {margin-bottom: 0;color: #777777; font-size:14px; margin-top:4px; font-family:Arial;}
.link li .bot-li h6{ font-size:20px; line-height:32px; padding:0px; margin:0px; font-weight:400;}

/*应用*/



.con_03{width:100%;padding-top:80px;overflow:hidden;background:url(../images/bg2.jpg) no-repeat bottom center;padding-bottom:50px;border-top:1px solid #eee;}
.con_03 .title{text-align:center;}
.con_03 .title h1{font-size:38px;padding-top:10px;color:#000;font-weight:bold; text-transform:uppercase;}
.con_03 .title i{background:#004d88;display:block;width:60px;height:3px;margin:20px auto;}
.con_03 .title2{font-size: 16px;text-align: center;padding-top:20px;}
.con_03 .box{margin-top:70px;}
.con_03 .box ul li{float:left;width:18%;margin:0 1%;}
.con_03 .box ul li:nth-child(2){margin-top:60px;}
.con_03 .box ul li:nth-child(4){margin-top:60px;}
.con_03 .box ul li dl dt{width:100%;height:auto;overflow:hidden;background:#fff;border-radius: 10px;overflow:hidden; position:relative;}
.con_03 .box ul li dl dt .pic img{width:100%; transition:all 1s;}
.con_03 .box ul li:hover dl dt .pic img{ transform-origin:center center; transform:scale(1.15,1.15)}
.con_03 .box dl dt .turn{background:rgba(0,77,136,.8);width:100%;height:100%; position:absolute; z-index:666;text-align:center;color:#fff; display:none; }
.con_03 .box dl dt .turn .cp_pt{padding-top:120px;}
.con_03 .box dl dt .turn .cp_bt{font-size:30px;padding:20px 0 10px 0;}

.con_03 .box dl dd{text-align:center;line-height:60px;}
.con_03 .box dl dd .pro_title{font-size:18px;font-weight:bold;}

.con_03 .box ul li:hover .turn{ display:block;transition:all 1s;}
.con_03 .box ul li:hover dl dd{ display:none;}

/*底部*/

.foot{ background:#2c2f34; margin-top:0px; width: 100%; display: inline-block;}
.foot .wm{ padding-top:40px; padding-bottom:38px;


      padding-left: 7%;
    padding-right: 7%;
    
    width: 86%;
            margin: 0 auto;
}
.fmenu ul { width:55%; margin:0 auto; display: flex;justify-content: space-between;}
.fmenu ul li a{ font-size:16px !important; color:#fff !important; text-transform:uppercase; }
.foot .foota{ padding-top:20px; padding-bottom:10px; color:#fff; font-size:16px;/*margin-top:30px;*/ border-bottom:1px solid rgba(255,255,255,0.1);/*border-top:1px solid rgba(255,255,255,0.1);*/ }


.foot .flian ul li:nth-child(2n){ float:right}
.foot .flian ul li{ width:31.33333%; float:left;display: flex; align-items: center; margin-bottom:40px; padding-right:2%; }
.foot .flian ul li:nth-child(3){ width:15%;}
.foot .flian ul li .ictxt{ font-weight:normal; margin-left:20px; text-align:left;}
.foot .flian ul li .ictu{width: 54px;
height: 54px;
border-radius: 0%;
overflow: hidden;
background-color: #0196d5;
min-width: 54px;}
.flian { width:100%;}
.flian ul { display: flex;justify-content: space-between;}
.foot .flian ul li a{ color:#fff; }
.ictxt p { font-size:16px; line-height:22px;}
.foot .flian ul li .ico_add { background:url(../images/ico2.png) no-repeat center;background-size: auto 22px;background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_tel { background:url(../images/ico1.png) no-repeat center;background-size: auto 22px;background-color: ; background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_email { background:url(../images/ico3.png) no-repeat center;background-size: auto 18px;background-color: ; background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_url { background:url(../images/ico4.png) no-repeat center;background-size: auto 22px;background-color: #0196d5;}

.ewm img{ padding:5px; background:#fff; border-radius:5px;}
.ewm p{ text-align:center; margin-top:10px;}


.banquan1{ color:#999; padding-top:38px; width:100%; text-align:center;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;text-decoration:none;color: #999;}

a.zzb07link:hover {text-decoration: underline;color: #999;}
.zzb07tail{font-family:Arial, Helvetica, sans-serif;color:#999;}
.banquan1 a {color:#999;}










/*解决方案*/

 .wj_jiejue_wrapper {
            width: 100%;
            background: url("../images/bg2 001).jpg") no-repeat center bottom; background-size: 100% auto;
            
            position: relative;
            overflow: hidden; padding: 70px 0px;
	 
	 
        }

        /* 背景装饰线条（模拟效果图建筑背景） */
        .wj_jiejue_wrapper::before,
        .wj_jiejue_wrapper::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 220px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 800" fill="none" stroke="%23e0e5eb" stroke-width="1"><path d="M0 0 L220 200 L0 400 L220 600 L0 800" /><path d="M60 0 L220 160 L60 360 L220 560 L60 760" /></svg>') repeat-y;
            opacity: 0.3;
            pointer-events: none;
        }
        .wj_jiejue_wrapper::before { left: 0; }
        .wj_jiejue_wrapper::after { right: 0; transform: scaleX(-1); }

        /* 解决方案主板块 */
        .wj_jiejue_solution_section {
               padding-left: 7%;
    padding-right: 7%;
    
    width: 86%;
            margin: 0 auto;
            text-align: center;
        }

        /* 标题样式 */
        .wj_jiejue_title { margin-bottom: 50px; }
        .wj_jiejue_en_title {
            font-size: 20px;
            color: #193586;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        .wj_jiejue_cn_title {
            font-size: 32px;
            color: #2d3748;
            font-weight: bold;
}.wj_jiejue_cn_title b { color:#1f4593;   }

        /* 卡片容器 */
        .wj_jiejue_cards_container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            margin-bottom: 40px;
        }

        /* 卡片基础样式（初始隐藏状态） */
        .wj_jiejue_card {
            width: calc(25% - 20px);
            min-width: 200px;
            background-color: #ffffff;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: all 0.6s ease;
            opacity: 0;
            transform: translateY(30px);
            /*cursor: pointer;*/
        }

        /* 卡片hover效果：阴影+上浮 */
        .wj_jiejue_card:hover {
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
            transform: translateY(-6px);
        }

        /* 卡片依次出现的延迟效果 */
        .wj_jiejue_card:nth-child(1) { transition-delay: 0.1s; }
        .wj_jiejue_card:nth-child(2) { transition-delay: 0.2s; }
        .wj_jiejue_card:nth-child(3) { transition-delay: 0.3s; }
        .wj_jiejue_card:nth-child(4) { transition-delay: 0.4s; }
        .wj_jiejue_card:nth-child(5) { transition-delay: 0.5s; }

        /* 卡片可见状态（飘入） */
        .wj_jiejue_card.wj_jiejue_visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* 卡片图片占位 */
        .wj_jiejue_card_img {
            width: 100%;
            height: 200px;
            background-size: cover;
            background-position: center;
        }
.wj_jiejue_card_img img { width: 100%; height: 100%; object-fit: cover;}
        /* 为每个卡片设置不同的占位图（可替换为你的实际图片） */
        .wj_jiejue_card:nth-child(1) .wj_jiejue_card_img {
            background-image: url('https://img.icons8.com/color/480/colon.png');
        }
        .wj_jiejue_card:nth-child(2) .wj_jiejue_card_img {
            background-image: url('https://img.icons8.com/color/480/stomach.png');
        }
        .wj_jiejue_card:nth-child(3) .wj_jiejue_card_img {
            background-image: url('https://img.icons8.com/color/480/circulation.png');
        }
        .wj_jiejue_card:nth-child(4) .wj_jiejue_card_img {
            background-image: url('https://img.icons8.com/color/480/lung.png');
        }
        .wj_jiejue_card:nth-child(5) .wj_jiejue_card_img {
            background-image: url('https://img.icons8.com/color/480/pancreas.png');
        }

        /* 卡片内容区域 */
        .wj_jiejue_card_content {
            padding: 20px;
            text-align: left;
        }
        .wj_jiejue_card_title {
            font-size: 18px;
            color: #2d3748;
            font-weight: 600;
            margin-bottom: 15px;
        }
        .wj_jiejue_card_desc {
            font-size: 14px;
            color: #718096;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        .wj_jiejue_card_btn {
            font-size: 14px;
            color: #193586;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }
        .wj_jiejue_card_btn:hover { color: #009688; }

        /* 更多方案按钮 - 新增左到右填充动画基础样式 */
        .wj_jiejue_more_btn {
            display: inline-block;
            padding: 12px 40px;
            border: 1px solid #193586;
            border-radius: 0px;
            color: #193586;
            text-decoration: none;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            z-index: 1;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.2s ease 0.2s;
        }
        /* 按钮填充动画伪元素 */
        .wj_jiejue_more_btn::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            background-color: #193586;
            transition: width 0.3s ease;
            z-index: -1;
        }
        /* 按钮hover：左到右铺满背景 */
        .wj_jiejue_more_btn:hover::before {
            width: 100%;
        }
        .wj_jiejue_more_btn:hover {
            color: #ffffff;
        }
        .wj_jiejue_more_btn.wj_jiejue_visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .wj_jiejue_card { width: calc(50% - 15px); }
        }
        @media (max-width: 576px) {
            .wj_jiejue_card { width: 100%; }
            .wj_jiejue_cn_title { font-size: 26px; }
        }







/*产品*/

.indexTit {
	text-align: center;
	padding-top: 50px;
}
.indexTit .tit {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
}
.indexTit .tit span {
	color: #0c3281;
	display: inline-block;
	padding-left: 10px;
}
.indexTit .subtit {
	font-size: 16px;
	color: #858484;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	margin-top: 14px;
}
.floor_1_main .menu {
	overflow: hidden;
	padding-bottom: 20px;
}
.floor_1_main .menu ul {
	text-align: center;
}
.floor_1_main .menu li {
	width: 380px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px 10px;
	display: inline-block;
}
.floor_1_main .menu li:first-child {
	margin-left: 0;
}
.floor_1_main .menu li:last-child {
	margin-right: 0;
}
.floor_1_main .menu li a {
	display: block;
	border: 1px solid #dcdcdc;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
}
.floor_1_main .menu li.current a, .floor_1_main .menu li a:hover {
	border: 1px solid #0c3281;
	color: #fff;
	background: #0c3281;
}



.floor_1_main {
	width: 100%; background: url("../images/bg10.jpg") no-repeat center top; background-size: 100% auto; padding: 20px 0px;
}
.floor_1 {
	padding-top: 54px;
	display: block;
	 margin: 0px auto; padding-left: 7%;
    padding-right: 7%;
   
    width: 86%;
}
.floor_1 dl dt {
	width: 600px;
	height: 440px;
	overflow: hidden;
	float: left;
	position: relative;
}
.floor_1 dl dt img {
	width: 600px;
	height: 440px;
	display: block;
	transition: all .36s ease;
}
.floor_1 dl dt a:hover img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}
.floor_1 dl dt p {
	background: url(../images/h2_03.jpg) center center no-repeat;
	width: 600px;
	height: 73px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.floor_1 dl dt p span {
	float: left;
	display: block;
	line-height: 73px;
	font-size: 20px;
	color: #fff;
	padding-left: 38px;
	transition: all .36s ease;
}
.floor_1 dl dt p i {
	float: right;
	display: block;
	width: 42px;
	height: 5px;
	background-position: -84px -0px;
	margin-right: 40px;
	margin-top: 36px;
	transition: all .36s ease;
}
.floor_1 dl dt a:hover p span {
	padding-left: 34px;
}
.floor_1 dl dt a:hover p i {
	margin-right: 36px;
}
.floor_1 dl dd {
	float: left;
	width: 100%; padding: 0px; margin: 0px;
	/*height: 440px;*/
}
.floor_1 dl dd ul {
	display: inline-block; width: 100%;display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.floor_1 dl dd ul li {
	float: left;
	width: 90%;
	overflow: hidden;
	margin-right: 0%;
	margin-bottom: 0px;
	position: relative;
	border:1px solid #e8e8e8; padding: 5%;
}
.floor_1 dl dd ul li:nth-child(4n+4){margin-right:0px;}
.floor_1 dl dd ul li img {
	width: 100%;	
}
.floor_1 dl dd ul li h3 {
	font-size: 16px;
	color: #666;
	padding: 5px 0;
	height:30px;
	line-height:30px;
	overflow:hidden;
	text-align:center;
}
.floor_1 dl dd ul li .d1 {
	background:rgba(12,50,129,0.75);
	height:100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	opacity: 0;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	visibility: hidden; color: #fff;
}
.floor_1 dl dd ul li .d1 h3 {
	font-size: 20px;
	color: #fff;
	padding-top: 10px;
}
.floor_1 dl dd ul li .d1 i {
	display: block;
	width: 44px;
	height: 44px;
	background-position: -138px -0px;
	margin: 0 auto;
	margin-top: 72px;
}
.floor_1 dl dd ul li:hover .d1 {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.floor_1 dl dt em {
	/*background: url(../images/h3_03.png);*/
	background:rgba(12,50,129,0.5);
	width: 100%;
	text-align: center;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	visibility: hidden;
}
.floor_1 dl dt em span {
	font-size: 26px;
	color: #fff;
	display: block;
	padding-top: 180px;
}
.floor_1 dl dt em s {
	display: inline-block;
	width: 44px;
	height: 44px;
	background-position: -138px -0px;
	margin-top: 12px;
}
.floor_1 dl dt:hover {
	-moz-box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);
	box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);
	z-index: 34;
}
.floor_1 dl dt:hover em {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.floor_1 dl dt:hover p {
	display: none;
}
.icon {
    background: url(../images/icon_1.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.floor_5_2 {
	
	height: 50px;
	text-align: center; display: inline-block; margin: 20px auto; width: 100%; text-align: center;
}
.floor_5_2 i {
	width: 1200px;
	height: 1px;
	background-color: #ccc;
	display: block;
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 1;
}
.floor_5_2 a {
	display: inline-block;
	width: 198px;
	height: 48px;
	background-color: #fff;
	border: #ccc solid 1px;
	margin: 0 auto;
	
	z-index: 2;
	line-height: 48px;
	font-size: 16px;
	color: #333; display: inline-block;
}
.floor_5_2 a:hover {
	background-color: #0c3281;
	border: #0c3281 solid 1px;
	color: #fff;
}