﻿.site_index{height: 9rem;}
.ad_index{}
.ad_index-tit{padding: 0.7rem 0; background: #f9fafc;}
.ad_index-tit p{color: #29313b;}
.ad_index-tit span{color: #75818f;}
.ad_index a{height: 4.34rem;margin-bottom: 0.02rem; padding: 0.65rem;
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;
}
.ad_index a+a{margin-left: 0.02rem;}
.j_e{justify-content: flex-end;}
.j_s{justify-content: flex-start;}
.ad_index a .ad_icon{width: 1.64rem; height: 1.64rem; background: #fff; border-radius: 0.3rem; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.ad_index a .ad_icon img{max-width: 0.47rem; max-height: 0.47rem;}
.ad_index a .ad_wz{margin-left: 0.8rem; width: 4.1rem;}
.ad_index a .ad_wz h3{}
.ad_index a .ad_wz p{ line-height: 2;}
.ad_index a .ad_wz b{display: block; width: 0.56rem; height: 0.04rem;background: #1c83f8;}

.engineering {color: #b5bdc6; padding: 1rem 0 0.5rem;line-height:2;}
.engineering .animation{
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;
}
.engineering b{width: 0.58rem; height: 0.04rem;display: block; background: #fff;}
.engineering .more{width: 1.7rem; height: 0.44rem; background: #1c83f8;color: #fff; text-align: center; display:block; line-height: 0.44rem; margin-top: 0.9rem; margin-bottom: 1.15rem;}
.engineering .link{color: #fff;position: relative; height: 1.4rem; background: rgba(0,12,37,0.7); display: flex; justify-content: center; align-items: center; flex: 1;}
.engineering .link:after{content: "";width: 0; height: 0.05rem; background: #1c83f8; position: absolute; bottom: 0; left: 0;-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;}
.engineering .link:hover:after{width: 100%;}



.news-show {background: #f8fafc;}
.news-show .news-box .item_news{width: 32%;margin-right: 2%;background: #fff; overflow: hidden; -webkit-transition: all .2s linear;transition: all .2s linear;
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;
}
.news-show .news-box .item_news:nth-child(3n){margin-right: 0;}
.news-show .news-box .item_news .pic-box{width: 100%; height: 3.25rem; position: relative; overflow: hidden;}
.news-show .news-box .item_news .pic-box .imgWrap_bg{position:absolute;left:-7%;top:0;width:114%;height:114%;object-fit:cover;-webkit-filter:blur(0.13rem);filter:blur(0.13rem)}
.news-show .news-box .item_news .pic-box .imgWrap_img{display:block;width:100%;height:100%;position:relative}
.news-show .news-box .item_news .info{color: #333; }

.news-show .news-box .item_news .info .date { color: #b3b8c0;}
.news-show .news-box .item_news .info .date b { display: block; color: #252b38; }
.news-show .news-box .item_news .info .title { color: #252b38;line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-show .news-box .item_news .info .look{color: #6e7886;}
.news-show .news-box .item_news:hover {background: #fff; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.news-show .news-box .item_news:hover .info .title{color: #26558b;}

.news-show .more {width: 1.7rem; height: 0.45rem;border: 1px solid #8b94a0; margin: 0.4rem auto 0.4rem;
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;}

.aboutus{height: 5.5rem;padding: }
.aboutus p{font-size: 0.58rem;
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;}
.aboutus .more {width: 1.7rem; height: 0.45rem;border: 1px solid #fff; color: #fff; margin: 0.4rem auto 0rem;
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;}



.ad_index.show a {transform: translateY(0px); opacity: 1;}
.engineering.show .animation {transform: translateY(0px); opacity: 1;}
.news-show.show .news-box .item_news,.news-show .more{transform: translateY(0px); opacity: 1;}
.aboutus.show p,.aboutus .more{transform: translateY(0px); opacity: 1;}
