body {
padding-top:106px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
background:#f6faff;
color: #18122f;
letter-spacing: 1px;
}

a {
    color: #18122f;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

a:hover {
 color: #0d6efd;
}


 .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:#0d6efd}
.logoh{ color:#0d6efd}
.logolb{ background:#0d6efd}
.logohb{background:#0d6efd}


	
.breadcrumb-item a{
	color: #495057;
	text-decoration: none
}

.breadcrumb-item a:hover{
	color: #0d6efd;
	text-decoration: underline
	}
.newsfl ul li{ height:150%;}
.newsfl ul li a:hover{ color:#f00;}
.newstext{ height:290px;}
.casetext{ height:180px;}
#navbarsExample04 ul ul li a:hover{background: #0d6efd; color:#fff;}
h6 a{  color: #495057;
    text-decoration: none; }
.txtblue{color:#0d6efd;}

.red:hover{ color:#0d6efd;}
.productlist .pic span{overflow: hidden; display:block;}
.productlist .pic span img{display: block;max-width: 100%;transition: 0.5s all}
.productlist:hover img{transform: scale(1.2)}


.fd span{overflow: hidden; display:block;}
.fd span img{display: block;max-width: 100%;transition: 0.5s all}
.fd:hover img{transform: scale(1.2)}

.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:#3d3d3d; padding:10px;}
.prolist001 a:hover  figcaption{background:#0d6efd; }
.prolist001 .figure:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.sidebarli  li{margin-bottom:10px;}
.sidebarli  li a{color:#fff; text-align:center;background:#3d3d3d; display: block; padding:10px 0px;}
.sidebarli  li a:hover {background:#0d6efd;color:#fff;  }

.footer-text{color: rgba(255, 255, 255, 0.6); font-size:14px;font-weight: 500;}
.foot_middle {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.telphone {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    font-weight: 600;}
.telphone .time {
    font-size: 14px;
    line-height: 20px;
    margin-left: 9px;
    vertical-align: 3px;
}
.copyright{
    padding: 20px 0 60px;
    color: rgba(255, 255, 255, .5);
        font-size: 14px;
    line-height: 20px;
}
.foot-a a{ color:#eee;}
.card-text{ height:40px; overflow: hidden;}
.card:hover{ color:#fff; background:#0d6efd }

.newslist .card-body{ height:220px; }


.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:#0d6efd; 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:#0d6efd }


.indexabout:hover .logol{ color:#fff}
.indexabout:hover .logoh{ color:#fff}

@media (max-width: 575.98px){ 
	.yd-text-dark{ color:#333}
	.fw{ background:none;}
	.prolist001 .card-title{ font-size:14px; font-weight:bold;}
.prolist001 .card-text{ font-size:12px}
.newstext{ height:320px;}
}

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

a .dh{ display:block; text-align:center; }
footer {padding-bottom:40px;}
}
@media (min-width: 992px){


}
@media (min-width: 1200){


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

  
}
 <style type="text/css">
          @media (min-width: 768px) and (max-width: 991px) {
            .dropdown .dropdown-menu {
              display: none;
            }

            .dropdown:hover .dropdown-menu {
              display: block;
            }
          }

          @media (min-width: 992px) and (max-width: 1199px) {
            .dropdown .dropdown-menu {
              display: none;
            }

            .dropdown:hover .dropdown-menu {
              display: block;
            }
          }

          @media (min-width: 1200px) {
            .dropdown .dropdown-menu {
              display: none;
            }

            .dropdown:hover .dropdown-menu {
              display: block;
            }
          }
    </style>