/* ========================================================== */
/* 			                通用样式                           */
/* ========================================================== */
ul,
ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    color: #858585;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

ul li,
ol li {
    font-size: 14px;
    line-height: 28px;
}

ul li i {
    vertical-align: middle;
}

p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #7c8595;
    margin-bottom: 15px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #2F362F;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

h2.section-title {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 15px 0;
}

h2.section-title.grey {
    color: #ddd;
}

h2.large-title {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 500;
}

p.section-subtitle {
    font-size: 16px;
}


p.section-subtitle-large {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
}

p.section-subtitle.grey {
    color: #bbb;
}

.separator_wrapper,
.separator_wrapper_white {
    margin-bottom: 10px;
}

.separator_wrapper::after,
.separator_wrapper::before {
    background-color: #3498db;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 60px;
    height: 1px;
    margin-top: -6px;
}

.separator_wrapper_white::after,
.separator_wrapper_white::before {
    background-color: #ddd;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 60px;
    height: 1px;
    margin-top: -6px;
}

h3.medium-title {
    font-size: 32px;
    margin-top: 10px;
}

iframe {
    max-width: 100%;
    border: none;
}

.width-100 {
    width: 100%;
}

.medium {
    font-weight: 400;
}

.bold {
    font-weight: 700;
}

.lyla {
    color: #9E5FBA;
}

.green {
    color: #16A085;
}

.blue {
    color: #3498db;
}

.red {
    color: #e74c3c;
}

.grey {
    color: #ddd;
}

.white {
    color: #fff;
}

.container {
    max-width: 1080px;
    margin: 0 auto;
}

.section-white {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    padding: 90px 0;
}

.section-grey {
    background-color: #f6f7f8;

    border-top: 1px solid #eaeaea;
    padding: 90px 0;
}

.section-blue {
    background-color: #3498db;
    padding: 90px 0;
}

.section-light-blue {
    background-color: #51adad;
    padding: 90px 0;
}

.section-hero {
    background-color: #3498db;
    padding: 0;
}

.section-blue.cta-padding {
    padding: 20px 0;
}

.section-red {
    background-color: #e74d3d;
    padding: 90px 0;
}

.section-grey.small-padding,
.section-white.small-padding,
.section-blue.small-padding,
.section-light-blue.small-padding {
    padding: 40px 0;
}

.section-grey.medium-padding,
.section-white.medium-padding,
.section-dark.medium-padding,
.section-blue.medium-padding,
.section-light-blue.medium-padding {
    padding: 60px 0;
}

.section-grey.no-padding-bottom,
.section-white.no-padding-bottom,
.section-dark.no-padding-bottom,
.section-blue.no-padding-bottom {
    padding: 90px 0 0 0;
}

.section-grey.small-padding-bottom,
.section-white.small-padding-bottom,
.section-dark.small-padding-bottom,
.section-blue.small-padding-bottom {
    padding: 90px 0 50px 0;
}

.section-grey.no-padding,
.section-white.no-padding,
.section-dark.no-padding,
.section-blue.no-padding {
    padding: 0;
}

.section-white.about-padding {
    padding: 85px 0 100px 0;
}

.section-white.team-padding {
    padding: 40px 0 0 0;
}

.section-white.case-studies-padding,
.section-grey.case-studies-padding {
    padding: 20px 0 0 0;
}

.section-dark.portfolio-padding {
    padding: 60px 0 75px 0;
}

.section-dark {
    background-color: #393f43;
    padding: 90px 0;
}


.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-left: 0;
}

.small-padding-left {
    padding-left: 5px;
}

.small-padding-right {
    padding-right: 5px;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-top-110 {
    margin-top: 110px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-90 {
    margin-top: 90px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-bottom-120 {
    margin-bottom: 120px !important;
}

.margin-bottom-130 {
    margin-bottom: 120px !important;
}

.margin-bottom-140 {
    margin-bottom: 140px !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-45 {
    padding-top: 45px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-100 {
    padding-top: 180px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.margin-top-0 {
    margin-top: 0px !important;
}

/* ========================================================== */
/* 			                页脚                              */
/* ========================================================== */

.footer {
    width: 100%;
    position: relative;
    background-color: #353535;
    margin: 0 auto;
}

.footer-top {
    padding: 60px 0 60px 0;
    border-bottom: 2px dotted #999;
}

.footer-bottom {
    color: #fff;
    padding: 60px;
    padding: 20px;
    text-align: center;
}

a.top-scroll {
    position: relative;
    padding: 6px 7px 2px 7px;
    font-size: 26px;
    line-height: 26px;
    color: #999 !important;
    background-color: transparent;
    border: 1px solid #999;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

a.top-scroll:hover {
    color: #fff !important;
    background-color: #3498db;
    border: 1px solid #3498db;
}

.footer h4 {
    font-size: 16px;
    position: relative;
    padding-bottom: 20px;
    color: #fff;
}

.footer h4::after {
    position: absolute;
    content: "";
    background-color: #3498db;
    height: 3px;
    width: 40px;
    bottom: -1px;
    left: 0;
}

.footer p,
.footer a {
    color: #ddd;
}

.footer a.btn {
    color: #fff;
}

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

.footer-bottom p a {
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
}

.footer p a:hover {
    color: #3498db;
}

ul.footer-list {
    display: block;
    margin: 0;
}

ul.footer-list li {
    padding: 5px 0;
    border-bottom: 1px solid #999;
}

ul.footer-list li.first {
    padding-top: 0;
}

ul.footer-list li a:hover {
    color: #3498db;
}

ul.footer-list li {
    color: #FFF;
}

/* ========================================================== */
/* 			                 头部样式                          */
/* ========================================================== */

#logo {
    margin-top: 0;
}

.nav-title {
    margin-bottom: 10px;
    color: #2F362F;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.nav-subtitle {
    color: #7c8595;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.hidden-nav-item {
    display: none !important;
}

.navbar-brand>img {
    max-height: 45px;
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }
}

.navbar-default .navbar-nav>li>a.selected {
    color: #3498db;
}

.navbar-default {
    min-height: 76px;
    margin: 0;
    background-color: #fff;
    border: none;
}

.navbar-default .navbar-nav>li>a.contact {
    position: relative;
    color: #3498db;
    background-color: transparent;
    border: 2px solid #3498db;
    margin-left: 15px;
    margin-right: -15px !important;
    margin-top: 23px;
    padding: 2px 20px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600 !important;
    text-transform: uppercase;
    webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.navbar-default .navbar-nav>li>a.contact:hover {
    color: #fff !important;
    background-color: #3498db;
    border: 2px solid #3498db;
}

#navbar-collapse-02 .current a.contact {
    color: #3498db !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.navbar-default .navbar-nav > li > a {
    color: #2F362F;
    font-size: 16px;
    line-height: 45px;
    font-weight: 500 !important;
}

#wechat-img {
    margin: 0 auto;
    width: 100%;
}