@charset "utf-8";

#atc02{width:100%;padding-top:10rem;position:relative}
#atc02:before{content:'';width:100%;height:calc(50% + 17rem);background:url(/index/include/include02/inc02_bg.jpg) repeat;position:absolute;top:0;left:0;}

#atc02 .txt_box_area{max-width:130rem;width:100%;margin:0 auto;overflow:hidden;position:relative;z-index:2}
#atc02 .txt_box_area .tit_box{width:40%;float:left}
#atc02 .txt_box_area .txt_box{width:60%;float:left}

#atc02 .txt_box_area .tit_box .s_tit{margin-bottom:1.5rem;font-weight:500;font-size:1.8rem;color:rgba(255,255,255,.8);font-family:'Poppins'}
#atc02 .txt_box_area .tit_box .tit{font-weight:100;font-size:3.6rem;line-height:150%;color:#fff;}
#atc02 .txt_box_area .tit_box .tit span{font-weight:700}
#atc02 .txt_box_area .txt_box .tit{margin-bottom:1.5rem;font-size:1.8rem;line-height:3.2rem;color:#fff;word-break:keep-all}
#atc02 .txt_box_area .txt_box .txt{font-size:1.6rem;line-height:2.8rem;color:rgba(255,255,255,.6);word-break:keep-all}

#atc02 .about_bnr{width:calc(50% + 65rem);height:auto;margin-top:5rem;position:relative;left:calc(50% - 65rem);z-index:3}
#atc02 .about_bnr img{width:100%}
#atc02 .about_bnr .swiper-wrapper{border-radius:3rem 0 0 3rem;overflow:hidden}
/*
#atc02 .about_bnr .bnr01{background:url(/index/include/include02/img01.jpg) no-repeat left/cover;}
#atc02 .about_bnr .bnr02{background:url(/index/include/include02/img02.jpg) no-repeat left/cover;}*/

#atc02 .inc01_controls{width:8px;position:absolute;left:-4rem;top:20rem}
#atc02 .inc01_controls .swiper-pagination-bullet{display:block;background:#fff}
#atc02 .inc01_controls span + span{margin-top:1rem}

@media(max-width:1300px){
#atc02 .txt_box_area{padding:0 3rem}
#atc02 .about_bnr{width:100%;left:auto;transform:none}
}
@media(max-width:1024px){
#atc02{padding-top:7rem}	
#atc02 .txt_box_area{text-align:center}
#atc02 .txt_box_area .tit_box{width:100%;float:none}
#atc02 .txt_box_area .txt_box{width:100%;padding-top:2rem;float:none}

}
@media(max-width:767px){
#atc02{padding-top:5rem}

#atc02 .txt_box_area{padding:0 2rem}
#atc02 .txt_box_area .tit_box .tit{font-size:3.2rem}
#atc02 .txt_box_area .txt_box .tit{margin-bottom:1rem}
#atc02 .txt_box_area .txt_box .txt br{display:none}
#atc02 .about_bnr .swiper-wrapper{border-radius:1rem}
}

@media(max-width:480px){
#atc02 .txt_box_area .tit_box .tit{font-size:3rem}
#atc02 .txt_box_area .tit_box .tit br{display:none}
}
@media(max-width:320px){
#atc02 .txt_box_area .tit_box .tit{font-size:2.8rem}
}