@CHARSET "UTF-8";


.reletetag{
float:left;
width:100%;
margin-top:30px;
}

.reletitle{
	float:left;
color:#444444;
font-size:14px;
font-weight:bold;
margin-top:15px;
}
.prolisttagsingle{
	float:left;
margin:10px;
color:#fff;
font-size:14px;
background:#959393;
padding:5px;
}




.footer{margin-top:0px;}

.right-title{float:left;width:100%;border-bottom:1px solid #b9b1ad;
font-size:35px;color:#D7000F;
font-weight:bold;
height:50px;
}

.right-p-k {
    float: left;
    width: 103%;
    margin-top: 0px;
    margin-left: -3%;
}


.main-center-center{    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    height: auto;overflow:auto;position: relative;}
.right-product-single{float:left;width:calc(30% - 2px);margin-left:3%;margin-top:0%;}

.right-product-single-aimg{float:left;width:100%;overflow:hidden;border:1px solid #ccc7c6;border-radius:15px;position: relative;}

.right-product-single-aimg:hover .p-z{
	padding-top:50%;background: rgba(0,0,0,0.4);
}

.p-z{
    position: absolute;
    left: 0;
    width: 100%;
    height:100%;
    padding-top:-10%;
   text-align:center;
    color: #fff;
    background: rgba(0,0,0,0.0);
    z-index: 99;
    transition: all 0.6s ease 0s;
    font-size: 20px;
}

.right-p-name:hover{color: #206BBE;}

.right-product-single img{float:left;width:100%;}

.right-p-name {
    float: left;
    width: 100%;
    text-align: center;
    color: #231815;
    margin-top: 15px;
    height: 70px;
    font-size:14px;
}


@media screen and (max-width: 930px){
.right-product-single {
 
    width: 45.5%;

}
}



@media screen and (max-width: 680px){
  .page-oneline {
    width:90%;
  }
  .page-oneline2 {
    margin-top:10px;
        margin-left: 2%;
  }
}
@media screen and (max-width: 550px){
  .right-product-single {
    float: left;
    width: 99.5%;
    margin-left: 0%;
    margin-top:3%;
  }
.right-p-k {
    width: 100%;
    margin-left: 0%;
}
.right-p-name{height:40px;}
}


@media screen and (max-width: 1060px){
.right {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}
}