blockquote,
 body,
 button,
 dd,
 dl,
 dt,
 fieldset,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 input,
 legend,
 li,
 ol,
 p,
 pre,
 td,
 textarea,
 th,
 ul {
     margin: 0;
     padding: 0;
 }

 html {
     color: #000;
     overflow-y: auto;
     overflow-x: hidden;
     overflow: -moz-scrollbars
 }

 body,
 button,
 input,
 select,
 textarea {
     font-family: Arial, sans-serif
 }

 em {
     font-style: normal
 }

 small {
     font-size: 12px
 }

 ol,
 ul {
     list-style: none
 }

 a {
     text-decoration: none
 }


 .navbar {
     background-color: transparent;
     padding: 20px 0;
 }

 .navbar-brand img {
     height: 30px;
 }

 .navbar-nav .nav-link {
     color: #fff;
     margin-left: 30px;
 }

 .carousel-item {
     height: 100vh;
     background-position: center;
     background-size: cover;
 }

 .carousel-caption {
     bottom: 30%;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
 }

 .carousel-caption h1 {
     font-size: 36px;
     margin-bottom: 20px;
 }

 .carousel-caption p {
     font-size: 16px;
     margin-bottom: 40px;
 }

 .footer-text {
     position: absolute;
     bottom: 50px;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
 }

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

 .nav>li>a {
     padding: 10px 22px;
 }

 a {
     color: #333;
 }

 a:hover {
     text-decoration: none;
 }

 /* 轮播图 */
 @media (min-width: 1200px) {
     .container {
         width: 1400px;
     }
 }

 .my-container {
     position: relative;
 }

 .my-navbar {
     position: absolute;
     top: 0;
     z-index: 1;
     left: 0;
     right: 0;
 }

 .navbar {
     border: 0;
 }

 .my-navbar .navbar-nav.left {
     margin-left: 360px;
 }

 .my-navbar .navbar-nav>li.active>a {
     font-weight: bold;
     font-size: 20px;
 }

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

 .navbar-default .navbar-nav>li>a {
     color: #fff;
 }

 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:focus,
 .navbar-default .navbar-nav>.active>a:hover {
     background-color: transparent;
     color: #fff;
     
 }

 .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
     color: #fff;
     /* font-size: 20px; */
 }

 .navbar {
     height: 80px;
     padding-top: 40px;
 }

 .navbar-nav>li>a {
     line-height: 50px;
     font-size: 18px;
 }

 /* 文字区域 */
 .info {
     text-align: center;
     padding-top: 140px;
     padding-bottom: 110px;
 }

 .ch {
     text-indent: 2em;
     line-height: 30px;
     padding-bottom: 60px;
     font-size: 16.5px;
     text-align: justify;
     padding-top: 100px;
 }

 .en {
     font-size: 13px;
     text-align: justify;
     line-height: 22px;
 }

 .about-us {
     position: relative;
     height: 100%;
     margin-bottom: 120px;
 }

 .more {
     font-size: 24px;
     border-bottom: 2px solid #333;
     position: absolute;
     right: 10px;
     bottom: 0px;
     width: 416px;
     cursor: pointer;

 }

 .more .arrow {
     float: right;
     transition: all .5s;
 }

 .more .text {
     transition: all .5s;
 }

 .more:hover .text {
     margin-left: 10px;
 }

 .more:hover .arrow {
     transform: translateX(10px);
 }

 .about-us .pull-left {
     width: 893px;
     height: 563px;
 }

 .about-us .pull-right {
     width: 420px;
     height: 563px;
     position: relative;
 }

 /* 大图 */
 .big-img {
     position: relative;
     margin-bottom: 210px;
 }

 .big-img .img {
     width: 100%;
 }

 .ab-center {
     position: absolute;
     left: 50%;
     top: 300px;
     transform: translateX(-50%);

 }

 .big-img-text {
     position: relative;
     width: 829px;
     height: 468px;
 }

 .big-img-text .btn {
     position: absolute;
     bottom: 5px;
     right: 80px;
     transition: all .3s;
 }

 .big-img-text:hover .btn {
     transform: translateX(10px);
 }

 .pic4-1 {
     width: 885px;
     height: 488px;
 }

 .pic4-text {
     width: 500px;
     height: 700px;
 }

 .pic4-txt {
     padding-top: 50px;
     position: relative;
     height: 410px;
 }

 .more-white {
     color: #fff;
     right: 85px;
     width: 388px;
     border-bottom-color: #fff;
 }

 .more-btn {
     position: absolute;
     right: 90px;
     bottom: 8px;
     transition: all .4s;
 }

 .pic4-txt:hover .more-btn {
     transform: translateX(10px);
 }

 .more-left {
     width: 400px;
     left: 0;
 }

 .video {
     margin-top: 170px;
     background: #000;
     padding-top: 160px;
     padding-bottom: 160px;
     position: relative;
 }

 .video-box {
     border: 6px solid #888;
     border-radius: 10px;
     overflow: hidden;
     width: 100%;
     height: 750px;
 }

 .video-text {
     position: absolute;
     bottom: 70px;
     left: 50%;
     transform: translateX(-50%);
 }

 /* 底部区 */
 .footer {
     background: url(../images/index/footer-bg.png) no-repeat 0 center;
     height: 500px;
     background-size: 100% 100%;
 }

 .footer-nav {
     padding-top: 75px;

 }

 .footer-nav a {
     color: #fff;
 }

 .footer-nav .pull-right a {
     padding-left: 20px;
     padding-right: 10px;
     font-size: 24px;
     text-decoration: none;
 }

 .footer-container {
     position: relative;
     height: 500px;
 }

 .footer-address {
     position: absolute;
     bottom: 120px;
     height: 73px;
     width: 100%;
     color: #fff;
     display: flex;
     align-items: center;
 }

 .footer-address .address, .footer-address .tel , .footer-address .guanzhu, .footer-address .xiaohongshu, .footer-address .erweima{
    float: left;
 }

 .footer-address .address{
    font-size: 18px;
    display: flex;
    align-items: center;
 }
 .footer-address .address::before{ 
    float: left;
    content: '';
    width: 33px;
    height: 33px;
    background: url('../images/index/location.png');
    background-size: 100% 100%;
}
.footer-address .address span{
    padding-left: 5px;
    border-right: 2px solid #fff;
    padding-right: 20px;
    line-height: 1;
}
.footer-address .tel{
    font-size: 22px;
    margin-left: 20px;
 }

 .footer-address .tel::before{ 
    float: left;
    content: '';
    width: 9px;
    height: 10px;
    background: url('../images/index/phone_icon.png');
    background-size: 100% 100%;
}

