@charset "utf-8";
/* CSS Document */



/* 首页产品 */
.pro_call .news_div{display:grid; grid-template-columns:repeat(3,1fr); column-gap:2.5%; justify-content:center; align-items:stretch;}
.pro_call .news_div_item{margin-bottom:6.5%; background-color:#fff; background-image:linear-gradient(
0deg, #146fb9, #146fb9); background-position:left top; background-repeat:no-repeat; background-size:100% 0; position:relative; transition:all 0.3s;}
.pro_call .news_div_item .news_div_item_pic{width:100%; padding:35px 42px 0; box-sizing:border-box;}
.pro_call .news_div_item .news_div_item_pic a,.pro_call .news_div_item .news_div_item_pic a img{width:100%; height:auto;}
.pro_call .news_div_item .news_div_item_pic a img{border:4px solid #fff; box-sizing:border-box;}
.pro_call .news_div_item .news_div_item_content{margin-top:8%; padding:0 42px 35px;}
.pro_call .news_div_item .news_div_item_title a{display:block; text-align:center; font-size:18px; line-height:18px; color:#333; transition:all 0.3s;}
.pro_call .news_div_item .news_div_item_body{margin-top:10px; font-size:14px; line-height:24px; color:#666; transition:all 0.3s;}
.pro_call .news_div_item .news_div_item_content > a{display:block; width:110px; margin:20px auto 0; text-align:center; font-size:14px; line-height:33px; color:#fff; border-radius:calc(33px / 2); background-color:#146fb9; transition:all 0.3s;}
.pro_call .news_div_item:hover{background-size:100% 100%;}
.pro_call .news_div_item:hover .news_div_item_title a,.pro_call .news_div_item:hover .news_div_item_body{color:#fff;}
.pro_call .news_div_item:hover .news_div_item_content > a{color:#333; background-color:#fff;}



/* 首页方案 */
.case{background-size:cover;}
.case_nav ul{display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: 100%;}
.case_nav li+li {margin-top: 15px;}
.case_nav li {height:60px;display: flex;align-items: center;position: relative;z-index: 5;width: 100%;justify-content: center;}
.case_nav li a {font-size: 17px; color: #fff; position:relative;  z-index:5; }
.case_nav li:hover:before,.case_nav li.on:before {transition:0.5s;opacity: 1;left: 50%;}
.case_nav li:before {content:'';width:240px;height:60px;background:#146fb9;position:absolute;top:0;left: 0;border-radius:10px;z-index:-1;transition:0.5s;opacity: 0;transform: translateX(-50%);}
.case_nav li:after {content: '';background: #fff;width: 3px;border-radius: 4px;height: 0;position: absolute;z-index: 3;top: 50%;margin-top: -22px;opacity: 0;filter: alpha(opacity=0);right: -2px;transition: 0.5s all ease;}
.case_nav li:hover:after,.case_nav li.on:after {transition:0.5s;    opacity: 1;height: 45px}
.case_con .case_call > p{display:none;}
.case_con .case_call > ul{display:grid; grid-template-columns:repeat(2,1fr); column-gap:2%; justify-content:center; align-items:stretch;}
.case_con .case_call > ul li{margin-bottom:4%; border-radius:10px; position:relative; overflow:hidden;}
.case_con .case_call > ul li span,.case_con .case_call > ul li span a,.case_con .case_call > ul li span a img{width:100%; height:auto;}
.case_con .case_call > ul li p{width:100%; position:absolute; left:0; bottom:-70px; transition:all 0.3s;}
.case_con .case_call > ul li p a{display:block; padding:0 15px; text-align:center; font-size:18px; line-height:40px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color:#eee;}
.case_con .case_call > ul li:hover p{bottom:0;}



/* 首页新闻 */
.news_row2_box{padding:0 2px;}
.news_row2_box .news_top .news_div_item{display:grid; grid-template-columns:2fr 1.5fr; column-gap:30px; justify-content:space-between; align-items:stretch; border-bottom:1px solid #eee; position:relative;}
.news_row2_box .news_top .news_div_item_date{display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-left:20px; font-size:13px; line-height:16px; color:#ccc; background:url(https://memberpic.114my.net/tserp16820349en/uploadfile/image/20250314/20250314165947_2035371697.png) left center no-repeat; position:absolute; left:0; bottom:30px; transition:all 0.3s;}
.news_row2_box .news_top .news_div_item_content{padding-top:15px;}
.news_row2_box .news_top .news_div_item_title a{font-size:20px; line-height:20px; color:#343434; transition:all 0.3s;}
.news_row2_box .news_top .news_div_item_body{margin-top:15px; font-size:14px; line-height:24px; color:#888;}
.news_row2_box .news_top .news_div_item_pic,.news_row2_box .news_top .news_div_item_pic a{display:block; width:100%; height:250px; box-sizing:border-box; background-color:#f5f5f5; transition:all 0.3s;}
.news_row2_box .news_top .news_div_item_pic a img{width:100%; height:100%;}
.news_row2_box .news_top .news_div_item:hover .news_div_item_date{color:#666; background-image:url(https://memberpic.114my.net/tserp16820349en/uploadfile/image/20250314/20250314170025_1751118635.png);}
.news_row2_box .news_top .news_div_item:hover .news_div_item_title a{color:#146fb9;}
.news_row2_box .news_top .news_div_item:hover .news_div_item_pic a{padding:10px; background-color:#146fb9;}

.news_row2_box .news_bottom .news_div{display:grid; grid-template-columns:repeat(2,1fr); column-gap:60px; justify-content:space-between; align-items:stretch;}
.news_row2_box .news_bottom .news_div_item{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; height:230px; padding-bottom:32px; box-sizing:border-box; background-image:url(https://memberpic.114my.net/tserp16820349en/uploadfile/image/20250314/20250314170109_1016733534.png); background-position:left bottom; background-repeat:repeat-x;}
.news_row2_box .news_bottom .news_div_item:nth-child(1){display:none;}
.news_row2_box .news_bottom .news_div_item_content{padding-right:30px;}
.news_row2_box .news_bottom .news_div_item_title a{font-size:20px; line-height:20px; color:#343434; transition:all 0.3s;}
.news_row2_box .news_bottom .news_div_item_body{margin-top:15px; font-size:14px; line-height:24px; color:#888;}
.news_row2_box .news_bottom .news_div_item_date{display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-top:40px; font-size:14px; line-height:14px; color:#ccc; position:relative;}
.news_row2_box .news_bottom .news_div_item_date .news_div_item_day{font-size:32px; line-height:32px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.news_row2_box .news_bottom .news_div_item:hover .news_div_item_title a{color:#146fb9;}
.news_row2_box .news_bottom .news_div_item:hover .news_div_item_date{color:#146fb9;}