/*dede58.com 做最好的织梦整站模板下载网站*/



/* Import fonts */



body {

    color: #666;

    font-family: "微软雅黑";

    padding: 0px !important;

    margin: 0px !important;

    font-size: 13px;

}



a,
a:hover,
a:focus {

    text-decoration: none;

    outline: none;

}



::selection {

    background: #F77B6F;

    color: #fff;

}

::-moz-selection {

    background: #F77B6F;

    color: #fff;

}



h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: "微软雅黑";

}

p {

    font-family: "宋体";

    color: #999;

}

a {

    color: #444e67;

}



a:hover {

    color: #ffc601;

}



p {
    line-height: 22px
}



/*header*/



.header-frontend .navbar {

    margin-bottom: 0;

}



.navbar-default {

    border: none;

}



.navbar-brand {

    color: #bcc0cd;

    font-size: 30px;

    font-weight: 100;

    line-height: 30px;

    margin-top: 20px;

    padding: 0 0 0 15px;

}



.navbar-brand span {

    color: #f25f5b;

}



.header-frontend .navbar-collapse ul.navbar-nav {

    float: right;

    margin-right: 0;

}



.header-frontend .navbar-default {

    background-color: #fff;

}



.header-frontend .nav li a,
.header-frontend .nav li.active ul.dropdown-menu li a {

    color: #666;

    font-size: 14px;

    background: none;

}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.header-frontend .nav li a:hover,

.header-frontend .nav li a:focus,

.header-frontend .nav li.active a,

.header-frontend .nav li.active a:hover,

.header-frontend .nav li a.dropdown-toggle:hover,

.header-frontend .nav li a.dropdown-toggle:focus,

.header-frontend .nav li.active ul.dropdown-menu li a:hover,

