* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: border-box;
	box-sizing: content-box;
	}
/*备注文字样式*/
.remarks{
	font-size: 18px;
	color: #666666;
}
/*备注文字样式 end*/

/*产品标题*/
.marine-product-title{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #dddddd; 
	width: 36.7%;
    padding: 11.5px 0;
    margin: 0 auto; 
}
@media print, screen and (min-width: 768px){
.marine-product-title {
    margin-bottom: 40px;
}
}
@media screen and (max-width: 767px){
.marine-product-title {
    font-size: 2.4rem;
    width: 75%;
    margin: 40px auto 20px auto;
}

}

/*产品标题 end*/


/*bunner 高度  third_layers为第三阶层，second_layers为第二阶层*/
@media print, screen and (min-width: 1400px) {

.third_layers{
  	height: 430px!important;	
  }	
.second_layers{
  	height: 478px!important;	
  }	  

}

@media print, screen and (min-width: 1021px) and (max-width: 1399px) {
.third_layers,.second_layers{
  	height: 300px!important;
  	
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1020px) {
.third_layers,.second_layers{
  	height: 280px!important;
  	
  }
}
/*bunner 高度结束*/


@media print, screen and (min-width: 768px) {


#practical-atv{
	top:-44px;}	
#motion-utv{
	top:-88px;}	
	
#practical-utv{
	top:-132px;}	
.rwd-subnav-grid-image{
	max-width:150px;
	padding: 0 17px;
}	
.common-top-set{
	top:-44px!important;
	min-height: 175px;
    border-bottom: 1px solid #cacaca;}	
.rwd-global-subnav-item:hover .rwd-global-subnav-two:after{
	content: "";
    position: absolute;
    top: 0;
    z-index: 1001;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #cccccc;
	left: 184px;
    right: auto;
    padding-right: 0;
	}	
.rwd-global-subnav-two-item:hover .rwd-global-subnav-three:after,.rwd-subnav-grid-terrain:after{
	content: "";
    position: absolute;
    top: 0;
    z-index: 1001;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #cccccc;
	left: 184px;
    right: auto;
    padding-right: 0;
	}	
.rwd-global-subnav-two-item a{
	z-index:1001;}	
.rwd-global-subnav-item a{
	z-index:1001;}	
.rwd-subnav-grid-terrain{
	width:887px;
	
    position: absolute;
    top: 0;
    display: none;
    z-index: 100;
    background-color: #fff;
   padding-left:210px;
   padding-bottom: 20px;
   
}	

.rwd-subnav-grid-terrain li a{
	max-width: 221px!important;


}
.header_news_img{
	position: absolute;
	top: 11px;
	right: 20px;
}
.header_news_img img{
	max-width: 49px!important;
}

.rwd-global-subnav-item:hover .rwd-subnav-grid-terrain{
	display: -webkit-flex;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
	min-height: 176px;
	 right: auto;
	 
	}
	
.rwd-subnav-grid-terrain li a:hover{
	background-color:#fff!important;
	color:#b10000!important;
	}
.rwd-subnav-grid-terrain li a{
	border-bottom:none!important}	
.rwd-subnav-grid-terrain li a:hover img{
	opacity: 0.7;
	}
	
.rwd-subnav-grid-terrain-caption{
	text-align:center;}	
	
	




.rwd-global-subnav:after{
	content: "";
    position: absolute;
    top: 0;
    z-index: 1001;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #cccccc;
	left: 0;
    right: auto;
    padding-right: 0;}
.rwd-global-subnav-two{
	left:0!important;
	padding-left:184px;}	
	
#mx{
	top:-44px;
	}
	
#ma{
	top:-88px;
	}
.top-bunner-min-width{
	max-width:210px!important;}	
.top-common-span-set{
	color: red!important;
    display: inline!important;
    border: none!important;
   
    padding: 0!important;
    padding-left: 10px!important;
    line-height: 1!important;
	background:#fff!important;}	

.title-h1{
    font-size: 30px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    width: 100%;
    line-height: 1.0;
 }	
.title-h2{
 font-size: 24px;
 margin-bottom: 15px;
}	

}




@media screen and (max-width: 1107px) and (min-width: 768px){
.header_news_img{
	position: absolute;
	top: 11px;
	right: -22px;
}	

#rwd-content .rwd-global-subnav .rwd-global-subnav-item span{
	max-width:110px;}
#rwd-content .rwd-global-subnav .rwd-global-subnav-item a{
	max-width:110px;}	
	
#cyfdj,#mx{
	top:-39px!important;
	min-height: 156px;}	
#motion-utv,#ma{
	top:-78px;
	min-height: 154px;}	

	
#practical-utv{
	top:-117px!important;
	min-height: 156px;}	
.rwd-subnav-grid-terrain-image{
	max-width:100px;}
.common-top-set{
	top:-39px!important;
	min-height:155px;
	}	

	
.rwd-global-subnav-two-item:hover .rwd-global-subnav-three:after,.rwd-subnav-grid-terrain:after{
	left:110px;}	
.rwd-global-subnav-item:hover .rwd-global-subnav-two:after{
	left:110px;}	
	
.rwd-global-subnav-two{
	
	padding-left:110px;}	
	
.rwd-subnav-grid-terrain{
	width:596px;
	
	left:0!important;
	padding-left: 110px;
	min-height:156px!important;
	padding-left:120px;
}	


.rwd-subnav-grid-terrain li{
	width:180px;}

.max_h{
	height:39px;}
#practical-atv{
	top:-39px;}	
.rwd-subnav-grid-terrain li a{
	max-width:180px!important;
	}
	
	}
@media screen and (max-width: 767px){
	.top-sp-bg:after{
		content: ""!important;
    display: block!important;
    position: absolute!important;
    background-image: url(https://www.yamaha-motor.com.cn/pp/shared/img/rwd_icon_plusminus01.png)!important;
    background-repeat: no-repeat!important;
    background-position: -22px 0!important;
    background-size: 44px 22px!important;
    right: 4.5%!important;
    width: 22px!important;
    height: 22px!important;
    top: 0!important;
    bottom: 0!important;
    margin: auto!important;}
	.top-sp-bg{
		   background: #d7edff!important;}
	.open-new{
		background: #a4a5b2!important;
		color: #fff!important;
		}	   
	.open-new:after{
		 background-position: -0 0!important;
		 }	  
	 
	.rwd-none{
		border-bottom: none!important;
	}	

.title-h1 {
    font-size: 2.4rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    width: 100%;
}
#rwd-content .rwd-keyvisual-wrap{
	    padding-bottom: 47%;
	    margin-bottom: 30px;
}

.header_news_img{
	position: absolute;
	top: 11px;
	right: 20px;
}
.header_news_img img{
	max-width: 49px!important;
}
@media screen and (max-width: 1107px) and (min-width: 768px){
.header_news_img{
	position: absolute;
	top: 11px;
	right: -22px;
}	
		 
