a:hover {

	text-decoration: inherit;

}

#week_nav {

	position: relative;

	top: 0;

	z-index: 15;

	width: 100%;

	height: 60px;

}

.wk_index_main {

	margin-top: -60px;

	width: 100%;

}

#superContainer {

	height: 100%;

	position: relative;

	-ms-touch-action: none;

	touch-action: none;

}

.fp-section {

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.fp-slide {

	float: left;

}

.fp-slide, .fp-slidesContainer {

	display: block;

	height: 100%;

}

.fp-slides {

	z-index: 1;

	height: 100%;

	overflow: hidden;

	position: relative;

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.fp-section.fp-table, .fp-slide.fp-table {

	display: table;

	width: 100%;

	table-layout: fixed;

}

.fp-tableCell {

	display: table-cell;

	width: 100%;

	height: 100%;

	vertical-align: middle;

}

.fp-slidesContainer {

	position: relative;

	float: left;

}

.fp-controlArrow {

	position: absolute;

	top: 50%;

	z-index: 4;

	margin-top: -38px;

	width: 0;

	height: 0;

	border-style: solid;

	cursor: pointer;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

}

.fp-controlArrow.fp-prev {

	left: 15px;

	width: 0;

	border-color: transparent #fff transparent transparent;

	border-width: 38.5px 34px 38.5px 0;

}

.fp-controlArrow.fp-next {

	right: 15px;

	border-color: transparent transparent transparent #fff;

	border-width: 38.5px 0 38.5px 34px;

}

.fp-scrollable {

	overflow: scroll;

}

.fp-notransition {

	-webkit-transition: none!important;

	transition: none!important;

}

#dn-nav {

	position: fixed;
	top: 50%;
	z-index: 9999;
	opacity: 1;
	width:30px;
	height:250px;
	-webkit-transform: translate3d(0, 0, 0);

}

#dn-nav.right {

	left: 17px;

}

#dn-nav ul {

	margin: 0;

	padding: 0;

}

#dn-nav ul li {

	position: relative;

	display: block;

	margin: 7px;

	width: 15px;

	height: 15px;

}

#dn-nav ul li a {

	position: relative;

	z-index: 99999;

	display: block;

	width: 100%;

	height: 100%;

	text-decoration: none;

	cursor: pointer;

}

#dn-nav ul li a span {

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	margin: -3px 0 0 -3px;

	width: 7px;

	height: 7px;

	border: 0;

	border-radius: 50%;

	background: #cfcfd1;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

#dn-nav ul li a.active span, #dn-nav ul li:hover a.active span {

	margin: -7px 0 0 -7px;

	width: 15px;

	height: 15px;

	border-radius: 100%;

	background: #0096ff;

}

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {

	height: auto!important;

}

.section {

	position: relative;

	overflow: hidden;

}

.page1 {

	background: #fff;

	width: 100%;

}

.wk_slide-wrap {

	position: relative;

	width: 100%;

	height: 100%;

}

.wk_slide-wrap ul {

	width: 100%;

	height: 100%;

}

.wk_slide-wrap li {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	overflow: hidden;

	width: 100%;

	height: 100%;

	text-align: center;

}

.wk_slide-wrap li .img {

	position: relative;

	z-index: 9;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	transition: all 1s;

	-ms-transition: all 1s;

}

.wk_slide-wrap li.wk_selected .img {

	-webkit-transform: translate3d(0, 0, 0)!important;

	transform: translate3d(0, 0, 0)!important;

	-ms-transform: translate3d(0, 0, 0)!important;

}

