@charset "utf-8";
#section3{overflow:hidden;background:#191a22}
#section3 .cont{position:relative;width:1200px;margin:0 auto}
#section3 .cont:before{position:absolute;bottom:0;left:-360px;width:360px;height:74.7vh;background:url(/sh_img/make24/include_02/img/in02_img01.jpg) right top no-repeat;background-size:cover;content:""}
#section3 .cont:after{display:block;content:"";clear:both}
#section3 .cont .left{width:50%}
#section3 .left .num{position:relative;z-index:1;width:300px;padding-left:100px;background:#b7702c;font-weight:600;font-size:13px;line-height:25.4vh;color:#fff;font-family:'Poppins'}
#section3 .left .num:after{position:absolute;top:50%;left:240px;width:360px;height:1px;margin-top:-0.5px;background:rgba(255,255,255,0.15);content:""}
#section3 .left .img_area{position:relative;z-index:1}
#section3 .left .img_area a{display:block;width:100%;height:38.4vh;background:url(/sh_img/make24/include_02/img/in02_img02.jpg) center bottom no-repeat;background-size:cover;text-indent:-9999px}
#section3 .left .img_area a:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7) url(/sh_img/make24/include_02/img/more.png) center center no-repeat;opacity:0;transition:0.3s;content:""}
#section3 .left .img_area a:hover:after{opacity:1}
#section3 .left .txt_area{position:relative;z-index:1;height:36.3vh;padding:72px 0 0 100px;background:#b7702c}
#section3 .left .txt_area h2{margin:-20px 0 27px;font-weight:700;font-size:32px;line-height:36px;color:#fff;opacity:0;font-family:'Poppins'}
#section3 .left .txt_area h2 span{display:block;margin-bottom:19px;font-weight:500;font-size:13px;line-height:normal}
#section3 .left .txt_area p{margin-top:-20px;font-size:13px;line-height:22px;color:rgba(255,255,255,0.6);opacity:0;font-family:'Poppins'}
#section3 .circle_area{position:absolute;bottom:35vh;right:0;width:50%;height:24px}
#section3 .circle_area:before{position:absolute;top:0;right:0;width:0;height:100%;background:#b7702c;background: -moz-linear-gradient(left, #191a22 15%, #b7702c 100%);background: -webkit-linear-gradient(left, #191a22 15%,#b7702c 100%);background:linear-gradient(135deg, #191a22 15%,#b7702c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a22', endColorstr='#b7702c',GradientType=1 );transition:0.7s;content:""}
#section3 .circle_area.on:before{width:100%}
#section3 .circle_area div{display:none;position:absolute;top:50%}
#section3 .circle_area .circle01{left:437px;width:247px;height:247px;margin-top:-123.5px;background:url(/sh_img/make24/include_02/img/in02_cir01.png)}
#section3 .circle_area .circle02{left:199px;width:342px;height:342px;margin-top:-171px;background:url(/sh_img/make24/include_02/img/in02_cir02.png)}
#section3 .circle_area .circle03{left:-80px;width:430px;height:430px;margin-top:-215px;background:url(/sh_img/make24/include_02/img/in02_cir03.png)}