/* ********************************************* *
 *  main
 * ********************************************* */

 /* .view_whole{width:100%; height: 100vh; overflow: hidden; position: relative; } */
 /* .empty_view{width: 18%;height: 100vh; float: left; position: relative;} */
 .main_view{width: 82%; height: 100vh; float: right; position: relative; }
 .main_view .main_bg{width: 100%; height: 100%; position: relative; }
 .main_view .main_bg img{width: 100%; height: 100%;}
 .main_view .main_bg .main_sky{position: absolute; top: 0; left: 0;}
 .main_view .main_bg .main_building{position: absolute; z-index: 10; top: 0; left: 0;}

 .combine_title-box{width: 100%; position: absolute; height:100%; left: 0; top:0; z-index: 20; overflow: auto;}

 .main_view .main_title{position: relative; width: 100%; z-index: 15; top: 80px; left: 0;}
 .main_view .main_title .main_title_inner{padding-left: 100px; }
 .main_view .main_title .main_title_inner h1{font-size: 60px; word-break: keep-all; line-height: 1; padding-bottom: 20px;}
 .main_view .main_title .main_title_inner p{font-size: 30px; line-height: 1.3; padding: 0 20px} 
 .main_view .main_title .main_title_inner strong{position: relative;}
 /* .main_view .main_title strong::after{position: absolute; content: ""; width: 100%; height: 15px; left: 0; bottom: 0; z-index: -1; background-color:#145286} */

 .main_view .main_box{position: absolute; left: 0; bottom: 0; z-index: 15; width: 100%; bottom:60px;}
 .main_view .main_box .boundary{position:relative; width:100%; margin: 0 auto;}
 
 .main_box .main_ul{width: 80%; bottom: 0; right: 10%; position: absolute;}
 .main_box .main_ul li{float: left; width: 33.3333%; padding: 1%;}
 .main_box .main_ul li .li_inner{padding: 5%; min-height: 190px; position: relative;}
 .main_box .main_ul li .li_second .button01{border: 1px solid #fff;}
 .main_box .btn_container{position: absolute; right: 20px; bottom: 20px;}
 .main_box .btn_container .button01{width: 160px; height:40px; margin-left: auto;}

 .main_box .main_ul .li_first .button01:hover{background-color: rgba(0,0,0,0.2); }
 .main_box .main_ul .li_second .button01:hover{background-color: #145286;}

 .main_box .main_link_title h3{text-transform: uppercase;}

 .main_bg .main_sky{animation-name: zoomsky; animation-duration:6s;  animation-iteration-count: infinite; 
     -webkit-animation: zoomsky 6s 1s infinite linear;
    -moz-animation: zoomsky 6s 1s infinite linear;
    -ms-animation: zoomsky 6s 1s infinite linear;
    -o-animation: zoomsky 6s 1s infinite linear;
    animation: zoomsky 6s 1s infinite linear;}

 @keyframes zoomsky{
    0%{
       transform: scale(1);       
    }
    80%{        
        opacity: 1;
     }
    100%{
        transform: scale(1.5);
        opacity: 0.8;
    }

 }