.hdptext {

	position: absolute;
	width: 500px;
	height: auto;
	z-index: 9;
	bottom: 60px;
	left: 30px;
	color: #fff;
	background-color: rgb(0 0 0 / 30%);
	padding: 15px 5px;
	border-radius: 5px;
}
.hdptext h3{
width: 100%;
line-height: 50px;
font-size: 26px;
padding-bottom: 10px;
text-align: center;
}
.hdptext dl{
width: 100%;
height: auto;
}
.hdptext dl dt{
width: 33.33%;
height: auto;
display: inline-block;
float: left;
}
.hdptext dl dt p{
line-height: 35px;
font-size: 14px;
text-align: center;
}
.hdptext dl dt p span{font-size: 20px; color: #ffd76b;font-weight: bold;}


.pie {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #D8D8D8;
  position: relative;
  margin-left:55px;
}

.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  background: white;
  border-radius: 50%;
  font-size: 12px;
  line-height: 35px;
  text-align: center;
  color:#333;
}
.left, .right {
  width: 25px;
  height: 50px;
  float: left;
  overflow: hidden;
}
.left {
  border-radius: 50px 0 0 50px;
  
}
.right {
  border-radius: 0 50px 50px 0;

}
.left-deg, .right-deg {
  width: 25px;
  height: 50px;
  background: #359adf;
}
.left-deg {
  transform-origin: right center;
  transform: rotate(-45deg);
}
.right-deg {
  transform-origin: left center;
  transform: rotate(180deg);
}



.wk_slide-wrap .wk_banner {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	height: 100%;

	min-width: 100%;

}

.wk_slide-wrap li#wk_s2 .wk_banner {

	background-size: cover;

	opacity: 0;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	-webkit-opacity: 0;

	-ms-opacity: 0;

	-moz-opacity: 0;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}

.wk_slide-wrap li#wk_s2.wk_selected .wk_banner {

	opacity: 1;

	-webkit-opacity: 1;

	-ms-opacity: 1;

	-moz-opacity: 1;

}


.wk_slide-nav-wrap {

	position: absolute;

	bottom: 35px;

	left: 0;

	z-index: 8;

	overflow: hidden;

	margin-bottom: -40px;

	padding-top: 25px;

	width: 100%;

	height: 84px;

	opacity: 1;

	-webkit-transform: translateY(100%);

	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);

	-moz-transform: translateY(100%);

	-moz-transform: matrix(1, 0, 0, 1, 0, 0);

	transform: translateY(100%);

	transform: matrix(1, 0, 0, 1, 0, 0);

	-webkit-opacity: 1;

	-ms-opacity: 1;

	-moz-opacity: 1;

	-ms-transform: translateY(100%);

	-ms-transform: matrix(1, 0, 0, 1, 0, 0);

}

#wk_slide-nav {

	position: relative;

	z-index: 10;

	margin: auto;
	width: auto;
	
	display: table;
	padding-right: 90px;
	height: 26px;

	-webkit-transform: translateX(90px);

	-moz-transform: translateX(90px);

	transform: translateX(90px);

	-ms-transform: translateX(90px);

}

.wk_nav-bullet-container {

	position: relative;

	float: left;

	width: 26px;

	height: 26px;
	
	margin: 0px 8px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}


#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:before {

	opacity: 0;

	-webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);

	-moz-transition: all .8s cubic-bezier(.25, .46, .45, .94);

	-o-transition: all .8s cubic-bezier(.25, .46, .45, .94);

	transition: all .8s cubic-bezier(.25, .46, .45, .94);

	-webkit-transform: scale(2, 2);

	-moz-transform: scale(2, 2);

	transform: scale(2, 2);

	-ms-transform: scale(2, 2);

}

#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:after {

	opacity: .2;

	-webkit-transform: scale(3.3, 3.3);

	-moz-transform: scale(3.3, 3.3);

	transform: scale(3.3, 3.3);

	-ms-transform: scale(3.3, 3.3);

}

#wk_slide-nav .wk_nav-bullet-container:hover .nav-bullet {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	transform: scale(1, 1);

	-ms-transform: scale(1, 1);

}

.wk_nav-bullet-container.active .nav-link:after {

	opacity: 1;

}

