@import url('../vendor/bootstrap/css/bootstrap.min.css');
@import url('../vendor/Camera-master/css/camera.css');
@import url('../vendor/menu/dist/css/slimmenu.css');
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');

/*-------- animated css ------*/

@import url('../vendor/WOW-master/css/libs/animate.css');

/*--------- flat-icon ---------*/

@import url('../fonts/icon/font/flaticon.css');

/*----font awesome -------*/

@import url('https://s2.pstatp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css');

/*----------- Fancybox css -------*/

@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');

/*------------- Map -------------*/

@import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css');

/*----calendar css--------*/

@import url('../vendor/monthly-master/css/monthly.css');

/*----Time-picker---------*/

@import url('../vendor/time-picker/jquery.timepicker.css');

/*----jquery ui css-------*/

@import url('../vendor/jquery-ui/jquery-ui.css');

/*** ====================================================================  Loading Transition==================================================================== ***/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
    overflow: hidden;
}

#loader {
    background: url(../images/1.gif);
    width: 64px;
    height: 40px;
    position: relative;
    top: 50%;
    margin: -20px auto 0 auto;
}


/*==================== Click Top ====================*/

.scroll-top {
    width: 25px;
    height: 25px;
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 99;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: none;
    cursor: pointer;
    border-radius: 3px;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


/*______________________ Global stlye ___________________*/

body {
    font-weight: normal;
    color: #666;
    font-size: 15px;
    position: relative;
}

.main-page-wrapper {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #181818;
}

h1 {
    /*font-size: 70px;*/
    font-weight: 700;
    line-height: 75px;
}

h2 {
    font-size: 35px;
    font-weight: normal;
    line-height: 40px;
}

h3 {
    font-size: 28px;
    font-weight: 700;
}

h4 {
    font-size: 24px;
    font-weight: 700;
}

h5 {
    font-size: 20px;
    font-weight: normal;
}

h6 {
    font-size: 20px;
    font-weight: normal;
}

p {
    line-height: 25px;
}

ul {
    list-style-type: none;
}

body a {
    text-decoration: none;
    color: #777777;
    display: inline-block;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
    display: block;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0;
    cursor: pointer;
}

button:focus {
    outline: none;
}

input,
textarea {
    outline: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

.section-spacing {
    margin-bottom: 55px;
}

.m-top0 {
    margin-top: 0 !important;
}

.m-bottom0 {
    margin-bottom: 0 !important;
}

.p-bottm0 {
    padding-bottom: 0 !important;
}

.no-border {
    border: none !important;
}


/*--------------------- Transition --------------------*/

.tran3s,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.switcher .switch-btn button,
.switcher .switch-menu h5.title,
#mega-menu-holder>ul>li>a:before,
#mega-menu-holder ul.dropdown li a:before,
body .theme-button-one,
.feature-work .single-feature .learn-more,
.about-compnay .image-wrapper .image-box .overlay,
.video-presentation .video-player .play-button,
.latest-project .single-block .overlay,
.owl-theme .owl-nav [class*=owl-],
.our-blog .single-blog-meta .text .post-info li a,
.theme-footer-one .top-footer ul li a,
.main-footer-widget .list-widget ul li a,
.social-icon li a,
.theme-main-header .top-header p a,
.service-style-two .single-block .img-box .overlay,
.theme-pagination ul li a,
.nav-tabs .nav-link,
.our-portfolio .single-block .overlay,
.theme-sidebar .sidebar-categories ul li a,
.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay,
.theme-sidebar .sidebar-tags ul li a,
.theme-sidebar .sidebar-latest-news .single-latest-news .news-title {
    transition: all .3s ease-in-out;
}

.tran4s,
.latest-project .single-block img,
.our-blog .single-blog-meta .img-box img,
.service-style-two .single-block .img-box img,
.our-portfolio .single-block:hover img,
.theme-sidebar .sidebar-latest-news .single-latest-news .img-box img {
    transition: all .4s ease-in-out;
}


/*----------------- Theme button ------------------*/

body .theme-button-one {
    line-height: 52px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    width: 180px;
    text-align: center;
}

body .theme-button-one:hover {
    background: #151515;
}


/*------------------- Theme Title ------------------*/

.theme-title-one {
    position: relative;
}

.theme-title-one .title {
    position: relative;
    padding-bottom: 24px;
}

.theme-title-one .title:before {
    content: '';
    width: 62px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.theme-title-one.text-center .title:before {
    left: 50%;
    margin-left: -31px;
}


/*------------------- Theme Pagination ------------------*/

.theme-pagination ul {
    margin-top: 80px;
    display: inline-block;
    border: 1px solid #d9d9d9;
}

.theme-pagination ul li {
    float: left;
}

.theme-pagination ul li a {
    display: block;
    color: #181818;
    width: 48px;
    line-height: 48px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
}

.theme-pagination ul li:last-child a {
    border: none;
}

.theme-pagination ul li a:hover,
.theme-pagination ul li.active a {
    color: #fff;
}

.theme-pagination ul li.active a {
    cursor: default;
}


/*--------------------------- Theme Header  ---------------------*/

.theme-main-header {
    position: relative;
}

.theme-main-header .top-header {
    background: #fff;
    padding: 10px 0;
}

@media only screen and (max-width: 750px) {
    .theme-main-header .top-header {
        display: none;
    }
}

@media only screen and (min-width: 751px) {
    .theme-main-header .top-header {
        display: block;
    }
}

@media only screen and (min-width: 1201px) {
    .theme-main-header .top-header {
        display: block;
    }
}

.theme-main-header .top-header p {
    font-size: 13px;
}

.theme-main-header .top-header.bg-color p,
.theme-main-header .top-header.bg-color p a {
    color: #fff;
}

.theme-main-header .top-header.bg-color p:hover a {
    color: rgba(255, 255, 255, 0.6);
}

.theme-main-header .middle-header {
    background: #181818;
    padding: 38px 0;
}

.theme-main-header .middle-header .logo {
    float: left;
}

.theme-main-header .middle-header .our-address {
    float: right;
}

.theme-main-header .middle-header .our-address li {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    vertical-align: middle;
    margin: 12px 0 0 52px;
}

.theme-main-header .middle-header .our-address li:first-child {
    margin-left: 0;
}

.theme-main-header .middle-header .our-address li p {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}

.theme-main-header .middle-header .our-address li p a {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

.theme-main-header .middle-header .our-address li .icon {
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 30px;
}


/*----s首页 优势----*/

.youshi {
    margin: 30px auto;
}

@media only screen and (max-width: 750px) {
    .youshi li {
        width: 100%;
    }
    .youshi {
        width: 94%;
    }
}

@media only screen and (min-width: 751px) {
    .youshi {
        width: 94%;
        display: flex;
        justify-content: space-between;
    }
    .youshi li {
        width: 50%;
    }
}

@media only screen and (min-width: 1201px) {
    .youshi {
        width: 1280px;
    }
    .youshi {
        display: flex;
        justify-content: space-between;
    }
    .youshi li {
        width: 24%;
    }
}

.youshi img {
    width: 100%
}

.youshi li {
    background: #f6f6f6;
    padding-top: 40px;
    text-align: center;
}

.youshi li:hover {
    background: #408ed4;
}

.youshi li:hover h2,
.youshi li:hover p {
    color: #fff;
}

.youshi li h2 {
    font-size: 24px;
    line-height: 33px;
    color: #408ed4;
}

.youshi li p {
    height: 100px;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
}


/*----首页资质滚动----*/

.sy_case {
    width: 100%;
    background: #1c1e22;
    padding: 50px 0 50px;
}

.espcms_piclist_slide1 {
    overflow: hidden;
    padding: 0px 14px 40px 14px;
    height: 450px;
    width: 1280px;
    margin: 25px auto 0
}

.espcms_piclist_slide1 ul li {
    float: left;
    margin: 0 10px 15px 0;
    position: relative;
    background: #fff;
    transition: all .5s linear;
}

.espcms_piclist_slide1 ul li:hover a {
    color: #ffa800
}

.espcms_piclist_slide1 li .pic {
    width: 280px;
    height: 380px;
    margin: 0 auto
}

.espcms_piclist_slide1 li .pic img {
    width: 280px;
    height: 380px;
}

.espcms_piclist_slide1 li p {
    text-align: left;
    font-size: 16px;
    z-index: 99;
    position: relative;
}

.espcms_piclist_slide1 li p a {
    color: #777;
    font-size: 16px;
}

.espcms_piclist_slide1 li .lm {
    width: 94%;
    float: left;
    padding: 20px 0 20px 20px;
    font-size: 20px;
    font-weight: bold;
    background: #ececec;
    text-align: center;
}

.espcms_piclist_slide1 li .lm .t14 {
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    color: #333;
}

.espcms_piclist_slide1 li .lm a {
    color: #777;
    font-size: 14px;
    line-height: 33px;
}

.espcms_piclist_slide1 li .butt {
    background: #0e88dd;
    float: right;
    line-height: 55px;
    width: 111px;
    text-align: center;
    border-radius: 8px;
    margin-top: 20px;
    margin-right: 20px;
    color: #fff
}

.espcms_piclist_slide1 li p:hover {
    background: #2b5eb7;
    color: #fff;
}

.espcms_piclist_slide1 li:hover .t14 {
    color: #fff
}

.espcms_piclist_slide1 li p:hover a {
    color: #fff
}

.espcms_piclist_slide1 li .case_more {
    width: 60px;
    margin: 0 auto;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #a9a9a9;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #604a32;
    z-index: 99;
    position: relative
}

.espcms_piclist_slide1 li .case_more a {
    color: #604a32;
}

.espcms_piclist_slide1 li .case_more div a {
    color: #a9a9a9;
}

.ny_sb {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px
}


/*------------------------ Theme menu --------------------*/

.theme-header-one .theme-menu-wrapper {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 9;
    padding-top: 33px;
}

.theme-header-one .theme-menu-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.theme-menu-wrapper .inner-wrapper {
    position: relative;
}

.theme-menu-wrapper .logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 350px
}

.theme-header-two #mega-menu-holder>ul>li>a {
    color: #181818;
    padding: 20px 0;
    margin: 0 13px;
}

.theme-header-two #mega-menu-holder>ul>li:first-child>a {
    margin-left: 0;
}

.theme-header-two #mega-menu-holder>ul>li>a:before {
    display: none;
}

