@font-face {

    font-family: 'hk'; 

    src:url('../font/hk.ttf');

}

.header {

	position: absolute;

	top: 30px;

	z-index: 999;

	width: 1200px;

	left: 50%;

	margin-left: -600px;

}

.header .logo {

	width:125px;

	display: block;

}

.header .right {

	margin-top: 10px;

}

.header .right a {

	display: inline-block;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	margin-left: 50px;

	padding-bottom: 10px;

	position: relative;

}

.header .right .curr::before {

	display: block;

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -15px;

	width: 30px;

	height: 3px;

	background-color: #fff;

	border-radius: 30px;

}

.download {

	position: absolute;

	top: 550px;

	width: 1200px;

	left: 50%;

	margin-left: -600px;

	z-index: 999;

}

.download img {

	display: block;

}

.download .app {

	margin-left: 80px;

	position: relative;

	width: 171px;

	cursor: pointer;

}

.download .adi {

	margin-top: 20px;

	margin-left: 80px;

	position: relative;

	width: 171px;

	cursor: pointer;

}

.download .app .evms {

	display: block;

	padding: 7px;

	position: absolute;

	right: -147px;

	top: 0;

	background-color: #fff;

	border:1px solid #dedede;

}

.download .adi .evms {

	padding: 5px;

	position: absolute;

	right: -147px;

	top:-68px;

	background-color: #fff;

	border:1px solid #dedede;

	display: none;

}

.download .evms img {

	display: block;

	width: 107px;

	height: 107px;

	overflow: hidden;

}



.videos {

	position: fixed;

	width:100%;

	height: 100%;

	top: 0;

	left: 0;

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

	z-index: 999; 

	display: none;

}



.videos .videoCon {

	position: absolute;

	left:10%;

	top: 10%;

	height: 80%;

	width: 80%;

}

.videos .videoCon video {

    object-fit: fill;

}

.videos .close {

	position: absolute;

	top:10%;

	left: 91%;

	width: 30px;

	height: 30px;

	transition: all 1s ease;

	-moz-transition: all 1s ease;

	-webkit-transition: all 1s ease;

	-o-transition: all 1s ease;	

	cursor: pointer;

}

.videos .close img {

	width: 100%;

	display: block;

}

.videos .close:hover {

	transform: rotate(180deg);

	-ms-transform: rotate(180deg); /* IE 9 */

	-webkit-transform: rotate(180deg); /* Safari and Chrome */

}



.footer {

	padding: 15px 0;

	text-align: center;

	background-color: #fff;

}

.footer p {

	display: block;

	font-size: 12px;

	color: #5b5b5b;

	height: 22px;

	line-height: 22px;

}

.footer span {

	display: inline-block;

	margin-left: 5px;

	padding-left: 24px;

	background: url(../img/ga.png) no-repeat left center;

}





.banner {

	width: 100%;

	height: 817px;

	min-width: 1200px;

	overflow: hidden;

}

.banner  .wrap {

	height: 100%;

}

.banner .swiper-slide {

	width: 100%;

	height: 817px;

	overflow: hidden;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	transition: all ease-in-out 1s;

	z-index: 99;

}



.banner .boxs {
    position: absolute;
    top: 0;
    left: 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.banner .boxs .imgs {

	height: 64px;

	width: 244px;

}







.banner .boxs .imgs img {

	width: 100%;

	display: block;

}



.banner .boxs h3 {

	font-size: 46px;

	font-weight: bold;

	margin-top: 28px;

	color: #fff;

	text-shadow: 1px 1px 1px #888;

}

.banner .boxs h3.small {

	font-size: 28px;

}



.banner .video-img {
    margin-top: 223px;
    width: 650px;
    height: 370px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    right: 40px;
    top: 0;

}

.banner .video-img img {

	width: 100%;

	display: block;

}

.banner .st {

	margin-top: 60px;

}



.banner .lishide {

	display: block;

	position: absolute;

	right: 0;

	bottom: 0;

	width: 577px;

	height: 623px;

}

.banner .lishide img {

	width: 100%;

	display: block;

}

.banner .swiper-pagination-bullet-active {

	background: #fff;

}



.banner .textlins {

	width: 710px;

	height: 640px;

	position: absolute;

	right: 30px;

	bottom: 0;



}



.banner .textlins .ipad {

	width: 589px;

	height: 631px;

	position: relative;

	z-index: 10;

}

.banner .ipad .text {

	width: 370px;

	height: 495px;

	position: absolute;

	left: 168px;

	top: 52px;

	overflow-x: hidden;

}

.banner .ipad .text ul {

	padding-bottom: 20px;

}

.banner .ipad .text ul li {

	display: block;

	margin-top: 30px;

	text-align: center;

	font-size: 16px;

	color: #fff;

}

.banner .ipad .text ul li span {

	display: block;

	height: 30px;

	line-height: 30px;

	text-shadow: 1px 1px 3px #333; 

	font-family: "hk";

}



/*.banner .ipad .text::-webkit-scrollbar {

	width: 8px;

}

 .banner .ipad .text::-webkit-scrollbar-track {

	background-color:#f1f1f1;

}

 .banner .ipad .text::-webkit-scrollbar-thumb {

	background-color:#c1c1c1;

}*/

.banner .people {

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 999;

}

.banner .people img {

	display: block;

}



.banner .last-lins {

	width: 750px;

} 



.banner .swiper-button-prev {

	left: 30px;

}

.banner .swiper-button-next {

	right: 30px;

}

.banner .swiper-button-next, .banner .swiper-button-prev {

	width: 18px;

    height: 30px;

    margin-top: -15px;

    z-index: 10;

    cursor: pointer;

    background-size: 18px 30px;

}