@media all and (min-height:800px) and (max-height:900px){
    .about03{
    	top: 1.4rem;
    }
    .about-txt01{
    	padding-top: 0.4rem;
    	font-size: 0.2rem;
    }
    .about-txt02{
    	padding-bottom: 0.4rem;
    	font-size: 0.2rem;
    }
    .ban-left{
		width: 1.1rem;
	}
    .ban-right{
    	width: 1.1rem;
    }  
    .ban-bot {
	    position: absolute;
	    bottom: -0.15rem;
	    left: 50%;
	    width: 0.2rem;
	    margin-left: -0.1rem;
	    transform: translateY(-50%);
	    z-index: 999;
	    cursor: url(../images/mouse01.png), pointer;
	    line-height: 0;
	    animation: bounce-up 0.4s linear infinite;
	}
      
	.pcabbg01{
		-webkit-clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
		clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
		top: 0.9rem;
		left: 0.2rem;
		bottom: 0.2rem;
		right: 0.2rem;
		position: absolute;
		z-index: 2;
		background: #363636;
	}
	.pcabbg02{
		top:1px;
		bottom:1px;
		left:1px;
		right:1px;
		z-index: 3;
		background: url(../images/page-bg2.jpg) repeat-y;
		background-size: 100%;
		position: absolute;
		-webkit-clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
		clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
	}
}
@media all and (min-height:700px) and (max-height:800px){
    .about03{
    	top: 1.2rem;
    }
    .ban-h1 {
	    width: 100%;
	    text-align: center;
	    font-size: 0.26rem;
	    text-transform: uppercase;
	}
	.ban-bot {
	    position: absolute;
	    bottom: -0.15rem;
	    left: 50%;
	    width: 0.18rem;
	    margin-left: -0.09rem;
	    transform: translateY(-50%);
	    z-index: 999;
	    cursor: url(../images/mouse01.png), pointer;
	    line-height: 0;
	    animation: bounce-up 0.4s linear infinite;
	}
	.ban-h2 {
	    width: 100%;
	    font-size: 0.16rem;
	    text-align: center;
	    text-transform: uppercase;
	}    	 
    .about-txt01{
    	padding-top: 0.24rem;
    	font-size: 0.16rem;
    }
    .about-txt02{
    	padding-bottom: 0.24rem;
    	font-size: 0.16rem;
    }
	.ban-left{
		width: 1rem;
	}
    .ban-right{
    	width: 1rem;
    }    
    .about-arrs{
    	width: 1rem;
    }
    .about-list01{
    	line-height: 0.28rem;
    }
    .pcabbg01{
		-webkit-clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
		clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
		top: 0.9rem;
		left: 0.2rem;
		bottom: 0.2rem;
		right: 0.2rem;
		position: absolute;
		z-index: 2;
		background: #363636;
	}
	.pcabbg02{
		top:1px;
		bottom:1px;
		left:1px;
		right:1px;
		z-index: 3;
		background: url(../images/page-bg2.jpg) repeat-y;
		background-size: 100%;
		position: absolute;
		-webkit-clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
		clip-path: polygon(50% 0%, 97% 0, 100% 8%, 100% 100%, 8% 100%, 5% 94%, 3% 94%, 0 88%, 0 0, 20% 0);
	}
}
@media all and (min-height:600px) and (max-height:700px){
    .about03{
    	top: 1.1rem;
    }
	.ban-h1 {
	    width: 100%;
	    text-align: center;
	    font-size: 0.24rem;
	    text-transform: uppercase;
	}
	.ban-h2 {
	    width: 100%;
	    font-size: 0.16rem;
	    text-align: center;
	    text-transform: uppercase;
	}   
	.ban-bot {
	    position: absolute;
	    bottom: -0.15rem;
	    left: 50%;
	    width: 0.16rem;
	    margin-left: -0.08rem;
	    transform: translateY(-50%);
	    z-index: 999;
	    cursor: url(../images/mouse01.png), pointer;
	    line-height: 0;
	    animation: bounce-up 0.4s linear infinite;
	} 
    .ab-h1{
    	font-size: 0.28rem;
    }
    .about-list{
    	background-size: 0.2rem;
    }
    .ab-h2{
    	font-size: 0.1rem;
    }
	.ban-left{
		width: 0.9rem;
	}
    .ban-right{
    	width: 0.9rem;
    }
    .about-txt01{
    	padding-top: 0.2rem;
    	font-size: 0.12rem;
    }
    .about-txt02{
    	font-size: 0.12rem;
    	padding-bottom: 0.2rem;
    }
    .about-txt03{
    	font-size: 0.12rem;
    }
    .about-list01{
    	line-height: 0.22rem;
    }
	.pcabbg01{
		-webkit-clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		top: 0.9rem;
		left: 0.2rem;
		bottom: 0.2rem;
		right: 0.2rem;
		position: absolute;
		z-index: 2;
		background: #363636;
	}
	.pcabbg02{
		top:1px;
		bottom:1px;
		left:1px;
		right:1px;
		z-index: 3;
		background: url(../images/page-bg2.jpg) repeat-y;
		background-size: 100%;
		position: absolute;
		-webkit-clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
	}
	.about-arrs{
		width: 1rem;
	}
 

}

