/* BASIC css start */
/* 讌��� ���� */
#summary1003 .box4 .HN-companyMap .map_gi { width:100%; margin:0 auto;height:500px; border:1px solid #e8e8e8; box-sizing:border-box; margin-top:80px;}
#summary1003 .box4 .HN-companyMap div img {width:100%; height:100%;}


/* 螻牛�� */
.pagecommon{position:relative;font-size:16px;letter-spacing:-.3px;color:#777;line-height:1.8}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .tit p{margin-top:30px;font-size:35px;font-weight:700;line-height:1.4;color:#111}
.pagecommon .inner{width:1200px;margin:0 auto;padding-left:0px;}

#summary1003>div+div{margin-top:150px}
#summary1003 .box1 .cont{display:flex;align-items:center;margin:80px 0 0 4%;}
#summary1003 .box1 ul{display:flex;padding-right:100px}
#summary1003 .box1 li{font-weight:700;color:#d04626;text-align:center}
#summary1003 .box1 li+li{position:relative;margin-left:40px;padding-left:70px}
#summary1003 .box1 li+li:before{position:absolute;content:'';top:33%;left:0;width:27px;height:27px;background:url('/design/raidb2b/2023_renewal/overview/img/plus_icon.png')}
#summary1003 .box1 .icon{display:flex;align-items:center;justify-content:center;width:160px;height:160px;margin-bottom:10px;border-radius:50%;background:#d04626;}
#summary1003 .box1 li:nth-child(2){color:#111}
#summary1003 .box1 li:nth-child(2) .icon{background:#111}
#summary1003 .box1 .cont div p{margin-bottom:10px;font-size:18px;font-weight:700;color:#d04626;}

#summary1003 .bg{padding:150px 0;color:#fff;background:url('/design/raidb2b/2023_renewal/overview/img/overview_bg.jpg') no-repeat fixed center;background-size:cover}
#summary1003 .bg .tit_area{display:flex;justify-content:space-between;align-items:flex-end}
#summary1003 .bg .tit p{color:#fff}
#summary1003 .bg .tit_area .s_txt{width:50%;}
#summary1003 .bg ul{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:150px}
#summary1003 .bg ul li{padding:30px 30px 0 30px;border-top:1px solid #fff}
#summary1003 .bg ul li span{font-size:25px;font-weight:700;color:rgba(255,255,255,50%)}
#summary1003 .bg ul li p{margin-top:0px;font-size:18px;font-weight:700}
#summary1003 .bg ul li div{margin-bottom:40px}

#summary1003 .box3 .control{font-size:0}
#summary1003 .box3 button{padding:0 15px;border:none;background:none}
#summary1003 .box3 button+button{position:relative}
#summary1003 .box3 button+button:before{position:absolute;content:'';left:0;top:50%;width:1px;height:25px;transform:translateY(-50%);background:#e1e1e1}
#summary1003 .box3 .tit{display:flex;align-items:flex-end;justify-content:space-between}
#summary1003 .box3 .cont{margin-top:80px; margin-bottom:150px;}

#summary1003 .box4 .control{font-size:0}
#summary1003 .box4 button{padding:0 15px;border:none;background:none}
#summary1003 .box4 button+button{position:relative}
#summary1003 .box4 button+button:before{position:absolute;content:'';left:0;top:50%;width:1px;height:25px;transform:translateY(-50%);background:#e1e1e1}
#summary1003 .box4 .tit{display:flex;align-items:flex-end;justify-content:space-between}
#summary1003 .box4 .cont{margin-top:80px; margin-bottom:150px;}

@media(max-width:1300px){
.pagecommon .pl{white-space:normal}
.pagecommon .inner{padding-left:0}
#summary1003 .box1 .cont{margin:80px 0 0 0;justify-content:space-evenly}
}
@media(max-width:1024px){
.pagecommon .tit p{margin-top:10px;font-size:30px}
.pagecommon .inner{width:100%;text-align:center}
#summary1003>div+div{margin-top:0}
#summary1003 .box1 .cont{display:block;margin:0px;padding:50px 50px 150px;;text-align:center}
#summary1003 .box1 .cont>div{margin-top:50px}
#summary1003 .box1 ul{justify-content:center;padding-right:0}
#summary1003 .bg .tit_area{display:block; padding:0 20px;}
#summary1003 .bg .tit_area .s_txt{width:100%;margin-top:20px;padding:0px;color:rgba(255,255,255,80%)}
#summary1003 .bg ul{margin-top:90px}
#summary1003 .box3{margin-top:150px}
#summary1003 .box3 .tit{display:block}
#summary1003 .box3 .control{margin-top:35px}
#summary1003 .box3 .cont{margin-top:60px}
#summary1003 .box3 button{padding:0 25px}
#summary1003 .box4{margin-top:150px}
#summary1003 .box4 .tit{display:block}
#summary1003 .box4 .control{margin-top:35px}
#summary1003 .box4 .cont{margin-top:60px}
#summary1003 .box4 button{padding:0 25px}
}
@media(max-width:768px){
.pagecommon .tit p{font-size:25px; padding:0 20px;}
#summary1003 .box1 li+li{margin-left:15px;padding-left:45px}
#summary1003 .bg ul{display:block;margin-top:50px;padding:0 20px}
#summary1003 .bg ul li{padding:30px 0;border-top:0}
#summary1003 .bg ul li+li{border-top:1px solid rgba(255,255,255,50%)}
#summary1003 .bg ul li div{margin-bottom:15px}
}
@media(max-width:480px){
.pagecommon .tit p{font-size:22px}
#summary1003 .box1 .cont{padding:40px 20px}
#summary1003 .box1 .icon{width:130px;height:130px}
#summary1003 .box1 .icon img{width:35%}
}
/* BASIC css end */