/***

====================================================================
	Fonts
====================================================================

***/


/* font-family: '思源黑体', serif;
font-family   : 'Lato', sans-serif; */

@import url('baes.css');
@import url('pe-icon-7-stroke.css');
@import url('simple-line-icons.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.timepicker.min.css');
@import url('style.css');

/***

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section {
    position: relative;
    padding: 80px 0px 80px;
}

.contact-page-section .department-block .inner-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 45px 45px 40px;
    border: 1px solid #dddddd;
}

.contact-page-section .department-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    background-color: #e95e1d;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.contact-page-section .department-block .inner-box:hover::before {
    width: 100%;
}

.contact-page-section .department-block .inner-box .upper-box {
    position: relative;
    padding-top: 20px;
    padding-left: 95px;
}

.contact-page-section .department-block .inner-box .upper-box .icon {
    position: absolute;
    left: 40%;
    top: 0px;
    color: #b0b0b0;
    font-size: 66px;
    line-height: 1em;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.contact-page-section .department-block .inner-box .text {
    position: relative;
    margin-top: 70px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.contact-page-section .department-block .inner-box .text h6 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.contact-page-section .department-block .inner-box .text p {
    font-size: 14px;
    color: #777;
}

.contact-page-section .department-block .inner-box:hover {
    border-color: #e95e1d;
}

.contact-page-section .department-block .inner-box:hover .text h6,
.contact-page-section .department-block .inner-box:hover .text p,
.contact-page-section .department-block .inner-box:hover .upper-box .icon {
    color: #ffffff;
}

.contact-map-section {
    position: relative;
}

.contact-map-section .auto-container {
    position: relative;
}

#dituContent {
    height: 550px;
}

#dituContent img {
    max-width: none;
}

.contact-map-section .outer-container {
    position: relative;
}

.contact-map-section .outer-container .map-content {
    position: relative;
    right: 0px;
    top: 0px;
    z-index: 20;
    width: 100%;
    float: right;
    max-width: 470px;
    padding: 60px 35px 70px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.contact-map-section .map-content .title {
    position: relative;
    color: #363636;
    font-size: 20px;
    font-weight: 700;
}

.contact-map-section .map-content h2 {
    position: relative;
    color: #363636;
    font-size: 36px;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 50px;
}

.contact-map-section .map-content .info-list {
    position: relative;
}

.contact-map-section .map-content .info-list li {
    position: relative;
    margin-bottom: 22px;
    color: #666666;
    font-size: 18px;
    padding-left: 25px;
}

.contact-map-section .map-content .info-list li .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 16px;
    color: #1e69b8;
}

.contact-map-section .map-content .social-icons {
    position: relative;
    margin-top: 40px;
}

.contact-map-section .map-content .social-icons li {
    position: relative;
    margin-right: 18px;
    display: inline-block;
}

.contact-map-section .map-content .social-icons li a {
    position: relative;
    color: #333333;
    font-size: 16px;
}

.contact-map-section .map-canvas {
    position: absolute !important;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.map-data {
    text-align: center;
    color: #0e2a4e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212;
}

@media only screen and (max-width:1024px) {
    .department-block .inner-box {
        margin-bottom: 30px;
    }
    .contact-page-section {
        padding: 30px 0;
    }
    .contact-page-section .department-block .inner-box .upper-box .icon {
        font-size: 48px !important;
    }
    .contact-page-section .department-block .inner-box .text {
        margin-top: 45px !important;
    }
    #dituContent {
        height: 300px;
    }
}