.head_nav>ul>li:nth-of-type(2)>a{border-bottom: 5px solid #DE0438;color: #DE0438;}
.about{padding-top: 1rem;width: 12rem;margin: auto;}


.about .title{font-size: 0.42rem;color: #e20238;text-align: center;}
.about .content{font-size: 0.16rem;line-height: 0.3rem;padding-bottom: 0.05rem;}


.bg{font-size: 0;width:19.2rem;margin-top: 0.25rem;background: #efefef;}
.bg .bg-top{position: relative;background-color: #fff;}
.bg .bg-top img,.bg .bg-middle img{width: 100%;}
.bg .bg-top .content{font-size: 0.36rem;position: absolute;bottom: 0.5rem;left: 3.6rem;color: #fff;font-weight: 100;letter-spacing: 5px;}
.bg .bg-bottom{width: 12rem;margin: auto;padding: 0.7rem 0;display: flex;justify-content: space-between;}
.bg .bg-bottom img{width: 3.8rem;}

.development{padding-top: 1rem;}
.development .title{font-size: 0.32rem;color: #e20238;text-align: center;}
.development .content{display: flex;flex-direction: column;}
.development .content .item{text-align: center;}
.development .content .item .circle{width:15px;height: 15px;background: #e20238;border-radius: 50%;margin: 0.5rem auto 0.25rem;}
.development .content .item .desc{font-size: 0.24rem;line-height: 0.42rem;padding-top: 0.2rem;}
.development .content .item .subtitle{font-size: 0.3rem;line-height: 0.45rem;}


.development2{margin-top: 2rem;background: url(../img/bg6.jpg)center center no-repeat;background-size: 90% 100%;}
.development2 .title{font-size: 0.42rem;color: #e20238;text-align: center;padding-top: 0.7rem;}
.development2 .content{width: 12rem;margin: auto;padding: 0.7rem 0 3.5rem;display: flex;justify-content: space-between;position: relative;}
.development2 .content .item{width: 3.54rem;}
.development2 .content .item .ig{position: relative;font-size: 0;}
.development2 .content .item img{width: 100%;}
.development2 .content .item .sub{color: #fff;position: absolute;top: 1rem;left:0.65rem;}
.development2 .content .item .sub h3{font-size: 0.42rem;margin: 0;}
.development2 .content .item .sub p{font-size: 0.3rem;margin: 0;}
.development2 .content .item .desc{font-size: 0.2rem;width:90%;margin: auto;padding: 0.3rem 0 0;line-height: 0.3rem;}
.next{display: inline-block;border-top: 1px solid;border-right: 1px solid;width: 25px;height: 25px;transform: rotate(45deg);color: #999;position: absolute;}
.next1{top: 2.2rem;right: 8.05rem;}
.next2{top: 2.2rem;right: 3.82rem;}






@media screen and (max-width: 770px) {
	
	/* .main{padding-top: 70px;} */
	
	.main .banner .contents .title,.main .banner .contents .subtitle{font-size: 0.35rem !important;}
	
	
	
	
	.about .title,.development .title.development .content .item .subtitle,.development .title,.development2 .title{font-size: 0.32rem;}
	
	.development .content .item .subtitle,.development2 .content .item .sub h3{font-size: 0.26rem;}
	
	
	
	/* {font-size: 0.24rem;} */
	
	.development .content .item .desc,.development2 .content .item .sub p{font-size: 0.2rem;}
	
	.development2 .content .item .desc{font-size: 0.16rem;}
	
	
	
	
	
	
	
	
	
	.about{width:100%;padding-top:0.5rem;}
	.about .content{width: 90%;margin: auto;}
	
	.bg{width: 100%;}
	.bg .bg-top .content{left: 1.8rem;bottom: 0.3rem;font-size: 0.24rem;}
	
	.bg .bg-bottom{width: 90%;padding: 0.24rem 0;}
	.bg .bg-bottom img{width:30%}
	
	.development{padding-top: 0.5rem;}
	.development .content .item .circle{margin: 0.24rem auto 0.1rem;}
	
	
	
	.development2{width: 100%;margin-top: 0rem;}
	.development2 .title{padding-top: 0rem;}
	.development2 .content{width: 90%;padding: 0.7rem 0 0.5rem;}
	.development2 .content .item{width: 30%;}
	.development2 .content .item .sub{top: 0.5rem;left: 0.25rem;}
	
	
	
	.footer{width:100%}
	.footer .f-content{width: 90%;padding:0.5rem 0 0.35rem}
	.footer .fc-bottom{width: 90%;}
	
	
	
	
	
	
	
	
	.next{width: 20px;height: 20px;}
	.next1{top: 1.6rem;left: 2rem;}
	.next2{top: 1.6rem;right: 2.18rem;}
	
	
	
	
	
	@media screen and (max-width: 760px){
		.about .title, .development .title.development .content .item .subtitle, .development .title, .development2 .title{font-size: 20px;}
		
		
		.development .content .item .subtitle{font-size: 18px;}
		
		
		
		.development .content .item .desc{font-size: 16px;}
		
		
		
		
		
		
		
		.about .content p,.bg .bg-top .content{font-size: 14px;line-height: 22px;}
		.development2{background: unset;}
		/* .development2 .content{flex-direction: column;padding: 0;} */
		.development2 .content{display: flex;flex-direction: row;width: 750px;overflow-x:scroll ;}
		/* .development2 .content .item{width: 100%;display: flex;align-items:center;} */
		.development2 .content .item{width: 200px;display: flex;flex-direction: column;align-items:center}
		.development2 .content .item img{width: 100%;}
		.development2 .content .item .sub{left: 0.35rem;top: 20%;}
		.development2 .content .item .sub h3{font-size: 24px;}
		.development2 .content .item .sub p{font-size: 18px;}
		/* .development2 .content .item .desc{font-size: 14px;padding-left: 20px;line-height: 24px;} */
		.development2 .content .item .desc{margin: 0;}
		.next{margin: 0;transform:rotate(45deg);position: absolute;}
		.next1{top: 125px;left: 220px;}
		.next2{top:125px;left: unset;right: 235px;}
		.bg{padding-bottom: 20px;}
		.bg .bg-bottom{padding: 0;width: 100%;flex-direction:column;}
		.bg .bg-bottom img{width: 90%;margin:20px auto 0;}
		.adddiv{overflow-x: scroll;}
		
	}
	
	body{overflow-x: hidden;}
	@media screen and (max-width: 540px) {
		.adddiv{overflow-x: scroll;}
		.bg .bg-top .content{left: 1rem;}
		/* .development2 .content{display: flex;flex-direction: row;width: 750px;overflow-x:scroll ;} */
		.development2 .content .item{width: 200px;display: flex;flex-direction: column;align-items:center}
		.next1{top: 125x;left: 220px;}
		.next2{top: 125px;left: unset;right: 235px;}
		/* .development2{overflow-x: scroll;} */
		.development2 .content .item .desc{margin: 0;}
		.adddiv{margin: 30px 5% 0 5%;}

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}