.theme-header-two #mega-menu-holder li .sub-toggle {
    display: block;
}

.theme-header-two #mega-menu-holder>ul>li.has-submenu>a {
    padding-right: 15px;
}

.theme-header-two #mega-menu-holder ul.dropdown li:first-child>a {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.theme-header-two .social-icon li {
    display: inline-block;
    margin: 18px 3px 0 0;
}

.theme-header-two .social-icon li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #777777;
    border-radius: 50%;
}

.theme-header-two .social-icon li a:hover {
    color: #fff;
}


/*================= Sticky Menu ===============*/

@-webkit-keyframes menu_sticky {
    0% {
        margin-top: -75px;
        opacity: 0;
    }
    50% {
        margin-top: -64px;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes menu_sticky {
    0% {
        margin-top: -75px;
        opacity: 0;
    }
    50% {
        margin-top: -64px;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.theme-menu-wrapper.fixed {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #408ed4;
    margin: 0;
    padding-top: 0;
    box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15);
    -webkit-animation: menu_sticky 0.7s ease-in-out;
    animation: menu_sticky 0.7s ease-in-out;
}

.theme-menu-wrapper.fixed #mega-menu-holder>ul>li>a {
    padding-bottom: 30px;
}

.theme-header-two .theme-menu-wrapper.fixed {
    background: #fff;
}

.theme-header-two .theme-menu-wrapper.fixed #mega-menu-holder>ul>li>a {
    padding-top: 30px;
    padding-bottom: 30px;
}


/*---------------------------- Theme Main Banner -------------------------*/

.camera_wrap {
    float: none;
}

#theme-main-banner .camera_overlayer {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 30, 30, 0.5);
}

#theme-main-banner .main-container {
    position: relative;
}

#theme-main-banner .camera_caption {
    height: 100%;
}

#theme-main-banner .container {
    position: relative;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#theme-main-banner.banner-one .container {
    margin-top: 60px;
}

#theme-main-banner .camera_caption>div {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-shadow: none;
    left: 0;
    padding: 0;
}

#theme-main-banner .camera_caption h2 {
    color: #fff;
    text-transform: capitalize;
}

#theme-main-banner .camera_caption h2 span {
    display: block;
    font-size: 50px;
}

#theme-main-banner .camera_caption p {
    color: #fff;
    margin: 18px auto 35px auto;
}

#theme-main-banner.banner-one .camera_caption p {
    width: 63%;
}

#theme-main-banner.banner-two .camera_caption p {
    width: 48%;
    margin-left: 0;
    margin-right: 0;
}

#theme-main-banner .camera_prev,
#theme-main-banner .camera_next {
    background: transparent;
}

#theme-main-banner .camera_prev span,
#theme-main-banner .camera_next span {
    background: none;
    position: relative;
    width: auto;
    height: auto;
    position: relative;
    width: 100px;
}

#theme-main-banner .camera_prev span {
    right: 20px;
}

#theme-main-banner .camera_next span {
    right: 97px;
}

#theme-main-banner .camera_prev span:before,
#theme-main-banner .camera_next span:before {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    top: 0;
    right: 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 15px 13px;
    transform: rotate(-90deg);
    writing-mode: vertical-rl;
    text-orientation: sideways-right;
}

#theme-main-banner .camera_prev span:before {
    content: '<';
}

#theme-main-banner .camera_next span:before {
    content: '>';
}

#theme-main-banner .camera_prev:before,
#theme-main-banner .camera_next:before {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
}

#theme-main-banner .consultation-form {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#theme-main-banner .consultation-form form {
    background: #fff;
    padding: 55px 30px;
    border-radius: 10px;
    width: 370px;
}

#theme-main-banner .consultation-form h3 {
    text-align: center;
    margin-bottom: 20px;
}

#theme-main-banner .consultation-form form input {
    width: 100%;
    height: 52px;
    border: 1px solid #e9e9e9;
    background: #f2f2f2;
    font-size: 14px;
    padding: 0 20px;
    margin-bottom: 10px;
    font-style: italic;
}

#theme-main-banner .consultation-form form button {
    margin: 0 auto;
}


/*--------------------------- Feature Work ---------------------*/

.feature-work .single-feature .title {
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 20px;
}

.feature-work .single-feature .title:before {
    content: '';
    width: 23px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.feature-work .single-feature p {
    padding-right: 60px;
}

.feature-work .single-feature .learn-more {
    text-decoration: underline;
    margin-top: 25px;
    text-transform: capitalize;
}

.feature-work .single-feature .learn-more:hover {
    color: #000;
}


/*---------------------------- About Company -----------------------*/

.about-compnay.styleone .left-side {
    background: #f6f6f6;
    padding: 200px 0 210px 0;
}

.about-compnay.styleone .left-side .inner-content {
    padding-left: 15px;
}

.about-compnay.styleone .left-side .inner-content .main-wrapper {
    float: right;
    max-width: 720px;
    padding-right: 120px;
}

.about-compnay .theme-title-one {
    margin-bottom: 30px;
}

.about-compnay .text-wrapper p {
    margin-bottom: 22px;
    text-indent: 2em;
}

.about-compnay .text-wrapper ul {
    margin: 0 -20px;
    padding: 10px 0 18px 0;
}

.about-compnay .text-wrapper ul li {
    float: left;
    width: 50%;
    padding: 0 20px;
    line-height: 35px;
}

.about-compnay .text-wrapper ul li span {
    display: block;
    color: #0a0a0a;
    position: relative;
    padding-left: 18px;
}

.about-compnay .text-wrapper ul li span:before {
    content: '';
    line-height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    color: #bbbbbb;
}

.about-compnay .text-wrapper .theme-button-one {
    margin-top: 30px;
}

.about-compnay .image-wrapper {
    height: 891px;
}

.about-compnay .image-wrapper .full-height {
    height: 100%;
}

.about-compnay .image-wrapper .half-height {
    height: 50%;
}

.about-compnay .image-wrapper .image-box {
    position: relative;
    overflow: hidden;
}

.about-compnay .image-wrapper .image-box .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(1.5);
}

.about-compnay .image-wrapper .image-box:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

.about-compnay .image-wrapper .image-box .overlay .single-counter-box {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 9;
}

.about-compnay .image-wrapper .image-box .single-counter-box .number {
    font-weight: 700;
    font-size: 80px;
    color: #fff;
}

.about-compnay .image-wrapper .image-box .single-counter-box p {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    margin-top: -8px;
}

.about-compnay .about-feature .single-feature {
    border: 1px solid #e6e6e6;
    background: #fafafa;
    padding: 20px 15px 30px 30px;
    margin-bottom: 20px;
}

