 ul,li{ margin:0; padding:0; list-style:none; }
 li { display:inline }
 ul{
 list-style-type:none;
 width:auto;
 margin:0 auto;
 }
/* 导航项的底下指示条，并添加过渡动画*/
            .underline-bar {
                height: 2px;
                width: 0%;
                margin: 0 auto;
                background-color: #ffffff ;
                transition:width 1.5s;              /**/
	            -webkit-transition:width 1.5s; /* Safari */
            }
 
            /* 鼠标经过导航项的时候显示过渡动画*/
            li:hover>.underline-bar{
                width: 100%;
            }
            
            /* 选中状态，指示条显示*/
            .active{
                text-align: center;
				
            }
			.navbar{
				margin-bottom: 0px;
			}
          .navbar-brand img{
			  margin-left: 90%;
		  }
		  .cas-a{
		  	width: 100%;
		  	height: 37rem;
		  	background: url(../img/case-png/Group%20566.png) no-repeat;
		  	background-size: 100%;
		  }
		  .xi-huaxiab{
		  	display: flex;
		  	justify-content: flex-start;
		  	margin-top: 9px;
		  }
		  
		  .xi-huaxiab div{
		  	display: flex;
		  	width: 40px;
		  	border-bottom:5px solid;
		  	
		  }
		  .xi-huaxiab .onb{
		  	border-color: #018DDC;
		  }
		  .xi-huaxiab .twb{
		  	border-color: red;
		  }
		  
		  .a-li{
		  	width: 80%;
		  	margin: 0 auto;
		  	font-weight: bold;
		  	
		  }
		  .a-li h1{
		  	font-weight: bold;
		  	font-size: 2rem;
		  }
		  .a-li a{
		  	font-weight: bold;
		  	float: right;
		  
		  }
		  .a-li p{
		  	font-weight: bold;
		  }
		  .a-xx {
		  	width: 100%;
		  	display: flex;
		  	flex-wrap:wrap;
		  	margin-top: 30px;
		      
		  }
		  .a-xx ul{
		  	width: 100%;
		  	display: flex;
		  	flex-wrap: wrap;
			list-style: none;
		  }
		  .a-xx li img{
		  	width: 100%;
		  	height: 180px;
			
		  	
		  }
		  .a-xx li {
		  	width: 100%;
		  	flex-wrap: wrap;
		  	height: 230px;
			margin-top: 40px;
		  }
		  .lab{
		  	display: flex;
		  	justify-content: center;
		  	flex-direction: column;
		  	width: 100%;
		  }
		  .lac{
		  	width: 100%;
		  	display: flex;
		  	justify-content: center;
			list-style: none;
			margin-top: 12px;
		  }
		  .d-footerb div{
		  	width: 100%;
		  	margin: 0 auto;
		  	color: white;
		  	padding: 10px;
		  	margin-top: 45px;
		  	line-height: 40px;
		  }
		 .d-zui{
		 	width: 100%;
		 	height: 70px;
		 	background-color: #000000;
		 	color: white;
		 	text-align: center;
		 	display: flex;
		 	justify-content: center;
		 			margin-top: 50px;
		 			flex-direction: column;
		 }
		 .d-zui div{
		 	display: flex;
		 	justify-content: center;
		 			align-items: center;
		 }
		 .imgPreviewl {
		 	            display: none;
		 	            top: 0;
		 	            left: 0;
		 	            width: 100%; /*容器占满整个屏幕*/
		 	            height: 100%;
		 	            position: fixed;
		 	            background: rgba(0, 0, 0, 0.5);
		 	        }
		 	
		 	        .imgPreviewl img {
		 	            z-index: 100;
		 	            width: 100%;
						height: 40%;
		 	            position: fixed;
		 	            top: 50%;
		 	            left: 50%;
		 	            transform: translate(-50%,-50%);
		 	        }
		 	        /*添加鼠标移入图片效果*/
		 	        .imgl {
		 	            cursor: url("ico/放大镜.png"), auto;
		 	        }