/*公共样式*/
html,body,div,section,p,span,ul,li,a,h1,h2,img{margin:0;padding: 0;}
/*字体自适应屏幕*/
html{font-size: 62.5%;}

ul,li{list-style: none;}
.contact-box-list a{text-decoration: none;color: black;}

/*浮动*/
.f-left{float: left;}
.f-right{float: right;}
/*清除浮动样式*/
.clearfix:after{
	content: "";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
.clearfix{zoom: 1;}/* 为了兼容IE */



/*banner*/
.xR-banner{position:relative;width: 100%;color: #FFFFFF;}
.xR-banner-text{position: absolute;top:20%;left: 0; width:100%;text-align: center;}
h1{font-size:6rem }
.xR-banner-text > p{font-size: 3rem;margin-top:3rem;}

/*xR概述*/
.xR-desc{width:90%;margin:2rem auto;}
h2{height:7rem;line-height:7rem;font-size: 2.5rem}
.xR-desc-box{width:100%;}
.xR-desc-box > img{width: 50%;}
.xR-desc-box-txt{
	width:50%;
	height: 100%; 
	background-color: rgb(245,245,245);
}
h3{margin-top:10%;margin-left: 5%; font-size:2rem;}
.xR-desc-box-txt > p{line-height: 3rem; margin-left: 5%;font-size: 1.5rem;}

/*xR应用场景*/
.xR-app{
	width:90%;
	height: auto !important; 
	margin:2rem auto !important;
	padding-top: 2rem;
	clear: both;
	}
.xR-app-box{
	width: 100%;
	background-color: rgb(220,220,220)
	}
.xR-app-box-list{float: left;width:16.666666%;padding-bottom: 2.5rem; text-align: center;font-size: 1.5rem;}
.xR-app-box-list > p > img{width: 70%;height: auto;}

/*xR优势*/
.xR-advantage{width:90%;margin:2rem auto;clear: both;}
.xR-advantage-box{
	width: 100%;
	height: auto !important;
	text-align: center;
	padding-bottom:2rem;
	background-color: rgb(220,220,220)
	}
.xR-advantage-box-list{float: left;width: 33.3333%;}
.xR-advantage-box-list > p > img{width: 30.333%;height: auto;}
.xR-advantage-box-list > h3{margin: 0;margin-bottom: 2rem;}
.xR-advantage-box-list > .txt{line-height: 3rem; font-size: 1.5rem;}

/*打造三维空间*/
.xR-space{width:90%;height: auto !important;margin:2rem auto; }
.xR-space-box{width: 100%;text-align: center;}
.xR-space-box-list{float: left;width: 24.5%;border:1px solid #FFFFFF;}
.xR-space-box-list > img{width: 100%;}

/*视爵支持*/
.xR-support{width:90%;height: auto !important;margin:2rem auto;}
.xR-support-box{
	width: 100%;
	height: auto !important;
	text-align: center;
	padding-bottom:2rem
	}
.xR-support-box-list{float: left;width: 33%;margin-left: 0.3%;margin-top: 1rem; padding-bottom: 2rem; background-color: rgb(245,245,245);}
.xR-support-box-list > p > img{width:100%;height: auto;}
.xR-support-box-list > h3{margin: 0;margin-bottom: 2rem;}
.xR-support-box-list > .txt{line-height: 3rem; font-size: 1.5rem;}

/*所有产品都支持*/
.all-support{width:90%;margin:2rem auto; }
.all-support-box{
	width: 100%;
	height: 20rem;
	line-height: 20rem;
	text-align: center;
	font-size: 5rem;
	color: #FFFFFF;
	background-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.8)));
	background-image: -webkit-linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.8));
	background-image: -moz-linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.8));
	background-image: -o-linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.8));
	background-image: linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.8))
	}
.all-support-box-list{float: left;width: 25%;}

/*精彩案例*/
.xR-case{width:90%;height: auto !important;margin:2rem auto;}
.xR-case-box{
	width: 100%;
	height: auto !important;
	text-align: center;
	padding-bottom:2rem
	}
.xR-case-box-list{float: left;width: 33%;margin-left: 0.3%;margin-top: 1rem; padding-bottom: 2rem; background-color: rgb(245,245,245);}
.xR-case-box-list > p > img{width:100%;height: auto;}
.xR-case-box-list > h3{margin: 0;margin-top:1.5rem;margin-bottom: 1.5rem;font-size: 1.5rem;}
/*更多案例*/
.morecase{text-decoration: underline;text-align: right; color: blue !important;font-size: 1.5rem;}

/*联系我们*/
.contact{width:90%;height: auto !important;margin:2rem auto;}
.contact-box{padding-left: 2%;padding-top: 2rem;padding-bottom: 3rem;background-color: rgb(245,245,245);font-size: 2rem;}
.contact-box-list{float: left;}
.contact-box-list > .txt{height:5rem;line-height: 5rem; }

.contact-img{float: left;width:13%;margin-left: 7%; text-align: center;}
.contact-img > img{width:55%;height: auto;}
.contact-img > p{font-size: 1.2rem;}


/*自适应移动屏幕*/
@media only screen and (max-width:1024px ) {
	/*字体自适应屏幕*/
	html{font-size: 50%;}
	
	/*banner*/
	h1{font-size:3rem }
	.xR-banner-text > p{font-size: 2rem;margin-top:2rem;}
	
	/*xR概述*/
	.xR-desc{width:100%;}
	h2{margin-left: 3%;}
	.xR-desc-box > img{width: 100%;}
	.xR-desc-box-txt{
		width:100%;
		padding-bottom: 4rem;
	}
	h3{margin-top:3%;margin-left: 3%;}
	.xR-desc-box-txt > p{line-height: 4rem; margin-left: 3%;font-size: 1.5rem;}
	
	/*xR应用场景*/
	.xR-app{width:100%}
	.xR-app-box-list{float: left;width:33.333333%}
	
	/*xR优势*/
	.xR-advantage{width:100%}
	.xR-advantage-box{width: 100%}
	.xR-advantage-box-list > p > img{width: 60%;}

	/*打造三维空间*/
	.xR-space{width:100%;}
	.xR-space-box-list{width: 100%;border: none; border-bottom:1px solid #FFFFFF;}
	.xR-space-box-list > img{width: 100%;height: auto;}

	/*视爵支持*/
	.xR-support{width:100%;}
	.xR-support-box-list{width: 100%;margin-left: 0;margin-top: 0;margin-bottom: 1rem; }
	.xR-support-box-list > p > img{width:100%;height: auto;}
	.xR-support-box-list > .txt{line-height: 4rem; }
	
	/*所有产品都支持*/
	.all-support{width:100%;}
	.all-support-box{font-size: 3rem}

	/*精彩案例*/
	.xR-case{width:100%;}
	.xR-case-box-list{width: 100%;margin-left: 0;}
	.morecase{font-size: 2rem;}

	/*联系我们*/
	.contact{width:100%;}
	.contact-box{font-size: 2.5rem;}
	.contact-box-list{float: none;}
	.contact-img{float: none; width:100%;margin-left: 0;}
	.contact-img > img{width:70%;height: auto;}
	.contact-img > p{font-size: 2rem;}
}