.about-compnay .about-feature .single-feature .icon {
    font-size: 32px;
}

.about-compnay .about-feature .single-feature .title a {
    color: #333333;
    margin: 0 0 3px 0;
}


/*---------------------- Video Presentation --------------------*/

.video-presentation .video-player {
    background: url(../images/home/4.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    position: relative;
    height: 376px;
    box-shadow: 2.481px 12.761px 23px 0px rgba(213, 213, 213, 0.75);
}

@keyframes hvr-ripple-out {
    0% {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1;
    }
    100% {
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out-two {
    0% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 1;
    }
    100% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 0;
    }
}

.video-presentation .video-player .play-button {
    width: 92px;
    height: 92px;
    margin: 0 auto;
    text-align: center;
    line-height: 92px;
    font-size: 18px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.video-presentation .video-player .play-button:before {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.video-presentation .video-player .play-button:before {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 1px solid #fff;
    -webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
    animation: hvr-ripple-out 1.2s ease-in-out infinite;
}

.video-presentation .video-player .play-button:hover {
    color: #fff;
}

.video-presentation .video-length {
    text-align: right;
    position: relative;
    margin: 24px 0 0 0;
    z-index: 9;
}

.video-presentation .video-length:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    top: 13px;
    left: 0;
    z-index: -1;
}

.video-presentation .video-length span {
    display: inline-block;
    padding: 0 18px;
    font-size: 13px;
    margin-right: 30px;
    background: #fff;
}

.video-presentation .counter-text-wrapper li {
    float: left;
    width: 33.33333333%;
    text-align: center;
    margin-top: 30px;
}

.video-presentation .counter-text-wrapper li .number {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: -4px;
}

.video-presentation .counter-text-wrapper li p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}

.video-presentation .counter-text-wrapper li:nth-child(2) {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.video-presentation .info-text-wrapper {
    padding-left: 60px;
    text-align: center;
}

.video-presentation .info-text-wrapper .theme-title-one {
    margin: 42px 0 30px 0;
}

.video-presentation .info-text-wrapper .help {
    font-weight: 600;
    color: #181818;
    margin: 20px 0 10px 0;
}

.video-presentation .info-text-wrapper .help span {
    font-size: 25px;
    font-weight: 700;
}

.video-presentation .info-text-wrapper .help a {
    font-size: 19px;
    font-weight: normal;
    margin-top: 3px;
}

.video-presentation .info-text-wrapper ul {
    width: 75%;
    margin: 18px auto 0 auto;
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
}

.video-presentation .info-text-wrapper ul li {
    float: left;
    width: 50%;
    padding-left: 30px;
    text-align: left;
}

.video-presentation .info-text-wrapper ul li img {
    margin: 0 auto;
}

.video-presentation .info-text-wrapper ul li .name {
    font-weight: 700;
    color: #181818;
}

.video-presentation .info-text-wrapper ul li span {
    font-size: 13px;
}

.video-presentation .info-text-wrapper ul li:last-child {
    border-left: 1px solid #e3e3e3;
}


/*----------------------- Service Style One -------------------*/

.service-style-one {
    padding: 150px 0;
    position: relative;
}

.service-style-one .section-bg-half {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    z-index: -1;
}

.service-style-one .section-bg-half .opacity {
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.88);
}

.service-style-one .left-half {
    background: url(../images/home/6.jpg) no-repeat center center;
    background-size: cover;
    left: 0;
}

.service-style-one .right-half {
    background: url(../images/home/5.jpg) no-repeat center center;
    background-size: cover;
    right: 0;
}

.service-style-one .main-container {
    max-width: 1365px;
    padding: 0 15px;
    margin: 0 auto;
}

.service-style-one .main-container .main-bg-wrapper {
    background: rgba(255, 255, 255, 0.99);
    padding: 95px 0 45px 0;
}

.service-style-one .main-container .left-side {
    float: left;
    width: 35%;
}

.service-style-one .main-container .left-side p {
    padding: 20px 0 40px 0;
}

.service-style-one .main-container .right-side {
    float: left;
    width: 65%;
    padding-left: 70px;
}

.service-style-one .main-container .single-service {
    position: relative;
    margin-bottom: 50px;
}

.service-style-one .main-container .single-service .srvc-name {
    margin-left: 60px;
    padding-left: 20px;
    border-left: 1px solid #e3e3e3;
}

.service-style-one .main-container .single-service .srvc-name span {
    font-size: 13px;
    font-style: italic;
}

.service-style-one .main-container .single-service .srvc-name h6 a {
    color: #181818;
}

.service-style-one .main-container .single-service p {
    padding-top: 20px;
}

.service-style-one .main-container .single-service .icon {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 42px;
}


/*--------------------------- Latest Project -----------------*/

.latest-project.bg-color {
    background: #181818;
    padding: 130px 0 140px 0;
}

.latest-project.bg-color .theme-title-one .title {
    color: #fff;
}

.latest-project .theme-title-one {
    margin-bottom: 60px;
}

.latest-project .row {
    margin-right: -1px;
    margin-left: -1px;
}

.latest-project .row [class*="col-"] {
    padding: 0 1px;
}

.latest-project .single-block {
    overflow: hidden;
    position: relative;
    margin-bottom: 2px;
}

.latest-project .single-block img {
    width: 100%;
}

.latest-project .single-block:hover img {
    transform: scale3D(1.1, 1.1, 1);
}

.latest-project .single-block .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0.5);
}

.latest-project .single-block:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

.latest-project .single-block .overlay>div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.latest-project .single-block .overlay a {
    color: #fff;
    font-weight: 700;
}

.latest-project .single-block .overlay span {
    font-size: 13px;
    font-style: italic;
    color: #fff;
}

.latest-project .view-all-project {
    width: 83%;
    margin: 75px auto 0 auto;
}

.latest-project .view-all-project p {
    width: 75%;
}

.latest-project.bg-color .view-all-project.text-center .theme-button-one:hover {
    background: #fff;
}


/*---------------------- FAQ Section ---------------------*/

.faq-section {
    background: #f6f6f6;
    padding: 135px 0 150px 0;
    position: relative;
}

