@charset "utf-8";

#inc01{width:100%;padding:15rem 5rem;}
#inc01 *{word-break:keep-all}
#inc01 .inner{max-width:140rem;width:100%;margin:0 auto}
#inc01 .tit_box{width:100%;margin-bottom:5rem;text-align:center}
#inc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#inc01 .tit_box .tit{font-size:5rem;font-weight:700;line-height:130%;color:#222}
#inc01 .tit_box .tit span{color:var(--pt-color)}

#inc01 .circle_box_area{max-width:85rem;width:100%;margin:0 auto 5rem;display:flex;align-items: center;justify-content: center;}
#inc01 .circle_box_area .circle_box{width:32.4%;padding-bottom:32.4%;position:relative}
#inc01 .circle_box_area .circle_box .c_inner{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
#inc01 .circle_box_area .circle_box .c_inner:before{content:'';width:calc(100% + 10px);height:calc(100% + 10px);background:url(/index/include/include01/bg.png) no-repeat center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: rotate infinite 30s forwards linear;}

#inc01 .circle_box_area .circle_box .c_inner .icon{max-width:6rem;width:30%;margin:0 auto}
#inc01 .circle_box_area .circle_box .c_inner .icon img{width:100%}

#inc01 .circle_box_area .circle_box .tit{font-size:2.8rem;font-weight:700;color:#222;font-family:'Poppins'}
#inc01 .circle_box_area .circle_box .txt{font-size:1.5rem;font-weight:500;color:#888}

#inc01 .circle_box_area .circle_big_box{width:40%;padding-bottom:40%;margin:0 -2.35%;position:relative;z-index:10}
#inc01 .circle_box_area .circle_big_box .c_inner{width:100%;height:100%;border-radius:50%;background:url(/index/include/include01/b_bg.png) no-repeat center/cover;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;}
#inc01 .circle_box_area .circle_big_box img{max-width:191px;width:60%}

@keyframes rotate {0%{transform:translate(-50%,-50%) rotate(0);}100%{transform:translate(-50%,-50%) rotate(360deg)}}


#inc01 .cont_txt_box{display:flex;flex-wrap:wrap;gap:2rem}
#inc01 .cont_txt_box .cont_box{width:calc(50% - 1rem);padding:7rem 6rem;border-radius:3rem;background:#f4f6fb;text-align:center;position:relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;align-content: center;}
#inc01 .cont_txt_box .cont_box:before{content:'';width:50%;height:2rem;border-radius:100%;background:#000;position:absolute;bottom:0rem;left:50%;transform:translateX(-50%);filter: blur(15px);opacity:.2; z-index:-1}
#inc01 .cont_txt_box .cont_box .s_tit{display:inline-block;margin-bottom:1.5rem;padding:.5rem 1.5rem;border-radius:5rem;background:#dee5f1;font-size:1.5rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}	
#inc01 .cont_txt_box .cont_box .tit{width:100%;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:150%;color:#222}
#inc01 .cont_txt_box .cont_box .txt{width:100%;font-size:1.7rem;line-height:150%;color:#666}
#inc01 .more_btn{width:23rem;height:6rem;margin:4rem auto 0;border-radius:6rem;background:#f7f7f7;overflow:hidden;transition:all .5s;display:flex;align-items: center;justify-content: center;gap: 1rem;}
#inc01 .more_btn .more_txt{font-size:1.5rem;font-weight:600;color:#222;position:relative;z-index:2;transition:all .5s;font-family:'Poppins'}
#inc01 .more_btn .arr{width:3.5rem;height:3.5rem;position:relative;display:flex;align-items: center;justify-content: center;}
#inc01 .more_btn .arr:before{content:'';width:100%;height:100%;border-radius:50%;background:var(--pt-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .5s}
#inc01 .more_btn .arr img{position:relative;z-index:3;transition:all .5s}
#inc01 .more_btn:hover{box-shadow:0 1rem 1rem rgba(30,77,155,.3)}
#inc01 .more_btn:hover .arr:before{transform:translate(-50%,-50%) scale(10,10)}
#inc01 .more_btn:hover .arr img{transform:rotate(-45deg)}
#inc01 .more_btn:hover .more_txt{color:#fff}


@media(max-width:1280px){
	#inc01{padding:13rem 3rem}
	#inc01 .tit_box .tit{font-size:4.7rem}
}

@media(max-width:1024px){
	#inc01{padding:12rem 2rem}
	#inc01 .tit_box .tit{font-size:4.4rem}
}

@media(max-width:767px){
	#inc01{padding:11rem 2rem}
	#inc01 .tit_box .tit{font-size:4.1rem}
	#inc01 .cont_txt_box .cont_box{width:100%;padding:4rem 3rem}
	#inc01 .circle_box_area .circle_box .tit{font-size:2.5rem}
	
}

@media(max-width:480px){
	#inc01{padding:10rem 2rem}
	#inc01 .tit_box .tit{font-size:3.8rem}
	
	#inc01 .circle_box_area{max-width:30rem;width:100%;margin:0 auto 5rem;flex-wrap:wrap}
	#inc01 .circle_box_area .circle_box{width:80%;padding-bottom:80%}
	#inc01 .circle_box_area .circle_big_box{width:100%;padding-bottom:100%;margin:-3rem auto}
}

@media(max-width:320px){
	#inc01{padding:10rem 1.5rem}
	#inc01 .tit_box .tit{font-size:3.5rem}
}