.swiper-slide-active .banner_imgbox img {
    animation: scaleDrew 5s linear 1 both;
}
@keyframes scaleDrew{

0% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}

}
.banner_box {
	position: relative;
}

.banner_imgbox {
	height: 100vh;
	overflow: hidden;
}

.banner_swiper{
	position: relative;
}
.banner_swiper .swiper-pagination{
	bottom:0.3rem !important;
	
}
.banner_info .banner-tit {
	font-size: 0.36rem;
	font-weight: bold;
	color: #0051A0;
	letter-spacing: 5px;
	text-align: right;
}

.banner-text {
	font-size: 0.46rem;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-text-fill-color: #fff;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.05rem;
	margin-top: 0.2rem;
	margin-bottom: 0.3rem;
}

.banner_many {
	width: 1.6rem;
	height: 0.48rem;
	background: #DC000C;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0rem;
	margin-left: auto;

	border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
}

.banner_many .more {
	width: 0.31rem;
	height: 0.15rem;
	object-fit: contain;
	margin-left: 0.14rem;

}

.banner_many span {
	font-size: 0.14rem;
	font-weight: normal;
	color: #FFFFFF;
}

.banner_swiper {
	position: relative;
}

.banner_swiper .swiper-pagination {
	text-align: center;
}

/* 关于我们 */
.index_one{
	background: #F6F6FE;

}
.index_one .main{
    background-image: url(../img/index/download.jpg);
    background-size: 100% 100%;
    padding: 0.4rem 0;
    background-position-y: -0.38rem;
}
.index_one .about_box{
	width: 6.76rem;

	
}
.abo-img{
	display:none;
}
.ab_tit{
		font-weight: 500;
		font-size: 0.38rem;
		color: #000000;
		margin-bottom: .25rem;
}
.ab_text{
	font-size: 0.18rem;
	color: #333333;
	line-height: 40px;
}

/* 产品与服务 */
.index_two{
	padding-top: 0.5rem;
	padding-bottom: 0.6rem;
}
.index_two .ab_tit{
	text-align: center;	
	margin-bottom: 0.5rem;
}
.probox{
	position: relative;
}
.pro_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 7.06rem;
	position: relative;
}
.pro_item{
	width: auto;
	position: relative;
	height: auto;
	    border-radius: 0.12rem;
	    overflow: visible;
	    transition: all 0.3s;
	    background: #fff;
	    overflow: visible !important;
	    
}
.pro_list .scale_box{
    position: relative;
    
}
.pro_item.item1::after, 
.pro_item.item5::after{
       width: 103%;
    height: 112%;
}
.pro_item.item2::after, 
.pro_item.item4::after{
       width: 105%;
}
.pro_item::after{
    content: '';
    display: block;
    position: absolute;
    width: 103%;
    height: 107%;
    background: #fff;
    top: 0;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: 0.12rem;
    overflow: hidden;
}
.pro_item:Hover{
    z-index: 10;
}
.pro_item:Hover .pro_box{
    z-index: 11;
}
.pro_list .item1{
	flex: 0 0 9rem;
	width: 9rem;
	height: 2.5rem;
}
.pro_list .item1 .scale_box{
	width: 9rem;
	height: 2.5rem;
}
.pro_list .item2{
	flex: 0 0 6.05rem;
	width: 6.05rem;
	height: 4.4rem;
}
.pro_list .item2 .scale_box{
	width: 6.05rem;
	height: 4.4rem;
}
.pro_list .item3{
	flex: 0 0 7.1rem;
border: 0.15rem solid #fff;
	    background: #fff;
	width: 7.1rem;
	height: 4.3rem;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
		z-index: 9;
}
.pro_list .item3 .scale_box{
	width:100%;
	/*height: 4.3rem;*/
	border-radius: 0.12rem;
}
	.pro_item .info{
					position: absolute;
					bottom: 0.38rem;
					left: 0.54rem;
				}
.pro_list .item4{
	flex: 0 0 6.05rem;
	width: 6.05rem;
	height: 4.4rem;
	margin-top: -1.75rem;
}
.pro_list .item4 .scale_box{
	width: 6.05rem;
	height: 4.4rem;
}
.pro_list :hover .info img{
		transform: rotatey(180deg);
}
.pro_list .info img{
	transition: all 0.3s;
}
.pro_list .item5 .info, 
.pro_list .item2 .info{
	    right: 0.45rem;
	    left: auto;
}
.pro_list .item5 .info img, 
.pro_list .item2 .info img{
	margin-right: 0;
	margin-left: auto;
}
.pro_list .item5{
	flex: 0 0 9rem;
	width: 9rem;
	height: 2.5rem;
	margin-top: 0.15rem;
}
.pro_list .item5 .scale_box{
    	width: 9rem;
	height: 2.5rem;
}
.pro_item .pr_bg{
	width: 100%;
	height: auto;
}
.pro_list .pro1{
	    top: 0.84rem;
	    left: 0.64rem;
}
.pro_list .pro2{
	top: 2.7rem;
	right: 0.64rem;
}
.pro_list .pro3{
	top:3.97rem;
	left: 4.79rem;
}
.pro_list .pro4{
	top: 5.34rem;
	left: 0.64rem;
}
.pro_list .pro5{
	top: 5.36rem;
	right: 0.64rem;
}
.pro_list .pro2 img, 
.pro_list .pro5 img{
	margin-right: 0;
	margin-left: auto;
}
.pro_item p{
	font-weight: 500;
	font-size: 0.32rem;
	color: #FFFFFF;
}
.pro_item img{
	width:0.9rem;
	height: 0.9rem;
	object-fit: contain;
}