.faq-section .man-image {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.faq-section .main-wrapper {
    float: right;
    width: 54%;
    position: relative;
    z-index: 9;
}

.faq-tab-wrapper .title {
    margin-bottom: 25px;
}

.accordion-one .panel-heading {
    padding: 0;
    border-radius: 0;
    border: none;
    background: #fff;
}

.accordion-one .panel-heading h6 a {
    font-size: 16px;
    color: #333333;
    padding: 17px 60px 17px 30px;
    display: block;
    position: relative;
}

.accordion-one .panel-group .panel {
    margin: 0 0 5px 0;
    box-shadow: none;
    border-radius: 0;
    border: none;
}

.accordion-one .panel-group .panel-heading a:before {
    content: "+";
    font-size: 19px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
}

.accordion-one .panel-group .panel-heading.active-panel a:before {
    content: "-";
}

.accordion-one .panel-group .panel-body {
    border: none;
    padding: 25px 55px 20px 45px;
    background: #f6f6f6;
}

.accordion-one .panel-group .panel-body p {
    border-left: 1px solid #e3e3e3;
    padding-left: 20px;
}


/*--------------------- Partner Section One ------------------*/

.partner-section-one {
    background: url(../images/home/7.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.partner-section-one .overlay {
    padding: 90px 0;
}

.partner-section-one .overlay img {
    margin: 0 auto;
}


/*---------------------- Call Back Form One ------------------*/

.call-back-form-one .theme-title-one {
    margin-bottom: 15px;
}

.call-back-form-one .theme-title-one .title:before {
    display: none;
}

.call-back-form-one form input,
.call-back-form-one form .form-control {
    width: 100%;
    height: 50px !important;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 0 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: none;
}

.call-back-form-one form textarea {
    width: 100%;
    max-width: 100%;
    height: 130px;
    max-height: 130px;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: none;
}

.call-back-form-one form button {
    margin: 0 auto;
}


/*--------------------- Testimonial Section One -----------------*/

.testimonial-section-one {
    background: url(../images/home/8.jpg) no-repeat center center;
    background-size: cover;
}

.testimonial-section-one .inner-wrapper {
    max-width: 1910px;
    padding: 150px 14% 150px 15px;
}

.testimonial-section-one .inner-wrapper .main-bg {
    float: right;
    position: relative;
    background: rgba(255, 255, 255, 0.87);
    padding: 35px 40px 45px 40px;
    border-radius: 10px;
    max-width: 550px;
    text-align: center;
}

.testimonial-section-one .inner-wrapper .main-bg .icon {
    font-size: 42px;
}

.testimonial-section-one .inner-wrapper .main-bg p {
    font-size: 18px;
    line-height: 30px;
    padding: 4px 0 22px 0;
}

.testimonial-section-one .inner-wrapper .main-bg .name {
    font-size: 22px;
}

.testimonial-section-one .inner-wrapper .main-bg span {
    font-size: 13px;
}

.testimonial-section-one .owl-theme .owl-nav [class*=owl-] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #fff;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: transparent;
    font-size: 18px;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}

.testimonial-section-one .owl-theme .owl-nav .owl-next {
    right: -125px;
}

.testimonial-section-one .owl-theme .owl-nav .owl-prev {
    left: -125px;
}

.testimonial-section-one .owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    color: #333333;
}


/*----------------------- Our Blog Grid ----------------------*/

.our-blog .theme-title-one {
    margin-bottom: 45px;
}

.blog-inner-page .single-blog-meta {
    margin-bottom: 40px;
}

.our-blog .single-blog-meta .img-box {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    background: #212121;
}

.our-blog .single-blog-meta .img-box img {
    width: 100%;
}

.our-blog .single-blog-meta:hover .img-box img {
    opacity: 0.8;
    transform: scale3D(1.1, 1.1, 1);
}

.our-blog .single-blog-meta .img-box .date {
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 30px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
}

.our-blog .single-blog-meta .text .post-info {
    display: inline-block;
    margin: 0 -6px;
}

.our-blog .single-blog-meta .text .post-info li {
    float: left;
    padding: 0 6px;
    font-size: 14px;
    font-style: italic;
}

.our-blog .single-blog-meta .text .post-info li a {
    color: #333;
    font-style: normal;
    font-size: 18px;
    font-weight: bold;
}

.our-blog .single-blog-meta .text .title {
    font-size: 14px;
    line-height: 23px;
}

.our-blog .single-blog-meta .text .title a {
    color: #999;
}

.our-blog .single-blog-meta .text p {
    padding-top: 10px;
}

.our-blog.center-text-blog .single-blog-meta .text {
    text-align: center;
}

.our-blog.center-text-blog .single-blog-meta .text .title {
    padding: 0 15px;
}


/*---------------------- Footer One ------------------------*/

.theme-footer-one {
    background: #222222;
    padding-top: 80px;
}

.theme-footer-one .top-footer {
    border-bottom: 1px solid #373737;
    position: relative;
    padding-bottom: 35px;
}

.theme-footer-one .top-footer ul li {
    display: inline-block;
    position: relative;
}

.theme-footer-one .top-footer ul li h6 {
    font-size: 16px;
    color: #777777;
}

.theme-footer-one .top-footer ul li a {
    font-size: 20px;
    color: #ffffff;
}

.theme-footer-one .top-footer ul li .icon {
    position: absolute;
    font-size: 35px;
    top: -3px;
}

.theme-footer-one .top-footer ul li:first-child {
    float: left;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #373737;
}

.theme-footer-one .top-footer ul li:last-child {
    float: right;
    padding-left: 20px;
    border-left: 1px solid #373737;
}

.theme-footer-one .top-footer ul li:first-child .icon {
    right: -50px;
}

.theme-footer-one .top-footer ul li:last-child .icon {
    left: -55px;
}

.theme-footer-one .top-footer .logo {
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
}

.theme-footer-one .main-footer-widget {
    padding: 45px 0 35px 0;
}

.main-footer-widget .title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}

.main-footer-widget .about-widget p:nth-child(2) {
    border-bottom: 1px solid #373737;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

.main-footer-widget .about-widget p span {
    color: #fff;
}

.main-footer-widget .list-widget ul li a {
    color: #777777;
    margin-bottom: 10px;
}

.main-footer-widget .list-widget ul li:last-child a {
    margin-bottom: 0;
}

.main-footer-widget .comment-widget ul li img {
    float: left;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    margin-top: 15px;
}

.main-footer-widget .comment-widget ul li .text {
    float: left;
    width: calc(100% - 58px);
    padding: 0 10px 0 15px;
}

.main-footer-widget .comment-widget ul li p a {
    color: #fff;
}

.main-footer-widget .comment-widget .date {
    font-size: 13px;
    margin-top: 10px;
}

.main-footer-widget .comment-widget .date i {
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
}

.main-footer-widget .comment-widget ul li {
    padding: 10px 0 22px 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #373737;
}

.main-footer-widget .comment-widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.main-footer-widget .subscribe-widget form {
    position: relative;
    height: 48px;
    margin-bottom: 20px;
}

.main-footer-widget .subscribe-widget form input {
    width: 100%;
    height: 100%;
    border: none;
    background: #2d2d2d;
    border-radius: 10px;
    padding: 0 58px 0 15px;
    color: #777777;
}

.main-footer-widget .subscribe-widget form button {
    position: absolute;
    width: 55px;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-size: 20px;
}

.main-footer-widget .social-icon li {
    display: inline-block;
    margin: 35px 5px 0 0;
}

.main-footer-widget .social-icon li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #2d2d2d;
    color: #777777;
    font-size: 13px;
}

.main-footer-widget .social-icon li a:hover {
    color: #fff;
}

.main-footer-widget .row [class*="col"] {
    margin-bottom: 45px;
}

.theme-footer-one .bottom-footer {
    background: #131313;
    text-align: center;
    padding: 22px 0;
}


/*---------------------- Footer Two ----------------------*/

.theme-footer-two {
    background: #222222;
    padding-top: 70px;
}

.theme-footer-two .main-footer-widget .about-widget p:nth-child(2) {
    border-bottom: none;
    border-top: 1px solid #373737;
    margin: 15px 0 0 0;
    padding: 20px 0 0 0;
}

.theme-footer-two .main-footer-widget .title {
    margin-top: 30px;
}

.main-footer-widget .twitter-widget ul li {
    padding: 10px 0 22px 40px;
    position: relative;
    margin-bottom: 16px;
    border-bottom: 1px solid #373737;
}

.main-footer-widget .twitter-widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.main-footer-widget .twitter-widget .date {
    font-size: 13px;
    margin-top: 10px;
}

.main-footer-widget .twitter-widget .date i {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
}

.main-footer-widget .twitter-widget a {
    color: #fff;
}

.main-footer-widget .twitter-widget .twitter {
    position: absolute;
    top: 5px;
    left: 0;
    color: #fff;
    font-size: 25px;
}

.theme-footer-two .main-footer-widget .row [class*="col"] {
    margin-bottom: 15px;
}

.theme-footer-two .main-footer-widget .subscribe-widget form {
    margin-bottom: 50px;
}

.theme-footer-two .bottom-footer {
    padding: 25px 0;
    margin-top: 65px;
}

.theme-footer-two .bottom-footer p {
    color: #fff;
}


/*------------------------ Feature Work Style Two --------------------*/

.feature-work-two .single-feature {
    text-align: center;
    padding: 65px 10% 85px 10%;
}

.feature-work-two .single-feature .icon {
    margin: 0 auto;
}

.feature-work-two .single-feature a {
    color: #fff;
    margin: 10px 0 20px 0;
}

.feature-work-two .single-feature p {
    color: #cccccc;
}

.feature-work-two .single-feature.color-fix a {
    color: #333333;
}

.feature-work-two .single-feature.color-fix p {
    color: #777777;
}

.feature-work-two .single-feature.bg-color p {
    color: #ffffff;
}


/*--------------------- Quote Banner -----------------*/

.quote-banner {
    background: url(../images/why.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.quote-banner .overlay {
    background: rgba(64, 142, 212, 0.8);
    padding: 114px 0;
}

.quote-banner .overlay h2 {
    color: #fff;
    font-weight: bold;
    font-size: 38px
}

.quote-banner .overlay h3 {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 35px;
}

.quote-banner .overlay .theme-button-one {
    float: right;
    margin-top: 15px;
}


/*---------------------- Service Style Two ------------------*/

.service-style-two .theme-title-one {
    margin-bottom: 60px;
}

.service-style-two .single-block {
    margin-bottom: 0px;
}

.service-style-two .single-block .img-box {
    overflow: hidden;
    position: relative;
}

.service-style-two .single-block .img-box img {
    width: 100%;
}

.service-style-two .single-block:hover .img-box img {
    transform: scale3D(1.1, 1.1, 1);
}

.service-style-two .single-block .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0.5);
}

.service-style-two .single-block:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

