body{ overflow-y: scroll; }
a:focus,input{outline:none;}
area, a, a img,input{blr:expression_r(this.onFocus=this.blur());}

/***********swiper code************/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;	
	width: 100%;
	color: #000;
	text-align: center;	
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	overflow: hidden;
	position: relative;
}
.swiper-slide img{
	
}
/*.swiper-pagination-bullet{
	background-color: #000;
}
.swiper-pagination-bullet-active{
  	background-color: #FFF;
}
.swiper-pagination-switch{
	background-color: #FFF;
}*/
.pagination{
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin-left: 0;
}

/*************banner*************/
.page-home .billboard{
	position: relative;
	z-index: 2;
	border-bottom: 2px solid #fff;
  	width: 100%;
  	height: 100%;
  	overflow: hidden;
}
.billboard .contentInfo{
	width: 100%;
	text-align:center;
}
.billboard .contentInfo a{
	display: block;
}
.billboard .wap-banner{display: none;}
.billboard .n2{
	text-align: center;
}
.billboard .title{
	position: absolute;
	top: 8%;
	top: 8rem;
	width: 100%;
	z-index: 99;
}
.billboard .title_word{
	margin:auto;
	left: auto;
	font-size: 50px;
    color: #231f20;
}
.billboard .n2 .dec{
	font-size: 20px;
    color: #7a7a7a;
}
.billboard .n2 .title a{
	display: block;
	margin: auto;
	margin-top: 2rem;
	color: #38c2e6; 
	width: 200px;
}
.billboard .n2 .title a img{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: sub;
}
.billboard .n2 .bg3{
	position: relative;
	width:40%;
	top: 2rem;
  	z-index: 1;
}
.billboard .n3 .dec{
	font-size: 20px;
    color: #7a7a7a;
}
.billboard .n3 .title a{
	display: block;
	margin: auto;
	margin-top: 2rem;
	color: #38c2e6; 
	width: 200px;
}
.billboard .n3 .title a img{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: sub;
}
.billboard .n3 .bg3{
	position: relative;
	width:40%;
	top: 2rem;
  	z-index: 1;
}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background: url("../images/arrows_l.png") no-repeat;
	width: 25px;
  	height: 39px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background: url("../images/arrows_r.png") no-repeat;
	width: 25px;
  	height: 39px;
}

