.navbar .nav-item::before {
    position: absolute;
    top: 65%;
    /*left: 50%;*/
    margin-left: 25px;
    width: 30px;
    height: 15px;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    content: "";
    border: 2px solid #71864D;
    border-bottom: 0;
    z-index: 201;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out;
}
.navbar .nav-link::before {
    position: absolute;
    bottom: -7px;
    /*left: 50%;*/
    margin-left: 0px;
    width: 50px;
    height: 35px;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    content: "";
    background-color: #fff;
    z-index: 202;
}
@media (max-width: 1200px) {.navbar .nav-item::before {margin-left: 27px; top:45%;};}
@media (max-width: 1200px) {.navbar .nav-link::before {bottom: 5px;margin-left: 10px;width: 40px;height: 20px;}}
.navbar .navbar-nav {display:-webkit-flex;display:-ms-flexbox;display:flex}
.navbar .nav-item {position:relative}
.navbar .navbar-nav-animation {-webkit-animation: fadeInDownNavbar 2s ease-out;animation: fadeInDownNavbar 2s ease-out;}
.navbar .nav-item:hover:before {-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.navbar .nav-item-text {position:relative;z-index:204;font-size:15px;font-weight: 600;}
.navbar .navbar-collapse ul{line-height: 1rem;}
.header-dropdown-buttons{padding-top: 13px;}

.hh{height: 40px;background-color: #bc8775;}

.carousel .carousel-indicators li {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: solid 1px #fff;
    border-radius: 50%;
    display: inline-block;

}
.carousel .carousel-indicators li.active {
    width: 8px;
    height: 8px;
    background-color: #71864D;
    border: solid 2px #71864D;
}

.carousel .carousel-indicators li.active:before {
    border-radius: 50%;
    content: ' ';
    height: 14px;
    width: 14px;
    border: solid 1px #71864D;
    left: -5px;
    top: -5px;
}

.carousel .carousel-indicators li {
    margin-right: 13px;
    margin-left: 13px;
}
.cnav{
    background-color: #71864D;
    height: 100%;
    -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
    transition-property: transform, opacity, background, width, height, font-size;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    -o-transition-property: width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration: 1s,1s,1s,1s,1s,1s;
    -moz-transition-property: width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration: 1s,1s,1s,1s,1s,1s;
    transition-property: width,height,transform,background,font-size,opacity;
    transition-duration: 1s,1s,1s,1s,1s,1s;
}
.cnav:hover{
    background-color: #bc8775;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.14),0 5px 5px -5px rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.12);
    -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
    transition-property: transform, opacity, background, width, height, font-size;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    -o-transition-property: width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration: 1s,1s,1s,1s,1s,1s;
    -moz-transition-property: width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration: 1s,1s,1s,1s,1s,1s;
    transition-property: width,height,transform,background,font-size,opacity;
    transition-duration: 1s,1s,1s,1s,1s,1s;
    margin-top: -10px;
    cursor: pointer;
}
.hc-item-box:hover {
    box-shadow: 0 5px 3px 0 
    rgba(0,0,0,.14),0 5px 5px -5px rgba(0,0,0,.2),0 5px 5px 0
    rgba(0,0,0,.12);
    -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
        transition-property: transform, opacity, background, width, height, font-size;
        transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    transition-property: transform, opacity, background, width, height, font-size;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    -o-transition-property: width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration: 1s,1s,1s,1s,1s,1s;
    -moz-transition-property: width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration: 1s,1s,1s,1s,1s,1s;
    transition-property: width,height,transform,background,font-size,opacity;
    transition-duration: 1s,1s,1s,1s,1s,1s;
    margin-top: 13px;
    border-radius:20px;
}

.cnav img {
    margin: 0 auto;
    padding-top: 40px;
}

.cnav p {
   text-align: center;
    color: white;
    padding-bottom: 40px;
    font-size: 20px;
    font-weight: 500;

}
.fnav{
    background-color: #f3f5f4;
    height: 100%;
    -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
    transition-property: transform, opacity, background, width, height, font-size;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    -o-transition-property: width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration: 1s,1s,1s,1s,1s,1s;
    -moz-transition-property: width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration: 1s,1s,1s,1s,1s,1s;
    transition-property: width,height,transform,background,font-size,opacity;
    transition-duration: 1s,1s,1s,1s,1s,1s;
}

.fnav img {margin: 0 auto;}
.fnav .icona1,.icona2,.icona3,.icona4,.icona5,.icona6,.icona7,.icona8,.icona9{
    position: absolute;
    top: 15%;
    left: 40%;
    width: 20%;
}
.fnav .b1{opacity: 0.3;}
.fnav:hover .b1{opacity: 1;}
.fnav p {
   text-align: center;
    color: #666;
    font-size: 18px;
    font-weight: 500;
    margin: 5% 0;
}

@media (max-width: 991px){
   .header {
        padding: 10px 0px 10px;
        }    
}
.dnav{background-color: #f3f5f4;text-align: center;}
.dnav h1 {
    padding: 70px 30px 30px 30px;
    font-size: 1.6rem;
    color: #666;
    font-weight: 400;
    line-height: 2.6rem;
    letter-spacing: 4px;
}

.dnav .banyuan {margin: 0 auto;}
.dnav p {
    color: #666;
    line-height: 2rem;
    font-size: 16px;
    padding: 30px 50px;
}
.dnav a {
    line-height: 1.6rem;
    font-size: 12px;
    color: #b3b5b4;

}
.dnav a i {color:#71864D;}
.kynav{
    background-color: #bc8775;
    height: 100%;
    text-align: center;
    color: white;
    -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
    transition-property: transform, opacity, background, width, height, font-size;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    -o-transition-property: width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration: 1s,1s,1s,1s,1s,1s;
    -moz-transition-property: width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration: 1s,1s,1s,1s,1s,1s;
    transition-property: width,height,transform,background,font-size,opacity;
    transition-duration: 1s,1s,1s,1s,1s,1s;
}
.kynav:hover{background-color: #71864D;}
.kynav img {margin: 0 auto;}
.kynav .kybig {
    padding-top: 40px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
}
.kynav .kybigf {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 50px;
    top:40%;
    letter-spacing:1px;
    position: relative;
}
.kynav .kysm {
    padding-bottom: 40px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}

.mb-80{margin-bottom:80px;}
.bg-main{background-color: #71864D;}
.bg-ff{background-color: #f3f5f4;}
.maintitle h3{
    font-size: 20px;
    color: white;
    line-height: 60px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
}

.hc-new .title{line-height: 30px;}
.hc-new .title h1{font-size: 20px; color: #333;float: left;}
.hc-new .title span{float: right; color: #666;font-size: 13px;}
.hc-new .connect{float: left;font-size: 15px;line-height:30px;color: #555; margin-top: 20px;}
.hc-new .connect2 ul{list-style:none;padding-left: 0px;padding-right: 0px;display: flex;}
.hc-new .connect2 ul li{width: 50%;}
.hc-new .connect2 ul li span{float: right;}
.hc-new .connect2 ul li i{color:#71864D;}
.hc-new .connect2 ul li:hover i{color:#bc8775;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-dots {text-align: center;margin: 10px 0;margin: 1rem 0;}
.owl-carousel .owl-nav{/*color:#71864D;position:absolute;top:0;left:0;right:0;bottom:0*/}
.owl-carousel .owl-nav svg{color:currentColor}
.owl-carousel .owl-nav .disabled{display:none}
.owl-carousel .owl-prev,
.owl-carousel .owl-next{
    top:50%;
    z-index:2;
    width:40px;
    height:40px;
    padding:8px;
    margin-top:-20px;
    position:absolute;
    border-radius:50%;
    background-color:#fff;
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);
            box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)
}
.owl-carousel .owl-prev{left:-10px}
.owl-carousel .owl-next{right:-10px}
.mt-30{margin-top: 30px;}
.mt-80{margin-top: 80px;}
.mb-30{margin-bottom: 30px;}
.new .separator-4{margin-left: 50px} 
.sidebar .nav{font-size: 20px;}
.sidebar .nav .active{
    background-color: #71864D;
    color: #fff;
}


@media (max-width: 1300px) {.logo img{max-width: 200px;}}
@media (max-width: 575px) {
    .cnav img {
        padding: 15px 15px 5px 15px;
        }
    .cnav p {
        padding-bottom: 0px;
        font-size: 12px;
        }
    .hc-item-box-2{
        padding-left: 0px;
        height: 102%;
    }
    .grid-space-20 {
      margin-right:-4.5px;
      margin-left: -4.5px;
    }

   .grid-space-20 .col-3, .grid-space-20 .col-4{
      padding-left:4px;
      padding-right:4px;
    }
    .fnav p {
    font-size: 12px;
    font-weight: 500;
    }
    .hc-item-box h2 {
    padding: 30px 10px 10px 10px;
    font-size: 1.3rem;
    color: #666;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 2px;
    }
    .hc-item-box img {
    margin: 0 auto 10px auto;
    }
    .separator-4 {
    margin: 10px auto 0px;
    }
    .hh{height: 5px;}
    .carousel-indicators{bottom: -5px;}
    .main-container {padding:20px 0;}
    .mt-20 {margin-top: 10px;}
    .maintitle h3 {
        font-size: 16px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .hc-item-box-2 h3 {font-size: 16px;}
    .hc-item-box-2 p {line-height: 1.6rem;font-size: 14px;}
    .new .separator-4{margin-left: 0px;}
    .sidebar {margin-top: 0px;}
    .mt-30{margin-top: 15px;}
    .hc-new .connect2 ul{display:inline;}
    .hc-new .connect2 ul li{width: 100%;}
}


.ttm-pf-view-left-image .ttm-pf-detailbox-list {
 margin-top: -17px;
 padding: 0;
}
.ttm-pf-detailbox-list .ttm-pf-details-date {
 position: relative;
 display: block;
 padding: 7px 0 7px 28px;
 font-size: 1em;
 margin-left: 3px;
}
.ttm-pf-detailbox-list {
 margin: 0;
 padding: 0;
}
.ttm-pf-view-left-image .ttm-pf-details-date:before {
 height: 1px;
 display: block;
 width: 95%;
 background: #e2e3e5;
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
}
.ttm-pf-detailbox-list .ttm-pf-details-date .ttm-pf-left-details {
 font-weight: 500;
 margin-right: 5px;
 margin-left: 0;
}
.ttm-pf-detailbox-list .ttm-pf-details-date .ttm-pf-right-details {
/* display: inline-block;*/
 padding-top: 0;
}
.ttm-pf-detailbox-list .ttm-pf-details-date i {
 position: absolute;
 left: -13px;
 top: 4px;
 display: inline-block;
 border-radius: 50%;
 padding-left: 0;
 vertical-align: middle;
 font-size: 16px;
 text-align: center;
 transform: translate(0,0);
 height: 40px;
 width: 40px;
 line-height: 40px;
 z-index: 1;
 color: rgb(188,135,116);
}
.ttm-nextprev-bottom-nav {
 position: relative;
 margin-bottom: 20px;
 margin-top: 31px;
 border-top: 1px solid #e4e4e4;
 padding-top: 30px;
}
.ttm-nextprev-bottom-nav .nav-next,
.ttm-nextprev-bottom-nav .nav-previous {
 display: inline-block;
 position: relative;
}
.ttm-nextprev-bottom-nav .nav-next a,
.ttm-nextprev-bottom-nav .nav-previous a {
 text-align: center;
 top: 106px;
 right: 48px;
 color: #fff;
 transition: all .2s ease-in-out;
 display: inline-block;
 border-radius: 0;
 border-width: 0;
 border-style: solid;
 font-size: 15px;
 padding: 12px 34px;
 border-radius: 0;
 font-weight: 500;
}
.ttm-nextprev-bottom-nav .nav-previous a:after,
.ttm-nextprev-bottom-nav .nav-next a:after {
 position: absolute;
 font-size: 16px;
 top: 13px;
}
.ttm-nextprev-bottom-nav .nav-previous a {
 padding-right: 25px;
 padding-left: 44px;
}
.ttm-nextprev-bottom-nav .nav-previous a:after {
 content: '\f100';
 font-family: "FontAwesome";
 left: 25px;
}
.ttm-nextprev-bottom-nav .nav-next a {
 padding-right: 50px;
 padding-left: 32px;
}
.ttm-nextprev-bottom-nav .nav-next a:after {
 content: '\f101';
 font-family: "FontAwesome";
 right: 25px;
}
.ttm-pf-single-related-wrapper {
 padding-top: 60PX !important;
 padding-bottom: 80px !important;
}
.ttm-pf-single-related-title {
 font-size: 30px;
 font-weight: 600;
 margin-bottom: 30px;
}

/*** ====================================================================   Services Section Three====================================================================***/.services-section-three {
 position:relative;
 padding:90px 0px 60px;
 background-color:#edf1f4;
}
.services-section-three.style-two {
 background:none;
}
.services-section-three .title-box {
 position:relative;
 text-align:center;
 margin-bottom:60px;
}
.services-section-three .title-box h2 {
 position:relative;
 color:#0e2a4e;
 font-size:35px;
 font-weight:700;
}
.services-section-three .title-box .text {
 position:relative;
 color:#797979;
 font-size:16px;
 margin-top:10px;
}
/* Service Block Three */.service-block-three {
 position:relative;
 margin-bottom:30px;
}
.service-block-three .inner-box {
 position:relative;
 padding:32px 32px;
 min-height:82px;
 background-color:#ffffff;
 box-shadow:0px 0px 5px rgba(0,0,0,0.10);
}
.service-block-three .inner-box:before {
 position:absolute;
 content:'';
 left:0px;
 top:0px;
 width:3px;
 height:100%;
 background-color:#be9a8d;
 transition: all 900ms ease;
 -moz-transition: all 900ms ease;
 -webkit-transition: all 900ms ease;
 -ms-transition: all 900ms ease;
 -o-transition: all 900ms ease;
}
.service-block-three .inner-box:hover::before {
 width:100%;
}
.service-block-three .inner-box .overlay-box {
 position:absolute;
 left:0px;
 top:0px;
 right:0px;
 bottom:0px;
}
.service-block-three .inner-box .overlay-box .overlay-inner {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 display: table;
 padding:10px 10px;
 vertical-align: middle;
}
.service-block-three .inner-box .overlay-box .overlay-inner .overlay-content {
 position: relative;
 display: table-cell;
 vertical-align: middle;
}
.service-block-three .inner-box .overlay-box .content {
 position:relative;
 padding-left:45px;
}
.service-block-three .inner-box .overlay-box .content .icon-box {
 position:absolute;
 left:0px;
 top:4px;
 color:#71864d;
 line-height:1em;
 font-size:36px;
 transition: all 600ms ease;
 -moz-transition: all 600ms ease;
 -webkit-transition: all 600ms ease;
 -ms-transition: all 600ms ease;
 -o-transition: all 600ms ease;
}
.service-block-three .inner-box .overlay-box .content h3 {
 position:relative;
 color:#0e2a4e;
 font-size:18px;
 line-height:2.5em;
}
.service-block-three .inner-box .overlay-box .content h3 a {
 position:relative;
 color:#0e2a4e;
 transition: all 600ms ease;
 -moz-transition: all 600ms ease;
 -webkit-transition: all 600ms ease;
 -ms-transition: all 600ms ease;
 -o-transition: all 600ms ease;
}
.service-block-three .inner-box:hover .overlay-box .content .icon-box,
.service-block-three .inner-box:hover .overlay-box .content h3 a {
 color:#ffffff;
}

/*** ====================================================================   Services Section====================================================================***/
.services-section {
 position:relative;
 padding-top:25px;
/* background-color:#edf1f4;*/
}
.services-section.style-two {
 margin-bottom:30px;
}
.services-section:before {
 position:absolute;
 content:'';
 left:0px;
 bottom:0px;
 width:100%;
 height:140px;
 background-color:#ffffff;
}
.services-section .title-box {
 position:relative;
 text-align:center;
 margin-bottom:50px;
}
.services-section .title-box h2 {
 position:relative;
 font-weight:600;
 line-height:1.3em;
 font-size: 20px;
 color:#333;

}
}
.services-section .title-box .bold-text {
 position:relative;
 color:#242424;
 line-height:1.4em;
 font-size:22px;
 max-width:1000px;
 margin:0 auto;
 margin-top:14px;
 font-style:italic;
 font-family: 'Lora', serif;
}
.services-section .title-box .text {
 position:relative;
 color:#797979;
 font-weight:400;
 line-height:1.7em;
 font-size:16px;
 max-width:1020px;
 margin:0 auto;
 margin-top:15px;
}
.services-section .service-block {
 padding:0px;
 float:left;
}
/* Service Block */.service-block {
 position:relative;
}
.service-block .inner-box {
 position:relative;
}
.service-block .inner-box .image {
 position:relative;
}
.service-block .inner-box .image img {
 position:relative;
 width:100%;
 display:block;
}
.service-block .inner-box .image .overlay-box {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 color:#ffffff;
 text-align:center;
 background:rgba(19,147,113,0.85);
 -webkit-transition:all 700ms ease;
 -ms-transition:all 700ms ease;
 -o-transition:all 700ms ease;
 transition:all 700ms ease;
}
.service-block:nth-child(2) .inner-box .image .overlay-box {
 background:rgba(134,32,29,0.85);
}
.service-block:nth-child(3) .inner-box .image .overlay-box {
 background:rgba(10,95,167,0.85);
}
.service-block .inner-box .image .overlay-box .overlay-inner {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 display:table;
 padding:10px 30px;
 vertical-align:middle;
}
.service-block .inner-box .image .overlay-box .overlay-inner .content {
 position:relative;
 display:table-cell;
 vertical-align:middle;
}
.service-block .inner-box .image .overlay-box .content-inner {
 position:relative;
 padding-bottom:0px;
 -webkit-transition:all 600ms ease;
 -ms-transition:all 600ms ease;
 -o-transition:all 600ms ease;
 -moz-transition:all 600ms ease;
 transition:all 600ms ease;
}
.service-block .inner-box:hover .image .overlay-box .content-inner {
 padding-bottom:40px;
}
.service-block .inner-box .image .overlay-box .content-inner .btn-box {
 position:absolute;
 left:0px;
 right:0px;
 bottom:0px;
 padding:0px;
}
.service-block .inner-box .image .overlay-box h3 {
 position:relative;
 font-size:24px;
 line-height:1.2em;
 font-weight:700;
}
.service-block .inner-box .image .overlay-box h3 a {
 position:relative;
 color:#ffffff;
 overflow:hidden;
 display:inline-block;
}
.service-block .inner-box .image .overlay-box h3 a:after {
 content: '';
 position: absolute;
 height: 6px;
 width: 100%;
 top: 50%;
 margin-top: -1px;
 right: 0;
 background: #F9F9F9;
 -webkit-transform: translate3d(-110%,0,0);
 transform: translate3d(-110%,0,0);
 -webkit-transition: -webkit-transform 0.8s;
 transition: transform 0.8s;
 -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
 transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.service-block .inner-box .image .overlay-box h3 a:hover::after {
 -webkit-transform: translate3d(110%,0,0);
 transform: translate3d(110%,0,0);
}
.service-block .inner-box .image .overlay-box .text {
 position:relative;
 color:#ffffff;
 font-size:16px;
 line-height:1.8em;
 margin-top:10px;
 margin-bottom:12px;
}
.service-block .inner-box .image .overlay-box .care-btn {
 position:relative;
 color:#e9edf1;
 font-size:13px;
 font-weight:600;
 letter-spacing:2px;
 border-radius:50px;
 display:inline-block;
 padding:5px 20px 6px 28px;
 background-color:#0e2a4e;
 text-transform:uppercase;
 visibility:hidden;
 opacity:0;
 font-family: 'Poppins', sans-serif;
}
.service-block .inner-box .image .overlay-box .care-btn .icon {
 position:relative;
 top:2px;
 font-size:18px;
 font-weight:400;
}
.service-block .inner-box:hover .image .overlay-box .care-btn {
 opacity:1;
 visibility:visible;
}
.service-block .inner-box .image .overlay-box .care-btn:hover {
 background-color:#be9a8d;
}
/*** ====================================================================   Services Section Two====================================================================***/.services-section-two {
 position:relative;
 padding:95px 0px 70px;
}
.services-section-two.style-two {
 background-color:#2c75b2;
}
.services-section-two.style-three {
 background-color:#edf1f4;
}
.services-section-two .owl-dots {
 display:none;
}
.services-section-two .owl-nav {
 position:absolute;
 right:0px;
 top:-85px;
}
.services-section-two .owl-nav .owl-prev,
.services-section-two .owl-nav .owl-next {
 position:relative;
 margin-left:18px;
 width:42px;
 height:42px;
 color:#c2c2c2;
 font-size:18px;
 text-align:center;
 line-height:40px;
 font-weight:400;
 display:inline-block;
 border:2px solid #c2c2c2;
 -webkit-transition:all 300ms ease;
 -moz-transition:all 300ms ease;
 -ms-transition:all 300ms ease;
 -o-transition:all 300ms ease;
 transition: all 300ms ease;
}
.services-section-two .owl-nav .owl-prev:hover,
.services-section-two .owl-nav .owl-next:hover {
 color:#ffffff;
 border-color:#4d273f;
 background-color:#4d273f;
}
.service-block-two {
 position:relative;
 margin-bottom:30px;
}
.service-block-two .inner-box {
 position:relative;
}
.service-block-two .inner-box .image {
 position:relative;
 overflow:hidden;
 background-color:#532840;
}
.service-block-two .inner-box .image:before {
 position:absolute;
 content:'';
 left:-100%;
 top:50%;
 width:100%;
 height:20px;
 margin-top:-10px;
 background-color:#be9a8d;
 -webkit-transition:all 600ms ease;
 -ms-transition:all 600ms ease;
 -o-transition:all 600ms ease;
 -moz-transition:all 600ms ease;
 transition:all 600ms ease;
}
.service-block-two .inner-box:hover .image:before {
 left:100%;
 width:100%;
 -webkit-transition-delay: 300ms;
 -moz-transition-delay: 300ms;
 -ms-transition-delay: 300ms;
 -o-transition-delay: 300ms;
 transition-delay: 300ms;
}
.service-block-two .inner-box .image img {
 position:relative;
 width:100%;
 display:block;
 -webkit-transition:all 300ms ease;
 -ms-transition:all 300ms ease;
 -o-transition:all 300ms ease;
 -moz-transition:all 300ms ease;
 transition:all 300ms ease;
}
.service-block-two .inner-box:hover .image img {
 opacity:0.4;
}
.service-block-two .inner-box .lower-content {
 position:relative;
 padding-top:24px;
}
.service-block-two .inner-box .lower-content h3 {
 position:relative;
 font-weight:700;
 line-height:1.3em;
 font-size:16px;
}
.service-block-two .inner-box .lower-content h3 a {
 position:relative;
 color:#0e2a4e;
 -webkit-transition:all 300ms ease;
 -ms-transition:all 300ms ease;
 -o-transition:all 300ms ease;
 -moz-transition:all 300ms ease;
 transition:all 300ms ease;
}
.service-block-two .inner-box .lower-content h3 a:hover {
 color:#532840;
}
.service-block-two .inner-box .lower-content .text {
 position:relative;
 font-weight:400;
 line-height:1.6em;
 font-size:16px;
 color:#797979;
 margin-top:10px;
}
.services-section-two.style-two .owl-nav .owl-prev,
.services-section-two.style-two .owl-nav .owl-next {
 border-color:rgba(255,255,255,0.50);
 color:rgba(255,255,255,0.50);
}
.services-section-two.style-two .owl-nav .owl-prev:hover,
.services-section-two.style-two .owl-nav .owl-next:hover {
 color:#4d273f;
 border-color:#ffffff;
 background-color:#ffffff;
}
.service-block-two.style-two .inner-box .lower-content h3 a,
.service-block-two.style-two .inner-box .lower-content .text {
 color:#ffffff;
}

/*** ====================================================================       Section Title====================================================================***/
.sec-title {
 position:relative;
 z-index: 1;
 margin-bottom:50px;
}
.sec-title h2 {
 position: relative;
 display: block;
 font-size:32px;
 line-height: 1.2em;
 color: #0e2a4e;
 font-weight: 700;
}
.sec-title .text {
 position:relative;
 color:#797979;
 font-size:16px;
 line-height:1.3em;
 margin-top:10px;
 padding-right:65px;
 display:inline-block;
}
.sec-title.style-two .text {
 font-family: 'Lora', serif;
 font-size:20px;
 font-style:italic;
}
.sec-title .text:before {
 position:absolute;
 content:'';
 right:0px;
 bottom:3px;
 width:50px;
 height:2px;
 background-color:#be9a8d;
}
.sec-title.light h2,
.sec-title.light .text {
 color: #ffffff;
}
.sec-title.light .text:before {
 background-color:#ffffff;
}
.sec-title.centered {
 text-align:center;
}
/*** ====================================================================   Section Title Two====================================================================***/.sec-title-two {
 position:relative;
 z-index: 1;
 margin-bottom:50px;
}
.sec-title-two h2 {
 position: relative;
 display: block;
 font-size:34px;
 line-height: 1.2em;
 color: #0e2a4e;
 font-weight: 700;
 padding-bottom:25px;
}
.sec-title-two h2:before {
 position:absolute;
 content:'';
 left:0px;
 bottom:0px;
 width:40px;
 height:2px;
 background-color:#0e2a4e;
}
.sec-title-two .text {
 position:relative;
 color:#797979;
 font-size:16px;
 line-height:1.8em;
 margin-top:25px;
}
.sec-title-two.style-two .text {
 font-size:22px;
 font-style:italic;
 line-height:1.4em;
 font-family: 'Lora', serif;
}
.sec-title-two.centered:before {
 left:50%;
 margin-left:-20px;
}
.sec-title-two.light h2:before {
 background-color:#ffffff;
}
.sec-title-two.light h2 {
 color: #ffffff;
}
.sec-title-two.light h2:after {
 background-color:#ffffff;
}
.sec-title-two.centered {
 text-align:center;
}
.sec-title-two.centered h2:before {
 left:50%;
 margin-left:-20px;
}
.sec-title-two.centered h2:after {
 left:50%;
 margin-left:-20px;
}



.ehome-title{
 height:320px;
 background-color:#71864d;
 text-align:center;
 padding-top:32px
}
.ehome-title hr{
 width:144px;
 display:block;
 margin:10px auto 20px;
 height:1px;
 background:#fff;
 border:0
}
.ehome-title .title1{
 font-size:1.5rem;
 line-height:2rem;
 color:#fff;
 margin-bottom:0
}
.ehome-title .title2 {
 font-size:1rem;
 line-height:2rem;
 color:rgb(255,255,255,0.7);
}
.ehome-content{
 background:#fff;
 margin:-176px auto 100px;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-align:center;
 align-items:center;
 -webkit-align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-justify-content:center;
 z-index:2;
 border-radius:1rem;
 padding:2rem;
 box-sizing:border-box
}
.ehome-content .content-float {
 -ms-flex:1;
 flex:1;
 background-color:#f8f8f8;
 border-radius:1rem;
 text-align:center;
 padding:1rem 2rem;
 height:38rem;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 margin:10px
}
.ehome-content .content-float:last-child {
 margin-right:0
}
.ehome-content .content-float:hover {
 box-shadow:0 0 7px 0 rgba(61,57,57,.23)
}
.ehome-content .content-float .ehome-items-content {
 -ms-flex:1;
 flex:1
}
.ehome-content .content-float .items-title {
 font-size:1.2rem;
 line-height:2rem;
 color:#000;
 font-weight: 600;
 padding-top: 10px
}
.ehome-content .content-float .items-rmb {
 font-size:.9rem;
 line-height:1rem;
 color:#b6b6b6;
 margin:0 auto 2rem
}
.ehome-content .content-float .items-rmb span {
 font-size:1.5rem
}
.ehome-content .content-float .items-discribe {
 text-align:left;
 font-size:1rem;
 line-height:2rem;
 color:#a0a0a0;
 padding:0
}
.ehome-content .content-float .items-discribe span {
 color:#000
}
.ehome-content .content-float .items-camp {
 margin-bottom:15px;
 margin-top:20px
}
.ehome-content .content-float .items-camp1 {
 font-size:.9rem;
 line-height:1.5rem;
 color:#000;
 margin-bottom:0
}
.ehome-content .content-float .items-camp1 span {
 display:inline-block;
 width:16px;
 height:16px;
 background:#1d63b5;
 border-radius:8px;
 color:#fff;
 line-height:16px;
 margin-left:3px
}
.ehome-content .content-float .items-camp2 {
 font-size:.8rem;
 color:#1d63b5;
 margin-top:0;
 cursor:pointer
}
.ehome-content .content-float .items-camp2 span {
 width:1rem;
 height:1rem;
 display:inline-block;
 background:#1d63b5;
 border-radius:1rem;
 color:#fff;
 line-height:1rem;
 margin-left:.5rem
}
.ehome-content .content-float .items-camp2:hover div {
 display:block
}
.ehome-content .content-float .items-camp2 div {
 background-color:rgba(0,0,0,.8);
 border-radius:1rem;
 opacity:.9;
 color:#fff;
 font-size:.8rem;
 text-align:left;
 padding:1rem;
 z-index:10;
 position:absolute;
 line-height:1.5rem;
 width:12%;
 display:none
}
.ehome-content .content-float .items-class {
 font-size:.8rem;
 color:#b6b6b6;
 margin-bottom:15px
}
.ehome-content .content-float .items-btn button {
 width:9rem;
 height:2rem;
 font-size:14px
}


.submit-btn:hover {
    background-color: #bc8774;
}
.submit-btn {
    background-color: #71864d;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
button {
    border: none;
}
button, input, select, textarea {
    outline: none;
}


/*
版块一
*/
#sec1 {
    width: 100%;
    padding: 62px 0 0;
    background-color: #333;
    display: table;
}
#sec1 .header {
    display: table;
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    padding: 0 79px;
    margin: 0 auto;
    background: url(../images/indexSec1Bg.gif) repeat-x 0 center;
}
#sec1 .header div {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    padding: 0 13px;
    background-color: #333;
}
#sec1 .main {
    margin-top: 62px;
}

#sec1 li {
    width: 25%;
    overflow: hidden;
    font-size: 0;
    float: left;
}
#sec1 li img {
    width: 100%;
    height: auto;
}
#sec1 li figure {
    text-align: center;
    position: relative;
}
#sec1 li figcaption, #sec1 li div {
    position: absolute;
}
#sec1 li figcaption {
    width: 80%;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    left: 10%;
    z-index: 3;
    bottom: 30%;    /*45%*/
    font-size: 26px;
    color: #fff;
    line-height: 36px;
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
}
#sec1 li.active figcaption {
    bottom: 45%;
}
#sec1 li div {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
#sec1 li .icon {
    width: 64px;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    bottom: 48%;    /*62%*/
    z-index: 3;
    background: url(../images/bg.png) no-repeat;
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
}
#sec1 li.active .icon {
    bottom: 62%;
}
#sec1 li .blank {
    filter: alpha(opacity=40);
    -webkit-opacity: .4;
    -moz-opacity: .4;
    -ms-opacity: .4;
    -o-opacity: .4;
    opacity: .4;
    z-index: 1;
    background-color: #333333;
}
#sec1 li .yellow {
    filter: alpha(opacity=90);
    -webkit-opacity: .9;
    -moz-opacity: .9;
    -ms-opacity: .9;
    -o-opacity: .9;
    opacity: .9;
    z-index: 2;
    background-color: #e1b56e;
    bottom: -100%;  /*0*/
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
}
#sec1 li.active .yellow {
    bottom: 0;
}
#sec1 li .brief {
    width: 80%;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 10%;
    bottom: -72px;  /*10%*/
    z-index: 3;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#sec1 li .brief:after {
    content: "...";
}
#sec1 li.active .brief {
    bottom: 10%;
}