.service-style-two .single-block .overlay .play-button {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    text-align: center;
    line-height: 72px;
    font-size: 28px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.service-style-two .single-block .overlay .play-button:before {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.service-style-two .single-block .overlay .play-button:before {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
    animation: hvr-ripple-out 1.2s ease-in-out infinite;
}

.service-style-two .single-block .text {
    position: relative;
    text-align: center;
    margin-top: 10px;
}

.service-style-two .single-block .text .srvc-name span {
    font-size: 13px;
    font-style: italic;
}

.service-style-two .single-block .text .srvc-name h5 a {
    color: #181818;
}

.service-style-two .single-block .text p {
    padding-top: 12px;
    font-size: 14px;
    line-height: 22px;
}

.service-style-two .single-block .text .icon {
    position: absolute;
    top: -8px;
    left: 0;
    font-size: 42px;
}

.service-style-two .view-all-service {
    text-align: center;
    padding-top: 25px;
}

.service-style-two .view-all-service .theme-button-one {
    margin: 0 auto;
    background: #f6f6f6;
    color: #181818;
}

.service-style-two .view-all-service .theme-button-one:hover {
    color: #fff;
}


/*---------------------- Why Choose us -----------------------*/

.why-choose-us {
    background: #f6f6f6;
    padding: 140px 0;
}

.why-choose-us .theme-title-one {
    margin-bottom: 38px;
}

.why-choose-us .single-block {
    padding-top: 45px;
}

.why-choose-us .single-block .tag {
    display: inline-block;
    line-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    color: #fff;
    font-style: italic;
}

.why-choose-us .single-block .title {
    margin: 10px 0 8px 0;
}

.why-choose-us .call-back-form-two {
    padding-left: 50px;
}

.why-choose-us .call-back-form-two input {
    width: 100%;
    height: 50px;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    border-radius: 10px;
    padding: 0 20px;
    margin-bottom: 18px;
}

.why-choose-us .call-back-form-two textarea {
    height: 140px;
    max-height: 140px;
    max-width: 100%;
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 18px;
}


/*--------------------- Theme Counter Section -----------------*/

.theme-counter-section {
    background: url(../images/10.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.theme-counter-section .overlay {
    padding: 140px 0 100px 0;
}

.theme-counter-section .title {
    color: #fff;
    margin-bottom: 45px;
}

.theme-counter-section .single-counter {
    margin-bottom: 40px;
}

.theme-counter-section .single-counter .icon {
    color: #fff;
    text-align: center;
}

.theme-counter-section .single-counter .icon img {
    text-align: center;
    margin: 0 auto;
}

.theme-counter-section .single-counter .number {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin: -8px 0 -4px 0;
}

.theme-counter-section .single-counter p {
    font-weight: 600;
    color: #fff;
}

.fenye {
    width: 1280px;
    margin: 0 auto 1% auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 45px;
}

.fenye_zong {
    font-size: 14px;
    width: 200px;
    background: #f2f2f2;
    text-align: center;
    line-height: 45px;
}


/*--------------------- Appointment Section -----------------*/

.appointment-section {
    background: #f6f6f6;
    padding: 130px 0 140px 0;
}

.appointment-section .monthly {
    background: #fff;
}

.appointment-section .title {
    margin-bottom: 32px;
}

.appointment-section .monthly-day-wrap {
    overflow: visible;
}

.appointment-section .monthly-header {
    height: 56px;
    padding: 0 20px;
    line-height: 56px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.appointment-section .monthly-header-title {
    text-transform: capitalize;
    font-size: 20px;
    color: #fff;
}

.monthly-reset,
.monthly-reset:before {
    display: none;
}

.appointment-section .monthly-day:before {
    padding-top: 78%;
}

.appointment-section .monthly-prev,
.appointment-section .monthly-next {
    line-height: 56px;
    opacity: 1;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.appointment-section .monthly-prev {
    left: 20px;
}

.appointment-section .monthly-next {
    right: 20px;
}

.appointment-section .monthly-prev:after,
.appointment-section .monthly-next:after {
    display: none;
}

.appointment-section .monthly-prev:before,
.appointment-section .monthly-next:before {
    line-height: 56px;
    color: #fff;
    font-size: 20px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.appointment-section .monthly-prev:before {
    content: '';
}

.appointment-section .monthly-next:before {
    content: '';
}

.appointment-section .monthly-day-title-wrap {
    height: 30px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.appointment-section .monthly-day-title-wrap div {
    line-height: 30px;
    font-size: 16px;
    color: #181818;
    border-right: 1px solid #ebebeb;
}

.appointment-section .monthly-day {
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: none;
}

.appointment-section .monthly-day-blank {
    background: #eff3ff;
}

.appointment-section .monthly-day-pick>.monthly-day-number {
    padding-top: 0;
    line-height: 60px;
    text-align: center;
    font-size: 25px;
    color: #181818;
    font-weight: normal;
}

.appointment-section .monthly-day-blank>.monthly-day-number {
    padding-top: 0;
    text-align: center;
    font-size: 24px;
    color: #e4e4e4;
    font-weight: normal;
}

.appointment-section .monthly-day-pick.monthly-today .monthly-day-number {
    margin: 0;
    text-align: center;
    padding-top: 0;
    width: 100%;
    background: transparent;
}

.appointment-section .monthly-day-pick.monthly-today {
    z-index: 99;
    border: none;
    outline: none;
}

.appointment-section .monthly-day-pick.monthly-today .monthly-day-number {
    color: #fff;
}

.appointment-section .monthly-day:hover .monthly-day-number,
.appointment-section .monthly-day:focus .monthly-day-number,
.appointment-section .monthly-day:hover .monthly-day-number:before,
.appointment-section .monthly-day:focus .monthly-day-number:before {
    color: #fff;
}


/*__________ MODAL _______*/

.modal-open {
    overflow: hidden !important;
}

#schedule-box .modal-content {
    box-shadow: none;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 0;
    padding: 40px 30px;
}

#schedule-box .title {
    text-align: center;
    margin-bottom: 50px;
}

#schedule-box .close {
    display: block;
    float: none;
    opacity: 1;
    text-shadow: none;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #777777;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: -10px;
}

#schedule-box form input,
#schedule-box form .form-control {
    width: 100%;
    height: 50px !important;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 0 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: none;
}

#schedule-box form textarea {
    width: 100%;
    max-width: 100%;
    height: 130px;
    max-height: 130px;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: none;
}

#schedule-box form button {
    margin: 0 auto;
}


/*--------------------- Testimonial Section Two -----------------*/

.testimonial-section-two {
    background: url("../images/zizhi.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.testimonial-section-two .overlay {
    background: rgba(34, 34, 34, 0.1);
    padding: 100px 0 100px 0;
}

.testimonial-section-two .overlay .icon {
    width: 100%;
    text-align: center;
}

.testimonial-section-two .overlay .icon img {
    text-align: center;
    margin: 0 auto;
}

.testimonial-section-two .overlay .testimonial-slider-one .item {
    padding-top: 20px;
}

.testimonial-section-two .overlay .testimonial-slider-one .item img {
    text-align: center;
    margin: 0 auto;
}

.testimonial-section-two .overlay .play-button {
    width: 94px;
    height: 94px;
    margin: 0 auto;
    text-align: center;
    line-height: 94px;
    font-size: 22px;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

.testimonial-section-two .overlay .play-button:before {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.testimonial-section-two .overlay .play-button:before {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
    animation: hvr-ripple-out 1.2s ease-in-out infinite;
}

.testimonial-section-two .item p {
    max-width: 1170px;
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    margin: 55px auto 22px auto;
    width: 32%;
    color: #fff;
}

.testimonial-section-two .item .name h6 {
    color: #fff;
    font-size: 22px;
}

.testimonial-section-two .item .name h6 span {
    font-size: 13px;
}

.testimonial-section-two .owl-theme .owl-nav [class*=owl-] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #fff;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: transparent;
    font-size: 18px;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}

.testimonial-section-two .owl-theme .owl-nav .owl-next {
    right: 20px;
}

.testimonial-section-two .owl-theme .owl-nav .owl-prev {
    left: 20px;
}

.testimonial-section-two .owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    color: #333333;
}

.se_prolist {
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 750px) {
    .se_prolist li {
        width: 49%;
        margin: 0.5%;
    }
    .se_prolist {
        margin: -40px auto 0 auto;
    }
}

@media only screen and (min-width: 751px) {
    .se_prolist li {
        width: 49%;
        margin: 0.5%;
    }
    .se_prolist {
        margin: -50px auto 0 auto;
    }
}

@media only screen and (min-width: 1201px) {
    .se_prolist li {
        width: 24%;
        margin: 0 0.5%;
    }
    .se_prolist {
        margin: -90px auto 0 auto;
    }
}

.se_prolist li {
    float: left;
    text-align: center;
    line-height: 50px;
	font-size:18px;
}

.se_prolist li a {
    background: #408ed4;
    display: block;
    color: #fff;
}

.se_prolist li a:hover {
    background: #333;
}


/*---------------------- Partner Section Two -------------------*/

.partner-section-two {
    border-top: 1px solid #e3e3e3;
    padding: 45px 0;
}

.partner-section-two .item img {
    margin: 0 auto;
}


/*----side----*/

.side {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 0;
    top: 214px;
    z-index: 100;
}

.side ul li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    border-bottom: 1px solid #fff;
}

.side ul li .sidebox {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #fc020b;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font-size: 14px;
    line-height: 54px;
    overflow: hidden;
}

.side ul li .sidetop {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #fc020b;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    transition: all 0.3s;
}

.side ul li .sidetop:hover {
    background: #4ea7f9;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.side ul li img {
    float: left;
}


/*---------------------- Theme Inner Banner -----------------------*/

.theme-inner-banner .overlay {
    padding: 200px 0;
    text-align: center;
}

.theme-inner-banner .overlay .title {
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width: 750px) {
    .theme-inner-banner .overlay .title {
        font-size: 36px
    }
}

@media only screen and (min-width: 751px) {
    .theme-inner-banner .overlay .title {
        font-size: 42px
    }
}

@media only screen and (min-width: 1201px) {
    .theme-inner-banner .overlay .title {
        font-size: 50px
    }
}


/*---------------------- Project Details ------------------*/

.project-details .img-box {
    margin-bottom: 45px;
}

.project-details .title {
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 40px;
}

.project-details .slogan-text {
    font-size: 20px;
    line-height: 30px;
    color: #181818;
    margin-bottom: 22px;
}

.project-details p {
    padding-bottom: 20px;
}

.project-details .inner-title {
    font-weight: 700;
    margin-bottom: 15px;
}

.project-details .list-text {
    padding-bottom: 20px;
}

.project-details .project-details-info {
    margin-top: 25px;
}

.project-details .list-text li {
    float: left;
    width: 50%;
    position: relative;
    color: #181818;
    font-weight: 600;
    font-size: 17px;
    padding: 0 0 15px 20px;
}

.project-details .list-text li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}

.project-details .project-tab .nav-tabs {
    border: none;
}

.project-details .project-tab .nav-tabs .nav-item {
    margin-bottom: 1px;
}

.project-details .project-tab .nav-tabs .nav-link {
    font-size: 17px;
    border: 1px solid #e0e0e0;
    font-weight: 700;
    color: #181818;
    line-height: 44px;
    padding: 0 30px;
    background: #eaeaea;
    border-radius: 0;
    margin-right: 1px;
}

.project-details .project-tab .nav-tabs .nav-item.show .nav-link,
.project-details .project-tab .nav-tabs .nav-link.active {
    color: #fff;
}

.project-details .project-tab .tab-content {
    border: 1px solid #e0e0e0;
    background: #eaeaea;
    padding: 45px 10px 20px 40px;
}

.project-details .project-tab .tab-content ul li h6 {
    font-weight: 700;
}

.project-details .project-tab .tab-content ul li p {
    font-size: 14px;
}

.project-details .project-tab .tab-content ul li {
    padding-bottom: 5px;
}

.project-details .project-tab .tab-content ul li:last-child {
    padding: 0;
}

.project-details .result-text {
    background: #dde7f0;
    padding: 45px 50px 25px 45px;
    margin-top: 20px;
}

.project-details .result-text h6 {
    font-weight: 700;
    margin-bottom: 5px;
}

.project-details .result-text p {
    color: #181818;
}


/*--------------------------- Latest Project -----------------*/

.our-portfolio .single-block {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.our-portfolio .single-block img {
    width: 100%;
}

.our-portfolio .single-block:hover img {
    transform: scale3D(1.1, 1.1, 1);
}

.our-portfolio .single-block .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0.5);
}

