/* 手机 */
@media screen and (max-width: 500px) {

	body {
		background: url("../img/index/home-bg.png") no-repeat;
		background-size: 100% 100%;
	}

	/* 顶部样式-----start */
	.home {
		width: 100%;
		height: 0.75rem;
		padding: 0rem 0.3rem;
	}

	.home .header {
		width: 100%;
	}

	.home .header .left {
		width: 60%;
	}

	.home .header .left .logo {
		width: 1.63rem;
		height: 0.75rem;
	}

	.home .header .left .title {
		font-size: 0.28rem;
		color: #333333;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	.home .header .right {
		width: 40%;
	}

	.home .header .right .btn {
		width: 1.67rem;
		height: 0.54rem;
		line-height: 0.54rem;
		text-align: center;
		font-size: 0.28rem;
		border-radius: 0.27rem;
		background-color: #009CA7;
		color: #FFFFFF;
		font-weight: 400;
		cursor: pointer;
		letter-spacing: 0.02rem;
	}

	/* 顶部样式-----end */
	/* 产品简介-----start */
	.container {
		width: 100%;
		margin-top: 0.32rem;
		padding: 0rem 0.3rem;
	}

	.container .intro {
		width: 100%;
		height: 4.2rem;
		border-radius: 0.2rem;
		background: url("../img/index/small-intro.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .intro .header {
		width: 100%;
		height: 1rem;
		padding: 0rem 0.36rem;
	}

	.container .intro .header .decollator {
		width: 0.05rem;
		height: 0.28rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .intro .header .title {
		font-size: 0.32rem;
		color: #5DD0D9;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .intro .introduce {
		width: 100%;
		padding: 0rem 0.19rem 0rem 0.36rem;
	}

	.container .intro .introduce .text {
		font-size: 0.28rem;
		font-weight: 700;
		color: #FFFFFF;
	}

	.container .intro .introduce .logo {
		display: none;
	}

	/* 产品简介-----end */
	/* 项目亮点-----start */
	.container .lightspot {
		width: 100%;
		margin-top: 0.59rem;
	}

	.container .lightspot .header_little {
		width: 100%;
		height: 0.9rem;
	}

	.container .lightspot .header_little .decollator {
		width: 0.05rem;
		height: 0.28rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .lightspot .header_little .title {
		font-size: 0.32rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .lightspot .illustration {
		width: 100%;
		height: 4.6rem;
		background: url("../img/index/lightspot-01.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .lightspot .right .header_large {
		display: none;
	}

	.container .lightspot .explain {
		width: 100%;
		margin-top: 0.3rem;
	}

	.container .lightspot .explain .title {
		width: 100%;
		color: #333333;
		font-weight: 700;
		font-size: 0.28rem;
		margin-bottom: 0.1rem;
	}

	.container .lightspot .explain .details {
		color: #666666;
		font-size: 0.28rem;
	}

	/* 项目亮点-----end */
	/* 产品展示-----start */
	.container .products {
		width: 100%;
		margin-top: 0.59rem;
	}

	.container .products .header {
		width: 100%;
		height: 0.9rem;
	}

	.container .products .header .decollator {
		width: 0.05rem;
		height: 0.28rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .products .header .title {
		font-size: 0.32rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .products .pictures {
		display: grid;
		-webkit-display: grid;
		row-gap: 0.2rem;
		column-gap: 0.2rem;
		grid-template-columns: repeat(2, minmax(100px, 1fr));
		-webkit-grid-template-columns: repeat(2, minmax(100px, 1fr));
	}

	.container .products .pictures .showImg {
		width: 100%;
		height: 6.14rem;
		border-radius: 0.25rem;
		box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-moz-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-webkit-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
	}

	/* 产品展示-----end */
	/* 尾部-----start */
	.footer {
		width: 100%;
		margin-top: 0.88rem;
		text-align: center;
		padding: 0.6rem 0.3rem;
		background-color: #2A3139;
	}

	.footer .details {
		font-size: 0.24rem;
		color: #FFFFFF;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	/* 尾部-----end */
}

/* 平板 */
@media screen and (min-width: 500px) and (max-width: 800px) {

	body {
		background: url("../img/index/home-bg.png") no-repeat;
		background-size: 100% 100%;
	}

	/* 顶部样式-----start */
	.home {
		width: 100%;
		height: 0.75rem;
		padding: 0rem 0.3rem;
	}

	.home .header {
		width: 100%;
	}

	.home .header .left {
		width: 60%;
	}

	.home .header .left .logo {
		width: 1.63rem;
		height: 0.75rem;
	}

	.home .header .left .title {
		font-size: 0.28rem;
		color: #333333;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	.home .header .right {
		width: 40%;
	}

	.home .header .right .btn {
		width: 1.67rem;
		height: 0.54rem;
		line-height: 0.54rem;
		text-align: center;
		font-size: 0.28rem;
		border-radius: 0.27rem;
		background-color: #009CA7;
		color: #FFFFFF;
		font-weight: 400;
		cursor: pointer;
		letter-spacing: 0.02rem;
	}

	/* 顶部样式-----end */
	/* 产品简介-----start */
	.container {
		width: 100%;
		margin-top: 0.32rem;
		padding: 0rem 0.3rem;
	}

	.container .intro {
		width: 100%;
		height: 4.2rem;
		border-radius: 0.2rem;
		background: url("../img/index/small-intro.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .intro .header {
		width: 100%;
		height: 1rem;
		padding: 0rem 0.36rem;
	}

	.container .intro .header .decollator {
		width: 0.05rem;
		height: 0.28rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .intro .header .title {
		font-size: 0.32rem;
		color: #5DD0D9;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .intro .introduce {
		width: 100%;
		padding: 0rem 0.19rem 0rem 0.36rem;
	}

	.container .intro .introduce .text {
		font-size: 0.28rem;
		font-weight: 700;
		color: #FFFFFF;
	}

	.container .intro .introduce .logo {
		display: none;
	}

	/* 产品简介-----end */
	/* 项目亮点-----start */
	.container .lightspot {
		width: 100%;
		margin-top: 0.59rem;
	}

	.container .lightspot .header_little {
		width: 100%;
		height: 0.9rem;
	}

	.container .lightspot .header_little .decollator {
		width: 0.05rem;
		height: 0.28rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .lightspot .header_little .title {
		font-size: 0.32rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .lightspot .illustration {
		width: 100%;
		height: 4.6rem;
		background: url("../img/index/lightspot-01.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .lightspot .right .header_large {
		display: none;
	}

	.container .lightspot .explain {
		width: 100%;
		margin-top: 0.3rem;
	}

	.container .lightspot .explain .title {
		width: 100%;
		color: #333333;
		font-weight: 700;
		font-size: 0.28rem;
		margin-bottom: 0.1rem;
	}

	.container .lightspot .explain .details {
		color: #666666;
		font-size: 0.28rem;
	}

	/* 项目亮点-----end */
	/* 产品展示-----start */
	.container .products {
		width: 100%;
		margin-top: 0.59rem;
	}

	.container .products .header {
		width: 100%;
		height: 0.9rem;
	}

	.container .products .header .decollator {
		width: 0.05rem;
		height: 0.28rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .products .header .title {
		font-size: 0.32rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .products .pictures {
		display: grid;
		-webkit-display: grid;
		row-gap: 0.2rem;
		column-gap: 0.2rem;
		grid-template-columns: repeat(2, minmax(100px, 1fr));
		-webkit-grid-template-columns: repeat(2, minmax(100px, 1fr));
	}

	.container .products .pictures .showImg {
		width: 100%;
		height: 6.14rem;
		border-radius: 0.25rem;
		box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-moz-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-webkit-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
	}

	/* 产品展示-----end */
	/* 尾部-----start */
	.footer {
		width: 100%;
		margin-top: 0.88rem;
		text-align: center;
		padding: 0.6rem 0.3rem;
		background-color: #2A3139;
	}

	.footer .details {
		font-size: 0.24rem;
		color: #FFFFFF;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	/* 尾部-----end */
}

/* 小屏电脑 */
@media screen and (min-width: 800px) and (max-width: 1000px) {

	body {
		background: url("../img/index/home-bg.png") no-repeat;
		background-size: 100% 100%;
	}

	/* 顶部样式-----start */
	.home {
		width: 100%;
		height: 0.6rem;
		padding: 0rem 0.3rem;
		background-color: rgba(255, 255, 255, 0.3);
	}

	.home .header {
		width: 100%;
	}

	.home .header .left {
		width: 60%;
	}

	.home .header .left .logo {
		width: 1.04rem;
		height: 0.48rem;
	}

	.home .header .left .title {
		font-size: 0.18rem;
		color: #333333;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	.home .header .right {
		width: 40%;
	}

	.home .header .right .btn {
		width: 0.96rem;
		height: 0.32rem;
		line-height: 0.32rem;
		text-align: center;
		font-size: 0.14rem;
		border-radius: 0.27rem;
		background-color: #009CA7;
		color: #FFFFFF;
		font-weight: 400;
		cursor: pointer;
		letter-spacing: 0.02rem;
	}

	/* 顶部样式-----end */
	/* 产品简介-----start */
	.container {
		width: 100%;
		margin-top: 0.32rem;
		padding: 0rem 0.3rem;
	}

	.container .intro {
		width: 100%;
		height: 2.66rem;
		border-radius: 0.2rem;
		background: url("../img/index/big-intro.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .intro .header {
		width: 100%;
		height: 1rem;
		padding: 0rem 0.36rem;
	}

	.container .intro .header .decollator {
		width: 0.05rem;
		height: 0.24rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .intro .header .title {
		font-size: 0.24rem;
		color: #5DD0D9;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .intro .introduce {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0rem 0.19rem 0rem 0.36rem;
	}

	.container .intro .introduce .text {
		width: 70%;
		font-size: 0.14rem;
		line-height: 0.3rem;
		font-weight: 700;
		color: #FFFFFF;
	}

	.container .intro .introduce .logo {
		width: 1.94rem;
		height: 0.9rem;
	}

	/* 产品简介-----end */
	/* 项目亮点-----start */
	.container .lightspot {
		width: 100%;
		margin-top: 0.59rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.container .lightspot .header_little {
		display: none;
	}

	.container .lightspot .illustration {
		width: 40%;
		height: 3.1rem;
		border-radius: 0.2rem 0 0 0.2rem;
		background: url("../img/index/lightspot-02.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .lightspot .right {
		width: 60%;
		height: 3.1rem;
		padding: 0 0.1rem 0 0.25rem;
		border-radius: 0 0.2rem 0.2rem 0;
		box-shadow: 0 0 0.5rem 0.5rem rgba(102, 102, 102, 0.1);
		-moz-box-shadow: 0 0 0.5rem 0.5rem rgba(102, 102, 102, 0.1);
		-webkit-box-shadow: 0 0 0.5rem 0.5rem rgba(102, 102, 102, 0.1);
	}

	.container .lightspot .right .header_large {
		width: 100%;
		height: 0.40rem;
	}

	.container .lightspot .right .header_large .decollator {
		width: 0.05rem;
		height: 0.24rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .lightspot .right .header_large .title {
		font-size: 0.24rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .lightspot .explain {
		width: 100%;
		margin-top: 0.10rem;
	}

	.container .lightspot .explain .title {
		width: 100%;
		color: #333333;
		font-weight: 700;
		font-size: 0.14rem;
		margin-bottom: 0.1rem;
	}

	.container .lightspot .explain .details {
		color: #666666;
		font-size: 0.14rem;
	}

	/* 项目亮点-----end */
	/* 产品展示-----start */
	.container .products {
		width: 100%;
		margin-top: 0.59rem;
	}

	.container .products .header {
		width: 100%;
		height: 0.9rem;
	}

	.container .products .header .decollator {
		width: 0.05rem;
		height: 0.24rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .products .header .title {
		font-size: 0.24rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .products .pictures {
		display: grid;
		-webkit-display: grid;
		row-gap: 0.5rem;
		column-gap: 0.5rem;
		grid-template-columns: repeat(3, minmax(100px, 1fr));
		-webkit-grid-template-columns: repeat(3, minmax(100px, 1fr));
	}

	.container .products .pictures .showImg {
		width: 100%;
		height: 5rem;
		border-radius: 0.25rem;
		box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-moz-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-webkit-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
	}

	/* 产品展示-----end */
	/* 尾部-----start */
	.footer {
		width: 100%;
		margin-top: 0.88rem;
		text-align: center;
		padding: 0.6rem 0.3rem;
		background-color: #2A3139;
	}

	.footer .details {
		font-size: 0.12rem;
		color: #FFFFFF;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	/* 尾部-----end */
}

/* 宽屏电脑 */
@media screen and (min-width: 1000px) {

	body {
		background: url("../img/index/home-bg.png") no-repeat;
		background-size: 100% 100%;
	}

	/* 顶部样式-----start */
	.home {
		width: 100%;
		height: 0.6rem;
		padding: 0rem 2rem;
		background-color: rgba(255, 255, 255, 0.3);
	}

	.home .header {
		width: 100%;
	}

	.home .header .left {
		width: 60%;
	}

	.home .header .left .logo {
		width: 1.04rem;
		height: 0.48rem;
	}

	.home .header .left .title {
		font-size: 0.18rem;
		color: #333333;
		font-weight: 400;
		letter-spacing: 0.02rem;
	}

	.home .header .right {
		width: 40%;
	}

	.home .header .right .btn {
		width: 0.96rem;
		height: 0.32rem;
		line-height: 0.32rem;
		text-align: center;
		font-size: 0.14rem;
		border-radius: 0.27rem;
		background-color: #009CA7;
		color: #FFFFFF;
		font-weight: 400;
		cursor: pointer;
		letter-spacing: 0.02rem;
	}

	/* 顶部样式-----end */
	/* 产品简介-----start */
	.container {
		width: 100%;
		margin-top: 0.32rem;
		padding: 0rem 2rem;
	}

	.container .intro {
		width: 100%;
		height: 2.66rem;
		border-radius: 0.2rem;
		background: url("../img/index/big-intro.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .intro .header {
		width: 100%;
		height: 1rem;
		padding: 0rem 0.36rem;
	}

	.container .intro .header .decollator {
		width: 0.05rem;
		height: 0.24rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .intro .header .title {
		font-size: 0.24rem;
		color: #5DD0D9;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .intro .introduce {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0rem 0.19rem 0rem 0.36rem;
	}

	.container .intro .introduce .text {
		width: 70%;
		font-size: 0.14rem;
		line-height: 0.3rem;
		font-weight: 700;
		color: #FFFFFF;
	}

	.container .intro .introduce .logo {
		width: 1.94rem;
		height: 0.9rem;
	}

	/* 产品简介-----end */
	/* 项目亮点-----start */
	.container .lightspot {
		width: 100%;
		margin-top: 0.59rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.container .lightspot .header_little {
		display: none;
	}

	.container .lightspot .illustration {
		width: 40%;
		height: 2.83rem;
		border-radius: 0.2rem 0 0 0.2rem;
		background: url("../img/index/lightspot-02.png") no-repeat;
		background-size: 100% 100%;
	}

	.container .lightspot .right {
		width: 60%;
		height: 2.83rem;
		padding: 0 0.1rem 0 0.25rem;
		border-radius: 0 0.2rem 0.2rem 0;
		box-shadow: 0 0 0.5rem 0.5rem rgba(102, 102, 102, 0.1);
		-moz-box-shadow: 0 0 0.5rem 0.5rem rgba(102, 102, 102, 0.1);
		-webkit-box-shadow: 0 0 0.5rem 0.5rem rgba(102, 102, 102, 0.1);
	}

	.container .lightspot .right .header_large {
		width: 100%;
		height: 0.60rem;
	}

	.container .lightspot .right .header_large .decollator {
		width: 0.05rem;
		height: 0.24rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .lightspot .right .header_large .title {
		font-size: 0.24rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .lightspot .explain {
		width: 100%;
		margin-top: 0.10rem;
	}

	.container .lightspot .explain .title {
		width: 100%;
		color: #333333;
		font-weight: 700;
		font-size: 0.14rem;
		margin-bottom: 0.1rem;
	}

	.container .lightspot .explain .details {
		color: #666666;
		font-size: 0.14rem;
	}

	/* 项目亮点-----end */
	/* 产品展示-----start */
	.container .products {
		width: 100%;
		margin-top: 0.59rem;
	}

	.container .products .header {
		width: 100%;
		height: 0.9rem;
	}

	.container .products .header .decollator {
		width: 0.05rem;
		height: 0.24rem;
		margin-right: 0.05rem;
		background-image: linear-gradient(rgba(93, 208, 217, 0.00) 3%, #5dd0d9);
		border-radius: 0.03rem;
	}

	.container .products .header .title {
		font-size: 0.24rem;
		color: #009BA7;
		font-weight: 700;
		letter-spacing: 0.02rem;
	}

	.container .products .pictures {
		display: grid;
		-webkit-display: grid;
		row-gap: 0.1rem;
		column-gap: 0.1rem;
		grid-template-columns: repeat(5, minmax(100px, 1fr));
		-webkit-grid-template-columns: repeat(5, minmax(100px, 1fr));
	}

	.container .products .pictures .showImg {
		width: 100%;
		height: 5rem;
		border-radius: 0.25rem;
		box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-moz-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
		-webkit-box-shadow: 0 0 0.15rem 0.15rem rgba(102, 102, 102, 0.1);
	}

	/* 产品展示-----end */
	/* 尾部-----start */
	.footer {
		width: 100%;
		margin-top: 0.88rem;
		text-align: center;
		padding: 0.6rem 0.3rem;
		background-color: #2A3139;
	}

	.footer .details {
		font-size: 0.12rem;
		color: #FFFFFF;
		font-weight: 400;
		letter-spacing: 0.02rem;
		width: 11rem;
		text-align: left;
		margin: 0 auto;
	}

	/* 尾部-----end */
}
}