.footer-address .guanzhu{
    font-size: 16px;
    margin-left: 200px;
    flex: auto;
 }
 .footer-address .pingtai{
    display: flex;
    align-items: center;
 }
 .footer-address .pingtai::after{ 
    float: right;
    content: '';
    width: 12px;
    height: 13px;
    background: url('../images/index/next2.png');
    background-size: 100% 100%;
}
.footer-address .pingtai span{
    padding-right: 20px;
 }

 .footer-address .xiaohongshu{
    height: 67px;
    margin-right: 25px;
 }
 .footer-address .xiaohongshu img{
    margin-top: 37px;
 }



 

 /* 关于嘉彩 */
 .aboutUs {
     height: 1080px;
     background: #000 url('../images/aboutUs/banner.png') no-repeat top center;
 }

 .shanghai {
     padding-top: 280px;
     padding-bottom: 260px;
 }

 .meng {
     padding-bottom: 60px;
 }

 .process {
     padding-bottom: 110px;
 }

 .jianzhu {
     text-align: center;
 }

 .time-line {
     padding-top: 60px;
 }

 .idea-item {
     padding-bottom: 50px;
 }

 .idea-item:first-child {
     padding-bottom: 80px;
 }

 .yewu {
     padding-bottom: 100px;
 }

 .aboutus-address {
     padding-bottom: 100px;
 }

 .aboutus-text {
     padding-bottom: 35px;
 }

 .three {
     padding-bottom: 110px;
 }

 /* 花色精选 */
 .design {
     height: 1080px;
     background: #002a98 url('../images/huase/banner.png') no-repeat top center;
 }

 .design-title {
     padding-top: 140px;
     padding-bottom: 60px;
 }

 .design-content {
     padding-bottom: 200px;
 }

 .design-content {}

 .design-menu {
     width: 312px;
     height: 912px;
     background-color: #e6e6e6;
     border-radius: 10px;
     text-align: center;
     padding: 20px 50px;
     font-size: 24px;
 }

 .design-item {
     cursor: pointer;
     height: 105px;
     line-height: 105px;
     border-bottom: 1px solid #808080;
     color: #000;
 }

 .design-item.active {
     color: #808080;
 }

 .design-main {
     width: 966px;
    overflow: hidden;
    display: none;
   
 }
 .design-main-box{
 margin-right: -40px;
 }
  .design-main.show{
    display: block;
  }

 .design-box {
     width: 464px;
     height: 373px;
     position: relative;
     margin-bottom: 30px;
     float: left;
     margin-right:39px ;
 }

 .design-txt {
         position: absolute;
    left: 0;
    bottom: 0;
    width: 323px;
    height: 54px;
    background: rgba(0, 0, 0, .5);
    border-top-right-radius: 10px;
    z-index: 1;
    font-size: 26px;
    line-height: 54px;
    color: #fff;
    padding-left: 22px;
 }

 /* 联系我们 */
 .contactUs .navbar-default .navbar-nav>li>a{
color: #000;
 }
 .contactUs{
  height: 1080px;
     background: #716b64 url('../images/contactUs/banner.png') no-repeat top center;
 margin-bottom: 220px;
    }
    .location{
        height: 630px;
        /* position: relative; */
    }
    .location img{
        padding-top: 240px;
    }
