/* //index  css */
/* #test1距离顶部位置 */
/* #test1{margin-top: 40px;} */
.introduce{width: 100%;height: 100%;}

/* 横向导航条的显示 */
/* .layui-carousel-ind ul{display: none;} */

.layui-carousel-ind ul .layui-this{width: 30px !important;height: 10px;border-radius:35%;}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF !important;
}

.introduce ul{
	width: 100%;height:100%;display: flex;
}

.introduce ul li{width: 482px;display: flex;transition: all 1s;overflow: hidden;
flex-direction: column;justify-content: center;align-items: center;background:#D1D1D9;}

.introduce ul li .introduce-pp{width:100%;height: 30px;
color: #FFFFFF;}

.introduce ul li .introduce-img{margin: 60px 0 59px 0;}


.introduce ul .introduce-li1{background: url(../img/PC切图/1首页/dierping.png) no-repeat 0px 52px;background-size: 2000px;}

.introduce ul li p{width: 99px;height: 76px;}

 .introduce-p1{width: 69px;height: 70px;background: url(../img/PC切图/1首页/dierping-icon.png) no-repeat 24px 0px;}

.introduce ul li a{margin-top: 132px;width:129px;height: 37px;/* position: relative; */}

.introduce ul li span{width:129px;height: 37px;margin-top: 132px;color: #FFFFFF;font-size: 32px;
font-family: OPPOSans;
font-weight: bold;}


/* 
.introduce ul li a .span1{display:none;width: 100px;height: 30px;font-size: 20px;
background: red;color: #FFFFFF;position: absolute;left:124px;top: -131px;text-align: center;line-height: 30px;}
.introduce ul li a:hover .span1{display: block;} */

.introduce ul li .introduce-img{display: none;}
.introduce ul li .introduce-pp{display: none;}

.introduce ul .introduce-li1:hover{
	background: #1C529C; background: url(../img/PC切图/1首页/dierping.png) no-repeat 0px -845px;background-size: 2000px;}
.introduce ul li:hover .introduce-img{display: block;}

.introduce ul li:hover .introduce-pp{display: block;}

.introduce ul .introduce-li2{background: url(../img/PC切图/1首页/dierping.png) no-repeat -503px 52px;background-size: 2000px;}
.introduce ul .introduce-li2:hover{background-position-y: -845px;}
.introduce-p2{width: 69px !important;height: 70px;background: url(../img/PC切图/1首页/dierping-icon.png) no-repeat -78px 0px;}


.introduce ul .introduce-li3{background: url(../img/PC切图/1首页/dierping.png) no-repeat -1007px 52px;background-size: 2000px;}
.introduce ul .introduce-li3:hover{background-position-y: -845px;background-size: 2000px;}
.introduce-p3{width: 69px !important;height: 70px;background: url(../img/PC切图/1首页/dierping-icon.png) no-repeat -157px 0px;}

.introduce ul .introduce-li4{background: url(../img/PC切图/1首页/dierping.png) no-repeat -1508px 52px;background-size: 2000px;}
.introduce ul .introduce-li4:hover{background-position-y: -845px;background-size: 2000px;}
.introduce-p4{width: 88px !important;height: 70px;background: url(../img/PC切图/1首页/dierping-icon.png) no-repeat -236px 0px;}


.index-about{width: 100%;height: 404px !important;display: flex;justify-content: flex-start;margin-top:70px;
flex-direction: column;align-items: center;background: url(../img/PC切图/1首页/img22.png) no-repeat 0px 0px;}



.index-about .index-about-1{font-size: 20px;margin-top:30px;width: 150px;-webkit-width:150px;-ms-width:150px;
height: 34px;
font-size: 36px;
font-family: PingFang SC;
font-weight: bold;
color: #333333;}
.index-about  img{margin-top: 30px;}


.index-about  a{border: 1px solid #4680ff;width: 150px;height: 45px;text-align: center;line-height: 45px;color: #4680ff;}
.index-about .index-about-2{font-size: 15px;margin-top: 30px;width: 1168px;
height: 53px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36px;}
.index-about .index-about-2 span{color: #4680FF;}

.index-about .index-about-3{font-size: 12px;margin-top: 27px;}
.index-about .index-about-4{font-size: 20px;margin-top: 70px;width: 150px;
height: 40px;text-align: center;
background: transparent;
border-radius: 4px;color: #4680FF;border: 1px solid #4680FF;}

.index-about .index-about-4:hover{font-size: 20px;margin-top: 70px;width: 150px;
height: 40px;
background: #4680FF;
border-radius: 4px;color: #FFFFFF;}


.enterprise{width: 100%;height: 460px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
}
.enterprise .enterprise1{width: 100%;height: 230px;display: flex;flex-direction: column;justify-content:center;align-items: center;
background: url(../img/PC切图/1首页/disanping.png) no-repeat 0px 0px;}

.enterprise .enterprise1:hover{
	background-position-y: -240px;
}


.enterprise .enterprise2{width: 100%;height: 230px;display: flex;flex-direction: column;justify-content: center;align-items: center;
background: url(../img/PC切图/1首页/disanping.png) no-repeat 0px -479px;}

.enterprise .enterprise2:hover{
	background-position-y: -720px;
}

.enterprise .enterprise2 .ent-bottom .ent-bottom-p1{font-size: 25px;}



.enterprise .span1{margin-top: 10px;}
.enterprise .span2{margin-top: 10px;width: 210px;}


.enterprise .ent-top{width: 670px;display: flex;justify-content: space-between;color: #FFFFFF;}

.enterprise .ent-top .end-top-p1{font-size: 25px;}

.enterprise .ent-top .box{width: 153px;height: 78px;display: flex;flex-direction: column;}

.enterprise .ent-bottom{width: 670px;display: flex;justify-content: space-between;color: #FFFFFF;}

.enterprise .ent-bottom .box{width: 153px;height: 78px;display: flex;flex-direction: column;}





@media only screen and (max-width:1440px) {
	.index-about .index-about-4{font-size: 20px;margin-top: 70px;width: 150px;
	height: 40px;
	background: #4680FF;
	border-radius: 4px;color: #FFFFFF;}
	.enterprise .enterprise1{width: 100%;height: 180px;display: flex;flex-direction: column;justify-content:center;align-items: center;
	background: url(../img/PC切图/1首页/disanping.png) no-repeat 0px 0px;}
	
	
}

@media only screen and (max-width:1370px) {
	.enterprise{width: 100%;height:300px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
	}
	
	.index-about  img{margin-top:20px;}
	.index-about .index-about-1{font-size: 20px;margin-top:30px;width: 150px;
	height: 34px;
	font-size: 36px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #333333;}
	
	.index-about .index-about-2{font-size: 15px;margin-top:20px;width: 1168px;
	height: 53px;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 36px;}
	.index-about .index-about-4{font-size: 20px;margin-top:50px;width: 150px;
	height: 40px;
	background: #4680FF;
	border-radius: 4px;color: #FFFFFF;}
}




.swiper-container .swiper-slide{width: 100%;height: 100%;}





.swiper-slide3{display: flex;flex-direction: column;}

.layui-carousel{height: 100% !important;}

#test1 .div1{
	background: url(../img/PC切图/1首页/banner1.png) no-repeat 0 0;
	background-size: cover;height: 100% !important;
	width: 100%;display: flex;align-items: center;justify-content:center;flex-direction: column;
}
#test1 .div2{height: 100% !important;
	background: url(../img/PC切图/1首页/banner2.png) no-repeat 0 0;background-size: cover;
	width: 100%;display: flex;align-items: center;justify-content:center;flex-direction: column;
}
#test1 .div3{height: 100% !important;
	background: url(../img/PC切图/1首页/banner3.png) no-repeat 0 0;background-size: cover;
	width: 100%;display: flex;align-items: center;justify-content:center;flex-direction: column;
}
#test1 .div4{height: 100% !important;
	background: url(../img/PC切图/1首页/banner4.png) no-repeat 0 0;background-size: cover;
	width: 100%;display: flex;align-items: center;justify-content:center;flex-direction: column;
}

#test1 .button{margin-top: 118px;
	width: 200px;text-align: center;line-height: 54px;
	height: 54px;
	border: 2px solid #FFFFFF;
	border-radius: 4px;
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;background: transparent;
}
#test1 .button:hover{background: #FFFFFF;color: #303133;}



.swiper4{display: flex;flex-direction: column;}


.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right:40px;
}