.ban{height: 9.1rem;}
.tab_box .tablist{
	display: none;
	height: .8rem;
}
.tab_box .tablist.cur{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 7.5rem;
	z-index: 999;
}
.tab_box .tab_top{
	box-shadow: 0 .11rem .24rem rgba(40,124,250,.16);
	background: -moz-linear-gradient(to bottom, #d8fbff, #fff);
	background: linear-gradient(to bottom, #d8fbff, #fff);
	padding-left: .5rem;
}
.tab_box .tab_top>div{
	font-size: .28rem;
	color: #4a4a4a;
	padding: .2rem 0 .15rem;
}
.tab_box .tab_top>div:nth-child(2){width: 1.35rem;text-align: center;}
.tab_box .tab_top>div.tab_on{
	font-size: .28rem;
	color: #fe5320;
	border-bottom: .07rem #fe5a34 solid;
	font-weight: normal;
}

.box_hd h2{
	font-size: .48rem;
	color: #373737;
	text-align: center;
	font-weight: bold;
	line-height: .61rem;
}

.btnbox{display: flex;justify-content: center;}
.btnbox .a_btn{
	position: relative;
	top: 0;
	width: auto;
	height: .9rem;
	font-size: .36rem;
	color: #fff;
	line-height: .9rem;
	border-radius: .45rem;
	text-shadow: 0 .12rem .1rem rgba(255,0,0,.49);
	box-shadow: inset 0 -.2rem .16rem rgba(254,78,29,.9);
	background: -moz-linear-gradient(to bottom, #ff9737, #ff792d);
	background: linear-gradient(to bottom, #ff9737, #ff792d);
	padding: 0 .38rem;
	margin: 0 auto;
}

.javabox1{position: relative;}
.javabox1 .javabox1_con{
	position: absolute;
	left: 0;
	top: .88rem;
	width: 100%;
}
.javabox1 .btnbox .a_btn{
	position: relative;
	margin-top: 6.7rem;
	padding-right: .88rem;
}
.javabox1 .btnbox .a_btn:after{
	position: absolute;
	right: .36rem;
	top: .22rem;
	width: .44rem;
	height: .44rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat 0 0;
	background-size: 2rem;
	content: "";
}
.javabox2{
	/* background: url("/2020phone/images/javaeepic/javabox2bg1.jpg") no-repeat; */
	background-size: 7.5rem;
	padding: .62rem 0 1.06rem;
}
.javabox2 .javabox2_con .swiper-container{padding: .36rem 0 .7rem;margin-left: .3rem;}
.javabox2 .javabox2_con .swiper-slide{
	text-align: center;
	border-radius: .22rem;
	box-shadow: 0 .25rem .24rem rgba(86,181,255,.31);
	background-color: #fff;
}
.javabox2 .javabox2_con h3{
	font-size: 0;
	padding: .52rem 0 .2rem;
}
.javabox2 .javabox2_con h3 span{
	display: inline-block;
	font-size: .36rem;
	color: #3b3b3b;
	height: .16rem;
	font-weight: bold;
	border-radius: .08rem;
	box-shadow: 0 .36rem 0 #eaf7ff;
	padding: 0 .1rem;
}
.javabox2 .javabox2_con h4{
	font-size: .24rem;
	color: #a7a7a7;
}
.javabox2 .javabox2_con img{
	width: 5.44rem;
	margin: .1rem auto .2rem;
}
.javabox2 .javabox2_con p{
	font-size: .2rem;
	color: #ababab;
	padding-bottom: .5rem;
}
.javabox3{
	background: url("/2020phone/images/javaeepic/javabox3bg1.jpg") no-repeat;
	background-size: 7.5rem;
	padding: .96rem 0 1.2rem;
}
.javabox3 .javabox3_tab{
	padding: .58rem 0 .28rem;
}
.javabox3 .javabox3_tab ol{
	width: 6.9rem;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.javabox3 .javabox3_tab ol li{
	position: relative;
	width: 2.23rem;
	height: .8rem;
}
.javabox3 .javabox3_tab ol li p{
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	border-radius: .08rem;
	background: -moz-linear-gradient(to bottom, #02aefb, #00fff0);
	background: linear-gradient(to bottom, #02aefb, #00fff0);
}
.javabox3 .javabox3_tab ol li.cur p{
	position: absolute;
	left: -.15rem;
	top: -.03rem;
	width: 2.53rem;
	height: 1.19rem;
	background: url("/2020phone/images/javaeepic/javabox3pic4.png") no-repeat;
	background-size: 100%;
	padding: .03rem .15rem 0;
}
.javabox3 .javabox3_con ul li{display: none;}
.javabox3 .javabox3_con ul li.cur{display: block;}
.javabox3 .javabox3_con ul li .main{
	width: 6.9rem;
	text-align: center;
	border-radius: .22rem;
	box-shadow: 0 .25rem .24rem rgba(86,181,255,.18);
	background-color: #fff;
	margin: 0 auto .08rem;
	padding-bottom: .46rem;
}
.javabox3 .javabox3_con .li1 .main h3{
	font-size: 0;
	padding: .35rem 0;
}
.javabox3 .javabox3_con .li1 .main h3 span{
	display: inline-block;
	font-size: .28rem;
	color: #000;
	height: .12rem;
	border-radius: .06rem;
	box-shadow: 0 .28rem 0 #e0f5ff;
	padding: 0 .1rem;
}
.javabox3 .javabox3_con .li1 .main img{
	width: 6.2rem;
	margin: 0 auto;
}
.javabox3 .javabox3_con .li1 .main p{
	display: flex;
	justify-content: space-between;
	padding: .16rem .2rem 0 .4rem;
}
.javabox3 .javabox3_con .li1 .main p span{
	font-size: .24rem;
	color: #828282;
	line-height: .28rem;
}
.javabox3 .javabox3_con .p{
	font-size: .24rem;
	color: #ababab;
	text-align: center;
	line-height: .3rem;
	padding: .3rem 0 .4rem;
}
.javabox3 .javabox3_con .li2 .main{
	text-align: left;
	padding: .44rem 0 .3rem;
}
.javabox3 .javabox3_con .li2 .main .list{
	position: relative;
	width: 6.11rem;
	height: 2.84rem;
	background: url("/2020phone/images/javaeepic/javabox3pic5.png") no-repeat;
	background-size: 100%;
	margin: 0 auto .22rem;
}
.javabox3 .javabox3_con .li2 .main .list p{
	font-size: .32rem;
	color: #fff;
	line-height: .4rem;
	font-weight: bold;
	font-style: italic;
	padding: .32rem 0 0 .46rem;
}
.javabox3 .javabox3_con .li2 .main .list .pic{
	position: absolute;
	right: .38rem;
	bottom: .8rem;
	width: 1.69rem;
}
.javabox3 .javabox3_con .li2 .main .list i{
	position: absolute;
	left: .46rem;
	bottom: .18rem;
	width: .79rem;
	height: .78rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat -.94rem -1.19rem;
	background-size: 2rem;
}
.javabox3 .javabox3_con .li2 .main .list span{
	position: absolute;
	right: .36rem;
	bottom: .26rem;
	font-size: .22rem;
	color: #fff;
	line-height: .29rem;
}
.javabox3 .javabox3_con .li3 .main{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: .4rem .3rem .2rem;
}
.javabox3 .javabox3_con .li3 .main .list{
	width: 3.04rem;
}
.javabox3 .javabox3_con .li3 .main .list .pic{
	width: 3.04rem;
	height: 1.77rem;
	border-radius: .08rem;
	border: .03rem #c6ddfe solid;
	overflow: hidden;
}
.javabox3 .javabox3_con .li3 .main .list p{
	font-size: .24rem;
	color: #5e5e5e;
	line-height: .33rem;
	padding: .1rem 0 .36rem;
}
.javabox4{
	background: url("/2020phone/images/javaeepic/javabox4bg1.jpg") no-repeat;
	background-size: 7.5rem;
	padding: .72rem 0 .76rem;
}
.javabox4 .box_hd img{
	width: 6.34rem;
	margin: 0 auto;
}
.javabox4 .javabox4_con{
	
}
.javabox4 .javabox4_con .gallery-thumbs{
	margin: .65rem 0 .48rem;
	padding-right: 3rem;
}
.javabox4 .javabox4_con .gallery-thumbs .swiper-slide{text-align: center;font-size: 0;}
.javabox4 .javabox4_con .gallery-thumbs b{
	display: block;
	width: 1.27rem;
	height: .57rem;
	background: url("/2020phone/images/javaeepic/javabox4pic2.png") no-repeat 0 0;
	background-size: 2.56rem;
	margin: 0 auto;
}
.javabox4 .javabox4_con .gallery-thumbs b.no2{background-position-y: -.59rem;}
.javabox4 .javabox4_con .gallery-thumbs b.no3{background-position-y: -1.18rem;}
.javabox4 .javabox4_con .gallery-thumbs b.no4{background-position-y: -1.77rem;}
.javabox4 .javabox4_con .gallery-thumbs b.no5{background-position-y: -2.36rem;}
.javabox4 .javabox4_con .gallery-thumbs h4{
	position: relative;
	display: inline-block;
	margin: .15rem 0 .25rem;
}
.javabox4 .javabox4_con .gallery-thumbs h4 i{
	position: absolute;
	left: -.1rem;
	bottom: -.04rem;
	width: 100%;
	height: .14rem;
	border-radius: .07rem;
	background: -moz-linear-gradient(to right, rgba(92,211,255,.8), rgba(92,211,255,0));
	background: linear-gradient(to right, rgba(92,211,255,.8), rgba(92,211,255,0));
	opacity: .5;
}
.javabox4 .javabox4_con .gallery-thumbs h4 span{
	position: relative;
	font-size: .42rem;
	color: rgba(255,255,255,.8);
	line-height: .5rem;
	z-index: 3;
}
.javabox4 .javabox4_con .gallery-thumbs p{
	font-size: .24rem;
	color: rgba(255,255,255,.8);
	line-height: .34rem;
}
.javabox4 .javabox4_con .gallery-thumbs .swiper-slide-thumb-active b{background-position-x: -1.29rem;}
.javabox4 .javabox4_con .gallery-thumbs .swiper-slide-thumb-active h4 i{opacity: 1;}
.javabox4 .javabox4_con .gallery-thumbs .swiper-slide-thumb-active h4 span,
.javabox4 .javabox4_con .gallery-thumbs .swiper-slide-thumb-active p{color: #fff;}
.javabox4 .javabox4_con .gallery-top{
	width: 6.9rem;
	height: 13.1rem;
	margin: 0 auto;
	padding-bottom: 1.29rem;
}
.javabox4 .javabox4_con .slide1 ul li{
	border: .01rem #caf1ff solid;
	border-radius: .22rem;
	background: -moz-linear-gradient(to bottom, #fff, #eefaff);
	background: linear-gradient(to bottom, #fff, #eefaff);
	margin-bottom: .1rem;
	padding: .36rem .2rem .38rem .26rem;
}
.javabox4 .javabox4_con .slide1 ul li h4{
	font-size: .32rem;
	color: #474747;
	line-height: .37rem;
}
.javabox4 .javabox4_con .slide1 ul li h5{
	font-size: .23rem;
	color: #474747;
	line-height: .35rem;
	margin: .22rem 0 .24rem;
}
.javabox4 .javabox4_con .slide1 ul li p{
	display: flex;
}
.javabox4 .javabox4_con .slide1 ul li p span{
	height: .4rem;
	font-size: .22rem;
	color: #2268a9;
	line-height: .4rem;
	border-radius: .2rem;
	background-color: #d5f3ff;
	padding: 0 .2rem;
	margin-right: .05rem;
}
.javabox4 .javabox4_con .slide1 ul li p span.span2{color: #ff6500;background-color: #fff0e6;}
.javabox4 .javabox4_con .slide1 ul li p span.span3{color: #ff0000;background-color: #ffe8e6;}
.javabox4 .javabox4_con .slide1 ul li p span.span4{color: #17bba0;background-color: #d6f9f3;}
.javabox4 .javabox4_con .slide1 ul li p span.span5{color: #7165aa;background-color: #eee5ff;}
.javabox4 .javabox4_con .slide1 ul li p span.span6{color: #1f88ea;background-color: #d5e9ff;}
.javabox4 .javabox4_con .slide1 ul li p span.span7{color: #2eb8d7;background-color: #cef3ff;}
.javabox4 .javabox4_con .slide2 .main{
	border-radius: .22rem;
	background-color: #fff;
	padding: .29rem .33rem .35rem .34rem;
}
.javabox4 .javabox4_con .slide3 ul{
	border-radius: .22rem;
	background-color: #fff;
	padding: .26rem 0 .27rem;
}
.javabox4 .javabox4_con .slide3 ul li{
	width: 6.45rem;
	height: 2.54rem;
	background: url("/2020phone/images/javaeepic/javabox4pic6.png") no-repeat;
	background-size: 100%;
	margin: 0 auto .15rem;
}
.javabox4 .javabox4_con .slide3 ul li:nth-child(2){background-image: url("/2020phone/images/javaeepic/javabox4pic7.png");}
.javabox4 .javabox4_con .slide3 ul li:nth-child(3){background-image: url("/2020phone/images/javaeepic/javabox4pic8.png");}
.javabox4 .javabox4_con .slide3 ul li h5{
	font-size: .24rem;
	color: #fff;
	line-height: .4rem;
	padding: .56rem 0 .26rem .4rem;
}
.javabox4 .javabox4_con .slide3 ul li h5 span{
	display: inline-block;
	height: .4rem;
	font-size: .32rem;
	font-weight: bold;
	border-right: .01rem rgba(225,255,246,.2) solid;
	margin-right: .14rem;
	padding-right: .14rem;
}
.javabox4 .javabox4_con .slide3 ul li p{
	font-size: .24rem;
	color: #fff;
	line-height: .34rem;
	padding-left: .42rem;
}
.javabox4 .javabox4_con .slide4 .main{
	border-radius: .22rem;
	background-color: #fff;
	padding: .46rem 0 .5rem;
}
.javabox4 .javabox4_con .slide4 p{
	font-size: .32rem;
	color: #2c2c2c;
	text-align: center;
	line-height: .46rem;
}
.javabox4 .javabox4_con .slide4 .javabox4pic9{
	width: 6.15rem;
	margin: .36rem auto .52rem;
}
.javabox4 .javabox4_con .slide4 .javabox4pic10{
	width: 6.23rem;
	margin: 0 auto;
}
.javabox4 .javabox4_con .slide5 .main{
	border-radius: .22rem;
	background-color: #fff;
	padding: .66rem 0 .33rem;
}
.javabox4 .javabox4_con .slide5 p{
	font-size: .32rem;
	color: #2c2c2c;
	text-align: center;
	line-height: .46rem;
}
.javabox4 .javabox4_con .slide5 .javabox4pic11{
	width: 6.23rem;
	margin: .62rem auto;
}
.javabox4 .javabox4_con .slide5 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 6.27rem;
	margin: 0 auto;
}
.javabox4 .javabox4_con .slide5 ul li{
	width: 3.06rem;
	height: 1.68rem;
	border-radius: .08rem;
	border: .01rem #c5efff solid;
	background: -moz-linear-gradient(to bottom, #fff, #eefaff);
	background: linear-gradient(to bottom, #fff, #eefaff);
	margin-bottom: .17rem;
	padding-top: .14rem;
}
.javabox4 .javabox4_con .slide5 ul li i{
	display: block;
	width: .51rem;
	height: .52rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat 0 -1.99rem;
	background-size: 2rem;
	margin: 0 auto .14rem;
}
.javabox4 .javabox4_con .slide5 ul li:nth-child(2) i{background-position-x: -.53rem;}
.javabox4 .javabox4_con .slide5 ul li:nth-child(3) i{background-position-x: -1.06rem;}
.javabox4 .javabox4_con .slide5 ul li:nth-child(4) i{background-position-y: -2.53rem;}
.javabox4 .javabox4_con .slide5 ul li:nth-child(5) i{background-position: -.53rem -2.53rem;}
.javabox4 .javabox4_con .slide5 ul li:nth-child(6) i{background-position: -1.06rem -2.53rem;}
.javabox4 .javabox4_con .slide5 ul li p{
	font-size: .24rem;
	color: #3a3838;
	text-align: center;
	line-height: .34rem;
}
.javabox4 .javabox4_con .swiper-button-prev,
.javabox4 .javabox4_con .swiper-button-next{
	top: auto;
	bottom: .42rem;
	width: .5rem;
	height: .24rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat 0 -.72rem;
	background-size: 2rem;
	margin: 0;
}
.javabox4 .javabox4_con .swiper-button-prev:after,
.javabox4 .javabox4_con .swiper-button-next:after{font-size: 0;}
.javabox4 .javabox4_con .swiper-button-prev{left: 2.2rem;}
.javabox4 .javabox4_con .swiper-button-next{
	right: 2.2rem;
	background-position-x: -.52rem;
}
.javabox4 .javabox4_con .swiper-pagination{
	left: 50%;
	bottom: .26rem;
	height: .66rem;
	width: 1rem;
	font-size: .57rem;
	color: #66b8fa;
	line-height: .66rem;
	font-style: italic;
	letter-spacing: -.06rem;
	margin-left: -.56rem;
}
.javabox4 .javabox4_con .swiper-pagination .swiper-pagination-current{
	font-size: .6rem;
	font-weight: bold;
}
.javabox4 .javabox4_con .swiper-pagination .swiper-pagination-total{font-size: .44rem;}

.javabox5{
	background-color: #e2f5ff;
	padding: .78rem 0 .92rem;
}
.javabox5 .javabox5_con{
	width: 6.9rem;
	margin: .44rem auto .53rem;
}
.javabox5 .javabox5_con .con{margin-bottom: .15rem;}
.javabox5 .javabox5_con h3{
	position: relative;
	width: 6.9rem;
	font-size: .3rem;
	color: #403f3f;
	line-height: .36rem;
	border: .01rem #b7e9fc solid;
	border-radius: .15rem;
	background: -moz-linear-gradient(to bottom, #fff, #effbff);
	background: linear-gradient(to bottom, #fff, #effbff);
	padding: .23rem 0 .23rem 1.82rem;
}
.javabox5 .javabox5_con h3:after{
	position: absolute;
	right: .42rem;
	top: 50%;
	width: .27rem;
	height: .16rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat -.52rem 0;
	background-size: 2rem;
	content: "";
	margin-top: -.08rem;
}
.javabox5 .javabox5_con h3 span{
	position: absolute;
	left: .3rem;
	top: 50%;
	height: .44rem;
	font-size: .24rem;
	color: #fff;
	font-weight: bold;
	line-height: .44rem;
	border-radius: .22rem .22rem 0 .22rem;
	background-color: #6ccaff;
	padding: 0 .15rem;
	margin-top: -.22rem;
}
.javabox5 .javabox5_con h3 em{
	display: none;
	font-size: .22rem;
	color: #7a7a7a;
	margin-left: .1rem;
}
.javabox5 .javabox5_con .con.cur h3{
	font-size: .32rem;
	color: #fff;
	font-weight: bold;
	border: none;
	background: -moz-linear-gradient(to bottom, #0be5d3, #00a8ff);
	background: linear-gradient(to bottom, #0be5d3, #00a8ff);
	padding: .25rem 0 .25rem 1.87rem;
}
.javabox5 .javabox5_con .con.cur h3:after{background-position-y: -.18rem;}
.javabox5 .javabox5_con .con.cur h3 span{
	left: .31rem;
	background-color: #41dbf7;
}
.javabox5 .javabox5_con .con.cur h3 em{color: #d6f4ff;}
.javabox5 .javabox5_con .plist{
	display: none;
	overflow: hidden;
}
.javabox5 .javabox5_con .con.cur .plist{
	display: block;
	border-radius: .22rem;
	background-color: #fff;
	margin-top: .15rem;
	padding: .16rem 0 .46rem .46rem;
}
.javabox5 .javabox5_con .plist .conh4{
	position: relative;
	font-size: .32rem;
	color: #373737;
	line-height: .36rem;
	font-weight: bold;
	padding-left: .45rem;
	margin: .3rem 0 .18rem;
}
.javabox5 .javabox5_con .plist .conh4:before{
	position: absolute;
	left: 0;
	top: 0;
	width: .39rem;
	height: .36rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat -1.04rem -.81rem;
	background-size: 2rem;
	content: "";
}
.javabox5 .javabox5_con .plist .conh4:nth-child(3):before{background-position-x: -1.45rem;}
.javabox5 .javabox5_con .plist .conp{
	font-size: .24rem;
	color: #636363;
	line-height: .44rem;
}
.javabox5 .javabox5_con .plist .conp3 span{margin-right: .16rem;}
.javabox5 .javabox5_con .plist .conp2{
	width: 6.06rem;
}
.javabox5 .javabox5_con .plist .tabs{
	width: 6.9rem;
	background: none;
	margin: .3rem 0 .2rem -.46rem;
}
.javabox5 .javabox5_con .plist .tabs p{
	display: flex;
	justify-content: center;
}
.javabox5 .javabox5_con .plist .tabs span{
	height: .56rem;
	font-size: .24rem;
	color: #3a3a3a;
	line-height: .56rem;
	border-radius: .28rem;
	background: #e5f3ff;
	cursor: pointer;
	margin: 0 .1rem .11rem;
	padding: 0 .3rem;
}
.javabox5 .javabox5_con .con:nth-child(6) .plist .tabs span{padding: 0 .24rem;}
.javabox5 .javabox5_con .con:nth-child(8) .plist .tabs span{font-size: .22rem;padding: 0 .24rem;}
.javabox5 .javabox5_con .plist .tabs span.cur{
	color: #fff;
	font-weight: bold;
	box-shadow: 0 .1rem .17rem rgba(57,169,255,.5);
	background: #095bff;
}
.javabox5 .javabox5_con .plist .tabs em{
	font-size: .26rem;
}
.javabox5 .javabox5_con .plist .botbox{
	display: none;
	padding-right: .4rem;
}
.javabox5 .javabox5_con .plist .botbox.cur{display: block;}

.javabox6{
	background: url("/2020phone/images/javaeepic/javabox6bg1.jpg") no-repeat;
	background-size: 7.5rem;
	padding: .72rem 0 .86rem;
}
.javabox6 .gallery-thumbs2{
	width: 6.9rem;
	margin: .56rem auto .08rem;
}
.javabox6 .gallery-thumbs2 .swiper-wrapper{
	flex-wrap: wrap;
	justify-content: space-between;
}
.javabox6 .gallery-thumbs2 .swiper-slide{
	position: relative;
	width: 1.63rem !important;
	height: .59rem;
	font-size: .26rem;
	color: #444f57;
	text-align: center;
	line-height: .59rem;
	border-radius: .3rem;
	background-color: #fff;
	margin-bottom: .28rem;
}
.javabox6 .gallery-thumbs2 .swiper-slide-thumb-active span{
	position: absolute;
	left: -.12rem;
	top: -.04rem;
	color: #fff;
	width: 1.88rem;
	height: .91rem;
	background: url("/2020phone/images/javaeepic/javabox6pic1.png") no-repeat;
	background-size: 100%;
	padding-top: .04rem;
}
.javabox6 .gallery-top2{
	width: 6.9rem;
	border-radius: .22rem;
	background: -moz-linear-gradient(to bottom, #fff, rgba(255,255,255,.6));
	background: linear-gradient(to bottom, #fff, rgba(255,255,255,.6));
	padding: .38rem 0 1rem;
}
.javabox6 .gallery-top2 h3{
	font-size: .34rem;
	color: #313131;
	line-height: .46rem;
	padding-left: .48rem;
}
.javabox6 .gallery-top2 h3 span{
	display: block;
	color: #0084ff;
}
.javabox6 .gallery-top2 h4{
	display: flex;
	flex-wrap: wrap;
	margin: .2rem .48rem .33rem;
}
.javabox6 .gallery-top2 h4 span{
	height: .42rem;
	font-size: .24rem;
	color: #4f7ca6;
	line-height: .42rem;
	border-radius: .21rem;
	background-color: #e0f3ff;
	padding: 0 .2rem;
	margin: 0 .1rem .1rem 0;
}
.javabox6 .gallery-top2 .pic{
	position: relative;
	width: 6.17rem;
	height: 4.16rem;
	border: .04rem #e0f3ff solid;
	border-radius: .2rem;
	margin: 0 auto;
	overflow: hidden;
}
.javabox6 .gallery-top2 .pic i{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
}
.javabox6 .gallery-top2 .pic i:before{
	position: absolute;
	left: 50%;
	top: 50%;
	width: .92rem;
	height: .92rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat 0 -.98rem;
	background-size: 2rem;
	content: "";
	transform: translate(-50%, -50%);
}
.javabox6 .btnbox{
	position: relative;
	margin-top: -.48rem;
	z-index: 5;
}

.javabox7{
	background: url("/2020phone/images/javaeepic/javabox7bg1.jpg") no-repeat;
	background-size: 7.5rem;
	padding: .9rem 0 1.08rem;
}
.javabox7 .javabox7_con{
	width: 6.9rem;
	margin: 0 auto;
}
.javabox7 .javabox7_con .swiper-container{padding: .64rem 0 1.06rem;}
.javabox7 .javabox7_con .swiper-slide{
	position: relative;
}
.javabox7 .javabox7_con .swiper-slide .pic{
	position: absolute;
	left: 0;
	top: .36rem;
	width: 2.74rem;
	height: 3.93rem;
	background: url("/2020phone/images/javaeepic/javabox7bg2.png") no-repeat;
	background-size: 100%;
	z-index: 3;
	padding: .07rem .17rem 0 .06rem;
}
.javabox7 .javabox7_con .swiper-slide .pic img{border-radius: .14rem;}
.javabox7 .javabox7_con .swiper-slide .main{
	width: 5.66rem;
	height: 4.66rem;
	border-radius: .22rem;
	background-color: #fff;
	margin-left: 1.24rem;
	padding: .32rem .2rem 0 1.74rem;
}
.javabox7 .javabox7_con .swiper-slide .main h3{
	font-size: .34rem;
	color: #303030;
	line-height: .34rem;
}
.javabox7 .javabox7_con .swiper-slide .main h3 span{
	display: inline-block;
	height: .34rem;
	font-size: .23rem;
	color: #fff;
	line-height: .34rem;
	border-radius: .17rem;
	background-color: #68c4ff;
	padding: 0 .1rem;
	margin: .1rem .12rem 0 0;
}
.javabox7 .javabox7_con .swiper-slide .main .mainp2{
	font-size: .24rem;
	color: #0084ff;
	margin: .08rem 0 .16rem;
}
.javabox7 .javabox7_con .swiper-slide .main .mainp3{
	position: relative;
	font-size: .23rem;
	color: #494949;
	line-height: .34rem;
}
.javabox7 .javabox7_con .swiper-slide .main .mainp3:before{
	position: absolute;
	left: -.2rem;
	top: .12rem;
	width: .09rem;
	height: .09rem;
	background: url("/2020phone/images/javaeepic/pic.png") no-repeat -.79rem 0;
	background-size: 2rem;
	content: "";
}
.javabox7 .javabox7_con .bots{
	position: absolute;
	left: 0;
	bottom: .5rem;
	width: 100%;
	height: .15rem;
	font-size: 0;
	text-align: center;
}
.javabox7 .javabox7_con .swiper-pagination{
	position: relative;
	display: inline-block;
	width: auto;
	height: .15rem;
	border-radius: .09rem;
	background-color: #fff;
	overflow: hidden;
}
.javabox7 .javabox7_con .swiper-pagination span{
	width: .28rem;
	background: none;
	z-index: 3;
	margin: 0;
}
.javabox7 .javabox7_con .swiper-pagination-bullet-active{
	position: relative;
	width: .38rem;
	z-index: 2;
}
.javabox7 .javabox7_con .swiper-pagination-bullet-active:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 4.5rem;
	height: .15rem;
	border-radius: .09rem;
	background-color: #02b1fa;
	content: ""
}

.javabox8{position: relative;}
.javabox8 .javabox8_con{
	position: absolute;
	left: 0;
	top: 1rem;
	width: 100%;
}
.javabox8 .btnbox{margin-top: 6rem;}

.mask_video .mask_con{
	width: 82%;
	height: auto;
}