@charset "utf-8";
.bunner-set-down:after{
	position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    margin: auto;
    background-image: url(https://www.yamaha-motor.com.cn/pp/shared/img/icon_arrow_right02.png);
    background-repeat: no-repeat;
    background-size: 14px 22px;
    width: 14px;
    height: 22px;
    top: 0;
    bottom: 0;
    right: 17px;
    transform: rotate(90deg);
	}
	
.bunner-set-up:after{
	position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    margin: auto;
	background-image: url(https://www.yamaha-motor.com.cn/pp/shared/img/icon_arrow_right02.png);
    background-repeat: no-repeat;
    background-size: 14px 22px;
    width: 14px;
    height: 22px;
    top: 0;
    bottom: 0;
    right: 17px;
    transform: rotate(-90deg);
	}	
.bunner-set-right:after{
	position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    margin: auto;
	background-image: url(https://www.yamaha-motor.com.cn/pp/shared/img/icon_arrow_right02.png);
    background-repeat: no-repeat;
    background-size: 14px 22px;
    width: 14px;
    height: 22px;
    top: 0;
    bottom: 0;
    right: 17px;
   
	}
	
.pd-list-img-li{
	
	position:relative;
}
.pd-list-img-li:after{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #468cff;
    box-sizing: border-box;
	
	}
	
@media print, screen and (min-width: 768px) {
	.bunner-set{	
	background-color: #465b96;
	padding: 15px 28px;
    min-height: 50px;
	position:relative;
   
}
.bunner-set:hover{
	background-color: #3f80f7;
	cursor: pointer;}
.bunner-set span{
	line-height: 1.3;
	display: block;
    color: #fff;
    box-sizing: border-box;
    margin-bottom: 0;
	
   }	
.bunner-set2{
	background-color: #4d9f3a;
	padding: 15px 28px;
    min-height: 50px;
	position:relative;}
	
.bunner-set2 a{
	line-height: 1.3;
	display: block;
    color: #fff!important;
    box-sizing: border-box;
    margin-bottom: 0;
	
   }	
.bunner-set2:hover{
	background-color: #72cd33;
	cursor: pointer;
	}
	
.pd-list-img{
	display:flex;
	max-width:443px;
    margin-top: 20px;	
	}	
.pd-list-img li{
	width:23%;
	margin-right:2%;}	


}



@media screen and (max-width: 767px) {
	.bunner-set{	
	background-color: #465b96;
	padding: 15px 28px;
    min-height: 50px;
	position:relative;
   
}
.bunner-set:hover{
	background-color: #3f80f7;
	cursor: pointer;}
.bunner-set span{
	line-height: 1.3;
	display: block;
    color: #fff;
    box-sizing: border-box;
    margin-bottom: 0;
	
   }	
.bunner-set2{
	background-color: #4d9f3a;
	padding: 15px 28px;
    min-height: 50px;
	position:relative;}
	
.bunner-set2 a{
	line-height: 1.3;
	display: block;
    color: #fff!important;
    box-sizing: border-box;
    margin-bottom: 0;
	
   }	
.bunner-set2:hover{
	background-color: #72cd33;
	cursor: pointer;
	}
.rwd-shrink-area{
	margin-top:30px;}	
.pd-list-img{
	display:flex;
	
    margin-top: 20px;	
	}	
.pd-list-img li{
	width:23%;
	margin-right:2%;}		

}