@charset "utf-8";


.Development .swiper-slide { text-align: center; font-size: 18px; background: #fff;  display: block; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.Development .swiper-slide img {  display: block;  width: 100%;  height: 100%;  object-fit: cover; }
.Development .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px;  color: #000; opacity: 1; background: rgba(0, 0, 0, 0.2); }
.Development .swiper-pagination-bullet-active {  color: #fff;  background: #007aff;}
		
.Development{ position: relative;}
.Development .swiper-wrapper{ margin-top:120px; height:auto;}

.Development .swiper-pagination .swiper-pagination-bullet{ width: 100px; height: 60px; line-height: 60px; border-radius: 0; background: #fff; border-bottom: 8px solid #ddd; font-size: 20px; color: #0090d7;}
.Development .swiper-pagination .swiper-pagination-bullet-active{ border-color: #007aff;  background: #fff; color: #000}		


.Development .swiper-pagination-bullets-dynamic{ top: 0; bottom: auto;}
.Development .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform: scale(0);}
.Development .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform: scale(0);}
.Development .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform: scale(0);}
.Development .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform: scale(0);}


.Development .swiper-button-next, .Development .swiper-button-prev{ top: 0; z-index: 12; margin: 0; margin-top: 15px;}

.Development .swiper-slide	{ }	
	
.Development .swiper-slide ul li { overflow: hidden; width: 100%; width: calc(100% - 14%); margin: 0 auto;	}			
.Development .d-guide-con-left { padding-top: 20px; width: 110px; float: left; font-size: 16px; color: #333; position: relative;}		
.d-guide-con-right { width: 90%; width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width: calc(100% - 110px); margin: 0 auto; line-height: 32px; background: #f6f6f6; float: left;  border-left: 2px solid #ddd; padding-bottom: 0px; text-align: left; padding:20px 0px 20px 30px}		
.d-guide-con-right span { font-size: 16px; color: #333;}		
.d-guide-con-right font { padding: 0 10px; color: #3395ef; vertical-align: middle;}			
.d-guide-con-left i { position: absolute; right: -10px; top: 23px; width: 18px; height: 18px; display: inline-block; background:#fff url("../images/yeardot.png") no-repeat; border-radius: 100%;}
.m-development{ display:none;}
.d-guide-bullet{ display:none;position: absolute;top: -116px;text-align: center;width: 100%; }
.d-guide-bullet span{border-color: #000;
display:inline-block;
background: #fff;
color: #000; border-bottom: 8px solid #007aff; width: 100px;
height: 60px;
line-height: 60px;
border-radius: 0;font-size: 20px;

}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1250px) {
	.Development .swiper-pagination .swiper-pagination-bullet{width: 80px;}
}

@media all and (max-width:1040px) {
	.Development .swiper-pagination .swiper-pagination-bullet{width: 70px;}
}

/* ------------------------手机端-------------------------- */

@media all and (max-width:920px) {
	.Development .swiper-pagination .swiper-pagination-bullet{width: 60px;}
	.pc-development{ display:none;}
	.m-development{ display:block;}
}
@media all and (max-width:720px) {
	.Development .swiper-pagination .swiper-pagination-bullet{ display:none;}
	.d-guide-bullet{ display:block;}
}
@media all and (max-width:719px) {
	.Development .swiper-slide ul li{width: calc(100% - 0%);}
	.Development .d-guide-con-left {width: 80px;}
	.d-guide-con-right{width: -moz-calc(100% - 80px);width: -webkit-calc(100% - 80px);width: calc(100% - 80px); padding: 20px 10px 20px}
}