.our-portfolio .single-block:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

.our-portfolio .single-block .overlay>div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.our-portfolio .single-block .overlay>div a {
    width: 118px;
    height: 118px;
    position: relative;
    margin: 0 auto;
}

.our-portfolio .single-block .overlay>div a:before,
.our-portfolio .single-block .overlay>div a:after {
    content: '';
    position: absolute;
    background: #fff;
}

.our-portfolio .single-block .overlay>div a:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
}

.our-portfolio .single-block .overlay>div a:after {
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
}

.our-portfolio.portfolio-three-column .single-block .overlay>div a {
    width: 92px;
    height: 92px;
}

.our-portfolio.portfolio-three-column .row {
    margin: 0 -10px;
}

.our-portfolio.portfolio-three-column .row [class*="col-"] {
    padding: 0 10px;
}

.our-portfolio.portfolio-three-column .single-block {
    margin-bottom: 20px;
}

.our-portfolio.portfolio-four-column .single-block .overlay>div a {
    width: 70px;
    height: 70px;
}

.our-portfolio.portfolio-four-column .row {
    margin: 0 -7px;
}

.our-portfolio.portfolio-four-column .row [class*="col-"] {
    padding: 0 7px;
}

.our-portfolio.portfolio-four-column .single-block {
    margin-bottom: 14px;
}

.our-portfolio.portfolio-full-width .row {
    margin: 0 -12px;
}

.our-portfolio.portfolio-full-width .row [class*="col-"] {
    padding: 0 12px;
}

.our-portfolio.portfolio-full-width .single-block {
    margin-bottom: 24px;
}

.our-portfolio.portfolio-full-width {
    padding: 20px 20px 0 20px;
}


/*------------------------ Theme Sidebar -------------------*/

.theme-sidebar .sidebar-spacing {
    margin-bottom: 40px;
}

.theme-sidebar .sidebar-title {
    font-size: 25px;
    margin-bottom: 20px;
}

.theme-sidebar .sidebar-search form {
    height: 50px;
    position: relative;
}

.theme-sidebar .sidebar-search form input {
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    padding: 0 40px 0 15px;
}

.theme-sidebar .sidebar-search form button {
    position: absolute;
    right: 0;
    width: 40px;
    top: 0;
    bottom: 0;
    background: transparent;
    font-size: 16px;
}

.theme-sidebar .sidebar-author {
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    padding: 40px 10px 35px 10px;
    text-align: center;
}

.theme-sidebar .sidebar-author img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
}

.theme-sidebar .sidebar-author h6 {
    font-weight: 700;
    padding: 25px 0 4px 0;
}

.theme-sidebar .sidebar-author .social-icon li {
    display: inline-block;
    margin: 18px 1px 0 1px;
}

.theme-sidebar .sidebar-author .social-icon li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #777777;
    border-radius: 50%;
}

.theme-sidebar .sidebar-author .social-icon li a:hover {
    color: #fff;
}

.theme-sidebar .sidebar-categories ul li a {
    display: block;
    font-weight: 600;
    color: #777777;
    border-bottom: 1px solid #e2e2e2;
    padding: 13px 0;
}

.theme-sidebar .sidebar-contact-banner {
    background: url(../images/home/pattern.png) no-repeat center center;
    background-color: #fbfbfb;
    border: 1px solid #e8e8e8;
    padding: 45px 10px 50px 20px;
}

.theme-sidebar .sidebar-contact-banner h6 {
    font-weight: 700;
}

.theme-sidebar .sidebar-contact-banner p {
    padding: 16px 0 20px 0;
}

.theme-sidebar .sidebar-contact-banner .theme-button-one i {
    margin-right: 3px;
}

