.wrap{max-width: 1118px;margin: 0 auto;}
.bor{width: 325px;height: 325px;border: 3px solid #0973bf;position: relative;margin-left: 5%;}
/*售前服务*/
.pre-left{border-bottom: 1px solid #dedede;}
.pre-left .wrap{display: flex;}
.pre-left .preleft{margin: 10% 0;width: 30%;}
.pre-left .preleft img{position: absolute;left: 22px;top: 20px;}
.pre-left .preright{margin-left: 8%;display:flex;justify-content: center;flex-direction: column;width: 60%;}
.pre-left .preright h2{margin: 5% 0;color: #0973bf;font-size: 22px;}
.pre-left .preright p{font-size: 14px;color: #929292;line-height: 2rem;}

/*售前服务*/
.pre-right{border-bottom: 1px solid #DEDEDE;}
.pre-right .wrap{display: flex;}
.pre-right .preleft{display:flex;justify-content: center;flex-direction: column;width: 60%;margin-left:5%;margin-bottom: 5%;}
.pre-right .preleft h2{margin: 5% 0;color: #0973bf;font-size: 22px;}
.pre-right .preleft p{color: #929292;line-height: 2rem;font-size: 14px;}
.pre-right .preright{padding: 10% 0;width: 30%;margin-right: 5%;margin-left: 5%;}
.pre-right .preright img{position: absolute;right: 22px;top: 20px;}



@media screen and (max-width:1200px) {
	.bor{width: 225px;height: 225px;}
}

@media screen and (max-width:768px) {
	.banner{margin-top: 60px;}
	.bor{width: 184px;height: 184px;}
	.pre-left .preleft{width:40%;}
	.pre-left .preright h2 {font-size: 18px;}
	.pre-left .preright p {font-size: 12px;line-height: 1.5rem;}
	.pre-right .preleft h2 {font-size: 18px;}
	.pre-right .preleft p {font-size: 12px;line-height: 1.5rem;}
	.pre-right .preright {width: 40%;}
	.pre-right .wrap{flex-wrap: wrap;}
	.pre-left .wrap{flex-wrap: wrap;flex-direction: column-reverse;}
	.pre-right .wrap,.pre-left .wrap{margin:15px 0;}
	.pre-right .preleft,.pre-left .preright{width: 100%;box-sizing: border-box;margin-left:0;margin-right:0;padding:0 5%;}
	.bor{display: table;margin:15px auto;}
	.pre-left .preleft,.pre-right .preright{width:100%;margin: 3% 0;}
	.pre-right .preright{padding: 0;}

}