/*** 

====================================================================
	Resources / Css Files
====================================================================

 ***/
    
    @import url('animate.css');
    @import url('hover.css');
    @import url('timeline.min.css');
    @import url('owl.css');
    @import url('swiper.min.css');
    @import url('fontawesome-all.css');
    @import url('flaticon.css');
    @import url('jquery.fancybox.min.css');
    @import url('custom-animate.css');
    @import url('global.css');
    @import url('baes.css');
    @import url('room_list_v2.css');
    @import url('room_list_v1.css');
    /*** 
   
   ====================================================================
         File Section
   ====================================================================
   
   ***/
.contact-section .row,.strength-secton .row{
    margin-left: 0;
    margin-right: 0
  }
    
    .file-section {
        margin-top: -60px;
        background: #061d3b;
        padding: 0 0 40px;
    }
    
    .file-section .inner-box_b {
        margin-bottom: 20px;
    }
    
    .project-block-one {
        position: relative;
        padding: 0 1px;
        margin: 0 0 20px;
    }
    
    .our-projects.style-two .project-block-one {
        position: relative;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    
    .project-block-one .inner-box {
        position: relative;
    }
    
    .image {
        position: relative;
        overflow: hidden;
    }
    
    .image img {
        width: 100%;
        transition: all 8s cubic-bezier(0, 0, 0.2, 1);
        transition-delay: .2s;
        display: block;
        transform: scale(1.05);
    }
    
    .inner-box:hover .image img {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    
    .project-block-one .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 40px 45px;
    }
    
    .project-block-one .overlay:before {
        position: absolute;
        content: '';
        background: #222;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: scale(0, 1);
        transition: all .5s linear;
    }
    
    .project-block-one .inner-box:hover .overlay:before {
        transform: scale(1, 1);
        opacity: .1;
    }
    
    .project-block-one .overlay a {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 38px;
        color: #fff;
        transition: .5s linear;
        opacity: 0;
        transition-delay: .4s;
        width: 100%;
        height: 100%;
    }
    
    .project-block-one .inner-box:hover .overlay a {
        opacity: 1;
        transition-delay: 0s;
    }
    
    .fancybox-toolbar {
        top: 90%;
        left: 65%;
        transform: translate(-50%, -50%);
    }
    
    .fancybox-button,
    .fancybox-button:link,
    .fancybox-button:visited {
        color: #56c4e9;
    }
    /***

==================================================================
		History Section
==================================================================

***/
    
    .history-section {
        background: #0f2237;
        padding: 60px 0;
    }
    
    .history-block {
        position: relative;
    }
    
    .history-block:nth-child(odd) .inner-box {
        transform: translateX(50%);
    }
    
    .history-block .inner-box {
        position: relative;
    }
    
    .history-block .date {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    .history-block .content {
        position: relative;
    }
    
    .history-block .content .image {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .5s ease;
        width: 100%;
        max-width: 180px;
    }
    .history-block .content .image img{
        width: 100%
    }
    .history-block .inner-box:hover .content .image {
        opacity: 1;
    }
    
    .history-block .content .text {
        color: #fff;
        transition: all .5s ease;
    }
    
    .history-block .inner-box:hover .content .text {
        opacity: 0;
    }
    
    .timeline--horizontal .timeline-divider {
        background: #31333e;
        height: 2px;
    }
    
    .timeline--horizontal .timeline__item:after {
        left: 0;
        transform: translate(0, -50%);
        border: 0px;
        border-radius: 0;
        background: #1aabde;
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }
    
    .timeline__content {
        border-radius: 0px;
        border: 0px;
        border-left: 1px solid #3c3e49;
        background: transparent;
        padding-top: 30px;
        padding-bottom: 30px;
        height: 260px;
    }
    
    .timeline__item--bottom .timeline__content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .timeline--horizontal .timeline__item .timeline__content:before {
        display: none;
    }
    
    .timeline--horizontal .timeline__item .timeline__content:after {
        display: none;
    }
    
    .timeline__content .date {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 30px;
        line-height: 1em;
    }
    
    .timeline__content .content {
        position: relative;
    }
    
    .timeline__content .content .image {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .5s ease;
    }
    
    .timeline__content:hover .content .image {
        opacity: 1;
    }
    
    .timeline__content .content .text {
        color: #fff;
        transition: all .5s ease;
        font-size: 13px;
    }
    
    .timeline__content:hover .content .text {
        opacity: 0;
    }
    
    .timeline-nav-button {
        background-color: transparent;
    }
    /***

==================================================================
		Honor Section
==================================================================

***/
    
    .honor-section {
        padding: 60px 0;
        background: #0d1f3a;
    }
    
    .honor-block-one {
        margin: 0 10px;
    }
    
    .honor-block-one .inner-box {
        padding: 15px;
        border: 1px solid #fff;
        margin-bottom: 20px;
    }
    
    .three-item-carousel {
        position: relative;
    }
    
    .three-item-carousel .owl-nav .owl-next,
    .three-item-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        left: -60px;
        margin-top: -30px;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }
    
    .three-item-carousel .owl-nav .owl-prev {
        left: -60px;
        
    }
    
    .three-item-carousel .owl-nav .owl-next {
        left: initial;
        right: -60px;
    }
    
    .three-item-carousel .owl-nav .owl-prev span,
    .three-item-carousel .owl-nav .owl-next span {
        font-size: 48px;
        color: #fff;
        font-weight: initial;
    }
    
    .three-item-carousel .owl-nav .owl-next:hover span,
    .three-item-carousel .owl-nav .owl-prev:hover span {
        color: #1aabde;
    }
    /***

==================================================================
		Honor Section
==================================================================

***/
    
    .strength-secton {
        padding: 60px 0;
        background: #0e2844;
    }
    
    .strength-secton .inner-box {
        padding: 60px;
        border: 1px solid #1aabde;
        text-align: center;
    }
    
    .strength-secton .inner-box .icon i {
        font-size: 72px;
        color: #1aabde;
    }
    
    .strength-secton .inner-box .title {
        font-size: 30px;
        color: #fff;
        margin: 30px 0 0;
    }
    /***

==================================================================
	Contact Section
==================================================================

***/
    
    .contact-section {
        padding: 60px 0;
        background: #0d1f3a;
    }
    
    .contact-section .inner-box {
        padding: 60px 40px;
        text-align: center;
        border: 1px solid #1aabde;
        margin-bottom: 30px;
        height: 300px;
    }
    
    .contact-section .inner-box h3 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .contact-section .inner-box h6 {
        font-size: 22px;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .contact-section .inner-box p {
        font-size: 18px;
        color: #fff;
    }
    /***

==================================================================
	Contact Section
==================================================================

***/
    
    .contact-map-secton {
        padding: 60px 0 0;
        background: #0a2349;
        height: 700px;
    }
    
    .contact-qr {
        display: table;
        justify-items: center;
        margin: 0 auto;
    }
    
    .contact-qr ul {
        text-align: center;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .contact-qr li {
        width: 115px;
        float: left;
        margin: 0 20px;
    }
    
    .contact-qr li img {
        width: 115px;
        height: 115px;
    }
    
    .contact-qr li .text {
        text-align: center;
        font-size: 18px;
        color: #fff;
        margin: 10px 0 0;
    }
    
    .map-box {
        margin: 60px 0 0;
    }
    
    #map {
        width: 100%;
        height: 450px;
        background: #000;
    }
    /*** 
   
   ====================================================================
        System Section
   ====================================================================
   
 ***/
    
    .system-secton {
        padding: 60px 0;
        background: #0d1f3a;
        background-size: cover;
    }
    
    .system-secton .inner-box .bd-type {
        position: relative;
        margin: 0 10px;
        width: 100%;
        height: auto;
        padding: 200px 60px;
    }
    
    .system-secton .inner-box .bd-type .ico-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .system-secton .inner-box .bd-type .ico-img img {
        width: 100%;
    }
    
    .system-secton .inner-box .bd-type h6 {
        font-size: 36px;
        color: #fff;
        margin-bottom: 15px;
    }
    
    .system-secton .inner-box .bd-type p {
        font-size: 18px;
        color: #fff;
    }
    
    .pc_file {
        display: block;
    }
    
    .moible_1200 {
        display: none;
    }
    /* 响应 */
        @media only screen and (max-width:1440px){
                       .system-secton .inner-box .bd-type {
        padding: 160px 45px;
    }

        }
    @media only screen and (max-width:1400px) {
        .timeline--horizontal .timeline__item {
            width: 240px;
        }
        .timeline__content .content .text {
            width: 240px;
        }
        .honor_box {
            width: 90%;
            margin: 0 auto;
        }
        .three-item-carousel .owl-nav .owl-prev span,
        .three-item-carousel .owl-nav .owl-next span {
            font-size: 48px;
        }
        .strength-secton .inner-box {
            padding: 60px 30px;
            border: 1px solid #1aabde;
            text-align: center;
        }
        .mr-60 {
            margin-right: 0 !important;
        }

        .system-secton .inner-box .bd-type h6 {
            font-size: 24px;
        }
        .system-secton .inner-box .bd-type p {
            font-size: 14px;
        }
 
    }
    
    @media only screen and (max-width:1200px) {
        .pc_file {
            display: none;
        }
        .moible_1200 {
            display: block;
        }
        .file-section .five-item-carousel .owl-nav {
            display: none;
        }
        .file-section .five-item-carousel {
            position: relative;
        }
        .file-section .five-item-carousel .owl-dots .owl-dot {
            background-color: transparent;
            cursor: pointer;
            margin: 3px;
            width: 20px;
            height: 3px;
            border-radius: 0;
            opacity: 1;
            transition: all 0.3s ease-in-out;
            float: left;
            background: #fff;
        }
        .file-section .five-item-carousel .owl-dots {
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%);
        }
        .file-section .five-item-carousel .owl-dots .owl-dot.active,
        .file-section .five-item-carousel .owl-dot:hover {
            border-radius: 20px;
            background-color: #019bec;
            border-color: #fff;
        }
                               .system-secton .inner-box .bd-type {
        padding: 130px 45px;
    }
    }
    
    @media only screen and (max-width:1024px) {
        .contact-section .inner-box {
            padding: 45px 10px;
        }
        .contact-qr {
            width: 40%;
        }
        .strength-secton .fun-block-one .inner-box {
            margin-bottom: 10px;
        }
        .system-secton .inner-box .bd-type {
        padding: 110px 40px;
    }
    }
    
    @media only screen and (max-width:991px) {
        .contact-qr {
            width: 50%;
        }
        .mr-60 {
            margin-right: 0 !important;
        }
        .col-md-6 {
            -ms-flex: 0 0 33%;
            flex: 0 0 33%;
            max-width: 33%;
        }
        .system-secton .col-md-6,.contact-section .col-md-6{
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .system-secton .inner-box .bd-type {
            padding: 150px 38px;
        }
        .system-secton .inner-box{
            margin-bottom: 30px;
         }
    }
    
    @media only screen and (max-width:640px) {
        .system-secton,
        .contact-section {
            padding: 45px 0 30px;
        }
        .contact-qr {
            width: 90%;
        }
        .three-item-carousel .owl-nav .owl-prev span,
        .three-item-carousel .owl-nav .owl-next span {
            font-size: 30px;
        }
        .three-item-carousel .owl-nav .owl-prev {
            left: 0px;
           
        }
        .three-item-carousel .owl-nav .owl-next {
             left: initial;
            right: 0;
        }
        .sec-title.light .text {
            width: 100%;
        }
        .column-type .col-sm-6,.col-md-4,.strength-secton .col-lg-3 {
            -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
            max-width: 50% !important
        }
        .system-secton .inner-box {
            height: 410px;
        }
        .strength-secton .inner-box .icon i {
            font-size: 48px;
        }
        .strength-secton .inner-box {
            padding: 25px 10px;
        }
        .system-secton .fun-block-one {
            display: inline-block;
            margin-bottom: 25px;
        }
        .system-secton .inner-box .bd-type .ico-img {
            left: 47%;
            transform: translate(-50%);
        }
        .contact-section .inner-box {
            height: auto;
        }
        .map-box {
            margin: 30px 0;
            height: 400px;
        }
        .online-message .col-md-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .system-secton .col-md-6,.contact-section .col-md-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }