@charset "utf-8";
.brandc .swiper-slide img{width: 100%;}
.no-touch.cssanimations .anim_emt {visibility: hidden}
.no-touch.cssanimations .anim_emt.start-animation {visibility: visible}
.anim_emt.start-animation.scale_up {
	-webkit-animation: mk_scale .5s 1 cubic-bezier(.445,.05,.55,.95);
	animation: mk_scale .5s 1 cubic-bezier(.445,.05,.55,.95)
}

.anim_emt.start-animation.fade_in {
	-webkit-animation: mk_fade .7s 1 cubic-bezier(.445,.05,.55,.95);
	animation: mk_fade .7s 1 cubic-bezier(.445,.05,.55,.95)
}

.anim_emt.start-animation.r_to_l {
	-webkit-animation: mk_right_to_left .6s 1 cubic-bezier(.77,0,.175,1);
	animation: mk_right_to_left .6s 1 cubic-bezier(.77,0,.175,1)
}

.anim_emt.start-animation.l_to_r {
	-webkit-animation: mk_left_to_right .6s 1 cubic-bezier(.77,0,.175,1);
	animation: mk_left_to_right .6s 1 cubic-bezier(.77,0,.175,1)
}

.anim_emt.start-animation.t_to_b {
	-webkit-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77,0,.175,1);
	animation: mk_top_to_bottom .6s 1 cubic-bezier(.77,0,.175,1)
}

.anim_emt.start-animation.b_to_t {
	-webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77,0,.175,1);
	animation: mk_bottom_to_top .6s 1 cubic-bezier(.77,0,.175,1)
}
.bg_red{background: #c0ad9f;}
a {
	color: #bb835f;
	display: block;
	cursor: pointer
}



.no-touch .btn_red:hover,.no-touch .btn_white:hover {
	background-color: #bb835f;
	color: #fff
}

.no-touch .btn_text:hover {
	border-bottom-color: #bb835f
}

.icon_btn {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #bb835f
}

.no-touch .icon_btn:hover {
	background-color: #bb835f;
	color: #fff
}

.close_btn {
	position: absolute;
	top: 0;
	right: 0
}

.btn_more {
	width: 110px
}

.btn_more span {
	color: #bb835f
}

.no-touch .btn_more:hover span {
	color: #fff
}

header {
	position: fixed;
	top: 0;
	left: 0;
	height: 60px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,.2);
	box-shadow: 0 0 16px rgba(0,0,0,.2);
	overflow: visible;
	z-index: 999
}

#logo {
	float: left;
	height: 100%;
	width: auto;
	padding: 10px 20px;
	background-color: #fff
}

#logo img {
	height: 40px;
	width: auto
}

#logo h5 {
	position: absolute;
	left: 0;
	top: 22px;
	width: 100%;
	text-align: center;
	color: #bb835f;
	visibility: hidden;
	opacity: 0
}

.no-touch #logo:hover img {
	visibility: visible;
	opacity: 1
}

.no-touch #logo:hover h5 {
	visibility: hidden;
	opacity: 0
}

nav {
	float: left;
	background-color: #bb835f;
	cursor: default
}

nav .menu_btn {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	text-align: center;
	background-color: #bb835f;
	color: #fff;
	cursor: default
}

#nav {
	position: absolute;
	width: 200px
}

#nav li {
	background-color: #d9d9d9;
	height: 0;
	opacity: 0;
	overflow: hidden
}

.csstransforms3d #nav li {
	-webkit-transform: perspective(100px) rotateX(-90deg);
	transform: perspective(100px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	transform-origin: center top 0
}

#nav li a {
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	color: #6b6b6b;
	border-top: 1px solid #c0ad9f
}

#nav li a.active {
	background-color: #c0ad9f;
	color: #fff
}

.no-touch #nav li a:hover {
	background-color: #c0ad9f;
	color: #fff;
	padding-left: 30px
}

.nav-open #nav li {
	height: 50px;
	opacity: 1
}

.csstransforms3d .nav-open #nav li {
	-webkit-transform: perspective(100px) rotateX(0);
	transform: perspective(100px) rotateX(0)
}

header .title {
	height: 100%;
	padding: 0 20px;
	background-color: #c9c9c9;
	border-left: 1px solid #F0F0F0;
	float: left;
	overflow: hidden
}

