html.cover, html.cover body, .common-banner .picbox, .lrbox .table, .lrbox .cell, .navwap, .navwap .inner, .navwap .table, .navwap .cell, .navwap .menu, .index .owl-c1, .index .owl-c2, .index .owl-c1 .owl-stage-outer, .index .owl-c1 .owl-stage, .index .owl-c1 .owl-item, .index .owl-c1 .item, .index .owl-c2 .owl-stage-outer, .index .owl-c2 .owl-stage, .index .owl-c2 .owl-item, .index .owl-c2 .item, .index .banner .picbox, .index .part2 .textbox, .index .part2 .textbox .table, .index .part2 .textbox .cell, .index .part3 .playbox>.inner, .index .part4 .table, .index .part4 .cell, .index .part5 li .picbox, .residence .list .table, .residence .list .cell, .residencedetails .intro .table, .residencedetails .intro .cell, .residencedetails .play .txtbox, .residencedetails .play .table, .residencedetails .play .cell, .residencedetails .grid-item .picbox, .residencedetails .grid-item .txtbox, .residencedetails .grid-item .txtbox .table, .residencedetails .grid-item .txtbox .cell, .space .rec .table, .space .rec .cell, .space .list .table, .news .list li .picbox, .storeimage .imgshow .grid-item a, .storesearch .storeslist .table, .about .honor .table, .about .honor .cell, .contact .info .mapbox .map, .product .main .info .table, .product .main .info .cell {
	width: 100%;
	height: 100%
}
.clearfix:after, .main>.container:after, .lrbox:after, .navwap .nav-second:after, .index .part3 .playbox .ctrl:after, .index .part4 ul:after, .index .part5 ul:after, .residencedetails .grid:after, .space .list .row:after, .news .list ul:after, .storesearch .citypickerbox:after, .storesearch .storeslist:after, .storesearch .storeslist .row:after, .service .lrbox .tab-btn ul:after, .fqa .lrbox .tab-btn ul:after, .career .filter:after, .career .jobs .jobs-hd ul:after, .career .jobs .outline ul:after, .product .main .info:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
	clear: both
}
.residencedetails .intro .title h3, .residencedetails .intro .title h4, .space .list h2 {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.breadcrumb, .service .lrbox .tab-btn li, .fqa .lrbox .tab-btn li {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
html {
	-webkit-tap-highlight-color: transparent
}
body, ol, ul, dl, dd, h1, h2, h3, h4, h5, h6, p {
	margin: 0
}
ol, ul, td {
	padding: 0
}
ol, ul {
	list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 100
}
a, img, input, button, textarea {
	outline: none
}
a {
	color: #000;
	text-decoration: none
}
img {
	border: 0;
	vertical-align: top
}

button {
	cursor: pointer
}
hr {
	margin: 0;
	border: 0;
	height: 1px;
	background-color: #000
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

html {
	font: 14px/1.5 Arial, "Microsoft Yahei", "Hiragino Sans GB", Tahoma , sans-serif;
	-webkit-tap-highlight-color: transparent
}
html.cover body {
	overflow: hidden
}
.bgcover, .common-banner .picbox, .one .picbox, .index .banner .picbox, .index .part1 .bottom .owl1 .picbox, .index .part2 .owl2 .item, .index .part3, .index .part4, .career .pictrue .picbox {
	background: center top / cover no-repeat
}
.w1096 {
	position: relative;
	width: 1096px;
	margin: 0 auto
}
.h1px {
	height: 1px;
	width: 100%;
	background-color: #000
}
.vertical-middle {
	vertical-align: middle
}
.pull-left {
	float: left
}
.pull-right {
	float: right
}
.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5)
}
.table {
	display: table;
	table-layout: fixed;
	max-width: 100%
}
.cell {
	display: table-cell
}


.main{ height:auto;}
.main>.container {
	position: relative;
	display: block;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

.breadcrumb {
	box-sizing: border-box;
	padding: 30px 0;
	font-size: 12px
}
.breadcrumb .titlebox {
	display: none
}
.breadcrumb i {
	font-style: normal;
	color: #666
}
.breadcrumb a {
	font-size: 12px;
	color: #666
}
@media screen and (min-width: 992px) {
.breadcrumb a:hover {
	color: #000
}
}
.btn-more {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #000
}
.btn-more:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #afafaf;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s
}
@media screen and (min-width: 992px) {
.btn-more:hover:after {
	width: 80%;
	background-color: #000
}
}
.btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 56px;
	height: 56px;
	margin: -28px 0 0 -28px;
	background: url("../images/icon-play.png") 0 0 no-repeat;
	cursor: pointer
}
@-khtml-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
@-moz-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
@-ms-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
@-o-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes line-scale {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
.grid-loader {
	position: relative;
	margin: 0 auto 60px;
	width: 100%;
	height: 40px;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.grid-loader.grid-loader-show {
	opacity: 1
}
.grid-loader .line-scale, .grid-loader .line-scale>div {
	position: relative;
	box-sizing: border-box
}
.grid-loader .line-scale {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 32px;
	height: 40px;
	margin: -20px 0 0 -16px;
	font-size: 0
}
.grid-loader .line-scale>div {
	float: none;
	display: inline-block;
	width: 2px;
	height: 40px;
	margin: 0 2px;
	border: 0 solid #999;
	background-color: #999;
	-webkit-animation: line-scale 1.2s infinite ease;
	-moz-animation: line-scale 1.2s infinite ease;
	-ms-animation: line-scale 1.2s infinite ease;
	-o-animation: line-scale 1.2s infinite ease;
	animation: line-scale 1.2s infinite ease
}
.grid-loader .line-scale>div:nth-child(1) {
	-webkit-animation-delay: -1.2s;
	-moz-animation-delay: -1.2s;
	-o-animation-delay: -1.2s;
	animation-delay: -1.2s
}
.grid-loader .line-scale>div:nth-child(2) {
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	-o-animation-delay: -1.1s;
	animation-delay: -1.1s
}
.grid-loader .line-scale>div:nth-child(3) {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s
}
.grid-loader .line-scale>div:nth-child(4) {
	-webkit-animation-delay: -.9s;
	-moz-animation-delay: -.9s;
	-o-animation-delay: -.9s;
	animation-delay: -0.9s
}
.grid-loader .line-scale>div:nth-child(5) {
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -0.8s
}
.one {
	padding: 30px 0 0
}
.one .table {
	width: 100%
}
.one .cell {
	vertical-align: top
}
.one .txt-cell {
	width: 235px
}
.one .txt-cell .cn {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	font-size: 20px;
	color: #555;
	margin-bottom: 15px;
	padding: 0 35px 15px 0
}
.one .txt-cell .cn:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000
}
.one .txt-cell .en {
	font-size: 24px
}
.one .picbox {
	height: 200px
}
.lrbox .table, .lrbox .cell {
	overflow: hidden
}
.lrbox .cell {
	vertical-align: top
}
.lrbox .lbox {
	width: 230px
}
.vdopop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	width: 100%;
	height: 100%
}
.vdopop .vdopop-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5)
}
.vdopop .vdopop-inner {
	position: absolute;
	top: 15%;
	left: 15%;
	z-index: 10;
	width: 70%;
	height: 70%;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.18)
}
.vdopop .vdopop-hd {
	position: relative;
	box-sizing: border-box;
	padding: 15px;
	background-color: #fff
}
.vdopop .vdopop-title {
	height: 30px;
	font-weight: 400;
	font-size: 18px;
	color: #424242;
	line-height: 30px
}
.vdopop .vdopop-close {
	position: absolute;
	top: 14px;
	right: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s
}
.vdopop .vdopop-close:before, .vdopop .vdopop-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background-color: #999
}
.vdopop .vdopop-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.vdopop .vdopop-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
@media screen and (min-width: 992px) {
.vdopop .vdopop-close:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.vdopop .vdopop-close:hover:before, .vdopop .vdopop-close:hover:after {
	background-color: #424242
}
}
.vdopop .vdopop-bd {
	position: relative;
	width: 100%;
	height: calc(100% - 60px);
	background-color: #000;
	overflow: hidden
}
.vdopop video {
	width: 100%;
	height: 100%;
	object-fit: cover
}
@media screen and (max-width: 991px) {
.vdopop .vdopop-inner {
	position: relative;
	width: auto;
	left: 0;
	margin: 0 15px
}
}
.fbalert {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	display: none;
	box-sizing: border-box;
	width: 600px;
	height: 280px;
	margin-top: -140px;
	margin-left: -300px;
	padding: 50px 0;
	border-radius: 6px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
@media screen and (max-width: 767px) {
.fbalert {
	left: 5%;
	width: 90%;
	margin-left: 0
}
}
.fbalert .closer {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	background: url("../images/close.png") left top/100% auto no-repeat;
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: transform .35s
}
.fbalert .closer:hover {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.fbalert img {
	display: block;
	width: 80px;
	margin: 0 auto 30px
}
.fbalert h1 {
	margin: 0 0 15px;
	font-size: 24px;
	text-align: center;
	color: #222
}
@media screen and (max-width: 767px) {
.fbalert h1 {
	font-size: 18px
}
}
.fbalert .autocounter {
	display: none;
	height: 30px
}
.fbalert .btn-ok {
	display: block;
	width: 80px;
	height: 30px;
	margin: 0 auto;
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background: #000
}

@-khtml-keyframes moveRight {
to {
-webkit-transform:translateX(20px)
}
}
@-webkit-keyframes moveRight {
to {
-webkit-transform:translateX(20px)
}
}
@-moz-keyframes moveRight {
to {
-webkit-transform:translateX(20px)
}
}
@-ms-keyframes moveRight {
to {
-webkit-transform:translateX(20px)
}
}
@-o-keyframes moveRight {
to {
-webkit-transform:translateX(20px)
}
}
@keyframes moveRight {
to {
-webkit-transform:translateX(20px)
}
}
@-khtml-keyframes moveLeft {
to {
-webkit-transform:translateX(-20px)
}
}
@-webkit-keyframes moveLeft {
to {
-webkit-transform:translateX(-20px)
}
}
@-moz-keyframes moveLeft {
to {
-webkit-transform:translateX(-20px)
}
}
@-ms-keyframes moveLeft {
to {
-webkit-transform:translateX(-20px)
}
}
@-o-keyframes moveLeft {
to {
-webkit-transform:translateX(-20px)
}
}
@keyframes moveLeft {
to {
-webkit-transform:translateX(-20px)
}
}
.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	visibility: hidden
}
.pageload-overlay.show {
	visibility: visible
}
.pageload-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none
}
.pageload-overlay svg path {
	fill: #32363e
}
.pageload-overlay::after, .pageload-overlay::before {
	content: '';
	position: fixed;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s
}
.pageload-overlay::after {
	background: #fff;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-animation: moveRight 0.6s linear infinite alternate;
	animation: moveRight 0.6s linear infinite alternate
}
.pageload-overlay::before {
	background: #000;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-animation: moveLeft 0.6s linear infinite alternate;
	animation: moveLeft 0.6s linear infinite alternate
}
.pageload-loading.pageload-overlay::after, .pageload-loading.pageload-overlay::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}
.navpc {
	position: relative;
/*	background-color: #fff*/
}
.navpc .inner {
	margin: 0 auto
}
.navpc .wzbz {
	position: relative
}