.theme-sidebar .sidebar-latest-news .single-latest-news .news-title {
    line-height: 25px;
    color: #181818;
    font-weight: 700;
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box {
    overflow: hidden;
    margin: 13px 0 18px 0;
    position: relative;
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box img {
    width: 100%;
}

.theme-sidebar .sidebar-latest-news .single-latest-news:hover .img-box img {
    transform: scale3D(1.1, 1.1, 1);
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0.5);
}

.theme-sidebar .sidebar-latest-news .single-latest-news:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay a {
    color: #fff;
    font-weight: 600;
    position: relative;
    text-decoration: underline;
    top: 50%;
    transform: translateY(-50%);
}

.theme-sidebar .sidebar-latest-news .single-latest-news ul li {
    font-size: 12px;
}

.theme-sidebar .sidebar-latest-news .single-latest-news {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.theme-sidebar .sidebar-latest-news .single-latest-news:last-child {
    margin-bottom: 0;
}

.theme-sidebar .sidebar-archive .form-control {
    width: 100%;
    height: 55px !important;
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    box-shadow: none;
}

.theme-sidebar .sidebar-tags ul {
    margin: 0 -4px;
}

.theme-sidebar .sidebar-tags ul li {
    float: left;
    padding: 0 4px;
    margin-bottom: 8px;
}

.theme-sidebar .sidebar-tags ul li a {
    font-size: 13px;
    color: #777777;
    text-transform: uppercase;
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    line-height: 50px;
    padding: 0 22px;
}

.theme-sidebar .sidebar-tags ul li a:hover {
    color: #fff;
}

.theme-sidebar .sidebar-gallery ul {
    margin: 0 -2px;
}

.theme-sidebar .sidebar-gallery ul li {
    float: left;
    width: 33.333333333%;
    padding: 0 2px;
}

.theme-sidebar .sidebar-gallery ul li a {
    display: block;
}

.theme-sidebar .sidebar-gallery ul li img {
    width: 100%;
}

.theme-sidebar .sidebar-text b {
    display: block;
    color: #181818;
    font-weight: 600;
    margin-bottom: 25px;
}

.theme-sidebar .sidebar-text ul li a {
    color: #888888;
    margin-bottom: 25px;
}

.theme-sidebar .sidebar-text ul li a span {
    text-decoration: underline;
}


/*---------------------- News Calssic ------------------*/

.news-classic {
    overflow: hidden;
}

.news-classic .single-classic-news .title .date {
    float: left;
    width: 140px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin-right: 15px;
}

.news-classic .single-classic-news .title h3 {
    float: left;
    font-weight: 400;
}

.news-classic .single-classic-news .title h3 a {
    color: #181818;
}

.news-classic .single-classic-news .image-box {
    margin: 12px 0 18px 0;
}

.news-classic .single-classic-news .post-tag-meta {
    margin: 0 -20px;
    padding-bottom: 20px;
}

.news-classic .single-classic-news .post-tag-meta li {
    float: left;
    padding: 0 20px;
    border-right-width: 1px;
    border-right-style: solid;
    font-size: 13px;
    line-height: 13px;
}

.news-classic .single-classic-news .post-tag-meta li:last-child {
    border-right: none;
}

.news-classic .single-classic-news {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.news-classic .classic-news-bg {
    background: #f0f0f0;
    padding: 25px 50px 25px 95px;
    position: relative;
    margin-bottom: 50px;
}

.news-classic .classic-news-bg .quote-text {
    font-size: 20px;
    font-weight: 300;
}

.news-classic .classic-news-bg:before {
    content: "“";
    position: absolute;
    left: 50px;
    top: 30px;
    font-size: 32px;
}

.news-classic .classic-news-bg .author {
    font-weight: 300;
    color: #000;
    padding: 3px 0 30px 0;
}

.news-classic .classic-news-bg .title a {
    color: #181818;
    margin-bottom: 10px;
}

.news-classic .classic-news-bg .post-tag-meta {
    margin: 0 -20px;
    padding-top: 15px;
}

.news-classic .classic-news-bg .post-tag-meta li {
    float: left;
    padding: 0 20px;
    border-right-width: 1px;
    border-right-style: solid;
    font-size: 13px;
    line-height: 13px;
}

.news-classic .classic-news-bg .post-tag-meta li:last-child {
    border-right: none;
}


/*--------------------- News Details ------------------*/

.news-classic.news-details .single-classic-news .post-tag-meta {
    padding-bottom: 30px;
}

.news-details .single-classic-news .upper-text:first-letter {
    font-size: 30px;
    font-weight: 700;
    color: #181818;
}

.news-details .single-classic-news p {
    padding-bottom: 20px;
}

.news-details .single-classic-news .inner-title {
    padding-bottom: 20px;
}

.news-details .single-classic-news .list-text {
    padding-bottom: 15px;
}

.news-details .single-classic-news .list-text li {
    color: #181818;
    position: relative;
    padding: 0 0 12px 15px;
}

.news-details .single-classic-news .list-text li:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
}

.news-details .single-classic-news .inner-block {
    padding: 10px 0 15px 0;
}

.news-classic.news-details .classic-news-bg .quote-text {
    margin-bottom: 12px;
}

.news-classic.news-details .classic-news-bg {
    padding-bottom: 10px;
    margin: 40px 0 20px 0;
}

.news-details .accordion-two {
    margin: 10px 0 25px 0;
}

.accordion-two .panel-heading h6 a {
    background: #f0f0f0;
    font-size: 18px;
    color: #181818;
    display: block;
    position: relative;
    padding: 17px 50px 17px 45px;
}

.accordion-two .panel {
    margin-bottom: 2px;
}

.accordion-two .panel-group .panel-heading a:before {
    content: "+";
    font-size: 22px;
    width: 45px;
    height: 100%;
    text-align: center;
    line-height: 55px;
    position: absolute;
    right: 0;
    top: 0;
    background: #e5e5e5;
}

.accordion-two .panel-group .panel-heading.active-panel a:before {
    content: "-";
}

.accordion-two .panel-group .panel-heading a:after {
    content: '';
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.accordion-two .panel-group .panel-body {
    border: 0;
    padding: 20px 45px 0 45px;
}

.accordion-two .panel-group .panel-body p {
    color: #181818;
}

.news-classic.news-details .single-classic-news {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.news-details .share-option .share {
    font-size: 16px;
    line-height: 28px;
}

.news-details .share-option .share i {
    font-size: 14px;
    color: #181818;
    margin-right: 5px;
}

.news-details .share-option .social-icon li {
    display: inline-block;
    margin: 0 3px 0 0;
}

.news-details .share-option .social-icon li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #777777;
    border-radius: 50%;
}

.news-details .share-option .social-icon li a:hover {
    color: #fff;
}

.news-details .inner-section-title {
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: normal;
}

.news-details .comment-section {
    padding: 55px 0 15px 0;
}

.news-details .comment-section .single-comment .author {
    float: left;
    width: 150px;
    background: #f7f7f7;
    border: 1px solid #dedede;
    padding: 25px 0 22px 0;
    text-align: center;
}

.news-details .comment-section .single-comment .author img {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    margin: 0 auto 15px auto;
}

.news-details .comment-section .single-comment .author .date {
    font-weight: 13px;
}

.news-details .comment-section .single-comment .comment {
    float: left;
    width: calc(100% - 150px);
    padding-left: 20px;
    padding-right: 30px;
}

.news-details .comment-section .single-comment .comment .social-icon li {
    display: inline-block;
    margin-right: 15px;
}

.news-details .comment-section .single-comment .comment .social-icon li a {
    color: #333333;
    font-size: 14px;
}

.news-details .comment-section .single-comment .comment .social-icon {
    padding: 14px 0;
}

.news-details .comment-section .single-comment {
    margin-bottom: 60px;
}

.theme-form-one input,
.theme-form-one textarea {
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    font-size: 14px;
    font-style: italic;
}

.theme-form-one input {
    height: 52px;
    padding: 0 15px;
}

.theme-form-one textarea {
    max-width: 100%;
    height: 198px;
    max-height: 198px;
    resize: none;
    padding: 20px;
}

.theme-form-one button {
    width: 100%;
}


/*----------------------- Contact us ---------------------*/

.contact-us-page {
    margin: 3% 0;
}

.contact-us-page .title {
    text-align: center;
    padding-bottom: 50px;
}

.contact-us-page .title h2 {
    margin-bottom: 22px;
}

.contact-us-page .title p {
    width: 80%;
    margin: 0 auto 10px;
    font-size: 16px;
}

@media only screen and (max-width: 750px) {
    .contact-us-page .address ul li {
        width: 100%;
    }
}

@media only screen and (min-width: 751px) {
    .contact-us-page .address ul li {
        width: 50%;
        float: left
    }
}

@media only screen and (min-width: 1201px) {
    .contact-us-page .address ul {
        display: flex;
        justify-content: space-between;
    }
}

.contact-us-page .address ul li {
    font-size: 18px;
    color: #181818;
    position: relative;
    padding-left: 55px;
    margin-bottom: 15px;
}

.contact-us-page .address ul li i {
    position: absolute;
    font-size: 35px;
    top: 0;
    left: 0;
}

.contact-us-page .theme-form-one {
    margin-top: 40px;
}

.contact-us-page .theme-form-one button {
    width: 180px;
    margin: 0 auto;
}


/*======================= Form Validation ===================*/

.alert-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 9999999;
}

#success,
#error {
    position: relative;
    width: 500px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 250px);
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

#success .wrapper,
#error .wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

#success .wrapper p,
#error .wrapper p {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 1px;
}