.header-frontend .nav li.active ul.dropdown-menu li.active a {

    color: #fff;

    background-color: #034ead;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}





.header-frontend .navbar-default .navbar-nav>.open>a,

.header-frontend .navbar-default .navbar-nav>.open>a:hover,

.header-frontend .navbar-default .navbar-nav>.open>a:focus {

    color: #fff;

    background-color: #034ead;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}





.header-frontend .navbar {

    min-height: 100px;

}



.header-frontend .navbar-nav>li {

    padding-bottom: 30px;

    padding-top: 30px;

}



.header-frontend .navbar-nav>li>a {

    padding-bottom: 6px;

    padding-top: 5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    margin-left: 2px;

    line-height: 30px;



    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}





.dropdown-menu li a:hover {

    color: #fff !important;

}



.header-frontend .nav .caret {

    border-bottom-color: #999;

    border-top-color: #999;

}



.dropdown-menu {

    box-shadow: none;

    border-radius: 0;

}



.header-frontend .nav li .dropdown-menu {

    padding: 0;

}



.header-frontend .nav li .dropdown-menu li a {

    line-height: 28px;

    padding: 3px 12px;

}





/*search*/



.search {

    margin-top: 3px;

    width: 20px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border: 1px solid #fff;

    box-shadow: none;

    background: url("../img/search-icon.jpg") no-repeat 10px 8px;

    padding: 0 5px 0 35px;

    color: #fff;

}



.search:focus {

    margin-top: 3px;

    width: 180px;

    border: 1px solid #eaeaea;

    box-shadow: none;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    color: #c8c8c8;

    font-weight: 300;

    margin-left: 10px;

}



/*homepage features*/



.feature-head {

    padding: 50px 0;

}



.feature-head h1 {

    color: #475168;

    font-size: 30px;

    font-weight: 300;

    text-transform: uppercase;

    margin-top: 0;

}



.feature-head p {

    color: #8a8b8b;

    font-size: 18px;

    font-weight: 300;

}



.f-box {

    background: #f4f4f4;

    border-radius: 10px;

    padding: 20px;

    text-align: center;

    min-height: 210px;

    margin-bottom: 20px;

    transition-duration: 500ms;

    transition-property: width, background;

    transition-timing-function: ease;

    -webkit-transition-duration: 500ms;

    -webkit-transition-property: width, background;

    -webkit-transition-timing-function: ease;

}



.f-box i {

    font-size: 50px;

    line-height: normal;

    margin-top: 40px;

    display: block;

    color: #ffc601;

}



.f-box:hover,
.f-box.active {

    background: #034EAD;

    border-radius: 10px;

    padding: 20px;

    text-align: center;

    min-height: 210px;

    margin-bottom: 20px;

    transition-duration: 500ms;

    transition-property: width, background;

    transition-timing-function: ease;

    -webkit-transition-duration: 500ms;

    -webkit-transition-property: width, background;

    -webkit-transition-timing-function: ease;

}



.f-box:hover i,
.f-box.active i {

    font-size: 50px;

    line-height: normal;

    margin-top: 40px;

    display: block;

    color: #fff;



}



.f-box:hover h2,
.f-box.active h2 {

    color: #fff;

}



.f-box h2 {

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 400;

    font-family: 'Fjalla One', sans-serif;

}



.f-text {

    font-size: 14px;

    font-weight: 300;

    padding-bottom: 20px;

}



/*quote*/



.quote {

    margin: 70px 0;

    display: inline-block;

    width: 100%;

}



.quote-info {

    background: #475168;

    padding: 20px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    min-height: 72px;

}



.quote-info h1 {

    color: #fff;

    font-weight: 400;

    font-size: 20px;

    margin: 0 0 5px 0;

    text-transform: uppercase;

    font-family: 'Fjalla One', sans-serif;

}

.quote-info p {

    color: #9eb3c4;

    font-weight: 300;

    margin: 0;

}



.purchase-btn {

    width: 100%;

    line-height: 75px;

    font-size: 20px;

    font-weight: 400;

    text-transform: uppercase;

    font-family: 'Fjalla One', sans-serif;

}



.accordion {

    margin-bottom: 40px;

    display: inline-block;

    width: 100%;

}



/*tabs*/



.tab {

    background: #f4f4f4;

}



.tab .nav>li>a {

    padding: 18px 15px;

}



.tab-bg-dark-navy-blue {



    border-bottom: none;

    border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

    padding: 0;

}



.tab-bg-dark-navy-blue .nav>li>a:hover,
.tab-bg-dark-navy-blue .nav>li>a:focus {

    background-color: #f4f4f4;

    text-decoration: none;

}





.panel-heading .nav>li>a,

.panel-heading .nav>li.active>a,
.panel-heading .nav>li.active>a:hover,
.panel-heading .nav>li.active>a:focus {

    border-width: 0;

    border-radius: 0;

}



.panel-heading .nav>li>a {

    color: #fff;

}



.panel-heading .nav>li.active>a,
.panel-heading .nav>li>a:hover {

    color: #6f6f6f;

    background: #f4f4f4;

}



.panel-heading .nav>li:first-child.active>a,
.panel-heading .nav>li:first-child>a:hover {

    border-radius: 4px 0 0 0;

    -webkit-border-radius: 4px 0 0 0;

}



.tab .nav-tabs.nav-justified>li {

    border-right: 1px solid #f4f4f4;

}



.tab .nav-tabs.nav-justified>li:last-child {

    border-right: none;

}



.p-head {

    color: #034EAD;

    font-size: 14px;

    font-weight: 400;

}



.cmt-head {

    font-size: 14px;

    font-weight: 400;

}



.p-thumb img {

    border-radius: 3px;

    -webkit-border-radius: 3px;

    height: 50px;

    width: 50px;

}





/*testimonial*/



.about-testimonial ul li {

    list-style: none;

}



.about-testimonial {

    margin: 20px 0 0 0;

    position: relative;

}



ul.about-flex-slides {

    margin-left: 0;

}



.flex-direction-nav {

    position: absolute;

    right: 10px;

    top: 30px;

    width: 70px;

}



.flex-direction-nav li {

    display: inline-block;

    width: 12px;

}



.flex-direction-nav li a {

    outline: none;

}



.flex-direction-nav li a i {

    color: #cccccc;

}



.flex-control-paging {

    display: none;

}



.about-testimonial .about-testimonial-image {

    float: left;

    margin: 0 15px;

    position: relative;

}



.about-testimonial .about-testimonial-image img {

    border-radius: 50px;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    height: 100px !important;

    width: 100px !important;

}



.about-flexslider .about-flex-slides img {

    display: block;

    width: 100%;

}



.about-testimonial a.about-testimonial-author {

    display: inline-block;

    font-size: 15px;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 11px;

    margin: 30px 0 8px 0;

    color: #504946;

    font-weight: 300;

}



.about-testimonial .about-testimonial-company {

    display: block;

    font-size: 13px;

    line-height: 14px;

    color: #ababab;

    font-weight: 300;

}



.about-testimonial.boxed-style .about-testimonial-content {

    background-color: #e9e9e9;

    border: 1px solid #e9e9e9;

    border-radius: 5px;

    -moz-border-radius: 5px;

}



.about-testimonial .about-testimonial-content {

    margin-top: 55px;

    padding: 20px;

    position: relative;

}



.about-testimonial .about-testimonial-content p {

    line-height: 20px;

    margin: 0;

}



.about-testimonial.boxed-style .about-testimonial-content:before {

    background-color: #e9e9e9;

    border-right: 1px solid #e9e9e9;

    border-color: #f5f5f5;

    border-image: none;

    border-style: none;

    top: -7px;

    content: "";

    display: block;

    height: 14px;

    left: 60px;

    position: absolute;

    transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    width: 15px;

    display: none\0/;

    _display: none;

}





/*----image hove----*/

.view {

    float: left;

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default;

    background: #fff;

}



.view .mask,
.view .content {

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}



.view img {

    display: block;

    position: relative;

}



.view h2 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 16px;

    padding: 10px;

    background: rgba(0, 0, 0, 0.8);

    margin: 5px 0 0 0;

}



.view p {

    font-size: 12px;

    position: relative;

    color: #fff;

    padding: 10px 20px 20px;

    text-align: center;

    margin-bottom: 10px;

}



.view a.info {

    display: inline-block;

    text-decoration: none;

    padding: 7px 14px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    -webkit-box-shadow: 0 0 1px #000;

    -moz-box-shadow: 0 0 1px #000;

}



.view a.info:hover {

    -webkit-box-shadow: 0 0 5px #000;

    -moz-box-shadow: 0 0 5px #000;

    box-shadow: 0 0 5px #000;

}



.view-tenth img {

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -o-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.view-tenth .mask {

    background-color: rgba(0, 0, 0, 0.5);

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    transition: all 0.5s linear;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

}



.view-tenth h2 {

    background: transparent;

    margin: 0px 10px;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    color: #333;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    transition: all 0.5s linear;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

}



.view-tenth p {

    color: #333;

    line-height: normal;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



.view-tenth a.info {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



.view-tenth:hover img {

    -webkit-transform: scale(5);

    -moz-transform: scale(5);

    -o-transform: scale(5);

    -ms-transform: scale(5);

    transform: scale(5);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=.5);

    opacity: .5;

}



.view-tenth:hover .mask {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

}



.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

}



/*imageview icon hover*/



[data-zlname] {

    position: relative;

    overflow: hidden;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

/*IMGS IN CONTAINER*/

[data-zlname]>img {

    display: block;

    max-width: 100%;

}

/*POP UP ELEMENTS*/

[data-zlname] [data-zl-popup] {

    position: absolute;

    display: block;

    padding: 1px;

    height: 40px;

    width: 40px;

    background: #323231;

    color: #fff;

    overflow: hidden;

    display: none;

    text-align: center;

}

/*OVERLAY*/

/*classic*/

[data-zl-overlay] {

    top: 0;

    left: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    display: none;

    padding: inherit;

}

/*four*/

[data-zl-ovzoom0],
[data-zl-ovzoom1],
[data-zl-ovzoom2],
[data-zl-ovzoom3] {

    position: absolute;

    width: 25%;

    height: 100%;

}

/*rolling*/

[data-zl-ovrolling] {

    position: absolute;

    display: none;

    width: 100%;

    height: 100%;

}

/*double*/

[data-zl-ovdouble0],
[data-zl-ovdouble1] {

    position: absolute;

    display: none;

}



/*-------*/



[data-zlname=reverse-effect] [data-zl-popup=link] {

    background: rgba(256, 256, 256, 1);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

}



[data-zlname=reverse-effect] [data-zl-popup=link2] {

    background: rgba(256, 256, 256, 1);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

}



[data-zlname=reverse-effect] [data-zl-popup=link]:hover,

[data-zlname=reverse-effect] [data-zl-popup=link2]:hover {

    opacity: .5;

}



.mask a i {

    color: #242424 !important;

    font-size: 16px;

    line-height: 40px;

}



.r-work {

    color: #475168;

    text-transform: uppercase;

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 20px;

    font-family: "微软雅黑";

}



.bx-wrapper {

    margin-bottom: 120px;

}





/*pricing table*/



.pricing-table {

    background: #eeeeee;

    text-align: center;

    padding: 0 0 25px 0;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.pricing-table.most-popular {

    top: -20px;

    position: relative;

}



.most-popular {

    background: #f77b6f;

    color: #fff;

}



.most-popular h1 {

    font-size: 25px !important;

    padding-bottom: 10px;

    padding-top: 17px !important;

}



.most-popular h2 {

    background: #d76b61 !important;

    margin-top: 20px !important;

}



.most-popular ul li {

    border-bottom: 1px dotted #d76b61 !important;

}



.most-popular .price-actions .btn {

    background: #d76b61 !important;

    margin: 10px 0;

    cursor: pointer;

}



.pricing-table .price-actions .btn {

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    background: #acacac;

    color: #fff;

    border: none;

    box-shadow: none;

    text-shadow: none;

    padding: 10px 20px;

    cursor: pointer;

}



.pricing-head h1 {

    font-size: 18px;

    font-weight: 300;

    padding-top: 15px;

}



.pricing-head h2 {

    padding: 30px 0;

    background: #777777;

    color: #fff;

    font-size: 50px;

    font-weight: 100;

}



.pricing-table ul {

    margin: 15px 0;

    padding: 0;

}



.pricing-table ul li {

    border-bottom: 1px dotted #CCCCCC;

    margin: 0 2em;

    padding: 1em 0;

    text-align: center;

    font-weight: 300;

}



.pricing-head span.note {

    display: inline;

    font-size: 25px;

    line-height: 0.8em;

    position: relative;

    top: -18px;

}



.pricing-quotation,
.team-info {

    background: #EEEEEE;

    padding: 20px 20px 35px 20px;

    margin-bottom: 100px;

    display: inline-block;

    width: 100%;

    text-align: center;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.pricing-quotation h3,
.team-info h3 {

    font-weight: 300;

}



.pricing-quotation p,
.team-info p {

    margin-bottom: 0px;

}



.pricing-plan,
.team-info-wrap {

    position: relative;

}



.pricing-quotation:before,
.team-info:before {

    background-color: #EEEEEE;

    border-color: #EEEEEE;

    border-image: none;

    border-right: 1px solid #EEEEEE;

    border-style: none;

    top: -7px;

    content: "";

    display: block;

    height: 14px;

    left: 48%;

    position: absolute;

    transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    width: 15px;

}



.breadcrumbs {

    background: #475268;

    color: #fff;

    padding: 45px 0;

    margin-bottom: 40px;

}



.breadcrumb {

    margin-bottom: 0;

    background: none;

}



.breadcrumb li a {

    color: #ffc601;

}



.breadcrumb li.active {

    color: #fff;

}



.breadcrumbs h1 {

    font-size: 24px;

    font-weight: 600;

    margin: 3px 0 0;

    text-transform: uppercase;

}



/*contact*/



.contact-map {

    margin-top: -40px;

    margin-bottom: 40px;

}



.contact-form {

    margin-bottom: 20px;

}



.address h4 {

    color: #475168;

    text-transform: uppercase;

    margin-bottom: 20px;

    font-family: 'Fjalla One', sans-serif;

}



/*about us*/



.about-us img {

    width: 100%;

}



.carousel-control.left,
.carousel-control.right {

    background: none;

}



.carousel-control {

    background: #000000 !important;

    bottom: 40%;

    color: #FFFFFF;

    font-size: 20px;

    left: 0;

    line-height: 48px;

    opacity: 0.5;

    position: absolute;

    text-align: center;

    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);

    top: 40%;

    width: 10%;

}



.carousel-control:hover {

    background: rgba(212, 108, 94, .8) !important;

    color: #FFFFFF;

    /*opacity: 0.6;*/

    text-decoration: none;

}



.carousel-control:hover,
.carousel-control:focus {

    opacity: 0.6;

}

.carousel-caption {

    background: rgba(0, 0, 0, 0.6);

    padding-bottom: 0px;



    bottom: 0;

    color: #FFFFFF;

    left: 0 !important;

    padding-bottom: 5px;

    padding-top: 10px;

    position: absolute;

    right: 0 !important;

    text-align: center;

    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);

    z-index: 10;

}



.about h3 {

    /*text-transform: uppercase;*/

    color: #666;

    margin-top: 0;

}



.icon-wrap {

    font-size: 2em;

    height: 60px;

    width: 60px;

    float: left;

    line-height: 60px;

    text-align: center;

    color: #fff;

    margin-right: 30px;

}



.ico-bg {

    background: #f37d6c;

}



.round {

    border-radius: 50%;

    -webkit-border-radius: 50%;

}





.content h3,
.media h3 {

    margin-top: 0;

    color: #475168;

    font-size: 20px;

    font-family: 'Fjalla One', sans-serif;

}



.media h3 {

    margin-top: 20px;

}



.media-body h4 {

    font-size: 16px;

    color: #475168;

}



.hiring,
.services {

    margin-bottom: 40px;

    display: inline-block;

    width: 100%;

}



.hiring {

    margin-top: 60px;

}



.gray-box {

    background: #f2f2f2;

    padding: 60px 0;

}



.progress {

    background-color: #E1E1E1;

}



.flexslider {

    background: none;

    border: none;

}





.about-skill-meter .sr-only {

    position: static !important;

}



.about-skill-meter .progress-bar {

    text-align: left;

    padding-left: 10px;

}



.about-skill-meter .progress {

    height: 30px;

    box-shadow: none;

    line-height: 30px;

}



.about-skill-meter .progress-bar-danger {

    background-color: #FFC601;

    box-shadow: none;

}



.skills {

    margin-bottom: 25px;

    color: #47506a;

    font-size: 20px;

}



/*team*/



.person {

    margin-bottom: 10px;

}



.person img {

    width: 210px;

    height: 210px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

}





.team-social-link {

    display: block;

    margin: 10px 0 20px 0;

}



.team-social-link a {

    display: inline-block !important;

    color: #cac8c7;

    font-size: 20px;

    margin: 0 8px;

}



.team-social-link a:hover {

    color: #f37c6b;

}



.person-info h4,
.person-info h4 a {

    color: #f37c6b;

    font-weight: 300;

    margin-bottom: 5px;

}





.mtop30 {

    margin-top: 30px;

}





/*typography*/



.highlight-1 {

    background: #9CCE44;

    color: #FFFFFF;

}



.highlight-2 {

    background: #242424;

    color: #FFFFFF;

}



.highlight-3 {

    background: #F2C600;

    color: #242424;

}



.dropcap {

    background-color: #666666;

    color: #FFFFFF;

    float: left;

    font-size: 30px;

    line-height: 30px;

    margin: 4px 8px 0 0;

    padding: 5px 10px;

    text-align: center;

}



.dropcap2 {

    background-color: #666666;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    color: #FFFFFF;

    float: left;

    font-size: 35px;

    height: 41px;

    line-height: 25px;

    margin: 3px 8px 0 0;

    padding: 10px;

    text-align: center;

}

/*buttons*/



.btn-row {

    margin-bottom: 30px;

}



/*blog*/



.blog-item {

    margin-bottom: 40px;

    padding-bottom: 40px;

    border-bottom: 1px dashed #ddd;

}



.date-wrap,
.comnt-wrap {

    margin-bottom: 20px;

}

.date-wrap span,
.comnt-wrap span {

    display: block;

    padding: 10px 0;

    text-align: center;

}



.date-wrap .date {

    font-size: 30px;

    font-weight: 300;

    background: #ffc601;

    color: #fff;

    border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

}



.date-wrap .month {

    font-size: 16px;

    font-weight: 300;

    background: #f6f5f0;

    color: #a19fa2;

    border-radius: 0 0 4px 4px;

    -webkit-border-radius: 0 0 4px 4px;

}



.comnt-wrap .comnt-ico {

    background: #efeee9;

    color: #a0a0a0;

    border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

    font-size: 20px;

}

.comnt-wrap .value {

    background: #f6f5f0;

    color: #a0a0a0;

    border-radius: 0 0 4px 4px;

    -webkit-border-radius: 0 0 4px 4px;

}



.blog-img img {

    width: 100%;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



.blog-item h1,
.blog-item h1 a {

    font-size: 25px;

    color: #f6bf03;

    font-weight: 300;

}



.blog-item h1 {

    margin-bottom: 20px;

    line-height: 35px;

}



.blog-item h1 a:hover {

    text-decoration: underline;

}



.author {

    margin: 25px 0 30px 0;

    font-size: 16px;

}



.author a,
.shate-view a {

    color: #F77B6F;

}



.shate-view {

    margin-top: 20px;

}



.shate-view ul li {

    margin-bottom: 5px;

}



.blog-side-item h3 {

    color: #666;

    font-size: 18px;

    margin-top: 0;

}



.blog-side-item ul li {

    margin-bottom: 5px;

    border-bottom: 1px solid #efefef;

    line-height: 35px;

}



.blog-side-item ul li a {

    display: inline-block;

    width: 100%;

}



.media p {

    line-height: normal;

}



ul.tag {

    display: inline-block;

    width: 100%;

}



ul.tag li {

    float: left;

    margin: 10px 10px 0 0;

    border-bottom: none;

}

ul.tag li a {

    border: 1px solid #e8e8e8;

    padding: 0 10px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



.media img.media-object {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    height: 80px;

    width: 80px;

}





/*footer*/



.footer {

    background: #133280;

    border-top: 0px solid #ffc601;

    color: #fff;

    padding: 50px 0;

    margin-top: 50px;

    display: inline-block;

    width: 100%;

    font-weight: 300;

}



.footer h1 {

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 400;

    margin-top: 0;

    margin-bottom: 20px;

    font-family: 'Fjalla One', sans-serif;

}





.footer address a {

    color: #fff;

}



.tweet-box {

    background: #505b71;

    padding: 20px 15px;

    border-radius: 5px;

    font-size: 14px;

}



.tweet-box:before {

    background-color: #505b71;

    border-color: #505b71;

    border-image: none;

    border-right: 1px none #505b71;

    border-style: none;

    content: "";

    display: block;

    height: 22px;

    left: 60px;

    position: absolute;

    top: 32px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    width: 22px;

}



.tweet-box a,
.tweet-box i {

    color: #00adef;

}



.tweet-box a:hover {

    color: #F77B6F;

}



.tweet-box i {

    font-size: 40px;

    float: left;

    margin-right: 15px;

}



.social-link-footer li {

    float: left;

    margin: 0 10px 10px 0px;



}



.social-link-footer li a {

    color: #fff;

    background: #505b71;

    padding: 10px;

    width: 50px;

    height: 50px;

    float: left;

    text-align: center;

    font-size: 20px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.social-link-footer li a:hover {

    background: #F77B6F;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}









/*slider css*/



.main-slider {

    background: #475168;

    color: #fff;



    z-index: 1;

    position: relative;

    overflow: hidden;

}



.slider-colored {

    z-index: 1;

    position: relative;

    border-top: solid 1px #eee;

    border-bottom: solid 1px #eee;

}



.slide_title {

    font-weight: 300;

    color: #ffc601;

    text-transform: uppercase;

    font-size: 35px;

    font-family: 'Fjalla One', sans-serif;

}



.slide_subtitle {

    font-family: 'Open Sans';

    font-weight: 400;

    padding: 5px;

    color: #fff;

    text-transform: uppercase;

    font-size: 18px;

}



.slide_list_item {

    font-family: 'Open Sans';

    font-weight: 400;

    padding: 5px;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

}



.slide_desc {

    color: #fff;

    font-size: 14px;

    line-height: 24px;

    font-weight: lighter;

}



.slide_desc_bordered {

    border-left: 3px solid #ddd !important;

    padding-left: 5px;

}



.slide_btn {

    font-family: 'Open Sans';

    font-weight: 300;

    background: #ffc601;

    padding: 15px 20px;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    cursor: pointer;

}



.slide_btn:hover,
.slide_btn:focus {

    font-family: 'Open Sans';

    font-weight: 300;

    background: #034EAD;

    padding: 15px 20px;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    cursor: pointer;

}



.dark-text {

    color: #797d87;

}



.yellow-txt {

    color: #ffc601;

}





/*recent work*/



.bx-controls-direction a {

    background-color: #eee !important;

    padding: 20px 35px;

    border-radius: 5px !important;

    margin-left: 5px !important;



    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.bx-controls-direction a:hover {

    background-color: #ffc601 !important;



    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {

    left: 43%;

    background-position: 25px 8px;

}



.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {

    background-position: 22px 8px;

}





/*property*/



.property {

    padding: 100px 0;

    margin-bottom: 60px;

}



.gray-bg {

    background: #f4f4f4;

}



.property h1 {

    color: #475168;

    font-size: 24px;

    text-transform: uppercase;

    font-family: 'Fjalla One', sans-serif;

    font-weight: 400;

    margin-bottom: 30px;

}



a.btn-purchase {

    background: #475168;

    color: #fff;

    text-transform: uppercase;

    padding: 20px 40px;

    margin-top: 30px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

a.btn-purchase:hover,
a.btn-purchase:focus {

    background: #034EAD;

    color: #fff;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;



}



/*clients*/



.clients {

    margin-top: 50px;

}



.clients ul li {

    display: inline-block;

    margin: 0 30px;

}





/*portfolio*/





/*Photo Gallery*/

#gallery {

    margin: auto;

    position: relative;

    width: 100%;

}



#gallery h2 {

    color: #fff;

    padding-top: 30px;

}



.gallery-container {

    margin: 0 auto 40px auto;

    position: relative;

    width: 100%;

}



.col-4 .item {

    width: 23%;

    margin-right: 2%;

    margin-bottom: 2%;

}



.col-4 .item img {

    height: 230px;

}



ul#filters {

    display: inline-block;

    width: 100%;

    margin: 5px 0 30px 0;

}



ul#filters li {

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

}



ul#filters li a {

    background: #E2E0E1;

    padding: 10px 15px;

    display: inline-block;

    color: #7D797A;

    outline: none;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    transition-duration: 500ms;

    transition-property: width, background;

    transition-timing-function: ease;

    -moz-transition-duration: 500ms;

    -moz-transition-property: width, background;

    -moz-transition-timing-function: ease;

    -webkit-transition-duration: 500ms;

    -webkit-transition-property: width, background;

    -webkit-transition-timing-function: ease;

}



ul#filters>li>a:hover,

ul#filters>li>a:focus,

ul#filters>.active>a,

ul#filters>.active>span {

    background: #f77b6f;

    padding: 10px 15px;

    display: inline-block;

    color: #fff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    transition-duration: 500ms;

    transition-property: width, background;

    transition-timing-function: ease;

    -moz-transition-duration: 500ms;

    -moz-transition-property: width, background;

    -moz-transition-timing-function: ease;

    -webkit-transition-duration: 500ms;

    -webkit-transition-property: width, background;

    -webkit-transition-timing-function: ease;

}



.item img {

    width: 100%;

    height: 100%;

}



.text-grid a {

    color: #fff;

}



.text-grid div {

    padding: 0 10px;

}



.text-grid p {

    margin-bottom: 10px;

}





/* Start: Recommended Isotope styles */



/* Isotope Filtering */



.isotope-item {

    z-index: 2;

}



.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}



/*Isotope CSS3 transitions */



.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}



.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}



.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    -ms-transition-property: -ms-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

}