@media only screen and (max-width:1490px ) {
	.billboard .title{top: 6rem;}
	.billboard .n2 .bg3{width: 30%;height: initial;}
}  
@media only screen and (max-width:1440px ){
	
}
@media only screen and (max-width:1366px ){
	
	.billboard .title{top: 6rem;}
}
@media only screen and (max-width:1280px ){
	
	.billboard .title{top: 4rem;}
	.billboard .title_word{font-size: 40px;}
	.billboard .n2 .title a{margin-top: 1rem;}
	.billboard .n2 .dec{font-size: 18px;}
	.billboard .n2 .detail{font-size: 16px; top: 8rem;}
	.billboard .n2 .bg3{top: 1rem; height: initial;}
}
@media only screen and (max-width:1159px) {
	
	.billboard .swiper-slide{width: 100%;}
	.billboard .title_word{ font-size: 46px;}
	.billboard .n2 .detail{top: 10rem;}
}
@media only screen and (max-width:1024px){

}
@media only screen and (max-width: 835px) {
	.page-home .billboard {margin-top:2.66667em;}
	.billboard .contentInfo{width: 100%; min-height: 320px; text-align: center;}
	.billboard .title_word{font-size: 28px;}
	.billboard .n2 .dec{font-size: 16px;}
	.billboard .n2 .title a{font-size: 14px; margin-top: 10px;}
	.billboard .title{top: 30px;}
	.billboard .n2 .bg3{top: 10px;}
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{display: none;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{display: none;}
}

@media only screen and (max-width: 599px) {
	
	.billboard .title{top: 7rem;}
	.billboard .n2 .bg3{top: initial;margin-top: 2rem;}
	.billboard .n2 .detail img {width: 16px;height: 16px;}
  	.billboard .n2 .bg3{width: 70%;}
	.billboard .web-banner{display: none;}
	.billboard .wap-banner{display: block;}
}

@media only screen and (max-width:556px) {
	
}

@media only screen and (max-width: 435px)  {	
	.billboard .title_word{font-size: 22px;}
	.billboard .n2 .dec{font-size: 14px;}
	.billboard .n2 .detail{font-size: 12px;}
	.billboard .n2 .bg3{
		position: absolute;
		width: 285px;
		height: 157px;
		left: 50%;
		margin-left: -142.5px;
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 356px) {
	
}

@media only screen and (max-width: 320px) {
	.billboard .title{top: 3rem;}
}

/********product-banner*********/
.page-home .promos{
	width: auto;
	border-bottom: 2px solid #fff;
  	max-width: 2560px;
  	margin: 0 auto;
  	display: block;
  	min-height: 200px;
}
.page-home .promos ul{
	margin: 0;
  	position: relative;
  	z-index: 1;
  	display: block;
}
.page-home .promos ul:before, .page-home .promos ul:after {
  	content: " ";
   	display: table; 
}
.page-home .promos li {
  	list-style: none;
  	display: list-item;
  	position: relative;
  	z-index: 1;
  	min-height: 2px;
  	margin: 0;
  	padding: 0;
  	float: left;
  	width: 25%;
}
.page-home .promos .promo {
	width: auto;
   	display: block;
  	min-height: 200px;
  	font: 0/0 a;
  	color: transparent;
  	background-position: top center;
  	background-repeat: no-repeat;
  	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
}
.page-home .promos .promo .mask{
	width: 100%;
	height: 200px;
	background:-webkit-linear-gradient(top,rgba(32, 39, 44, 0) 0%,rgba(32, 39, 44, 0.29) 100%);
	background:-moz-linear-gradient(top,rgba(32, 39, 44, 0) 0%,rgba(32, 39, 44, 0.29) 100%);
	background:linear-gradient(top,rgba(32, 39, 44, 0) 0%,rgba(32, 39, 44, 0.29) 100%);
	background:-ms-linear-gradient(top,rgba(32, 39, 44, 0) 0%,rgba(32, 39, 44, 0.29) 100%);
	background:-o-linear-gradient(top,rgba(32, 39, 44, 0) 0%,rgba(32, 39, 44, 0.29) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0020272c', endColorstr='#7f20272c');
}
.page-home .promos .promo span{
	display: block;
	color: #fff;
	text-align: center;
	font-family: "Microsoft YaHei";
}
.page-home .promos .promo span{
	padding-top: 30px;
}
.page-home .promos .promo span:first-child{
	padding-top:140px;
}
/*.page-home .promos .promo-world-gallery {
  	background: url("../images/carousel01.jpg") no-repeat;
  	background-position: 50% 100%;
  	background-size: 600px 200px;
}
.page-home .promos .promo-ipad-changes-everything {
  	background: url("../images/carousel02.jpg") no-repeat;
  	background-position: 50% 100%;
  	background-size: 600px 200px;  	
}
.page-home .promos .promo-blog-week-four {
  	background: url("../images/carousel03.jpg") no-repeat;
  	background-position: 50% 100%;
  	background-size: 600px 200px;  	
}
.page-home .promos .promo-researchkit {
  	background: url("../images/carousel04.jpg") no-repeat;
  	background-position: 50% 100%;
  	background-size: 600px 200px;  	
}*/
.page-home .promos .promo1{
	border-left: none;
}
.page-home .promos .promo4{
	border-right: none;
}

@media only screen and (max-width: 1023px) {
	.page-home .promos{
		min-height: 400px;
	}
	.page-home .promos li{
		width:50%;
	}
	.page-home .promos .promo1{
		border-bottom: 2px solid #fff;
	}
	.page-home .promos .promo2{
		border-right: none;
		border-bottom: 2px solid #fff;
	}
	.page-home .promos .promo3{
		border-left: none;
	}
}

@media only screen and (max-width:467px ){
	.page-home .promos{
		min-height: 800px;
	}
	.page-home .promos li{
		width:100%;
	}
	.page-home .promos .promo-world-gallery {
	  	background-size: 600px 200px;	  
	}
	.page-home .promos .promo-ipad-changes-everything {
	  	background-size: 600px 200px;
	}
	.page-home .promos .promo-blog-week-four {
	  	background-size: 600px 200px;	
	}
	.page-home .promos .promo-researchkit {
	  	background-size: 600px 200px;
	}	  
	.page-home .promos .promo1{
		border-right:none;
		border-bottom: 2px solid #fff;		
	}
	.page-home .promos .promo2{
		border-left:none;
		border-bottom: 2px solid #fff;
	}
	.page-home .promos .promo3{
		border-right:none;
		border-bottom: 2px solid #fff;
	}
	.page-home .promos .promo4{
		border-left:none;
	}	
}