/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 85px;
	width: auto;
	display: block;
	text-align: center;
}
.header .navbar_nav{
	display:inline-block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
	line-height: 85px;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: #c8a062;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li.active:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #555;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: #c8a062;
}
.header .navbar_nav li.active a{
	color: #c8a062;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:85px;
	background: #606060;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 150%;
    left: -25%;
    z-index: 100;
}
.s_dropdown{
	float:right;
	display: block;
	line-height: 85px;
}
.s_dropdown a{
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #555;
	font-size: 16px;
}
.s_dropdown:hover a{
	color: #c8a062;
}

.s_dropdown .dropdown_search{
	display: none;
	position: absolute;
	top:85px;
	background: #606060;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    left: 0;
    z-index: 1000;
    line-height: 36px;
    padding: 10px 20px;
    text-align: right;
}
.s_dropdown:hover .dropdown_search{
	display: block;
	/*background: #f3f300;*/
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 16px;
	color: #666;
	padding: 0 10px;
	line-height: 45px;
	text-align: center;
	background: #666;
	/*background-color: rgba(30, 30, 30, 0.3);*/
	margin-bottom: 1px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	/*background: #f3f300;*/
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #eee;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: #777;
}

.bg1 {
	background-image:url('../images/bg01.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment: scroll;
	background-size: cover;
}
.bg2 {
	background-image:url('../images/bg02.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment: scroll;
	background-size: cover;
}
.bg3 {
	background-image:url('../images/bg03.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment: scroll;
	background-size: cover;
}


	.uk-navbar-nav>li{
		margin-right: 20px;
	}
	.uk-navbar-nav>li>a {
		font-size: 16px;
		color: #333;
	}
	.uk-navbar-nav>li>a:hover {
	    color: #c8a062;
	}
	.uk-navbar-nav>li.uk-active>a {
	    color: #c8a062;
	}
	.uk-navbar-nav>li.uk-active {
	    border-bottom: 2px solid #c8a062;
	    margin-bottom: -2px;
	}
	.uk-navbar-nav> li:hover {
	    border-bottom: 2px solid #c8a062;/*#c8a062;#bd2e52*/
	    margin-bottom: -2px;
	}

	.uk-navbar-dropdown-nav> li {
		line-height: 36px;
		border-bottom: 1px solid #333;
	}

	.t1 {
		text-align: center;
		font-size: 26px;
		border-bottom: 1px solid rgb(38, 165, 154); padding: 6px; padding: 20px;
	}
	.st1 {
		line-height: 30px; 
		text-align: center;
		background-color: #fff;
		width: 200px;
		margin: -15px auto 20px auto; 

	}
	.tit1 {
		line-height:30px;
		font-size: 20px; 
		color:#fff;
		padding: 10px; 
		background-color: #c8a062;
		cursor: pointer;
	}
	.catlist{
		padding: 20px 10px;
	}
	.prolst{
		font-size: 14px;
		line-height: 36px;
	}

	.uk-card-small > .uk-card-body {
    padding: 10px 10px;
	}
	.uk-width-expand > .uk-card-body {
    padding: 10px 10px;
	}

	.gotop{
		position: fixed;
		right: 40px; 
		bottom: 40px; 
		display: block; opacity: 0.8; 
		box-shadow: 0 5px 10px rgba(0,0,0,.3);
	}
	.floatinfo{
		position: fixed;
		right: 40px; 
		top: 200px; 
		display: block; opacity: 0.9; 
		box-shadow: 0 5px 10px rgba(0,0,0,.3);
	}

	.h-line:hover::before,
	.h-line:focus::before {
	    right: 0;
	}

	.h-line::before {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 100%;
	    border-bottom: 1px solid #282828;
	    transition: right .3s ease-out;
	}

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.pagination {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    text-align: center;
    /* 3 */
    font-size: 0.001px;
}
/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.pagination:before,
.pagination:after {
    content: "";
    display: table;
}
.pagination:after {
    clear: both;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.pagination > li {
    display: inline-block;
    /* 1 */
    font-size: 1rem;
    /* 2 */
    vertical-align: top;
}
.pagination > li:nth-child(n+2) {
    margin-left: 5px;
}
/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.pagination > li > a,
.pagination > li > span {
    display: inline-block;
    min-width: 16px;
    padding: 3px 5px;
    line-height: 20px;
    text-decoration: none;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
    text-align: center;
}
/*
 * Links
 */
.pagination > li > a {
    background: #eeeeee;
    color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.pagination > li > a:hover,
.pagination > li > a:focus {
    background-color: #f5f5f5;
    color: #444444;
    /* 2 */
    outline: none;
}
/* OnClick */
.pagination > li > a:active {
    background-color: #dddddd;
    color: #444444;
}
/*
 * Active
 */
.pagination > .uk-active > span {
    background: #00a8e6;
    color: #ffffff;
}
/*
 * Disabled
 */
.upagination > .uk-disabled > span {
    background-color: #f5f5f5;
    color: #999999;
}
/* Previous and next navigation
 ========================================================================== */
.pagination-previous {
    float: left;
}
.pagination-next {
    float: right;
}
/* Alignment modifiers
 ========================================================================== */
.pagination-left {
    text-align: left;
}
.pagination-right {
    text-align: right;
}


*+.uk-margin {
    margin-top: 0!important; 
}