*{
	margin:0;
	padding:0;
}

.slider{
	clear: both;
	width:100%;
	height:480px;
}
.layui-carousel{
	width:100%;
	height:480px;
}
.search{
	background-color:#1996a8;
	height:59px;
}
.words{
	font-size:15px;
	color:#ffffff;
	line-height: 59px;
	
}
.bar{
	float: right;
}
.breadcrumb{
 border-left:5px solid #000;
 padding-left: 15px;
 margin:23px auto !important;
 height: 18px;
 font-size: 15px;
 color: #2a2927 !important;
}

.sortnav:after {
 content: "";
 position: absolute;
 display: block;
 left: 776px;
 top:70%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 border-top:1px solid #000000;
 width: 908px;
}
.Videoframe{
	/* height:950px; */
	position: relative;
}
.Videoframe>ul{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Videoframe>ul>li{
	display: flex;
	justify-content: center;
	width: 45%;
	/* height: 197px; */
	margin-top: 63px;
	position: relative;
	float: left;
	margin-right: 27px;
	margin-bottom: 28px;
}
.Videoframe>ul>li>a{
	width: 80%;
	border: 1px solid #F1F1F1;
}
.Videoframe>ul>li:hover .videotitle{
	color: #1996A8 !important;
}
.video-box>.video-bg{
	width: 100%;
	height: 15rem;
	background-repeat: no-repeat;
	background-size:cover;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.videotitle{
	font-size:20px;
	text-align: center;
	color: #000000 !important;
	padding-bottom: 1.25rem;
}
.pagenumber{
	/*height: 100px;*/
	clear: both;
	text-align: center;
	/*position: absolute;*/
	/*!*right: 51px;*!*/
	/*left:50%;*/
	/*bottom: 0;*/
}
.pagenumber>ul{
	margin-top:60px;
	display: inline-block;
}
.pagenumber>ul>li{
	width: 24px;
	height: 24px;
	background: #434343;
	/* float: left; */
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	margin-left: 18px;
	display: inline-block;
}
.pagenumber>ul>li:first-child{
	display: none;
}
.pagenumber>ul>li>a{
	 color:#ffffff !important;
	 display:inline-block;
}
.footer-nav>ul{
	padding-left:0rem !important ;
}
.footer-top a{
	color: #000000 !important;
}
.area-case-tow-a>a:hover{
	color: #00AA88 !important;
}
.area-case-a>a:hover{
	color: #00AA88 !important;
}
.uk-lightbox-items>*>* {
    max-width: 100vw;
    max-height: 100vh;
    width: 80% !important;
    /*height: 70% !important;*/
}
.uk-lightbox.uk-open {
    display: block;
    opacity: 1;
    height: 50%;
    width: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
}