
	$tone-color: #fff; //字体主色调
    
    @mixin detailWidth {
        width: 980px;
        @media (max-width:1600px) {
            width: 750px;
        }
        @media (max-width:1000px) {
            width: 90%;
        }      
    }
	
	img{
		width: 100%;
		height: 100%;
	}

	.detail-banner {
		width: 100%;
		color: $tone-color;
		&__avater{
			width: 100%;	
		}        
        @media (max-width:1200px) {
            object-fit: cover;
            padding-top: 80px;
        }
	}

	// 方框介绍
	.product__box {    
		padding: 250px 0 244px;
        @include detailWidth;
        @media (max-width:1000px) {
            padding: 3rem 0 0;
            width: 95%; 
        }   
		margin: 0 auto;
		height: auto;
		color: $tone-color;
		&__avater{
			width: inherit;
			height: inherit;
		}
	}

	//液晶显示屏
	.screen {
		margin-top: 204px;
        width: 100%;
        @media (max-width:600px) {
            margin-top: 5rem;
        }
		&__box {
			margin: 0 auto;
			text-align: center;
			padding: 150px 0 70px;
            @media (max-width:1000px) {
                padding: 0rem 0 4rem;
            }   
            @include detailWidth;
		}
	}
	// 切换面板2
	.switchboard{
		@include detailWidth;
		margin: 0 auto;
	}

	//端口介绍
	.port {
		padding: 320px 0 450px;
		margin: 230px 0 450px;
        @media (max-width:1000px) {
            padding: 3rem 0 0;
            margin: 2rem auto 5rem;
        }   
		&__box {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			&__content {
				@include detailWidth;
			}
		}
	}

	// 循环
	.loop {
		&__box {
			margin: 500px auto 0;
            @media (max-width:1000px) {
                margin: 4rem auto 3rem;
            }  
			display: flex;
			@include detailWidth;
		}
	}

	// 保护系统
	.protection {
		&__box {
			@include detailWidth;
			margin: 400px auto 200px;
            @media (max-width:1000px) {
                width: 90%;
                margin: 3rem auto 5rem;
            }
		}
	}

	//展示
	.show {
		margin: 0 auto;
		@include detailWidth;        
        padding-bottom: 300px;
        @media (max-width:1000px) {
            width: 100%;
             padding-bottom: 5rem;
        };
	}