#success p {
    color: #26ace3;
}

#error p {
    color: #C9182B;
}

#error button,
#success button {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 20px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
}

.form-validation label.error {
    display: none !important;
}

.form-validation input.error,
.form-validation textarea.error {
    border: 1px solid #f03838 !important;
}


/*------------------- Google Map ---------------------*/

.map-canvas {
    width: 100%;
    height: 100%;
}

.google-map {
    height: 600px;
}


/*----------------------- Error Page ------------------*/

.error-page {
    text-align: center;
}

.error-page h2 {
    font-size: 270px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: inherit;
}

.error-page h3 {
    font-size: 40px;
    font-weight: normal;
    margin: -80px 0 0 0;
}

.error-page p {
    margin-bottom: 22px;
}

.error-page .or-text {
    font-size: 30px;
    font-weight: 700;
    color: #181818;
    position: relative;
    width: 70%;
    margin: 22px auto 20px auto;
}

.error-page .or-text:before,
.error-page .or-text:after {
    content: '';
    width: 45%;
    height: 1px;
    background: #d5d5d5;
    position: absolute;
    top: 57%;
}

.error-page .or-text:before {
    right: 0;
}

.error-page .or-text:after {
    left: 0;
}

.error-page ul {
    width: 69%;
    margin: 0 auto;
}

.error-page ul li {
    width: 44%;
    height: 54px;
}

.error-page ul li .form-control {
    width: 100%;
    height: 100% !important;
    background: #65d686;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
}

.error-page ul li form {
    width: 100%;
    height: 100%;
    position: relative;
    background: #f55e70;
    position: relative;
}

.error-page ul li form input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background: transparent;
    border: none;
    text-transform: uppercase;
    padding: 0 40px 0 15px;
}

.error-page ul li form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    color: #fff;
    background: transparent;
}

.error-page ul li form ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.error-page ul li form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.error-page ul li form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}


/*----------------------- Style Switcher -----------------*/

.switcher {
    display: none !important;
}


/*-----面包屑-----*/

.mbx {
    width: 100%;
    height: 60px;
    border-bottom: 1px #f2f2f2 solid;
}

.mbx .mbx_cont {
    width: 1270px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 60px;
    color: #333;
}


/*---内页电子地图---*/

.contact-us-page p {
    font-size: 15px
}

.cont-map {
    overflow: hidden;
    height: 600px;
    margin-top: 3%;
}

#map-show * {
    box-sizing: content-box;
    font-size: 14px
}

#map-show {
    width: 100%;
    height: 110%;
    position: relative;
    top: 0;
    right: 0;
    bottom: -10%;
}

#map-show .BMap_Marker {
    width: 30px !important;
    height: 53px !important;
    position: relative;
    cursor: default;
    -webkit-animation: mark-down 1.5s linear infinite;
    -o-animation: mark-down 1.5s linear infinite;
    animation: mark-down 1.5s linear infinite;
}

#map-show .BMapLib_sendToPhone {
    display: none;
}

@-webkit-keyframes mark-down {
    25% {
        -webkit-transform: translateY(-6px);
    }
    50%,
    100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(6px);
    }
}

@keyframes mark-down {
    25% {
        transform: translateY(-6px);
    }
    50%,
    100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(6px);
    }
}

@media only screen and (max-width: 750px) {
    .se_about {
        margin-top: -20px;
    }
}

@media only screen and (min-width: 751px) {
    .se_about {
        margin-top: -40px;
    }
}

@media only screen and (min-width: 1201px) {
    .se_about {
        margin-top: -80px;
    }
}


/*----phone_end------*/

.phone_end {
    width: 100%;
    background: #408ed4;
    height: 66px;
    position: fixed;
    bottom: 0;
    z-index: 9999999999999999999999999999999999999999;
}

.phone_end ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.phone_end li {
    width: 23%;
    text-align: center;
    font-size: 14px;
}

.phone_end li img {
    margin: 0 auto;
    text-align: center;
}

.phone_end li .img {
    max-width: 100%;
    margin-top: 10px;
    text-align: center;
}

.phone_end li .img img {
    text-align: center;
    max-width: 60%;
}

.phone_end li a,
.phone_end li h2 a {
    color: #fff;
}

.phone_end li h2 {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}


/*------------------footer-------*/

@media only screen and (max-width: 1200px) {
    .footer,
    .zhichi {
        display: none;
    }
    .phone_end {
        display: block;
    }
}

@media only screen and (min-width: 1201px) {
    .footer,
    .zhichi {
        display: block;
    }
    .phone_end {
        display: none;
    }
}

.footer {
    width: 100%;
    background: url("../images/end.jpg") right center no-repeat;
    overflow: hidden;
}

.footer .end_list {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.footer .end_list .tel {
    text-align: right;
    background: url("../images/ed1.png") right center no-repeat;
    padding-right: 77px;
    height: 44px;
}

.footer .end_list .email {
    text-align: left;
    padding-left: 70px;
    height: 44px;
    background: url("../images/ed2.png") left center no-repeat;
}

.footer .end_list h5 {
    color: #fff;
    font-size: 14px;
    line-height: 21px;
}

.footer .end_list h3 {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
}

.footer ul {
    width: 1270px;
    margin: 0 auto;
    padding: 3% 0;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.footer h2 {
    font-size: 24px;
    color: #fff;
}

.end_line {
    background: #fff;
    width: 36px;
    margin: 5px 0 15px;
    height: 3px;
}

.footer em {
    font-style: normal;
}

.footer .f_pro {
    width: 15%
}

.footer .f_pro li {
    width: 100%;
    text-align: left;
    line-height: 33px;
}

.footer .f_pro li a {
    color: #fff;
}

.footet .f_contact {
    width: 55%;
}

.f_contact_cont {
    font-size: 15px;
    line-height: 30px;
}

.footer .f_wx {
    width: 150px
}

.end {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 33px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    padding-top: 15px;
}

.zhichi {
    width: 100%;
    text-align: center;
    padding: 15px;
}

.zhichi img {
    text-align: center;
    margin: 0 auto;
}

.end_xian {
    width: 100%;
    border-top: 1px #57ade3 solid;
    border-bottom: 1px #195dbd solid;
}

@media only screen and (max-width: 782px) {
    .sy_about h2 {
        font-size: 28px;
    }
    .sy_about h4 {
        font-size: 15px;
        line-height: 25px;
    }
    .sy_about .jianjie {
        width: 90%;
    }
}

@media only screen and (min-width: 783px) {
    .sy_about h2 {
        font-size: 36px;
    }
    .sy_about h4 {
        font-size: 18px;
        line-height: 33px;
    }
    .sy_about .jianjie {
        width: 90%;
    }
}

@media only screen and (min-width: 1201px) {
    .sy_about h2 {
        font-size: 48px;
    }
    .sy_about h4 {
        font-size: 18px;
        line-height: 55px;
    }
    .sy_about .jianjie {
        width: 70%;
    }
}

.sy_about {
    width: 100%;
    background: url("../images/about.jpg") center no-repeat;
}

.sy_about ul {
    width: 90%;
    margin: 0 auto;
    padding: 7% 0 10%;
    text-align: center;
}

.sy_about h2 {
    font-weight: bold;
    color: #408ed4;
}

.sy_about h4 {
    font-weight: normal;
    color: #434343;
}

.sy_about .line {
    background: #408ed4;
    width: 60px;
    height: 4px;
    margin: 15px auto;
}

.sy_about .jianjie {
    text-align: center;
    color: #434343;
    margin: 5% auto;
    font-size: 16px;
    line-height: 26px;
}

.sy_about .jianjie p {
    margin-top: 3%;
}

.sy_about .more {
    width: 150px;
    line-height: 55px;
    margin: 15px auto;
}

.sy_about .more a {
    background: #408ed4;
    display: block;
    color: #fff
}

.sy_about .more a:hover {
    background: #408ed4;
    display: block;
    color: #fff
}

.sy_about .more a:hover {
    background: #333;
    color: #fff
}

.sy_about .more a:hover {
    background: #333;
}

.sy_about .more a:hover {
    background: #333;
}
.info_cont p{text-indent:30px; text-align:left;}
.info_cont img{text-align:center; margin:0 auto;}