/* by Adon , CSS Document */







.products{ float:left; width:100%; margin-top:5%;}

.products .p{ margin-bottom:5%;}

.products .navs{ width:20%; float:left; text-transform:uppercase}

.products .navs li{ float:left; width:100%;padding-bottom:20px;font-size:15px;}

.products .navs li b{ color:#003d6c;}

.products .navs li.on a{color:#003d6c;}

.products .list{ float:right;width:75%;}

.products .list li{ float:left; width:32.33%; margin-left:1%;text-transform:uppercase;margin-bottom:1%;border:solid 1px #e7e7e7; padding:2.5%;text-align:center;}

.products .list li span{ display:block; font-size:15px;text-overflow: ellipsis; margin-top:25px;white-space: nowrap;overflow: hidden;}

.products .list li font{ display:block; font-size:18px; font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.products .list li img{ max-height:170px; margin:10% 0;}



.products .products-left{ width:20%; float:left;}

.products .products-left .navs{ width:100%;}

.products .model{font-size:35px; font-weight:bold; text-transform:uppercase; text-align:center;color:#3f4041}

.products .products-view{ width:75%; float:right;}

.products .products-view .list{ width:101%;}

.products .products-view .thumb{ text-align:center; width:100%; margin:7.5% 0;}

.products .products-view .tables {margin-bottom:5%; font-size:14px;color:#3f4041; font-family:黑体 !important}

.products .products-view .tables img{ display:block; margin:0 auto;}

.products .products-view .tables table{ width:100% !important;text-align:center;border:solid 2px #e7e7e7;border-right:none;border-top:none;line-height:60px; font-size:14px; color:#3f4041;}

.products .products-view .tables table tr td{ border-right:solid 2px #e7e7e7;border-top:solid 2px #e7e7e7;}

.products .products-view .tables span,.products .products-view .tables p{font-family:黑体 !important}

@media (max-width:1024px){

.products .navs,.products .list{ width:100%;}

.products .navs li{ width:auto; margin-right:20px; margin-bottom:15px; padding-bottom:0}

.products .navs{ margin-bottom:5%;}

.products .products-left{ width:100%;}

.products .products-view{ width:100%;}

.products .list li img{ max-height:150px;}

}

@media (max-width:768px){

.products .products-left .model{ font-size:30px; line-height:30px;}	

.products .products-left .model{ margin-top:5%; padding-bottom:10%; margin-bottom:2.5%;}

.products .list li img{ max-height:110px;}

}

@media (max-width:640px){

}

@media (max-width:480px){

.products .p{ margin-bottom:10%;}

.products{ margin-top:10%;}	

.products .navs li{ font-size:14px;}

.products .list li{ width:48%; margin:1%;}

.products .list li font{ font-size:15px; margin-bottom:25px;}

.products .list li span{ font-size:13px;}

.products .navs li{margin-bottom:10px;}

.products .products-view .tables table{ font-size:13px; line-height:45px;}

.products .products-left .model{ font-size:20px; line-height: normal;}

.products .products-view .tables{ margin-bottom:10%;}	

}

@media (max-width:320px){

.products .list li{ width:100%;}

.products .list li font{ font-size:14px;}

.products .list li span{ font-size:12px;}

.products .products-left .model{ font-size:18px;}

}