body {
 font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; 
}
ul,li{ list-style:none; padding:0; margin:0;}

/*Header Style*/
header {
   position: relative;
  min-height: 600px;
  background-size: cover;
}
img{ max-width:100%;}
 .swiper-container {
      width: 100%;
      height: 100%;

    }
	.swiper-container img{
      width: 100%;
      height: 100%;

    }
	
.top-menu{ position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1003;
    border-bottom: 1px solid rgba(255,255,255,.3);}
	

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
  letter-spacing: 1px;
  font-size: 0.95rem;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:active {
  color: #fff;
}

.da-home-page-text {
  padding-top: 18rem;
  color: #fff;
}


/*Projects Style*/
.da-projects { padding:80px 0;}
.da-projects .da-project-1 {
  position: relative;
  min-height: 450px;
  background-size: cover;
  background-image: center center;
}

.da-projects .da-project-2 {
  position: relative;
  min-height: 450px;
  background-size: cover;
  background-image: center center;
}


#link .col-md-3{ margin:10px 0;}
.card-body1{height:265px; -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;}
.card-body{ height:365px;}

.dropdown-menu{ text-align:center; font-size:14px;}
.dropdown-menu li a{ line-height:30px; color:#26b7a0;}
.dropdown a{ color:#fff;}
.bg-secondary .text-white i img{ width:22px; margin-right:5px;}
.bg-secondary p {
    margin-top: 0;
    margin-bottom:.5rem;
}

.banner img{ width:100%; display:block;}

.bg-main{
    background-color: #074d99;
}

.size2 {
    height: 2px;
    width: 50px;
}
#about h3{ font-size:30px;color: #074d99; font-weight:600;}
.m-lr-auto {
    margin-left: auto;
    margin-right: auto;
}
#about h4{
    font-size:18px;
    line-height: 1.2;
    color: #074d99; margin-top:10px;
    text-transform: uppercase;}
#about .row{ padding-top:30px;}
#about .col-md-6{ line-height:28px; font-size:15px; float:left;}
#about .h5{ padding:10px 0; color:#fff; margin:0;}
#about .col-md-4{ float:left;}
#about .col-md-4 .txt{ padding:10px; background:#f8f8f8; color:#333; text-align:center; margin-top:20px;}
#about .about{ overflow:hidden; padding-top:30px;}
#about .videocontent{ border:1px #ddd solid;}
.navbar-brand img{ width:150px;}
.sub-nav{  position:relative;  background: #efefef; padding:10px 0;}
.sub-nav .swiper-slide {
     border-radius:5px; font-size:14px;
    width: auto; margin-right:15px; }
.sub-nav .swiper-slide a{ color:#fff; text-decoration:none; color: #fff; padding:10px 20px; 
    background: #b4b4b4; display:block;
    border-radius: 5px;}
	.sub-nav .swiper-slide a:hover{  background:#138ac2; color:#fff;}
.sub-nav .active a{ background:#138ac2;}
#sub-nav {                                                                    
    width: 100%;
    overflow: hidden;
}
.da-soft{ padding:50px 0; background:#fff;}
.da-soft .pic{ border:1px #eee solid;}
.da-soft h2{ padding-bottom:30px; border-bottom:1px #eee solid;}
.da-soft h1{ font-size:28px; font-weight:bold;}
.da-soft h3{ font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.da-soft p{ padding-top:10px; margin-bottom:0px; font-size:14px; line-height:30px;}
.da-soft .area{ background:#fbfbfb; padding:10px;}
.da-soft .row{ margin-bottom:30px; border-bottom:1px #eee solid; padding-bottom:30px; margin-right: 0px;
    margin-left: 0px;}
.da-soft .col-md-4{ margin-bottom:30px;}
.da-soft .cp-pio-show{display: flex;}
.da-soft .title{ padding-bottom:20px; border-bottom:1px #ddd solid; overflow:hidden;}
.da-soft .title-name{ font-size:20px; font-weight:600;}
.da-soft .zw-title{ display: block; overflow:hidden;}
.da-soft .zw-title span{ float:left; background:url(../images/soft/soft-zw_03.jpg) no-repeat left center; padding-left:20px; font-size:24px; font-weight:600;}
.card1{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #1d8d7b;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card span{ display:block; position:absolute; bottom:0; height:35px; line-height:35px; text-align:center; width:100%; background:rgba(0, 0, 0, 0.5); color:#fff;}


.member-box {
  float: left;
  overflow: hidden;  margin-top:30px;
  width: 100%;
  -webkit-box-shadow: 0 0 103px rgba(0,0,0,.12);
  -ms-box-shadow: 0 0 103px rgba(0,0,0,.12);
  -o-box-shadow: 0 0 103px rgba(0,0,0,.12);
  box-shadow: 0 0 103px rgba(0,0,0,.12);
}

.member-info1 {
    float: left;
    padding: 20px 30px;
    width: 100%; height:200px;
    background-color: #fff; 
}


.member-info {
    float: left;
    padding: 20px 30px;
    width: 100%; 
    background-color: #fff; 
}
.member-info h6,.member-info1 h6{
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600; text-align:center;
}


.sub-nav a{text-decoration:none;}
.sub-nav a:hover .swiper-slide{ background:#138ac2; color:#fff; display:block;}


.strip {
    background: #2257a7;
    width:5%;
    padding: 2px;
    margin:10px auto;
}

.blue{ background:#138ac2; margin-top:50px; padding:30px 0; color:#fff;}
.hui{ background:#f5f5f5;  margin-top:50px; padding:30px 0;}
.soft-box{  background:#f5f5f5; padding:20px;}
.member-thumb{ position: relative;
    overflow: hidden;
    display: block;
    text-align: center;}
.member-thumb:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	  transition: 0.6s; 
}
#services .col-lg-3 a{ color:#333; text-decoration:none;}

@media (max-width: 992px) {
	.member-box {
 margin-top:0px;

}
  .da-projects .da-project-icon {
    margin-right: 15px;
  }
}

/* Expertise Skills Style */
.da-expertise .da-exp-skills {
  padding: 70px 40px 60px 40px;
}

.da-expertise .progress-bar {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 2s ease-in-out;
  transition: -webkit-transform 2s ease-in-out;
  transition: transform 2s ease-in-out;
  transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.da-expertise .aos-animate {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.da-expertise .da-exp-image {
  background-image: center center;
  background-size: cover;
  min-height: 450px;
}

/*Team Carousel Style*/
.da-team .carousel-indicators {
  bottom: 0px;
}

.da-team .carousel-indicators li {
  background-color: #3d3f4c;
}

.da-team .carousel-indicators .active {
  background-color: #26b7a0;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*Image Gallery Style*/
.da-gallery .card-columns .card {
  border: none;
  border-radius: none; 
}



@media (max-width: 992px) {
  .da-gallery .card-columns {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media (max-width: 576px) {
  .da-gallery .card-columns {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

/* Company Brand Style */
.da-company-brand img {
  opacity: 0.6;
  width: 90%;
}

.da-company-brand img:hover {
  opacity: 1;
}

/*Contact Style*/
.da-contact { 
  position: relative;
  min-height:300px; 
  background: url(../images/staticmap.jpg) center center; position: relative;
 background-size: cover;
  
}

.da-contact .da-contact-detail {
  padding: 2% 2%;
}

@media (max-width: 992px) {
  .da-contact .da-contact-detail {
    padding: 15% 0 5% 1%;
  }
}

@media (max-width: 767px) {
  .da-contact .da-contact-detail {
    padding: 15px 0px 15px 0px;
  }
}

/*Footer*/
footer .da-social-link {
  color: #fff;
  text-decoration: none;
}

footer ul {
  padding: 0;
}

footer ul li {
  list-style-type: none;
}

/* Credit Style */
a.credit {
  color: inherit;
  border-bottom: 1px dashed;
  text-decoration: none;
  cursor: pointer;
}

/*Scroll Top Style*/
#scrolltop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#scrolltop .btn {
  border-radius:10%;
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
}

/*Common Style*/
.da-section {
  padding: 100px 0;
}

@media (max-width: 575.98px) {
  .da-home-page-text {
    padding-top: 8rem;
  }
  .da-home-page-text .display-3 {
    font-size: 3rem;
  }
  header {
   position: relative;
  min-height:200px;
    height:10vh;
  background-size: cover;
}
.da-section {
  padding:30px 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.pb-5, .py-5{padding-bottom: 2rem !important;}

.pl-5, .px-5 {
    padding-left: 2rem !important;
}

.pr-5, .px-5 {
    padding-right: 2rem !important;
}
#link .col-md-3{ width:50%;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width:8rem;
  padding: 0rem 0;
  margin: 0.125rem 0 0;
  font-size: .8rem;
  padding-left:10px;
  color: #fff;
  text-align: left;
  list-style: none;
  background-color:rgb(61, 63, 76);
  background-clip: padding-box;
  border: none;
  border-radius: 0.25rem;
}

.top-menu{ position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1003;
    border-bottom:none; background:#3d3f4c;}

#fous {
      width: 100%;
      height: 100%; top:85px; position:relative;
    }
	footer .text-center{ text-align:left!important; margin-top:10px;}
	.page-content,footer{top:85px; position:relative;}
	#about .row{ padding:20px;}
	#about .h5{ padding:10px 0; color:#fff; margin:0; font-size:15px;}
	.da-soft .col-6{ width:100%; flex: 0 0 100%;
    max-width: 100%;}
	.area{ margin-bottom:15px;}
}