.nav-link {

	position: relative;

	display: block;

	width: 100%;

	height: 100%;

	color: #fff;

}

.nav-link:before {

	position: absolute;

	top: 5px;

	left: 5px;

	width: 14px;

	height: 14px;

	border: 1px solid #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	content: '';

	opacity: 1;

	-webkit-transition: all .8s cubic-bezier(.455, .03, .515, .955);

	-moz-transition: all .8s cubic-bezier(.455, .03, .515, .955);

	-o-transition: all .8s cubic-bezier(.455, .03, .515, .955);

	transition: all .8s cubic-bezier(.455, .03, .515, .955);

}

.nav-link:after {

	position: absolute;

	top: 9px;

	left: 9px;

	width: 8px;

	height: 8px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	content: '';

	opacity: 1;

	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);

	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);

	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);

	transition: all .8s cubic-bezier(.77, 0, .175, 1);

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.nav-bullet {

	position: absolute;

	top: 9px;

	left: 9px;

	width: 8px;

	height: 8px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	opacity: 0;

	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);

	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);

	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);

	transition: all .8s cubic-bezier(.77, 0, .175, 1);

	-webkit-transform: scale(0, 0);

	-moz-transform: scale(0, 0);

	transform: scale(0, 0);

	-ms-transform: scale(0, 0);

}

.wk_contact_left1 {

	position: absolute;

	top: 0;

	left: -50px;

	display: block;
	
	width: 500px;
	height: 400px;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page6.active .wk_contact_left1 {

	left: 20px;

}

.wk_contact.active .wk_contact_left1 {

	left: 20px;

}

@media(max-width:1500px) {

.section {

	width: 100%;

	min-width: 1080px;

}

.wk_slide-nav-wrap {

	bottom: 5px;

}

}

@media(max-width:1150px) {

.wk_slide-nav-wrap {

	bottom: 5px;

}

.section {

	width: 100%;

	min-width: 920px;

}




}

.ie8 .wk_slide-wrap #wk_s1, .ie8 .wk_slide-wrap #wk_s2, .ie8 .wk_slide-nav-wrap {

	display: none;

}


.page2 {

background: url(../images/bg.jpg) no-repeat center;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}

.wk_fwxm {

	position: relative;

	margin: 0 auto;

	width: 1200px;

	height: 100%;

}

.wk_fwxm ul {

	width: 100%;

	height: 100%;

}

.wk_fwxm li {

	position: relative;

	float: left;

	width: 33.3%;

	height: 100%;

	color: #fff;

	text-align: center;

	opacity: 0;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	-webkit-opacity: 0;

	-moz-opacity: 0;

}