.look-more{
    display: inline-block;
    cursor: pointer;
}
.contactUs-img{
    margin-bottom: 60px;
}
    .contactUs-left{
        height: 630px;
    }
.contactUs-content{
    padding-bottom: 280px;
}

 .contactUs .navbar-default .navbar-nav>.active>a{
    color: #000;
}

/* 案例展示 */
.case{
height: 150px;
background-color: #002fa8;
}
.case-title{
    padding-top: 110px;
    padding-bottom: 104px;
}
.case-content{

}

/* 轮播------------- */

.swiper-box {
  margin-bottom: 160px;
  overflow: hidden;
    position: relative;
}

.swiper-box .swiper-slide{
    position: relative;
}
.swiper-box .swiper-slide img {
    width: 100%;
    height: 100%;
}
.swiper-box .swiper-slide .pic_page {
  position: absolute;
  z-index: 100;
  right: 20px;
  bottom: 20px;
   transition: transform 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡效果 */
}
.swiper-box .swiper-slide .pic_page:hover{
     transform: scale(1.1); /* 悬停时放大10% */
}

.swiper-thumbnails {
    display: flex;
    justify-content: center;
    margin: 90px auto 0;
    position: relative;
    width: 1280px;
}
.swiper-thumbnails .swiper-slide {
    width: 420px;
    height: 260px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}

/* 缩略图选中的边框 */
.swiper-thumbnails .swiper-slide-thumb-active {
    border: 2px solid #FF7F50;
}

/* 缩略图蒙层遮罩 */
.swiper-thumbnails .swiper-slide img {
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
}

.swiper-thumbnails .swiper-slide:not(.swiper-slide-thumb-active) img {
    opacity: 0.6;
}

/* 左右切换按钮 */
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    width: 23px;
    height: 50px;
}
.swiper-button-prev:after, .swiper-button-next:after{
    display: none;
}
.swiper-button-prev {
  left: -43px;
  background: url('../images/anli/arrow2.png') no-repeat center;
  background-size: 100%;
}

.swiper-button-next {
  right: -43px;
  background: url('../images/anli/arrow1.png') no-repeat center;
  background-size: 100%;
}




/* Fade-in animation */
.fade-in {
    animation: fadeIn 2s ease-in-out;
}

/* Slide from left */
.slide-left {
    animation: slideInLeft 2s ease-out;
}

/* Slide from right */
.slide-right {
    animation: slideInRight 2s ease-out;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes slideInLeft {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideInRight {
    0% { transform: translateX(100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}