@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;}

#nbanner_contact{height:740px;position:relative;z-index:1;background:#333;}
#nbanner_contact .img{height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
#nbanner_contact .text{position:absolute;left:50%;top:calc(50% - 140px);transform:translatex(-50%);}
#nbanner_contact .text .t{font-size:36px;line-height:50px;}
#nbanner_contact .text .tisp{font-size:16px;margin-top:5px;}
#nbanner_contact .text .tel{margin-top:15px;}
#nbanner_contact .text .tel i{border:1px solid #2469f3;color:#2469f3;width:30px;height:30px;text-align:center;line-height:30px;margin-right:10px;border-radius:50%;float:left;}
#nbanner_contact .text .tel span{;}
#nbanner_contact .text .tel span a{color:#2469f3;font-size:28px;font-family:"din";}
#nbanner_contact .text .other{font-size:16px;margin-top:20px;}
#nbanner_contact .text .qq{margin-top:10px;}
#nbanner_contact .text .qq a{display:inline-block;background:#2469f3;color:#fff;padding:8px 28px;margin-right:10px;}
#nbanner_contact .text .qq i{margin-right:8px;}
#nbanner_contact .text .qq a:hover{background:#ff502e;}
#nbanner_contact .text .line{border-bottom:1px #878B99 dashed;height:9px;overflow:hidden;display:block;width:450px;margin-top:10px;}

#contact{width:100%;position:relative;top:-120px;z-index:66;}
#contact .add .item{width:calc(100% / 3);background:#f8f9fc;padding:70px 20px 70px 120px;border-right:1px solid #e8edf2;}
#contact .add .item:last-child{border-right:0;}
#contact .add .item h3{font-size:24px;}
#contact .add .item .info{margin-top:20px;}
#contact .add .item:hover{background:url("images/bg_contact_add.jpg") no-repeat left top;background-size:cover;color:#fff;}
#contact .add .item.curr{background:url("images/bg_contact_add.jpg") no-repeat left top;background-size:cover;color:#fff;}
#contact .add .item.curr p i{color:#fff;}
#contact .add .item p{line-height:28px;}
#contact .add .item p:nth-child(4){display:none;}
#contact .add .item p i{margin-right:5px;color:#878B99;text-align:left;}
#contact .add .item:hover p i{color:#fff;}
#contact .mapguest{margin-top:80px;background:url("images/bg_mapguest.jpg");position:relative;}
#contact .mapguest .map{width:100%;padding:0px;height:500px;background:rgba(255,255,255,.95);}
#contact .mapguest .map img{width:100%;height:100%;object-fit:cover;}
#contact .mapguest .guest{width:40%;background:rgba(0,0,0,.8);height:500px;position:absolute;right:0;top:0}
#contact .mapguest .guest h3{background:#2469f3;font-size:24px;color:#fff;padding:20px 0;text-align:center;}
#contact .mapguest .guest .from{padding:30px 100px;margin-top:50px;position:unset;}
#contact .mapguest .guest .from .item{margin:10px 0;}
#contact .mapguest .guest .from .item .text{width:100%;border:0;border-bottom:1px solid #666;background:none;line-height:40px;color:#fff;}
/* #contact .mapguest .guest .from .item .text1{width:50%;border:0;border-bottom:1px solid #666;background:none;line-height:40px;color:#fff;} */
#contact .mapguest .guest .from .item .select{width:100%;border:0;border-bottom: 1px solid #666;background: none;height:40px; color:#666}
#contact .mapguest .guest .from .item .textarea{width:100%;border:0;border-bottom:1px solid #666;background:none;line-height:20px;height:80px;color:#fff;}
#contact .mapguest .guest .from .button{margin-top:20px;}
#contact .mapguest .guest .from .button .btn{margin:0 auto;width:172px;background:#2469f3;color:#fff;border:0;padding:15px 0;cursor:pointer;}
#contact .mapguest .guest .from .button .btn:hover{background:#ff502e;}
#contact .mapguest .guest .from .button .fr{color:#ccc;line-height:22px;}

@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%;}
}