@charset "utf-8";
@import "page.css";
#about_one{width:100%;padding:60px 0;background:url("../images/bg_about_one.png") no-repeat center bottom;}
#about_one .info{margin-top:30px;text-align:center;line-height:28px;padding:0 20%;}
#about_one .num{padding:80px 10% 50px;}
#about_one .num .item{width:25%;float:left;text-align:center;border-right:1px #f3f3f3 solid;}
#about_one .num .item big{display:block;padding:5px 0;}
#about_one .num .item big span{font-size:49px;font-family:"din";margin-right:5px;}
#about_one .num .item small{display:block;font-weight:400;font-size:16px;margin:0;color:#878B99;}
#about_one .num .item:last-child{border-right:none;}

#about_youshi{width:100%;padding:60px 0;background:#f8f8f8;background:url("../images/bg_about_adv.png") center top no-repeat;background-size:cover;background-attachment:fixed;}
#about_youshi .list{margin-top:30px;}
#about_youshi .list ul li{float:left;width:calc((100% - 300px) / 4);margin-right:100px;}
#about_youshi .list ul li:last-child{margin-right:0;}
#about_youshi .list ul li .icon{text-align:center;}
#about_youshi .list ul li .icon i{font-size:44px;color:#fff;width:120px;height:120px;line-height:120px;border:1px solid #fff;border-radius:100%;}
#about_youshi .list ul li .info{text-align:center;margin-top:30px;}
#about_youshi .list ul li .info big{display:block;color:#fff;font-size:18px;}
#about_youshi .list ul li .info small{display:block;color:#fff;line-height:24px;margin-top:10px;}

#about_service{width:100%;padding:60px 0;}
#about_service .wrap{overflow:inherit;}
#about_service .list{margin-top:30px;}
#about_service .list ul li{float:left;width:calc((100% - 150px) / 4);border:1px solid #e8edf2;padding:30px;margin-right:50px;position:relative;}
#about_service .list ul li:last-child{margin-right:0;}
#about_service .list ul li big{display:block;font-size:18px;margin-top:20px;}
#about_service .list ul li small{display:block;margin-top:10px;line-height:26px;height:78px;font-size:14px;color:#878B99;}
#about_service .list ul li:hover{box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}
#about_service .info{text-align:center;margin-top:50px;}
#about_service .info big{display:block;font-size:24px;}
#about_service .info small{display:block;font-size:14px;color:#878B99;}

#about_jz{width:100%;padding:60px 0;background:url("../images/bg_about_jz.jpg") center center;background-size:cover;}
#about_jz .list{margin-top:30px;}
#about_jz .list ul li{float:left;width:calc((100% - 100px) / 3);margin-right:50px;position:relative;background:#fff;}
#about_jz .list ul li:last-child{margin-right:0;}
#about_jz .list ul li .img{width:100%;height:200px;overflow:hidden;}
#about_jz .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#about_jz .list ul li .t{position:absolute;left:0;top:0;width:100%;text-align:center;line-height:200px;color:#fff;font-size:24px;}
#about_jz .list ul li p{padding:30px 50px;}

#about_pic{width:100%;padding:60px 0;}
#about_pic ul li{float:left;height:250px;overflow:hidden;}
#about_pic ul li:nth-child(1){width:calc(30% - 10px);height:510px;overflow:hidden;margin-right:10px;}
#about_pic ul li:nth-child(2){width:20%;overflow:hidden;margin-right:10px;}
#about_pic ul li:nth-child(3){width:calc(50% - 20px);overflow:hidden;margin-right:10px;}
#about_pic ul li:nth-child(4){width:calc(50% - 20px);overflow:hidden;margin-right:10px;margin-top:10px;}
#about_pic ul li:nth-child(5){width:20%;overflow:hidden;margin-right:10px;margin-top:10px;}
#about_pic ul li img{width:100%;height:100%;object-fit:cover;}

@media (max-width:1200px){
	#contact .add .item{padding:70px 20px 70px 20px;}
	#contact .mapguest .guest .from{padding:30px 30px;}
}
@media (max-width:800px){
	#about_one{padding:.6rem 0;}
	#about_one .info{margin-top:.3rem;text-align:center;line-height:.4rem;padding:0;}
	#about_one .num{padding:.5rem 0 .5rem;}
	#about_one .num .item{width:50%;margin-top:.3rem;}
	#about_one .num .item big{padding:.05rem 0;}
	#about_one .num .item big span{font-size:.5rem;margin-right:.1rem;}
	#about_one .num .item small{font-size:.23rem;}
	
	#about_youshi{padding:.6rem 0;}
	#about_youshi .list{margin-top:0;}
	#about_youshi .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;border:1px solid rgba(255,255,255,.5);padding:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#about_youshi .list ul li .icon{width:1rem;}
	#about_youshi .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#about_youshi .list ul li .info{width:calc(100% - 1.3rem);text-align:left;margin-top:0;}
	#about_youshi .list ul li .info big{font-size:.26rem;}
	#about_youshi .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}
	
	#about_service{padding:.6rem 0;}
	#about_service .list{margin-top:0;}
	#about_service .list ul li{float:inherit;width:100%;padding:.3rem;margin-right:0;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#about_service .list ul li .icon{width:1rem;}
	#about_service .list ul li .info2{width:calc(100% - 1.3rem);}
	#about_service .list ul li .info2 big{font-size:.26rem;margin-top:0;}
	#about_service .list ul li .info2 small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;height:auto;}
	#about_service .info{margin-top:.5rem;}
	#about_service .info big{font-size:.28rem;}
	#about_service .info small{font-size:.23rem;}
	
	#about_jz{padding:.6rem 0;}
	#about_jz .list{margin-top:0;}
	#about_jz .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#about_jz .list ul li .img{width:100%;height:3rem;overflow:hidden;}
	#about_jz .list ul li .t{line-height:3rem;color:#fff;font-size:.28rem;}
	#about_jz .list ul li p{padding:.3rem;font-size:.23rem;line-height:.34rem;}
	
	#about_pic{padding:.6rem 0;}
	#about_pic ul li{float:inherit;height:auto;overflow:hidden;}
	#about_pic ul li:nth-child(1){width:100%;height:auto;margin-right:0;}
	#about_pic ul li:nth-child(2){width:100%;margin-right:0px;}
	#about_pic ul li:nth-child(3){width:100%;margin-right:0px;}
	#about_pic ul li:nth-child(4){width:100%;margin-right:0;margin-top:0;}
	#about_pic ul li:nth-child(5){width:100%;margin-right:0px;margin-top:0px;}
	#about_pic ul li img{width:100%;height:100%;object-fit:cover;}
	
	#contact .add .item{float:inherit !important;width:100%;padding:30px 20px 30px 70px;border-right:0;border-bottom:1px solid #ddd;}
	#contact .mapguest .guest{width:100%;}
}