.wk_fwxm li .wk_fwxm_bg {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	height: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.wk_fwxm li.wk_li1 .wk_fwxm_bg {

	background: rgba(0,155,255,0.5);

}

.wk_fwxm li:hover .wk_fwxm_bg {

	height: 100%;

}

.wk_fwxm li .wk_fwxm_main {

	position: absolute;

	top: 50%;

	right: 25px;

	left: 25px;

	margin-top: -200px;

}

.wk_fwxm li .wk_ljzx {

	margin: 35px auto 0 auto;

	width: 145px;

	height: 35px;

}

.wk_fwxm li .wk_ljzx a {

	display: none;

	width: 143px;

	height: 33px;

	border: 1px solid #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 25px;

	color: #fff;

	text-align: center;

	font-size: 14px;

	line-height: 33px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.wk_fwxm li:hover .wk_ljzx a {

	display: block;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover {

	background: #fff;

	color: #0096ff;

}

.wk_fwxm li .wk_fwxm_ico {

	overflow: hidden;

	margin: 0 auto;

	width:100%;

	height: 230px;

}
.wk_fwxm li .wk_fwxm_ico img{
	width: 100%;
	min-height: 230px;
	border-radius:5px;
}

.wk_fwxm li h2 {

	margin-top: 16px;

	font-weight: 400;

	font-size: 16px;

	line-height: 44px;
	
	white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.wk_fwxm li p {

	font-size: 15px;

	line-height: 30px;

}

.wk_fwxm li .wk_fwxm_des {

	margin-top: 20px;

	font-size: 14px;

	line-height: 26px;

}

.page2.active li {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-webkit-opacity: 1;

	-moz-opacity: 1;

}

@media(max-width:1500px) {

.wk_fwxm {

	position: relative;

	margin: 0 auto;

	width: 1160px;

	height: 100%;

}


}

@media(max-width:1150px) {

.wk_fwxm {

	position: relative;

	margin: 0 auto;

	width: 1000px;

	height: 100%;

}

.wk_fwxm li .wk_fwxm_main {

	right: 15px;

	left: 15px;

}

.wk_fwxm li .wk_fwxm_des {

	font-size: 12px;

}

}

.page7{

	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;

}

.page7.active .route h2 {

	left: 0;

}

.page7.active .wk_btndiv {

	right: 0;

}

.page7.active .wk_about_div {

	margin: 70px auto 0 auto;

}


.page8{

	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;

}

.page8.active .route h2 {

	left: 0;

}

.page8.active .wk_btndiv {

	right: 0;
	

}

.featuresimg{width: 100%; height: auto; margin-top: 70px;}

.featuresimg ul li{width: 370px; float: left;}
.featuresimg ul li:first-child{margin-right: 25px;}
.featuresimg ul li:last-child{margin-left: 25px;}
.featuresimg ul li a{width: 370px; height: 280px; display: block; overflow: hidden; position: relative;}
.featuresimg ul li a img{width: 370px; height: 280px; border-radius: 5px;}
.featuresimg ul li a  p{width: 100%; line-height: 40px; height: 40px; text-align: center; position: absolute; bottom: 0; left: 0; background-color: rgb(255 255 255 / 50%); font-size: 16px; color: #333; border-radius: 0px 0px 5px 5px;}
.featuresimg ul li a:hover  p{background-color: rgb(255 255 255 / 90%);}



.page5{

	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;

}


.route {

	position: absolute;

	top: 50%;

	left: 50%;

	overflow: hidden;

	margin-top: -250px;

	margin-left: -580px;

	width: 1160px;

}

.route h2 {

	position: relative;

	top: 0;

	left: -400px;

	font-size: 45px;
	font-family:"Century Gothic";
	color: #fff;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page5.active .route h2 {

	left: 0;

}

.route h2.wk_h2 {

	font-size: 25px;
	line-height: 25px;
	
	font-weight: normal;

}

.page5.active .wk_btndiv {

	right: 0;

}

.routeimg{width: 100%; height: auto; margin-top: 70px;}

.routeimg ul li{width: 550px; float: left;}
.routeimg ul li:first-child{margin-right: 60px;}
.routeimg ul li a{width: 550px; height: 360px; display: block; overflow: hidden; position: relative;}
.routeimg ul li a img{width: 550px; height: 360px; border-radius: 5px;}
.routeimg ul li a  p{width: 100%; line-height: 40px; height: 40px; text-align: center; position: absolute; bottom: 0; left: 0; background-color: rgb(255 255 255 / 50%); font-size: 16px; color: #333; border-radius: 0px 0px 5px 5px;}
.routeimg ul li a:hover  p{background-color: rgb(255 255 255 / 90%);}



.page3 {

	background: url(../images/bg.jpg) no-repeat center;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}

.case {

	position: absolute;

	top: 50%;

	left: 50%;

	overflow: hidden;

	margin-top: -235px;

	margin-left: -580px;

	width: 1160px;

}

.case h2 {

	position: relative;

	top: 0;

	left: -400px;

	font-size: 45px;
	font-family:"Century Gothic";
	color: #fff;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page3.active .case h2 {

	left: 0;

}

.case h2.wk_h2 {

	font-size: 25px;
	line-height: 25px;
	
	font-weight: normal;

}

.wk_btndiv {

	position: absolute;

	top: 45px;

	right: -400px;

	width: 100px;

	height: 30px;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page3.active .wk_btndiv {

	right: 0;

}

.wk_btndiv .bus_more {

	position: absolute;

	display: block;

	overflow: hidden;

	width: 100px;

	height: 34px;
	line-height: 34px;
	text-align: center;

	outline: 0;
	font-size: 14px;
	color: #fff;
	background: rgba(0,150,255,0.5);
	cursor: pointer;
	transition: all .3s;

}
.wk_btndiv .bus_more:hover{
	background: #0096ff;
}

.wk_scrollcontainer {

	position: relative;

	overflow: hidden;

	margin: 38px auto 0 auto;

	width: 1180px;

	height: 400px;

}

.wk_scrollcontainer ul {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.wk_scrollcontainer li {

	overflow: hidden;

}

.case .wk_case_list {

	position: relative;

	float: left;

	overflow: hidden;

	margin: 0 20px 20px 0;

	width: 275px;

	height: 190px;

	opacity: 0;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	-webkit-transform: translate3d(0, 100px, 0);

	transform: translate3d(0, 100px, 0);

	-webkit-opacity: 0;

	-moz-opacity: 0;

	-ms-transform: translate3d(0, 100px, 0);

}

.page3.active .case div.wk_case_list {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-opacity: 1;

	-moz-opacity: 1;

	-ms-transform: translate3d(0, 0, 0);

}

.page3.active .case div.wk_case_list:nth-child(2) {

	-webkit-transition-delay: 100ms;

	-moz-transition-delay: 100ms;

	transition-delay: 100ms;

}

.page3.active .case div.wk_case_list:nth-child(3) {

	-webkit-transition-delay: 200ms;

	-moz-transition-delay: 200ms;

	transition-delay: 200ms;

}

.page3.active .case div.wk_case_list:nth-child(4) {

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	transition-delay: 300ms;

}

.page3.active .case div.wk_case_list:nth-child(5) {

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.page3.active .case div.wk_case_list:nth-child(6) {

	-webkit-transition-delay: 500ms;

	-moz-transition-delay: 500ms;

	transition-delay: 500ms;

}

.page3.active .case div.wk_case_list:nth-child(7) {

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	transition-delay: 600ms;

}

.page3.active .case div.wk_case_list:nth-child(8) {

	-webkit-transition-delay: 700ms;

	-moz-transition-delay: 700ms;

	transition-delay: 700ms;

}

.case .wk_case_list .wk_case_img {

	position: relative;

	width: 275px;

	height: 190px;

}

.case .wk_case_list .wk_case_img img {

	width: 275px;

	height: 190px;

}

.case .wk_case_list .wk_case_ico {

	position: absolute;

	top: 0;

	left: 0;

	width: 275px;

	height: 190px;

	line-height:190px;
	text-align:center;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	background:rgba(0,0,0,0.8);

	/*background: url(../images/case_ico.png) no-repeat center;*/

	opacity: 0;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	-webkit-opacity: 0;

	-moz-opacity: 0;

}

.case .wk_case_list:hover .wk_case_ico {

	opacity: 1;

	-webkit-opacity: 1;

	-moz-opacity: 1;

}

.case .wk_case_list .wk_case_xian {

	position: absolute;

	top: 22px;

	left: 22px;

	width: 241px;

	height: 146px;

}

.case .wk_case_list span {

	position: absolute;

	background: #0096ff;

	-webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);

	-moz-transition: all .3s cubic-bezier(.25, .46, .45, .94);

	-o-transition: all .3s cubic-bezier(.25, .46, .45, .94);

	transition: all .3s cubic-bezier(.25, .46, .45, .94);

}

.case .wk_case_list .wk_span_1 {

	top: 0;

	left: 0;

	width: 0;

	height: 2px;

}

.case .wk_case_list .wk_span_2 {

	top: 0;

	right: 0;

	width: 2px;

	height: 0;

}

.case .wk_case_list .wk_span_3 {

	right: 0;

	bottom: 0;

	width: 0;

	height: 2px;

}

.case .wk_case_list .wk_span_4 {

	bottom: 0;

	left: 0;

	width: 2px;

	height: 0;

}

.case .wk_case_list:hover .wk_span_1, .case .wk_case_list:hover .wk_span_3 {

	width: 100%;

}

.case .wk_case_list:hover .wk_span_2, .case .wk_case_list:hover .wk_span_4 {

	height: 100%;

}

.page4 {

	background: url(../images/bg.jpg) no-repeat center;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}

.wk_about {
	height: 882px !important;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -280px;

	margin-left: -600px;

	width: 1200px;

}

.wk_about h2 {

	position: relative;


	left: -400px;

    font-size: 45px;
	line-height: 45px;
	font-family:"Century Gothic";
	color: #fff;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;
	float: left;

}

.page4.active .wk_about h2 {

	left: 0;

}

.wk_about h2.wk_h2 {

	font-size: 25px;
	line-height: 25px;
	padding-top: 16px;
	padding-left: 20px;
	font-weight: normal;

}

.wk_about_menu {

	position: absolute;

	top: 33px;

	right: -400px;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.wk_about_menu a {

	float: left;

	display: block;

	margin-left: 2px;

	width: 80px;

	height: 42px;

	background: rgba(0,155,255,0.5);

	color: #fff;

	text-align: center;

	font-size: 16px;

	line-height: 42px;

	cursor: pointer;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.wk_about_menu a.active {

	background: #0096ff;

}

.page4.active .wk_about_menu {

	right: 0;

}

.wk_about_div {

	position: relative;

	z-index: 1;

	overflow: hidden;

	margin: 400px auto 0 auto;

	width: 100%;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page4.active .wk_about_div {

	margin: 0px auto;

}

.wk_about_main {

	position: relative;

	margin: 0 auto;

}

.wk_about_left {

	position: relative;

	float: left;

	width: 60%;

}

.wk_about_left img{border-radius:5px; max-width:100%;}

.wk_about_right {

	position: relative;

	float: right;

	width: 400px;

}

.wk_about_des {

	padding-top: 20px;

	color: #fff;

	font-size: 15px;

	line-height: 34px;

}
.all_more{
	width: 100px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	outline: 0;
	font-size: 14px;
	color: #fff;
	margin-top: 40px;
	display: block;
	background: rgba(0,155,255,0.5);
	transition: all .3s;
	border-radius:25px;
}

.all_more:hover{
	color: #fff;
	background: #0096ff;
}


.wk_news_list {

	position: relative;

	margin: 0 auto;

	padding-top: 15px;

}

.wk_news_list li {

	float: left;

	overflow: hidden;

	margin-left: 36px;

	width: 250px;

}

.wk_news_list li:first-child {

	margin-left: 0;

}

.wk_news_list li dl {

	margin: 0;

	padding: 5px 10px;

	width: 110px;

	height: 28px;

	border: 1px solid #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

}

.wk_news_list li dl dt {

	font-size: 16px;

	line-height: 28px;

}

.wk_news_list li h4 {

	margin-top: 7px;

	font-weight: 500;

	font-size: 16px;

	line-height: 62px;

	height: 62px;
	color: #fff;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.wk_news_list li h4 a {

	color: #fff;

}

.wk_news_list li .wk_news_des {

	overflow: hidden;

	height: 104px;

	color: #fff;

	font-size: 13px;

	line-height: 26px;

}

.wk_news_list li .wk_news_more {

	margin-top: 38px;

	height: 37px;

}

.wk_news_list li .wk_news_more a {

	display: block;

	width: 37px;

	height: 37px;

	background: url(../images/news_more.png) no-repeat;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	transition: all .3s;

}

.wk_news_list li .wk_news_more a:hover {

	background: url(../images/news_more.png) no-repeat 0 -37px;

}


@media(max-width:1500px) {

.wk_about {

	margin-top: -170px;

	margin-left: -540px;

	width: 1080px;

}


.wk_about h2.wk_h2 {

	position: relative;

	top: 0;

	left: -200px;

	display: block;

	font-size: 25px;
	line-height: 25px;
	padding-top: 16px;
	padding-left: 20px;
	
	font-weight: normal;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page4.active .wk_about h2.wk_h2 {

	left: 0;

}

.wk_about_menu {

	top: 0;

}

.page4.active .wk_about_div {

	margin: 35px auto 0 auto;

}

.wk_about_left img {

	width: 100%;

}

.wk_about_right {

	width: 575px;

}

.wk_about_des {

	margin-top: 20px;

	font-size: 15px;

}


.wk_news_list li {

	margin-left: 26px;

}




}

@media(max-width:1150px) {

.wk_about {

	margin-top: -170px;

	margin-left: -460px;

	width: 920px;

}


.wk_about h2.wk_h2 {

	position: relative;

	top: 0;

	left: -200px;

	display: block;
	
	font-size: 25px;
	line-height: 25px;
	padding-top: 16px;
	padding-left: 20px;
	font-weight: normal;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}


.page4.active .wk_about h2.wk_h2 {

	left: 0;

}

.wk_about_menu {

	top: 0;

}

.page4.active .wk_about_div {

	margin: 35px auto 0 auto;

}

.wk_about_left {

	width: 370px;

}

.wk_about_left img {

	width: 370px;

}

.wk_about_right {

	width: 515px;

}

.wk_about_des {

	margin-top: 10px;

	font-size: 12px;

}


.wk_news_list li {

	margin-left: 20px;

	width: 215px;

}


.wk_news_list li .wk_news_des {

	font-size: 12px;

}

.wk_news_list li .wk_news_more {

	margin-top: 18px;

}



}


.page6 {

	background: url(../images/bg.jpg) no-repeat center;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}

.wk_contact {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -210px;

	margin-left: -600px;

	width: 1200px;

}



.wk_contact_right {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 600px;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.wk_cont_div {

	margin: 0 auto;

	padding-top: 8px;

	width: 600px;

}

.wk_cont_div li {


	margin-top: 24px;

	height: 44px;

	color: #fff;

	font-size: 20px;

	line-height: 44px;

}

.wk_cont_div li a {

	color: #ccc;

}

.wk_cont_div span {

	float: left;

	display: block;

	margin-right: 21px;

	width: 44px;

	height: 44px;

	-webkit-transition: all .2s;

	transition: all .2s;

}

.wk_cont_div li span.wk_cont_b {

	background: url(../images/cont_b.png) no-repeat;

}

.wk_cont_div li:hover span.wk_cont_b {

	background: url(../images/cont_b.png) no-repeat 0 -44px;

}

.wk_cont_div li span.wk_cont_c {

	background: url(../images/cont_c.png) no-repeat;

}

.wk_cont_div li span.wk_cont_d {

	background: url(../images/cont_d.png) no-repeat;

}

.wk_cont_div li span.wk_cont_b {

	background: url(../images/cont_b.png) no-repeat;

}

.wk_cont_div li span.wk_cont_a {

	background: url(../images/cont_a.png) no-repeat;

}


.page6.active .wk_contact_right {

	right: 0px;

}

.wk_contact.active .wk_contact_right {

	right: 0px;

}

.wk_contact_right h2 {
	font-size: 45px;
	font-family:"Century Gothic";
	color: #fff;

}

.wk_contact_right .wk_h2 {
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
}



@media(max-width:1500px) {

.wk_contact {

	margin-top: -155px;

	margin-left: -540px;

	width: 1080px;

}


.wk_contact_left1 {

	position: absolute;

	top: 0;

	left: -50px;

	display: block;
	
	width: 400px;
	height: 360px;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page6.active .wk_contact_left1 {

	left: 20px;

}

.wk_contact.active .wk_contact_left1 {

	left: 20px;

}



.wk_cont_div {

	padding-top: 18px;

}

.wk_cont_div li {

	margin-top: 15px;

}

}

@media(max-width:1150px) {

.wk_contact {

	margin-top: -155px;

	margin-left: -460px;

	width: 920px;

}


.wk_contact_left1 {

	position: absolute;

	top: 0;

	left: -50px;
	
	width: 400px;
	height: 360px;

	display: block;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page6.active .wk_contact_left1 {

	left: 0;

}

.wk_contact.active .wk_contact_left1 {

	left: 0;

}

.wk_contact_right {

	top: 0px;

	width: 500px;

}

.page6.active .wk_contact_right {

	right: 0;

}

.wk_contact.active .wk_contact_right {

	right: 0;

}

.wk_cont_div {

	padding-top: 18px;

}

.wk_cont_div li {

	margin-top: 15px;

}


.fp-auto-height .wk_footer_side {

	padding: 26px 0;

	background: #0e0e0e;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.fp-auto-height.active .wk_footer_side {

	padding: 20px 0;

	background: #0e0e0e;

	opacity: 1;

	-webkit-opacity: 1;

	-moz-opacity: 1;

}

.wk_footer {

	margin: 0 auto;

	width: 1230px;

	background: url(../images/footer_logo.png) no-repeat right center;

	color: #b6b3b3;

	line-height: 120px;
	height: 80px;

}

.wk_footer a {

	color: #b6b3b3;

}

@media(max-width:1500px) {

.wk_footer_side {

	padding: 10px 0;

	width: 100%;

	min-width: 1080px;

}

.wk_footer {

	width: 1160px;

}

}

@media(max-width:1150px) {

.wk_footer_side {

	padding: 10px 0;

	width: 100%;

	min-width: 920px;

}

.wk_footer {

	width: 1000px;

}

}



/*预定*/
.book {

	position: relative;

	margin: 0 auto;

	width: 1200px;

	height: 100%;

}

.book ul {

	width: 100%;

	height: 100%;

}

.book li {

	position: relative;

	float: left;

	width: 50%;

	height: 100%;

	color: #fff;

	text-align: center;

	opacity: 0;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	-webkit-opacity: 0;

	-moz-opacity: 0;

}

.book li .book_bg {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	height: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.book li.wk_li1 .book_bg {

	background: rgba(0,155,255,0.5);

}

.book li:hover .book_bg {

	height: 100%;

}

.book li .book_main {

	position: absolute;

	top: 50%;

	right: 25px;

	left: 25px;

	margin-top: -145px;

}

.book li .wk_ljzx {

	margin: 35px auto 0 auto;

	width: 145px;

	height: 35px;

}

.book li .wk_ljzx a {

	display: none;

	width: 143px;

	height: 33px;

	border: 1px solid #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

	font-size: 17px;

	line-height: 33px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.book li:hover .wk_ljzx a {

	display: block;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.book li.wk_li1:hover .wk_ljzx a:hover {

	background: #fff;

	color: #0096ff;

}

.book li .book_ico {

	overflow: hidden;

	margin: 0 auto;

	width:100%;

	height: 160px;

}
.book li .book_ico img{
	width: 100%;
	min-height: 160px;
}

.book li h2 {

	margin-top: 16px;

	font-weight: 400;

	font-size: 16px;

	line-height: 44px;
	
	white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.book li p {

	font-size: 15px;

	line-height: 30px;

}

.book li .book_des {

	margin-top: 20px;

	font-size: 14px;

	line-height: 26px;

}