/* CSS Document */


.product{ margin:20px 0; float:left; padding:0}
.product .list{ width:100%; float:left; margin-top:50px}
.product .list .box{ float:left;  width:33%;  border-right:1px solid #d9d9d9;   }
.product .list .box .text{ font-size:18px; padding-top:55px; float:left; color:#646464;background:url(../images/pp1.jpg) 15px -5px  no-repeat; padding-left:200px; height:125px;}
.product .list .box .text span{font-family:Arial; color:#d9d9d9; font-size:18px}
.product .list .box .text:hover{color:#c90000;background:url(../images/pp1_hover.jpg) 15px -5px  no-repeat}
.product .list .box .text span:hover{ color:#d9d9d9;}

.product .list .box .p2{ background:url(../images/pp2.jpg)  0 -5px  no-repeat }
.product .list .box .p2:hover{background:url(../images/pp2_hover.jpg)  0 -5px  no-repeat}
.product .list .box .p3{ background:url(../images/pp3.jpg)  15px -5px  no-repeat }
.product .list .box .p3:hover{background:url(../images/pp3_hover.jpg) 15px -5px  no-repeat}

.product .list .box .on1{ background:url(../images/pp1_hover.jpg) 15px -5px  no-repeat}
.product .list .box .on2{ background:url(../images/pp2_hover.jpg)  0 -5px  no-repeat}
.product .list .box .on3{ background:url(../images/pp3_hover.jpg) 15px -5px  no-repeat}
.product .list .box .on2:hover{background:url(../images/pp2_hover.jpg)  0 -5px  no-repeat}
.product .list .box .on3:hover{ background:url(../images/pp3_hover.jpg) 15px -5px  no-repeat}

.product .product_text{ width:100%; float:left; margin-top:50px}
.product .product_text .title{ width:100%; font-size:30px; text-align:center; color:#c90000; border-bottom:2px dashed #999; padding:20px 0}

.product .product_text .content{ width:100%; font-size:14px; color:#292929; line-height:24px;}
.product .product_text .content h5{font-size:18px; font-weight:100; color:#c90000; padding:35px 0}
.product .product_text .content h6{font-size:16px; font-weight:100; color:#c90000; line-height:30px}
@media (min-width: 1200px) {

}
@media (min-width: 768px) and (max-width: 1159px){
	
.product .list .box{    padding:20px 0  }
.product .list .box .text{ padding-top:150px; text-align:center; width:100%; padding-left:0; background-position: 50% 0;height:200px;}
.product .list .box .text:hover{background-position: 50% 0;}
.product .product_text .content{ width:100%; font-size:14px; color:#292929; line-height:24px; padding:0 20px }
.product .product_text .content{ width:100%; font-size:14px; color:#292929; line-height:24px; padding:0 20px; }

}

@media (max-width: 768px){

.product .product_text .content{ width:100%; font-size:14px; color:#292929; line-height:24px; padding:0 20px;background-image:none }

}
@media (min-width: 401px) and (max-width: 767px){

.product .list .box{  width:100%; border:0px;  border-bottom:1px solid #d9d9d9; padding:20px 0  }
.product .list .box .text{ padding-top:150px; text-align:center; width:100%; padding-left:0; background-position: 50% 0;height:200px;}
.product .list .box .text:hover{background-position: 50% 0;}
.product .product_text .content{ width:100%; font-size:14px; color:#292929; line-height:24px; padding:0 20px;background-image:none }

.content{ background-image:none}
}
@media (max-width: 400px){

.product .list .box{  width:100%; border:0px;   border-bottom:1px solid #d9d9d9; padding:20px 0  }
.product .list .box .text{ padding-top:150px; text-align:center; width:100%; padding-left:0; background-position: 50% 0;height:200px;}
.product .list .box .text:hover{background-position: 50% 0;}

.product .product_text .content{ width:100%; font-size:14px; color:#292929; line-height:24px; padding:0 20px ;background-image:none}

}

@media (max-width: 320px){
.content{background:none}
}