@media all and (min-height:500px) and (max-height:600px){
	.ban-h1 {
	    width: 100%;
	    text-align: center;
	    font-size: 0.2rem;
	    text-transform: uppercase;
	}
	.ban-h2 {
	    width: 100%;
	    font-size: 0.14rem;
	    text-align: center;
	    text-transform: uppercase;
	}
 	.ban-bot {
	    position: absolute;
	    left: 50%;
	    width: 0.14rem;
	    margin-left: -0.07rem;
	    transform: translateY(-50%);
	    z-index: 999;
	    cursor: url(../images/mouse01.png), pointer;
	    line-height: 0;
	    animation: bounce-up 0.4s linear infinite;
	} 
	.ban-padbg{
		height: 3rem;
	}
	.ban-left{
		width: 0.8rem;
	}
    .ban-right{
    	width: 0.8rem;
    }
    .about03{
    	top: 1.2rem;
    }
    .ab-h1{
    	font-size: 0.18rem;
    }
    .about-list{
    	background-size: 0.2rem;
    }
    .ab-h2{
    	font-size: 0.1rem;
    }
    .about-txt01{
    	padding-top: 0.2rem;
    	font-size: 0.12rem;
    }
    .about-txt02{
    	font-size: 0.12rem;
    	padding-bottom: 0.2rem;
    }
    .about-txt03{
    	font-size: 0.12rem;
    }
    .about-list01{
    	line-height: 0.22rem;
    }
	.pcabbg01{
		-webkit-clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		top: 0.9rem;
		left: 0.2rem;
		bottom: 0.2rem;
		right: 0.2rem;
		position: absolute;
		z-index: 2;
		background: #363636;
	}
	.pcabbg02{
		top:1px;
		bottom:1px;
		left:1px;
		right:1px;
		z-index: 3;
		background: url(../images/page-bg2.jpg) repeat-y;
		background-size: 100%;
		position: absolute;
		-webkit-clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
	}
}


@media all and (min-height:300px) and (max-height:500px){
 	.ban-bot {
	    position: absolute;
	    bottom: -0.15rem;
	    left: 50%;
	    width: 0.12rem;
	    margin-left: -0.06rem;
	    transform: translateY(-50%);
	    z-index: 999;
	    cursor: url(../images/mouse01.png), pointer;
	    line-height: 0;
	    animation: bounce-up 0.4s linear infinite;
	} 
	.ban-h1 {
	    width: 100%;
	    text-align: center;
	    font-size: 0.2rem;
	    text-transform: uppercase;
	}
	.ban-h2 {
	    width: 100%;
	    font-size: 0.14rem;
	    text-align: center;
	    text-transform: uppercase;
	}
	.ban-padbg{
		height: 2rem;
	}
	.ban-left{
		width: 0.7rem;
	}
    .ban-right{
		width: 0.7rem;
    }
    .about03{
    	top: 0.9rem;
    }
    .ab-h1{
    	font-size: 0.18rem;
    }
    .about-list{
    	background-size: 0.2rem;
    }
    .ab-h2{
    	font-size: 0.1rem;
    }
    .about-txt01{
    	padding-top: 0.2rem;
    	font-size: 0.12rem;
    }
    .about-txt02{
    	font-size: 0.12rem;
    	padding-bottom: 0.2rem;
    }
    .about-txt03{
    	font-size: 0.12rem;
    }
    .about-list01{
    	line-height: 0.2rem;
    }
	.pcabbg01{
		-webkit-clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		top: 0.9rem;
		left: 0.2rem;
		bottom: 0.2rem;
		right: 0.2rem;
		position: absolute;
		z-index: 2;
		background: #363636;
	}
	.pcabbg02{
		top:1px;
		bottom:1px;
		left:1px;
		right:1px;
		z-index: 3;
		background: url(../images/page-bg2.jpg) repeat-y;
		background-size: 100%;
		position: absolute;
		-webkit-clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
		clip-path: polygon(100% 10%, 100% 100%, 6% 100%, 4% 88%, 2% 88%, 0 80%, 0 0, 98% 0);
	}

}