@charset "utf-8";

/*-----------------section4 business information-----------------*/
#section04{background: url(/theme/template01/images/img_infoBg.jpg) no-repeat center/cover; overflow: hidden;}
#section04 .section_title, #section04 .section_tilte_text{color: #fff;}
#info_wrap{margin-top: 130px; text-align: center; color: #fff;}
#info_wrap .info_box{float: left; padding: 0 30px; width: 33.333%; border-right: 1px solid rgba(255, 255, 255, 0.5); }
#info_wrap .info_box:nth-child(3){border-right: 0; }
#info_wrap .info_box .info_count{font-size: 60px; font-weight: 700;}
#info_wrap .info_box .title_info{margin: 20px 0; font-size: 28px;}
#info_wrap .info_box .txt_info{font-size:18px; font-weight: 300; word-break: keep-all;}


/*-----------------------responsive-----------------------*/


/*tab*/
@media all and (max-width:1199px) and (min-width:768px){
  
    /*-----------------section4 business information-----------------*/
    #info_wrap{margin-top: 80px; display: flex; align-items: stretch; height: auto; overflow: hidden; }
    #info_wrap .info_box{padding: 0 20px; }
    #info_wrap .info_box .info_count{font-size: 40px; font-weight: 700;}
    #info_wrap .info_box .title_info{margin: 20px 0; font-size: 20px;}
    #info_wrap .info_box .txt_info{font-size:14px; font-weight: 300; word-break: keep-all;}

}

/*mobile*/
@media all and (max-width:767px){
   
    /*-----------------section4 business information-----------------*/
    #info_wrap{margin-top: 100px; }
    #info_wrap .info_box{margin-bottom: 30px; padding: 0; width: 100%; border-right: 0; display: flex; justify-content: center; }
    #info_wrap .info_box:nth-child(3){border-right: 0; margin-bottom: 0px;}
    #info_wrap .info_left_box{ width: 90px; border-right: 1px solid rgba(255, 255, 255, 0.5);}
    #info_wrap .info_right_box{ width: 270px; padding-left: 35px; box-sizing: border-box; display: flex; align-items: center;}
    #info_wrap .info_box .info_count{font-size: 26px; text-align: left;}
    #info_wrap .info_box .title_info{margin: 0px 0; font-size: 16px; font-weight: 300; text-align: left;}
    #info_wrap .info_box .txt_info{font-size:16px; font-weight: 100; word-break: keep-all; text-align: left;}

}

@media all and (max-width:420px){   

    /*-----------------section4 business information-----------------*/
    #info_wrap .info_left_box{ width: 95px; padding-left: 15px;}
    #info_wrap .info_right_box{ width: 260px; padding-left: 15px; }
    #info_wrap .info_box .info_count{font-size: 20px;}
    #info_wrap .info_box .title_info{font-size: 14px;}
    #info_wrap .info_box .txt_info{font-size:14px;}

}