html,body{
	width: 100%;
	background: #010827;
	position: relative;
	height: 100%;
}
a{
	color: #666;
}
.pc,.mobile{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.pc{	
	background: url(../image/pc_bg.png) center bottom no-repeat;
	background-size: 100% 100%;
}
.mobile{
	background: url(../image/mobile_bg.png) center bottom no-repeat;
	background-size: 100% auto;
}

.pc .head,
.mobile .head{
	position: absolute;
	left: 0;
	top :0;
	height: 8%;
	width: 100%;
	background: #000;
}
.pc .head .logo,
.mobile .head .logo{
	/* position: absolute;
	top: 0;
	width: 50%;
	height: 100%; 
	background: url(../image/logo.png) left center no-repeat;
	background-size: auto 96%;*/
	color: #fff;
} 
.pc .head .logo{
	margin-left: 10%;
}
.mobile .head .logo{
	margin-left: 2%;
}

.pc .content{
	margin-top: 5%;
	width: 100%;
	height: 80%;
}
.pc .content > img{
	width: 30%;
}
h1{
	color: #fff;
}
.pc h1{
	font-size: 24px;
	width: 600px;
	margin-left: 20px;
}
.mobile h1{
	font-size: 36px;
	margin-top: 20px;
}
.pc .banner{
	width: 600px;
	height: 400px;
}

.mobile .banner{
	width: 800px;
	height: 750px;
}

.mobile .banner{
	margin-top: 20%;
}

.pc .swiper-container{
	width: 400px;
	height: 400px;
}

.mobile .swiper-container{
	width: 800px;
	height: 750px;
}
.pc .swiper-slide{
	width: 225px !important;
	height: 376px;
}
.mobile .swiper-slide{
	width: 374px !important;
	height: 616px;
}
.swiper-slide > img{ 
	width: 100%;
}
.mobile > img{ 
	margin-top: 50%;
	width: 80%;
}
.pc > p,
.mobile > p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.pc > p{
	font-size: 12px;
}
.mobile > p{
	font-size: 24px;
}

    #swiper-container-honor {
      width: 100%;
			padding:0px 100px;
    }
		
.mobile #swiper-container-honor{
	padding:0px;
}
    #swiper-container-honor .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 950px;
      height: 300px;
			visibility: hidden;
    }
 #swiper-container-honor .swiper-slide.swiper-slide-prev, #swiper-container-honor .swiper-slide.swiper-slide-next, #swiper-container-honor .swiper-slide.swiper-slide-active{visibility: visible; !important}