.pagenum {text-align:center; font-family:"微软雅黑"; margin-top:20px;}
.pagenum a {color: #333;padding:6px 12px;background-color: #fff; font-family:"微软雅黑";  font-size:12px; display:inline-table; border:1px #e2e2e2 solid}
.pagenum a:hover {color: #fff !important;background-color: #d6a263; font-size:12px; border:1px #d6a263 solid}
.pagenum .current {color: #fff !important;padding:6px 12px;background-color: #333; font-size:12px; border:1px #333 solid}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #fff;  color: #333; padding:6px 10px; width:12px; display:inline-table;margin-right:5px;}
.lastPage{margin-right:0 !important;}



.container .img-holder {
  width:300px;
  height:400px;
  padding:15px;
  box-sizing:border-box;
  position:absolute;
  box-shadow:0 0 3px #ddd;
  background:rgba(255,255,255,.9);
  visibility:hidden;
  opacity:0;
  top:50px;
  left:395px;
  cursor:pointer;
  z-index:99;
  
}



.container{   
  position:relative;
  height:520px;
  top:20px;
  width:1090px;
  margin:0 auto;
  transform-style: preserve-3d;
}


.controller{
  top:120px;
  left:20px;
  width:300px;
  margin:0 auto;
  position:relative;
}

.scrolller-container{
    width:800px;
    height: 10px;
    position: relative;
    background: #f5f5f5;
	border:1px solid #e5e5e5;
    border-radius: 10px;
	margin:0 auto;
}
.scrolller-container .scroller{
   cursor: pointer !important;
    width: 24px;
	height:24px;

    position: absolute;
    top: -6px;
    left: 0px;
    z-index: 999;
	background:url(../images/scroll1.png);
}

/* For reflection */
.container .content{
  position:relative;
  left:0;   
  z-index:-1;
}
.container .content .title {
    width: 100%;
	 opacity:1;
	 position:relative;
	 z-index:99;
    padding-top: 25px;
    font-size: 18px;
    line-height: 34px;
    color: #000;
}
.container .content span {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 5px;
    height: 72px;
    overflow: hidden;
	display:block;
	font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif;
}

.txt-swiper .swiper-button-prev {
	margin-top: -3.5vw
}
.txt-swiper .swiper-button-next:hover, .txt-swiper .swiper-button-prev:hover {
	transform: scale(1.1)
}
.txt-swiper .swiper-button-next {
margin-top:.5vw
}
.txt-swiper .swiper-button-next, .txt-swiper .swiper-button-prev {
	right: 30px;
	left: auto;
	width: 3vw;
	height: 3vw;
	background: 0 0;
	outline: 0;
	top: 50%;
	border-radius: 50%;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}
.aboutUs {
	background-image: url(../images/home_about_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: auto 80%
}
.path {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 1.8px;
	transition: opacity .3s, fill .3s, stroke .3s
}
.txt-swiper .swiper-pagination {
	color: #fff;
	width: auto;
	left: 5%;
	bottom: 5%
}
.txt-swiper {
	width: 50%;
	margin-left: 0!important;
  height: 100vh;
	position: relative;
  left:-25vw;
  opacity:0;
}
.txt-swiper .swiper-slide {
	perspective: 50vw;
	perspective-origin: 50% 50%
}
.txt-swiper .swiper-pagination ul {
	width: 40px
}

.txt-swiper .swiper-pagination ul li {
	position: absolute;
	left: 0;
	top: 0
}
.img-swiper {
	position: absolute!important;
	width: 50%!important;
	height: 50%;
	z-index: 1;
	top:-25vh;
	left: 50%;
  opacity:0;
}
.img-swiper2 {
	position: absolute !important;
	width: 50%;
	height: 50%;
	z-index: 1;
	top: 75vh;
	left: 50%;
  opacity:0;
}
.product {
	position: relative;
  width:100vw;
  height:100vh;
}
.img-swiper2 .left {
	padding-left: 50px;
	width: 65%;
	float: left;box-sizing:border-box;
}
.img-swiper2 .left .en {
	font-size: 58px;
	font-family: akrobatblack;
	padding: 46px 0 51px 0;
	color: #2054a3
}
.img-swiper2 .left .content {
	padding-bottom: 30px;
	font-size: 16px;
	line-height: 1.7
}
.more {
	padding-top: 50px;
	font-size: 14px;
	font-family: ArialMT;
	line-height: 1.7;
	height: 20px;
	color: #2054a3
}
.more p span {
	background: #2054a3;
	border-radius: 50%;
	color: #fff;
	padding: 2px 5px;
	font-size: 12px
}
.more p {
	transition: .3s all linear;
	width: 100px
}
.more p:hover {
	background: #2054a3;
	color: #fff;
	width: 115px;
	padding: 5px 8px;
	border-radius: 5px
}
.more p:hover span {
	background: #fff;
	border-radius: 50%;
	color: #2054a3;
	padding: 2px 5px
}
.img-swiper2 .right {
	width: 120px;
	height: 120px;
	background: #003b7d;
	float: left;
	right: 38px;
	top: 38px;
	position: absolute;
	color: #fff;
	font-family: akrobatblack
}
.img-swiper2 .right .rightBox {
	margin: 34px 24px;
	font-size: 20px;
}
.img-swiper2 .right .rightBox p:nth-child(1) {
	font-size: 18px
}
.img-swiper2 .right .rightBox p:nth-child(3) {
	font-size: 26px
}
.img-swiper .swiper-slide img, .img-swiper2 .swiper-slide img, .img-swiper3 .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
@media screen and (max-width:960px) {
  /*第4屏*/
  .img-swiper2 .left .en{font-size:36px}
  .img-swiper2 .right{height:100px;}
  .img-swiper2 .right .rightBox{margin: 24px 20px;}
}
@media screen and (max-width:720px) {
/*第4屏*/
  .txt-swiper{width:100vw;height:33.33vh}
  .img-swiper{width:100vw !important;height:33.33vh;left:0;margin-top:33.33vh !important;}
  .img-swiper2{width:100vw;height:33.34vh;left:0;margin-top:16vh !important;}
}
@media screen and (max-width:650px) {
/*第4屏*/
  .img-swiper2 .left .en{font-size:24px;}
  .img-swiper2 .right{display: none;}
  .img-swiper2{width:100vw;height:33.34vh;left:0;margin-top:16vh !important;}
  .img-swiper2 .left .more{position: absolute;right: 38px;top: 38px;padding-top: 14px;}
  .img-swiper2 .left .en{padding-bottom:20px;}
  .img-swiper2 .left .content{font-size:14px;}
}
@media screen and (max-width:450px) {
/*第4屏*/
  .txt-swiper{width:100vw;height:33.33vh}
  .img-swiper{width:100vw !important;height:33.33vh;left:0;margin-top:33.33vh !important;}
  .img-swiper2{width:100vw;height:33.34vh;left:0;margin-top:16vh !important;}
  .img-swiper2 .left .more{right:0px;}
  .img-swiper2 .left{padding-left: 20px;}
}