/* 导航栏 */
#thisnavbar {
  background-color: #24262b;
}

.active {
  background-color: transparent !important;
}

.dropdown-menu {
  background-color: transparent !important;
}

.dropdown-item {
  background-color: #24262b !important;
  color: #ffffff !important;
  
} 
.dropdown-toggle {
  background-color: transparent !important;
  color: #ffffff !important;
} 

.nav-link {
  color: #ffffff !important;
}

.logoimg {
  margin-bottom: 0.4rem;
  margin-right: 0.4rem;
}


.nav-item {
  margin-right: 4rem;

}
/* 导航栏 */





/* 功能特性导航Navigational Tabs */
.navigationaltabs {
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.navigationaltabs> h2,
.navigationaltabs> p {
  color: #000000 !important;
}
.navigationaltabs> a {
  text-align: center !important;
}
/* 功能特性导航Navigational Tabs */





/* 旋转木马，滚动窗口 */
#carousel1,
#carousel2,
#carousel3 {
  height: 60rem !important; 
  background-color: #000000 !important;
}
 #carousel1 > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 60rem;
 }

 #carousel2 > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 60rem;
 }

 #carousel3 > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 60rem;
 }

 .carousel-item {
  height: 60rem !important;
  background-color: #000000;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 60rem !important;
}

 .carousel-caption {
  margin-bottom: 15rem !important;
  position: absolute !important;
 }

 .carousel-caption > h1 {
  font-size: 60px !important;
}

.carousel-caption > p {
  font-size: 20px !important;
}
 /* 旋转木马，滚动窗口 */




/* WebGIS简介 */
#intro {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  margin-left: 16rem !important;
}

#intro > p {
  font-size: 28px !important;
}
/* WebGIS简介 */



/* 分割线 */
.featurette-divider {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
  color: #000000 !important;
}
/* 分割线 */


 /* 产品功能部分（6分块） */
.row {
  background-color: transparent !important;
}

.rounded-circle {
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
}
 .marketing h1 {
  margin-top: 5rem !important;
  
 }
 .col-lg-4 {
  margin-bottom: 0 !important;
 }

 /* .col-lg-4 :hover {
  padding-top: 30px !important;
 } */
 .col-lg-4>h2 {
  color: aliceblue !important;
  font-size: x-large !important;
  margin-top: 3rem !important;

 }
 .col-lg-4>p {
  color: aliceblue !important;
  font-size: large !important;
 }

 .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

  .fade.in {
    opacity: 1
  }


/* 产品功能部分（6分块） */




/* 产品特性部分 */
.featurette-image {
  width: 800px !important;
  height: 400px !important;
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

#featuretext1 {
    background: url('background/1.png') no-repeat center;
    /* background-size: 100% 100%; */
}

#featuretext2 {
    background: url('background/2.png') no-repeat center;
}

#featuretext3 {
    background: url('background/3.png') no-repeat center;
}

#featuretext4 {
    background: url('background/4.png') no-repeat center;
}

#featuretext5 {
  background: url('background/5.png') no-repeat center;
}

#featuretext6 {
  background: url('background/6.png') no-repeat center;
}

h2 {
  margin-bottom: 2rem !important;
  font-size: 30px !important;
}

.col-md-7 {
  background: url('background\sign_waikuang_da.png') no-repeat;
}

.framed-container {
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
}

.framed-image {
  border: 2px solid #1A2236; /* 添加蓝色边框 */
  box-shadow: 0px 0px 10px 5px #1A2236; /* 添加阴影效果 */
}

.fade-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 1s ease, transform 1s ease;
}
.fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 1s ease, transform 1s ease;
}
.fade-in {
  opacity: 0;
  transition: opacity 1s ease;
}
.fade-in.active {
  opacity: 1;
  transform: none;
}


/* 产品特性部分 */





/* 案例 */    
#casecontainer {
  background: url('background/bg_changjing.png') no-repeat center;
  background-size: 100% 100%;
  background-color:#1A2236;
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  font-size: 18px !important;
}

.card-img-top {
width: 100%;
height: 210px !important;
/* margin-left: 1rem !important; */
/* margin-right: 1rem !important; */
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}

.featureimg {
  height: 100px !important;
}

.card-body >h5 {
  font-size: 1rem !important;
  text-align: center !important;
  /* font-weight: bold !important; */
  color: #ffffff !important;
}

.card-body >p {
  font-size: 0.9rem !important;
  text-align: left !important;
  /* font-weight: bold !important; */
  color: #cdcbcb !important;
}

.card {
  background-color: transparent !important;
}

.card-text {
  font-size: .8rem !important;
  color: #ffffff;
}


.carousel-inner > div {
  background-color: transparent !important;
  margin-bottom: 0rem !important;
}

.card-group {
  margin-top: 4rem !important;
  position: absolute !important;
}

#casecarouselitem {
  margin-top: 4rem;
  height: 30rem !important;

}

#casestudy {
  color: #ffffff;
  margin-top: 3rem !important;
  position: absolute !important;
  margin-left: 32rem !important;

}

/* 案例 */











    /* Footer */
    #footerdivider {
      color: #ffffff !important;
    }
    .footer{
      background-color:#1A2236;
      padding: 20px 0;
      
    }


    .footer-col{
      width: 25%;
      /* padding: 0 15px; */
    }
    .footer-col h4{
      font-size: 18px;
      color: #ffffff;
      text-transform: capitalize;
      margin-bottom: 35px;
      font-weight: 500;
      position: relative;
      padding-inline-start: 40px;
    }
    .footer-col h4::before{
      content: '';
      position: absolute;
      left:0;
      bottom: -10px;
      /* background-color: #e91e63; */
      height: 2px;
      box-sizing: border-box;
      width: 50px;
    }
    .footer-col ul li:not(:last-child){
      margin-bottom: 10px;
      list-style: none;
    }
    .footer-col ul li a {
      font-size: 16px;
      font-family: inherit;
      text-transform: capitalize;
      color: #ffffff;
      text-decoration: none;
      font-weight: 300;
      color: #ffffff;
      display: block;
      transition: all 0.3s ease;
    }
    .footer-col ul li a:hover{
      color: #ffffff;
      padding-left: 8px;
    }
    .footer-col .social-links a{
      display: inline-block;
      height: 40px;
      width: 40px;
      background-color: rgba(255,255,255,0.2);
      margin:0 10px 10px 0;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      color: #ffffff;
      transition: all 0.5s ease;
    }
    .footer-col .social-links a:hover{
      color: #24262b;
      background-color: #ffffff;
    }

    #footer-container {
      margin-bottom: 5rem;
    }

    .Copyright {
      margin-top: 20px !important;
      /* position: fixed !important; */
      background-color:#1A2236;
    }
    .Copyright p {
      color: #bbbbbb !important;
      background-color:#1A2236;
    }