body {
  padding-top:56px;
}

 .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

     

      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        height: 80%;
        width: 100%;
      }

      .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

/*a{
	color: #495057;
	text-decoration: none
}
a:hover{
		color: #0d6efd;
	text-decoration: underline
	}*/
.logol{ color:#224f9a}
.logoh{ color:#c20012}
.logolb{ background:#224f9a}
.logohb{background:#c20012}
	
.breadcrumb-item a{
	color: #495057;
	text-decoration: none
}


.breadcrumb-item a:hover{
	color: #0d6efd;
	text-decoration: underline
	}

#navbarsExample04 ul ul li a:hover{background: #d2f4ea}
h6 a{     color: #495057;
    text-decoration: none; }
.txtblue{color:#224f9a;}
.prolistbg{ background:#eee;}
.prolist001 a{color:#fff; text-align:center}
.prolist001 a{display: block; position: relative;overflow: hidden;}
.prolist001 .figure{overflow: hidden;}
.prolist001 .figure img{transition: 0.3s;}
.prolist001 a figcaption{background:#224f9a; padding:10px;}
.prolist001 a:hover  figcaption{background:#c20012; }
.prolist001 .figure:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.card-text{ height:150px; overflow: hidden;}
.card:hover{ color:#fff; background:#c20012 }


.prolist002 dt{overflow: hidden;}
.prolist002 dt img{transition: 0.3s;overflow: hidden;}
.prolist002 dt img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.textcenter{ text-align:center}

.prolist002 dd a{background:#224f9a; color:#fff; text-align:center;padding:10px;display: block; position: relative;overflow: hidden;}
.prolist002 dd a:hover {background:#515151; }

.indexaboutimg{ 
   overflow: hidden; }
.indexaboutimg img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all; }
.indexaboutimg:hover  img{transform: scale(1.1);}
.indexabout:hover{ color:#fff; background:#c20012 }
.fw{background: url(../images/fwbg.png) no-repeat center center;}
.indexabout:hover .logol{ color:#fff}
.indexabout:hover .logoh{ color:#fff}
.bd-footer a,.bd-footer a:hover {
	color: #fff;
	text-decoration: none
}
@media (max-width: 575.98px){ 
	.yd-text-dark{ color:#333}
	.fw{ background:none;}
}

@media (min-width: 768px){ 
.visible {
  visibility: visible !important;
}
.yd-text-dark{ color:#fff}
}
@media (min-width: 992px){


}
@media (min-width: 1200){


}
@media screen and (max-width: 720px) {

  
}