/*disabling Isotope CSS3 transitions */



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}



/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    transition: none;

}



/*parallax*/



.parallax1 {

    background: url("../img/flat_parallax.jpg") no-repeat fixed 0 0 #f77b6f;

    background-size: cover;

    width: 100%;

    min-height: 400px;

    font-style: none;

}





.parallax1 h1 {

    text-align: center;

    color: #fff;

    font-size: 25px;

    font-weight: 700;

    line-height: 40px;

    margin-top: 50px;

}

.parallax1 p {

    text-align: left;

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    line-height: 40px;

}



.parallax1 a {

    background: #fff;

    color: #ffc601;

    text-transform: uppercase;

    padding: 20px 40px;

    margin-top: 30px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.bottom {
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

/*----*/



.mbot50 {

    margin-bottom: 50px;

}

.special {

    font-family: "微软雅黑";

}



/*case*/

.case_box {

    margin-top: 20px;

}

.case_img {

    border: solid 1px #d9d9d9;

}

.case_img img {

    width: 100%;

}

.case_img:hover {

    box-shadow: 3px 3px 5px #e5e5e5;

    -moz-box-shadow: 3px 3px 5px #e5e5e5;

    -ms-box-shadow: 3px 3px 5px #e5e5e5;

    -o-box-shadow: 3px 3px 5px #e5e5e5;

    -webkit-box-shadow: 3px 3px 5px #e5e5e5;

    -moz-transition: all 0.5s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -webkit-transition: all 0.5s ease;



}

.case_img .case_text {

    padding: 10px 0;

    text-align: center;

    display: block;

}

/*ours*/

.address {

    font-size: 16px;

    font-family: "微软雅黑";

    line-height: 44px;

}

.add {

    background-color: #f2f2f2;

    padding: 20px 0 30px 0;

}

.add_button {

    margin-top: 20px;

}

.add .add_btn {

    padding: 10px 10px;

    background-color: #ccc;

    color: #fff;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    -webkit-border-radius: 4px;

    text-align: center;

    font-size: 14px;

    display: block;

}

.add .add_btn:hover {

    background-color: #ffc601;

    -moz-transition: background 0.5s;

    -ms-transition: background 0.5s;

    -o-transition: background 0.5s;

    -webkit-transition: background 0.5s;

}

.service {

    line-height: 22px;

    font-family: "宋体";

    display: block;

    color: #999;

    margin: 0 0 10px;

    cursor: pointer;

}



.about .service:hover {

    color: #b3b3b3;

}

/*container_title*/

.new_title {

    text-align: center;

}

.container .new_time {

    text-align: center;

    display: block;

    padding-bottom: 5px;

}

/*page*/

.pagination>li>a:hover {

    background-color: #ffc601;

    border-color: #ffc601;

    color: #fff;

}

.new_line {

    border: dashed 1px #e5e5e5;

    display: block;

    height: 1px;



}

.new_img {

    width: 94%;

    margin: 2% 3%;

    border: solid 1px #f2f2f2;

    -moz-box-shadow: 3px 3px 5px #f2f2f2;

    -ms-box-shadow: 3px 3px 5px #f2f2f2;

    -o-box-shadow: 3px 3px 5px #f2f2f2;

    -webkit-box-shadow: 3px 3px 5px #f2f2f2;

}

.new_img img {

    width: 100%;

}

a.more {

    font-size: 12px;

    color: #ffc601;

    font-style: normal;

    display: inline;

    text-align: right;

}

/*荣誉资质*/

.honor {

    text-align: center;

    padding-top: 10px;

    display: block;

}

.honor_name {

    padding-top: 10px;

    display: block;

    background-color: #f2f2f2;

    text-align: center;

    height: 30px;

}



.honor_btn {

    overflow: hidden;

    height: 40px;

    margin-top: 10px;

    width: 20%;

    margin: 0 40%;

    padding-top: 5px;

}

.honor_btn .slip_button {

    float: left;

    width: 40%;

    margin: 0 5%;

    background-color: #e5e5e5;

    text-align: center;

    color: #fff;

    line-height: 30px;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    -webkit-border-radius: 4px;



}

a.slip_button:hover {

    background-color: #ffc601;

    transition: background 0.3s;

    -moz-transition: background 0.3s;

    -ms-transition: background 0.3s;

    -o-transition: background 0.3s;

    -webkit-transition: background 0.3s;

}

.honor_picture {

    width: 50%;

    float: left;

    padding: 0 2%;

}

.qiye {

    background-color: #f2f2f2;

    padding: 3% 0;

    margin-top: 30px;

}

.news_introduction {

    width: 94%;

    margin: 0 3%;

}

.nav #select {

    box-shadow: none !important;

}

/*公司大事件*/

.important {

    color: #666;

}

.important_text {

    color: #999;

    font-family: "宋体";

}

.important:hover {

    text-decoration: underline !important;

}

.important_text:hover {

    text-decoration: underline !important;

    color: #999 !important;

}

.property_span {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 500;
}