/* 新闻 */
.new_mode{
	background: #FBFBFE;
	padding-top: 0.6rem;
	padding-bottom: 1.2rem;
}
.new_mode .main{
	position: relative;
}
.new_box1 {
	margin-bottom: 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.new_cbox2 {
	position: absolute;
	right: 0;
	top: 0;
}

.tab_wrap {
	display: flex;
	position: absolute;
	top: 0;
	left: 7.8rem;
}

.new_tab {
	    width: 1.4rem;
	    line-height: 0.56rem;
	text-align: center;
	opacity: 1;
	cursor: pointer;
	font-size: 0.24rem;
	color: #222222;
	margin-right: 0.6rem;
	transition: var(--s_tran);
}

.new_tab.active {

	background-image: url("../images/new_bg.png");
	color: #fff;
}

.new_tab:last-child {
	margin-right: 0rem;
}

.new_bottom.active {
	display: flex;
}

.new_bottom {
	display: none;
}





.index_tit {
	font-size: 0.38rem;
	font-weight: normal;
	color: #222222;
	position: relative;
	z-index: 1;
}


.index_tit::before {
	content: '';
	display: block;
	width: 1.17rem;
	height: 0.15rem;
	background: #DC000C;
	position: absolute;
	left: 0;
	bottom: -0.04rem;
	z-index: -1;
}

.index_tie {
	height: 0.69rem;
	font-size: 0.52rem;
	font-weight: bold;
	color: #DC000C;
	text-transform: uppercase;
}

.new_bottom {
	display: flex;
}

.new_box {
	width: 7.48rem;
	overflow: hidden;
	position: relative;
}


.new_bottom .loopitem .big_img {
	width: 7.48rem;
	height: 5.28rem;
}

.new_bottom .loopitem .tit {
	font-size: 0.2rem;
	font-family: MicrosoftYaHei, MicrosoftYaHei;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	z-index: 9;
	background: #000000;
	padding: 0.17rem 0.24rem;
	bottom: 0;
	width: 100%;
}

.new_bottom .swiper-pagination {
	text-align: right;
	bottom: 6.5% !important;
	padding-right: 0.2rem;
}

.new_mill {
	width: 0.46rem;
}

/* 新闻右边列表 */
.new_list {
	width: 7.26rem;
	max-height: 5.22rem;
	/*overflow: auto;*/
	margin-top: 0.5rem;
}
.new_list::-webkit-scrollbar {
display: none;
}

.new_bottom.active {
	display: flex;
}

.new_bottom {
	display: none;
}

.new_item {
	height: auto;
	width: 7.26rem;
	margin-bottom: 0.12rem;
}

.new_swiper .loopitem{
	position: relative;
}
.new_item .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.1rem	;
}

.new_item .info .tit {
	font-size: 0.2rem;
	font-weight: 500;
	color: #333333;
	max-width: 80%;
	/*transition: all 0.3s;*/
	font-weight: bold;
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-align: left;
}
.new_item .info .date{
	font-weight: 500;
	font-size: 0.18rem;
	color: #333333;
}
.new_item .text {
	font-size: 0.16rem;
	color: #666666;
	line-height: 0.26rem;
	text-align: left;
	
}



@media only screen and (max-width: 768px) {
    .banner_imgbox{
    height: 100%!important;
    margin-top: 50px;
    }
    .pro_list{
        height: 100%!important;
    }
    .pro_list .item1{
        flex: auto!important;
    width: auto!important;
    height: auto!important;
    margin: 0.2rem 0;
    }
    .pro_list .item1 .scale_box{
        width: 100%!important;
    height: 100%!important;
    }
    .pro_list .item5{
       flex: auto!important;
    width: auto!important;
    height: auto!important; 
    }
    .pro_list .item5 .scale_box{
        width: 100%!important;
    height: 100%!important;
    }
    .pro_list .item3{
        height: auto!important;
        flex: auto!important;
        position: relative!important;
        top: 0!important;
        left: 0!important;
        transform: none!important;
        border: none!important;
        width: auto!important;
            margin: 0.2rem 0;
    }
    .pro_list .item4{
        flex: auto!important;
    width: auto!important;
    height: auto!important;
        margin: 0.2rem 0;
    }
    .pro_list .item2 {
    flex: auto!important;
    width: auto!important;
    height: auto!important;
        margin: 0.2rem 0;
}
.pro_list .item2 .scale_box {
    width: auto!important;
    height: auto!important;
}
.pro_list .item4 .scale_box{
        width: auto!important;
    height: auto!important;
}
.index_one .main{
    flex-direction: column;
	background:none!important;
}

.window_image{
    left: 0.8rem!important;
    top: 8rem!important;
}
.tab_wrap{
    position: relative!important;
    top: 0;
    left: 0!important;
}
.new_bottom.active{
    flex-direction: column;
}
.new_box{
    width: auto!important;
}
.new_list{
    width: auto!important;
    max-height: 100%!important;
}
.new_item{
    width: auto!important;
}

.about_box span{
		font-size:0.2re!important;
	}
	.abo-img{
		display:block;
		width:100%;
		margin-top:1rem;
	}
	
	.abo-img img{
		width:150%;
		height:auto;
		object-fit:cover;
		cursor:pointer;
		display:block;
		left:-53%;
		position:relative;
	}
	
    }