header .title h4 {
	line-height: 60px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6b6b6b;
}
header .title:hover{background-color: #bb835f;}
header .title:hover h4{color: #fff}

.no-touch .right-nav li a:hover {
	background-color: #F0F0F0
}

footer{position: relative;}
footer .contact {
	padding-bottom: 120px;
	text-align: center;
	border-top: 1px solid #F0F0F0
}

footer .contact h2 {
	margin-bottom: 30px;
	margin-top: 200px;
}

footer .contact li {
	display: inline-block;
	float: left;
	width: 25%;
	height: 200px;
	background-color: #F0F0F0
}

footer .contact li a {
	padding: 0 30px;
	height: 100%;
	border: 2px solid #fff
}

footer .contact li a .icon {
	display: block;
	top: 50%;
	font-size: 40px;
	margin-top: -40px;
	margin-bottom: 10px;
	line-height: 1
}

footer .contact li a h5 {
	display: block;
	top: 50%;
	text-transform: none;
	font-size: 18px;
	font-weight: bold;
	font-family: '微软雅黑';
	color: #5d5e5f;
}

.no-touch footer .contact li a:hover {
	border-bottom-color: #bb835f
}

.no-touch footer .contact li a:hover h5 {
	color: #bb835f
}

footer .qqbtn {
	float: none;
	margin-top: 20px
}

footer .btm {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center
}

footer .btm li {
	display: inline-block;
	margin: 5px 10px
}

footer .btm a,footer .btm span {
	font-size: 12px;
	color: #fff
}

.no-touch footer .btm .wrap a {
	border-bottom: 1px solid transparent
}

.no-touch footer .btm .wrap a:hover {
	border-bottom-color: #fff
}

#botm_nav {
	padding-top: 40px;
	padding-bottom: 30px
}

#botm_nav a {
	line-height: 1.4
}

footer .icp {
	background-color: #bb835f;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

footer .icons {
	position: absolute;
	left: 50%;
	margin-left: -80px;
	width: 160px;
	top: -30px;
	padding: 10px 0
}

footer .icons a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.no-touch footer .icons a:hover,footer .icons a.active {
	opacity: 1;
	filter: alpha(opacity=100)
}

footer .qrcode {
	position: absolute;
	width: 160px;
	height: 160px;
	top: -160px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #bb835f;
	visibility: hidden;
	opacity: 0
}

footer .qrcode img {
	width: 100%;
	height: 100%
}

footer .qrcode.show {
	visibility: visible;
	opacity: 1
}

#bg_mask {
	z-index: 998
}

.touch #bg_mask {
	cursor: pointer
}

.overflow_v {
	overflow: visible
}

.nav-open #nav li.trans4,.trans {
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.nav-open #nav li.trans3,.trans1 {
	-webkit-transition: all .4s ease .1s;
	transition: all .4s ease .1s
}

.trans2 {
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s
}

.nav-open #nav li.trans1,.trans3 {
	-webkit-transition: all .4s ease .3s;
	transition: all .4s ease .3s
}

.nav-open #nav li.trans,.trans4 {
	-webkit-transition: all .4s ease .4s;
	transition: all .4s ease .4s
}


@media (max-width:1200px) {
	footer .contact li {
		width: 20%;
		height: 140px
	}

	footer .contact li.add {
		width: 30%
	}

	footer .contact li.mail {
		width: 30%
	}
}

@media (max-width:960px) {
	
	footer.full {
		display: block;
		height: auto
	}

	footer .contact.vertical_cont {
		display: block;
		padding-top: 80px;
		padding-bottom: 80px
	}

	footer .contact li,footer .contact li.add,footer .contact li.mail,footer .contact li.qq {
		width: 50%
	}

	footer .btm {
		position: relative
	}
}

@media (max-width:767px) {

	header {
		height: 50px;
		width: 100%;
		background-color: #fff
	}

	nav .menu_btn {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px
	}

#logo img{height: 30px;}
header .title h4{font-size: 12px;line-height: 50px;}
	footer .contact.vertical_cont {
		padding-top: 40px;
		padding-bottom: 130px
	}

	footer .contact h2 {
		margin-bottom: 20px;
		margin-top: 100px;
	}

	footer .contact li,footer .contact li.add,footer .contact li.mail,footer .contact li.qq {
		width: 100%;
		height: 60px
	}

	footer .contact li a {
		padding: 0 20px
	}

	footer .contact li a .icon {
		font-size: 20px;
		top: 0;
		margin: 0;
		line-height: 60px;
		float: left
	}

	footer .contact li a h5 {
		top: 0;
		line-height: 60px;
		float: right
	}
	footer .contact li a h5{font-size: 14px;}
	footer .btm li a,footer .btm li span {
		font-size: 10px
	}
}

.no-touch .blog_list_item a:hover .title {
	color: #bb835f
}

.no-touch .blog_list_item a:hover hr {
	width: 100px
}
.no-touch .tags a:hover {
	background-color: #bb835f;
	color: #fff
}