body {
     font-family: 'Source Sans Pro', sans-serif;
     overflow-x: hidden;
 }

 html,
 body {
     width: 100%;
     height: 100%;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 300;
 }

 h1 {
     font-size: 40px;
     font-weight: 200;
     line-height: 50px;
 }

 h2 {
     font-size: 30px;
     line-height: 40px;
     margin-top: 0;
 }

 h3 {
     font-size: 20px;
     font-weight: bold;
     line-height: 32px;
 }

 h4 {
     font-size: 18px;
     line-height: 28px;
 }

 p {
     margin: 0;
     padding: 0;
     font-size: 16px;
     line-height: 29px;
     letter-spacing: 0.5px;
 }

 /********************** 导航栏 ***************************/

 .logo-img {
     margin-top: 2px;
     width: 158px;
     height: 18px;
 }

 .navbar {
     height: 62px;
     padding: 0;
     line-height: 62px;
     margin-bottom: 0 !important;
 }

 .nav-menu-left {
     margin-left: 50px !important;
 }

 .custom-navbar {
     margin-bottom: 0;
     background: #000;
     padding: 0;
 }

 .custom-navbar:hover {
     background: #000;
 }

 .custom-navbar .navbar-brand {
     margin-top: 5px;
     color: #f9f9f9;
     font-weight: normal;
     font-size: 25px;
 }

 @media (max-width: 980px) {
     .container {
         width: 970px !important;
     }
 }

 /* 大屏幕（大桌面显示器，大于等于 1500px） */

 @media (min-width: 1500px) {
     .custom-navbar .navbar-brand {
         margin-left: -160px !important;
     }
 }

 .custom-navbar .nav>li {
     top: 0;
     height: 62px;
     margin: 0px 20px;
 }

 .custom-navbar .nav>li>a {
     height: 62px;
     line-height: 62px;
     font-size: 16px;
     font-weight: normal;
     color: #f9f9f9;
     letter-spacing: 0.5px;
     -webkit-transition: all ease-in-out 0.4s;
     transition: all ease-in-out 0.4s;
     padding: 0;
     text-transform: uppercase;
 }

 .custom-navbar .navbar-nav>li>a:hover,
 .custom-navbar .navbar-nav>li>a:focus {
     background-color: transparent;
     color: #ffffff;
 }

 .custom-navbar .navbar-nav>li>a:hover {
     line-height: 60px;
 }

 .custom-navbar .nav>li>a:after {
     content: "";
     position: absolute;
     display: block;
     width: 0px;
     height: 2px;
     margin: auto;
     background: transparent;
     transition: width .3s ease, background-color .3s ease;
 }

 .custom-navbar .nav>li>a:hover:after,
 .custom-navbar .nav>li.active>a:after {
     /* margin-top: 15px; */
     background: #ffffff;
     color: #ffffff;
     width: 100%;
 }

 .custom-navbar .nav>li.active>a {
     background-color: transparent;
     color: #ffffff;
 }

 .custom-navbar .navbar-toggle {
     border: none;
     padding-top: 10px;
 }

 .custom-navbar .navbar-toggle {
     background-color: transparent;
 }

 .custom-navbar .navbar-toggle .icon-bar {
     background: #ffffff;
     border-color: transparent;
 }

 @media(min-width:768px) {
     .custom-navbar {
         background: 0 0;
     }

     .custom-navbar.top-nav-collapse {
         background: #000;
         padding: 15px 0;
     }
 }

 /************************** 二级导航栏 ***************************/

 .nav-child-menu {
     display: none;
     position: fixed;
     z-index: 999;
     width: 100%;
     top: 62px;
     background-color: rgba(0, 0, 0, 90%);
     border-top: 1px solid #212121;
 }

 .nav-child-menu:hover {
     display: block;
 }

 .nav-child-menu>ul,
 .nav-child-menu>ul>li {
     list-style: none;
 }

 .navbar-child-items {
     width: 55%;
     margin: 0 auto;
     height: 60px;
 }

 .navbar-child-item {
     width: 20%;
     margin: 0 auto;
     float: left;
     line-height: 40px;
     text-align: center;
     position: relative;
 }

 .navbar-child-item>a {
     line-height: 62px;
     color: #f9f9f9;
     text-decoration: none;
     transition: all ease-in-out 0.2s;
 }

 .navbar-child-item>a:hover {
     /* font-size: 17px; */
     text-decoration: none;
     margin-left: 8px;
     color: #fff;
     padding-bottom: 5px;
     border-bottom: 1px solid#fff;
 }

 .navbar-child-item>a:focus {
     text-decoration: none;
     color: #fff;
 }

 /********************** 页尾 ***************************/

 footer {
     width: 100%;
     background-color: #000000;
     height: 50px;
     margin: 0;
     bottom: 0 !important;
 }

 .footer-desc {
     text-align: center;
     color: #ffffff;
     line-height: 50px;
     font-size: 14px;
     margin: 0;
 }

 /********************** 悬浮上拉和咨询 ***************************/

 .float-btn {
     position: fixed;
     right: 1px;
     bottom: 10vh;
     width: 70px;
     height: 142px;
 }

 .consult {
     cursor: pointer;
     width: 70px;
     height: 70px;
     background-color: #43C0F0;
 }

 .consult-msg {
     position: fixed;
     bottom: 11vh;
     right: 110px;
     width: 360px;
     height: 130px;
     background-color: #fff;
     /* border: 2px solid #e4dcdc; */
     border-radius: 5px;
     margin-top: 10px;
     border: 1px solid #C5C5C5;
     display: none;
     z-index: 999;
 }

 .consult-msg::before,
 .consult-msg::after {
     display: inline-block;
     content: '';
     position: absolute;
     border: 12px solid transparent;
 }

 .consult-msg::before {
     top: 15px;
     right: -25px;
     border-left-color: #a0a0a0;
 }

 .consult-msg::after {
     top: 15px;
     right: -24px;
     border-left-color: #fff;
 }

 .consult-label {
     margin-left: 15px;
     margin-top: 20px;
     font-size: 21px;
 }

 .consult-label-icon {
     margin-right: 10px;
 }

 .consult-information {
     margin-left: 15px;
     margin-top: 20px;
 }

 .consult-phone {
     font-size: 36px;
 }

 .consult-name {
     font-size: 21px;
 }

 .consult-img,
 .goTop-img {
     position: relative;
     display: block;
     width: 25px;
     height: 25px;
     margin: 0px auto 0px;
     top: 13px;
 }

 .consult-desc,
 .goTop-desc {
     display: block;
     text-align: center;
     color: #fff;
     margin-top: 15px;
     font-style: 13px;
 }

 .goTop {
     cursor: pointer;
     width: 70px;
     height: 70px;
     background-color: #43C0F0;
     margin-top: 2px;
 }

 .consult:hover {
     background-color: #0aa3eb;
 }

 .goTop:hover {
     background-color: #0aa3eb;
 }

 /*********************** 动画效果 ***************************/

 .come-in {
     transform: translateY(150px);
     animation: come-in 0.8s cubic-bezier(0, -0.01, 0, 0.99) forwards;
 }

 .already-visible {
     transform: translateY(0);
     animation: none;
     opacity: 1;
 }

 @keyframes come-in {
     to {
         transform: translateY(0);
         opacity: 1;
     }
 }