*{
	margin: 0;
	padding: 0;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
html,body{
	width: 100%;
	height: 100%;
	font-size: 16px;
	min-width: 76rem;
	/* min-height: 640px; */
	background: #02020e;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
li{
	list-style: none;
}
.project{
	font-size: 1.875rem;
}
body .swiper-container .swiper-scrollbar{
	width: 1rem;
	background: #FFFFFF60;
}

.project .text{
	font-size: 1.5rem;
	margin-top: 1.625rem;
}
.show{
	display: block !important;
}
a{
	text-decoration: none;
	color: #FFF;
}
.jump{
	cursor:pointer
}
.content{
	width: 100%;
	height: 100%;
}
.header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 5.5rem;
	background: #000;
	z-index: 99;
}
.nav{
	width: 76rem;
	height: 5.5rem;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	/* position: relative; */
	/* padding: 0 22rem; */
}
.nav .logo{
	width: 10rem;
	height: 3.3125rem;
}
.nav ul{
	margin-left: auto;
	display: flex;
	align-items: center;
}
.nav .jump{
	/*width: 7rem;*/
	width: 7.825rem;
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
	margin-left: 1rem;
	line-height: 5.5rem;
	height: 5.5rem;
}
.nav .ico{
	width: 3rem;
	margin-bottom: 1rem;
}
.now{
	background: url(../images/page/index/now.png) no-repeat center bottom;
}

.alertbox{
	width: 100%;
	display: none;
}
.jump:hover .alertbox{
	display: block;
	position: absolute;
	top: 5.5rem;
	left: 0px;
	background: rgba(0,0,0,0.8);
}
.projectlist{
	width: 76rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-around;
	margin: 0 auto;
}
.jump:hover .projectlist{
	/* border: 1px solid #00FFF4; */
	border-top: none;
}
.nav li:hover{
	background: url(../images/page/index/now.png) no-repeat center bottom;
	background-size: 90%;
}

.nav .box{
	width: 100%;
	display: none;
	position: absolute;
	top: 10rem;
	left: 0rem;
	background: rgba(0,0,0,0.8);
}

.goodslist{
	width: 76rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-around;
	/* background: rgba(0,0,0,0.8); */
	margin: 0 auto;
}
.nav .projectbox{
	/*width: 7rem;*/
	width: 10rem;
	height: 10rem;
	font-size: 1rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	line-height: 2rem;
}
.alert:hover{
	/* border: 1px solid #00FFF4; */
	border-bottom: none;
}
.projectbox:hover .box{
	display: block;
}
.projectbox:hover .goodslist{
	/* border: 1px solid #00FFF4; */
}
.goodslist li{
	/*width: 7rem;*/
	width: 10rem;
	height: 12rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.goodslist .ico{
	width: 4rem;
	height: 4rem;
}



.content{
	left: 0;
	right: 0;
	position: fixed;
	top: 5.5rem;
	bottom: 0;
}
.p8{
   background: url(../images/page/index/bg4.png) no-repeat right top;
}
.p8 .banner{
   width:30rem;
   height:30.625rem
}
.p8 .title{
   font-size: 3rem;
}
.p8 p{
   font-size: 1.375rem;
   line-height: 2.75rem;
}
.p8 .tip{
   margin-top: 2.25rem;
}
.p8 .text{
   padding-left: 1.5rem;
   background: url(../images/page/index/bg8.png) no-repeat left center;
}
.swiper-container{
	/* width: 76.25rem; */
	width: 100%;
	height: 100%;
	/* min-height: 40rem; */
}
.swiper-container .swiper-slide .outbox{
	width: 76rem;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin: 0 auto;
}

.p1{
	background: #0d071a;
}
.p1 .window{
	width: 100%;
	height: 90%;
	display: flex;
	flex-direction: column;
	font-size: 1.25rem;
	justify-content: center;
	align-items: center;
}
.p1 .window>p{
	margin-bottom: 1rem;
	font-size: 24px;
}
.p1 .window .title{
	font-size: 2.75rem;
	color: #E41D1F;
	margin-top: -1rem;
	margin-left: -5rem;
	font-weight: bold;
}
.p1 .window .win-tit{
	color: #ff1919;
	margin-right: 0;
	font-weight: 600;
	font-size: 3rem;
}
.p-list{
	font-size: 2rem;
}
.p1 .window .win-tit-two{
	font-size: 24px;
}
.p1 span{
	margin-right: 1.5rem;
	text-align: center;
	display: inline-block;
}

.p1 .window .phone{
	font-size: 2.25rem;
	color: #E41D1F;
	font-weight: bold;
	position: relative;
	margin-left: -5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wx2{
	position: absolute;
	bottom: 0;
	/*right: -12rem;*/
	right: -7rem;
	width: 7.5rem;
	height: 7.5rem;
	/*margin-left: 1rem;*/
}
/* .p1 .test{
	width: 11.125rem;
	height: 2.25rem;
	border-radius: 15px;
	border:1px solid #01FFFC;
	line-height: 2.25rem;
} */
.p1 .ico{
	/* margin-right: 9px; */
}
/* .p1 .banner{
	width: 32.875rem;
	height: 34.1875rem;
} */

.p2,.p4{
	background-color: #010216;
	background: url(../images/page/index/bg2-1.png) no-repeat left 6.25rem,url(../images/page/index/bg2-2.png) no-repeat right 7.5rem,url(../images/page/index/bg2-3.png) no-repeat right bottom;
	background-size: 20rem 16rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.p2 .outbox,.p4 .outbox{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.p2 .window,.p4 .window{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.p2 .project,.p4 .project{
	text-align: center;
	margin-bottom: 6rem;
}
.p2 .list,.p4 .list{
	width: 24.5rem;
	height: 26.25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 1.625rem;
	border: 1px solid rgba(0,255,244,0.3);
}
.p2 .img,.p4 .img{
	width: 6.5rem;
	height: 7.5rem;
	margin-top: 2.25rem;
}
.p2 .title,.p4 .title{
	font-size: 1.5rem;
	color: #00fff4;
	margin: 2rem auto;
}
.p2 .list .text,.p4 .list .text{
	width: 19.25rem;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #FFEFF2;
}

.p3{
	background-color: #010216;
	background:url(../images/page/index/bg3-1.png) no-repeat left bottom 3rem,url(../images/page/index/bg3-2.png) no-repeat right top 6rem;
	background-size:25rem 16rem;
}
.p3 .outbox{
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.p3 .project{
	text-align: center;
	margin-bottom: 6rem;
	
}
.p3 .window{
	width: 43.75rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
}
.p3 .box{
	width: 20rem;
	height: 25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.p3 .left{
	text-align: right;
}
.p3 .rigth{
	text-align: left;
}
.p3 .banner{
	height: 25rem;
	margin: 0 2rem;
}

.p3 .list{
	width: 20rem;
	line-height: 2rem;
	color: #FFEFF2;
	font-size: 1rem;
}
.p3 .list .title{
	color: #00fff4;
}
.p3 .ico{
	width: 2.875rem;
	margin-bottom: 2.125rem;
}
.p3 .title{
	font-size: 1.5rem;
	line-height: 3rem;
	color: #FFF;
}

.p11{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.p11 .outbox{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.p11 .window_left,.p11 .window_right{
	width: 40rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin:0.75rem;
}
.p11 .project{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	margin-bottom: 0.625rem;
}
.p11 .project .text{
	margin: 0;
	margin-left: 2rem;
	font-size: 1rem;
}
.p11 .project .tips{
	font-size: 1rem;
	color: #00FFF4;
	margin-right: 0.75rem;
	margin-left: auto;
}
.p11 .newsbox{
	width: 35rem;
	height: 32rem;
	border-radius: 0.625rem;
	border: 1px solid #00C0BC;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.75rem;
}
.newsshow{
	width: 100%;
	height: 14.875rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin-bottom: 1.25rem;
}
.newsshow .img{
	/*width: 20rem;*/
	/*height: 15rem;*/
	width: 17rem;
	height: 12rem;
}
.newsshow .newsinfo{
	width: 17rem;
	height: 15rem;
	margin-right: 0;
	margin-left: auto;
}
.newsshow .title{
	font-size: 1.2rem;
	color: #00FFF4;
	overflow: hidden;
	line-height: 3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 1rem;
}
.newsshow .text{
	width: 100%;
	font-size: 1.125rem;
	color: #F5F5F5;
	line-height: 2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	height: 10rem;
}
.p11 a{
	width: 100%;
}
.p11 .news{
	width: 100%;
	height: 3.125rem;
	border-bottom: 1px dashed #F4F4F4;
	color: #F4F4F4;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	font-size: 1.375rem;
}
.newsbox a:last-child .news{
	border: none;
}
.p11 .news .ico{
	width: 1.375rem;
	height: 1.375rem;
	margin-right: 0.5rem;
}
.p11 .news .title{
	width: 22.5rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.p11 .news .time{
	margin-left: auto;
	margin-right: 0;
	font-size: 1rem;
}

.p5{
	background: url(../images/page/index/bg5.png) no-repeat center center;
	background-size: 100% ;	
}
.p5 .outbox{
	flex-direction: column;
	justify-content: center;
}
.p5 .project{
	text-align: center;
	margin-bottom: 3.5rem;
}
.p5 .window{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
.p5 .list{
	width: 22%;
	font-size: 1.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	color: #00FFF4;
	border:1px solid #00FFF4;
	border-radius: 2.25rem;
	white-space: nowrap;
	margin: 1%;
}
.p5 .list:hover{
	background: #00c0bc;
}
.p5 .lost{
	width: 14rem;
}
/* .p5 .active{
		
}
 */

.p1 .showwindow{
	width: 100%;
	/*height: 33rem;*/
	height: 38rem;
	position: relative;
	display: flex;
	align-items: center;
	margin: -2.5rem auto;
	margin-bottom: 2rem;
}
.p1 .list{
	display: none;
	width: 85%;
	height: 30rem;
	border-radius: 15px;
	border: 1px solid #00C0BC;
	border-right: none;
	overflow: hidden;
}
.p1 .box {
	width: 100%;
	height: 30rem;
	display: flex;
	align-items: center;
	align-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	background: #030e2190;
	justify-content: flex-start;
}
.p1 .box a{
	width: 33%;
	height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p1 .banner{
	height: 60%;
	max-width: 9rem;
	max-height: 9rem;
}
.p1 .box .text{
	font-size: 1rem;
	margin-top: 1rem;
}
.p1 .lost .banner{
	margin: 1rem;
}
.p1 .tab{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	background: #054948;
	border-radius: 15px;
	width: 13rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.p1 .tab li{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	color: #01FFFC;
	/*height: 20%;*/
	height: 25%;
}

.p1 .window .active{
	/* padding:1rem; */
	border-radius: 15px;
	background: #00c0bc;
	color: #FFF;
}
.p1 .ico{
	width: 4rem;
	height:  4rem;
	margin-bottom: 0.5rem;
}
.p1 .ico2{
	display: none;
}
.p1 .active .ico {
	display: none;
}
.p1 .active .ico2{
	display: inline-block;
}
.p7{
	background: url(../images/page/index/bg7-2.png) no-repeat left 4rem,url(../images/page/index/bg7-1.png) no-repeat right 14rem;
}
.p7 .banner{
	width: 100%;
}
.content .p9{
	background: url(../images/page/index/bg9.png) no-repeat left 4rem,url(../images/page/index/bg9.png) no-repeat right center;
}
.content .p9 .outbox{
	flex-direction: column;
	align-items: center;
	/* position: absolute;
	top: 0;
	left: 0;
	bottom: 18rem;
	right: 0;
	height: auto; */
}
.p9 .window{
	width: 100%;
	height: 50%;
	display: flex;
	justify-content: space-between;
	font-size: 1.25rem;
	margin-bottom: 10rem;
}
.p9 .project p{
	margin: 0;
}
.p9 .text{
	margin-bottom: 1rem;
}
.p9 .hand-left{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 3rem;
}

.p9 .hand-right{
	width: 50%;
	height: 100%;
	flex-direction: column;

	display: flex;
	align-items: center;
	justify-content: center;
}

.p9 input,.p9 textarea{
	width: 28rem;
	font-size: 1.125rem;
	border-radius:6px;
	border: 1px solid #FFF;
	margin-bottom:1rem;
	padding-left: 1.5rem;
	background: #000;
	color: #FFF;
	outline: none;
}
.p9 .name,.p9 .phone{
	height:2.875rem;
	line-height: 2.875rem;
}

.p9 .question{
	height: 9.375rem;
	padding-top: 0.875rem;
}
.p9 .btn{
	width: 29.5rem;
	height: 2.875rem;
	border-radius: 6px;
	outline: none;
	color: #FFF;
	background-color: #00D0CC;
	font-size: 1.125rem;
}


.p9 .project{
	margin-bottom: 3.5rem;
}
.p9 .project span{
	height: 3.75rem;
	border-bottom: 1px solid #00FFF4;
}
.p9 .hand-left p{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.p9 .ico{
	margin-right: 6px;
}
.p9 .wx{
	width: 16rem;
	height:16rem;
}
.p9 .hand-right .tips{
	width: 16rem;
	margin-top: 2rem;
	font-size: 1.75rem;
	text-align: center;
	display: inline-block;
}

.p10{
	background: url(../images/page/index/bg10.png) no-repeat right 6.25rem top;
}
.p10 .window{
	width: 37.5rem;
	font-size: 1.375rem;
	margin-left: 7.5rem;
	line-height: 3rem;
}
.p10 .img{
	width: 37.5rem;
}
.p10 .title{
	font-size: 3rem;
	margin-bottom: 2.5rem;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #FFF;
  font-size: 18px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #FFF;
  font-size: 18px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #FFF;
  font-size: 18px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #FFF;
  font-size: 18px;
}



.p6 .outbox{
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.p6 .project{
	text-align: center;
	margin-bottom: 5rem;
}
.p6 .window{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	color: #00FFF4;
}
.p6 .left{
	height: 23rem;
	width: 42rem;
	background: url(../images/page/index/1-1.png)no-repeat center center;
	background-size: 100% 100%;
	font-size: 2.625rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #E41D1F;
	font-weight: bold;
}
.p6 .right{
	height: 33rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.p6 .right .img{
	height: 100%;
	margin-right: 2rem;
}
.p6 .right .box{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size: 1.5rem;
}
.p6 .right .text1{
	margin-left: -4rem;
}
.p6 .right .text2{
	margin: 1rem auto;
}




.p12 .outbox{
	flex-direction: column;
	text-align: center;
}
.p12 .project{
	margin-bottom: 4rem;
}
.p12 .window{
	font-size: 1rem;
	/*line-height: 3.75rem;*/
	line-height: 2.5rem;
}
.p12 .window p{
	text-indent: 2.5rem;
	text-align: left;
}
.p12 .window .title{
	font-size: 1.5rem;
	color: #FA2020;
}


.content .swiper-slide:last-child .outbox{
	justify-content: flex-start;
	padding-top: 8rem;
	height: auto;
}

.foot{
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 1rem;
}
.wint-all{
	display: flex;
	font-size: 24px;
	font-weight: bold;
	margin-right: 5rem;
	margin-bottom: 35px;
}
.wint-bot{
	margin-right: 5rem;
	margin-bottom: 2rem;
}
.place{
	width: 7.5rem;;
}

.wint-bot p {
	margin-bottom: 1.25rem;
	font-size: 24px;
}