﻿/* Created by lulu 2015-09-19 */

/* index */

.kv {
	margin: 0 auto;
	position: relative;
	background:transparent url("../images/kvbg.jpg") repeat-x center bottom;
}
.kvimg {
	max-width: 1260px;
	margin: 0 auto;
}
.kv .appdownload {
	position: absolute;
	top: 30%;
	right: 32%;
	margin: 0 auto;
}
.kv .appdownload1 {
	float: left;
	display: inline;	
	width: 90px;
	height: 90px;
}
.kv .appdownload2 {
	float: left;
	display: inline;	
	width: 90px;
	height: 90px;
}

.kv .appdownloadone {
	position: absolute;
	top: 28%;
	right: 35%;
	margin: 0 auto;
	display: none;
}
.kv .appdownload3 {
	float: left;
	display: inline;	
	width: 115px;
	height: 135px;
}

.kv img {
	width: 100%;
}
.about {
	margin: 0 auto;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	position: relative;
	max-width: 1300px;
}
.about img {
	width: 100%;
}
.about a {
	background:transparent url("../images/aboutarrow-off.png") no-repeat left top;
	width: 100px;
	height: 55px;
	display: block;
	position: absolute;
    bottom: 9%;
    right:13%;
}
.about a:hover {
	background:transparent url("../images/aboutarrow-on.png") no-repeat left top;
}
.webentrancebox {
	width: 100%;
	border-top: 1px solid #eeeeee;
}
.webentrance {
	margin: 0 auto;
	max-width: 788px;
	padding: 50px 0;
}


.swiper-container {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
    max-width: 1200px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
	width: 100%;
}
.swiper-pagination-bullet {
	width: 13px;
    height: 13px;
    background: none;
    border:1px solid #b4b4b4;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #b4b4b4;	
}
.swiper-button-prev {
	background-image: url("../images/sprite.png");
	width: 45px;
	height: 100px;
	background-position: left center;
	background-size: 100px;
	    margin-top: -45px;
}
.swiper-button-next {
	background-image: url("../images/sprite.png");
	width: 45px;
	height: 100px;
	background-position: right center;
	background-size: 100px;
	    margin-top: -45px;
}
.swiper-container-horizontal>.swiper-pagination {
	bottom: 35px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1024px) {
.kv .appdownloadone {
	display: block;
}
.kv {
	background:transparent url("../images/kvbg.jpg") repeat-x 43% bottom;
}
}