.navpc .nav-first>li {
	float: left;
	margin-right: 60px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.navpc .nav-first>li:last-child {
	margin-right: 0
}
.navpc .nav-first>li.active {
	overflow: visible
}
.navpc .nav-first>li.active>a {
	color: #000
}
.navpc .nav-first>li>a {
	position: relative;
	display: block;
	z-index: 10;
	padding: 10px 0 10px;
	color: #fff
}

.navpc .nav-first>li:hover {
	overflow: visible
}
.navpc .nav-first>li:hover>a {
	color: #666
}
.navpc .nav-first>li:hover .subnav {
	display: block;
	opacity: 1
}
.navpc .nav-first>li:hover .subnav>.table {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.navpc .left .subnav {
	position: absolute;
/*	top: 100%;*/ left:0;
	display: none;
	border-top: 1px solid #679e02;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s
}
.navpc .right .subnav {
	position: absolute;
/*	top: 100%;*/
	right: 0;
	display: none;
	border-top: 1px solid #3b3b3b;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s
}
.navpc .subnav>.table {
	opacity: 0;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	-ms-transition: opacity 0.5s 0.1s;
	-o-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.navpc .subnav .cell {
	vertical-align: top
}
.navpc .subnav .left, .navpc .subnav .right {
	box-sizing: border-box
}
.navpc .subnav .left {
	padding: 50px;
	background-color: #78b902
}
.navpc .subnav .right {
	padding: 50px 100px;
	background-color: #78b902
}
.navpc .subnav h6 {
	padding-top: 20px;
	text-align: center; color:#d5fb91;
}
.navpc .nav-second {
	font-size: 14px
}
.navpc .nav-second a {
	display: block;
	padding: 5px 0;
	white-space: nowrap;
	color: #dbff99
}
.navpc .nav-second .arrow {
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 6px;
	margin-top: -4px;
	background: url("../images/subnav-arrow.png") 0 0 no-repeat;
	opacity: 0
}
.navpc .nav-second li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 10px;
	cursor: pointer; 
}
.navpc .nav-second li.active .arrow {
	opacity: 1
}
.navpc .nav-second li.active a {
	color: #fff
}

.navpc .nav-second li:hover .arrow {
	opacity: 1
}
.navpc .nav-second li:hover a {
	color: #b6960b
}

.navpc .unscroll {
	position: relative;
	z-index: 566;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}
.navpc .unscroll .inner {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.navpc .unscroll .logo {
	position: absolute;
	top: 5px;
	left: 50%;
	z-index: 10;
	margin-left: -98px
}
.navpc .unscroll .logo img {
	display: block; width:100%;
}
.navpc .unscroll .top {
	padding: 20px 0
}
.navpc .unscroll .top li {
	float: left;color:#b2b2b2; margin:0px 0 0 10px; 
}
.navpc .unscroll .top li a  strong{ color:#282828; font-weight:600;}
.navpc .unscroll .bottom {
	position: relative; background:#78b902;
}
.navpc .scrolled {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 516;
	width: 100%;
	background-color: #78b902;
	box-shadow: 3px 0 20px rgba(0,0,0,0.1);
	-webkit-transition: all 0.68s;
	-moz-transition: all 0.68s;
	-ms-transition: all 0.68s;
	-o-transition: all 0.68s;
	transition: all 0.68s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.navpc .scrolled.is-scrolled {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.navpc .scrolled .inner {
	position: relative;
	width: 98%
}
.navpc .scrolled .nav-first {
	display: inline-block;
	font-size: 14px
}
.navpc .scrolled .left {
	text-align: left
}
.navpc .scrolled .right {
	text-align: right
}
.navpc .scrolled .fastlinks {
	position: absolute;
	top: 21px; left:0;
}
.navpc .scrolled .fastlinks li {
	float: left;
	margin-right: 10px
}
.navpc .scrolled .fastlinks li:nth-child(2) {
	color: #fff
}
.navpc .scrolled .fastlinks a {
	font-size: 12px; color:#fff;
}
.navpc .scrolled .fastlinks img {
	display: inline-block;
	margin:-3px 2px 0 0
}
.navpc .scrolled .wzbz {
	position: absolute;
	top: 19px; right:0;
}
.navpc .searchbox {
	position: relative
}
.navpc .searchbox input {
	box-sizing: border-box;
	width: 148px;
	height: 26px;
	padding-right: 30px;
	font-size: 14px; background:rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
input {
    height: 40px;
    padding: 0 8px;
}
.navpc .searchbox input::-webkit-input-placeholder{  color: #c1c1c1;font-size: 13px; font-weight:500;font-family: MicroSoft YaHei;}
.navpc .searchbox input:focus {
	width: 200px; border:1px solid #000;
	
}
.navpc .scrolled .searchbox {
	position: absolute;
	top: 19px;
	right: 0;
}
.navpc .searchbox .icon-search {
	position: absolute; color:#fff; text-indent:-9999999px;
	top: 0;
	right: 0;
	z-index: 10;
	width: 24px;
	height: 100%;
	cursor: pointer; border:0;
	background: url("../images/icon-search.png") center center no-repeat
}

.navpc .searchbox .icon-search:focus{width: 24px; right:0; border:0; color:#fff;}
.navpc .scrolled .logo {
	position: absolute;
top:14px;
	left: 51%;
	z-index: 10;
	width: 108px;
	margin-left: -54px
}
.navpc .scrolled .logo img {
	display: block;
	width: 70%
}
.navpc .scrolled .menu {
	position: relative;
	width: 940px; height:65px;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.navpc .scrolled .menu>.table {
	width: 100%
}
.navpc .scrolled .menu>.table>.cell {
	box-sizing: border-box;
	width: 50%;
	max-width: 50%;
	vertical-align: top;
	font-size: 0
}
.navpc .scrolled .nav-first>li>a {
	padding: 25px 0;
	line-height: 1
}
.navpc .scrolled .subnav {
	box-shadow: 3px 3px 20px rgba(0,0,0,0.1)
}
.navpc .scrolled .wzbz img{ width:150px;}

.topbar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 666;
	width: 100%;
	height: 70px;
	background-color: #000
}

.topbar.scrolled {
	box-shadow: 3px 3px 15px rgba(0,0,0,0.1)
}
.topbar .logo-wap {
	position: fixed;
	top: 20px;
	left: 15px;
	z-index: 100;
	width: 108px
}

.topbar .logo-wap a {
	display: block
}
.topbar .logo-wap a img {
	display: block;
	width: 50%
}
.topbar .toggle span {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}
.topbar .toggle.openmenu span {
	background-color: #fff
}
.topbar .toggle.openmenu span:nth-child(1) {
	top: 22px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.topbar .toggle.openmenu span:nth-child(2) {
	opacity: 0
}
.topbar .toggle.openmenu span:nth-child(3) {
	top: 22px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.toggle {
	position: fixed;
	top: 12px;
	right: 0px;
	z-index: 676;
	width: 20px;
	height: 16px;
	padding: 15px;
	cursor: pointer
}

.toggle span {
	position: absolute;
	left: 15px;
	width: 20px;
	height: 1px;
	background-color: #b2b2b2
}
.toggle span:nth-child(1) {
	top: 15px
}
.toggle span:nth-child(2) {
	top: 22px
}
.toggle span:nth-child(3) {
	top: 29px
}
.toggle.openmenu span {
	background-color: #fff
}
.toggle.openmenu span:nth-child(1) {
	top: 22px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.toggle.openmenu span:nth-child(2) {
	opacity: 0
}
.toggle.openmenu span:nth-child(3) {
	top: 22px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.fl{ float:left;}
.fr{ float:right;}

.con5 .c-ub { height:350px; margin:0 auto; overflow:hidden;}
.con5 .c-ub .bd { width:510px; height:345px; background:url(../images/kuang.png) top left no-repeat;float:left;}
.con5 .c-ub .bd ul li { width:434px; height:274px;}
.con5 .c-ub .hd { position:relative; width:515px; height:282px; float:right;}
.con5 .c-ub .hd .bt { width:515px; height:40px;}
.con5 .c-ub .hd .bt h5 { display:block; width:135px; height:36px; border:1px solid #c7c3c3; border-radius:14px; text-align:center; line-height:36px; color:#5c5b5b; font-size:15px; font-weight:normal; float:left;}
.con5 .c-ub .hd .bt i { width:118px; height:36px; text-align:center; line-height:36px; text-transform:uppercase; float:right; border:1px solid #c7c3c3;}
.con5 .c-ub .hd .bt i a { display:block; color:#5c5b5b; font-size:15px;}
.con5 .c-ub .hd ul li { width:515px; border-bottom:1px solid #c7c5c5; margin-bottom:15px;}
.con5 .c-ub .hd ul li span { display:block; width:28px; height:24px; text-align:center; line-height:24px; font-size:15px; color:#8c8e8f; border:2px solid #8c8e8f; border-radius:2px; float:left; margin-right:14px;}
.con5 .c-ub .hd ul li .pa { width:500px; height:24px; float:left; line-height:24px; overflow:hidden; font-size:14px; color:#8c8e8f;}
.con5 .c-ub .hd ul li .pa a { font-size:18px; color:#000000}
.con5 .c-ub .hd ul li .pb {width:500px; float:left;font-size:14px; color:#797979; margin:15px 0; line-height:25px; }
.con5 .c-ub .hd ul li .pc { width:100px; height:24px; line-height:24px; float:right;font-size:14px; color:#8c8e8f;}
.con5 .c-ub .hd ul li:hover .pb {  color:#175002;}
.con5 .c-ub .hd ul li:hover .pc {  color:#175002;}
.con5 .c-ub .hd ul li:hover .pa a {  color:#175002;}
.con5 .c-ub .hd ul li:hover span {  color:#175002; border:2px solid #871e22;}
.con5 .c-ub .hd .next { position:absolute; width:27px; height:25px; left:-84px; bottom:2px; background:url(../images/ico7.jpg) no-repeat;}
.con5 .c-ub .hd .prev { position:absolute; width:27px; height:25px; left:-111px; bottom:2px; background:url(../images/ico8.jpg) no-repeat;}
.con5 .c-ub .hd ul li.on .pb {  color:#175002;}
.con5 .c-ub .hd ul li.on .pc {  color:#175002;}
.con5 .c-ub .hd ul li.on .pa a {  color:#175002;}
.con5 .c-ub .hd ul li.on span {  color:#175002; border:2px solid #871e22;}


.zy-Slide{
    font-size: 12px;
    position:relative;
    width:1004px;
    height:292px;
    margin:115px auto 0;
}
.zy-Slide ul{
    position:relative;
    width:1004px;
    height:292px;
    margin:0;
    padding:0;
}
.zy-Slide li{
    position:absolute;
    list-style:none;
    background:#000;
    width:0;
    height:0;
    top:146px;
    left:377px;
    z-index:0;
    cursor:pointer;
    border-radius:3px;
    margin:0;
    padding:0;
}
.zy-Slide li img{
    width:100%;
    height:100%;
    vertical-align:middle;
}
.zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){ position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -20px; cursor: pointer; line-height: 40px; padding-left: 12px; padding-right: 12px; }
.zy-Slide section:nth-child(1){
    left:-85px;
}
.zy-Slide section:nth-child(2){
    right:-60px;  
}