@charset "utf-8";
/********************************product.css **********************************************/
/****/
.pr{ padding-bottom:42px;}
.prm{ width:1024px; margin:0 auto;}
.line{ padding-top:77px; line-height:46px; white-space:nowrap; text-align:right; font-size:14px; color:#7a7a7a;}
.line a{ margin-left:4px; margin-right:4px;color:#7a7a7a;}
.line a:hover{ color:#00a0e9;}
.prt{ margin-bottom:39px; padding-top:24px;}
.prtt{margin-bottom:62px;}
.prttm{ width:532px;line-height:28px; padding-bottom:8px; border-bottom:solid 2px #8a8a8a; margin:0 auto; font-size:24px; color:#575757; text-align:center;}
.prtcl{ float:left; width:49%; text-align:center;}
.prtcl img{ max-width:100%; vertical-align:top; border:solid 1px #f2f2f2;}
.prtcr{ width:460px; float:right;}
.prtcrt{ height:48px; }
.prtcrtm{ width:126px; height:27px; line-height:27px; text-align:center; font-size:20px; color:#fff; border-radius:14px; background:#575757; margin:0 auto;}
.prtcrc{  font-size:20px; line-height:30px; color:#575757; word-break:break-all; margin-bottom:60px;}
.prtcrb{ text-align:right;}
.prtcrb img{ vertical-align:top;}

/****/
.prb{}
.prbt{ height:51px; line-height:51px; text-align:center; font-size:24px; color:#fff; background:#b3b3b3; margin-bottom:55px;}
.prbbli{ width:29.49218%; text-align:center; background:#fff;}
.prbb ul li:nth-child(3n-2){ float:left;clear:both;}
.prbb ul li:nth-child(3n-1){ float:left; margin-left:5.7617%;}
.prbb ul li:nth-child(3n){ float:right; }
.prbblit{ margin-bottom:8px; position:relative; z-index:3; zoom:1;}
.prbb ul li img{ vertical-align:top; border: solid 1px #f2f2f2; max-width:100%;}
.prblicon{ height:0; position:absolute; z-index:4; top:0; left:0; width:100%;background:rgba(103,102,102,0.52);}
.prblicon a{ width:100%; height:100%; display:block; background:url(../images/pr_02.png) no-repeat center center;}
.prbblib{ line-height:26px; font-size:18px; height:82px; word-break:break-all;}
.prbblib a{ color:#272727;}
.prbblib a:hover{ color:#00a0e9;}
/********************************product-list.css **********************************************/
.pl{ padding-bottom:56px;}
.plm{ width:1024px; margin:0 auto;}
.plb{ padding-top:162px;}

@media(max-width: 1060px) {
 /********************************product.css **********************************************/
.prm{ width:auto; padding-left:15px; padding-right:15px;}   
.prttm{ font-size:21px; width:500px;}    
.prtcrtm{ font-size:18px;}   
.prtcrc{ font-size:17px; line-height:26px; margin-bottom:46px;}  
.prtcrb img{ width:170px;}
.prtcr{ width:47%;} 
.prblicon{ left:1px;}
.prbt{ height:48px; line-height:48px;  font-size:21px;margin-bottom:45px;}
.prbbli{ width:29.49218%;}
.prbb ul li:nth-child(3n-2){ float:left;}
.prbb ul li:nth-child(3n-1){ float:left; margin-left:5.7617%;}
.prbb ul li:nth-child(3n){ float:right;}
.prbblit{ margin-bottom:6px; }
.prbb ul li img{}
.prblicon a{  background:url(../images/pr_02.png) no-repeat center center; background-size:100px 32px;}
.prbblib{ line-height:23px; font-size:16px; height:73px;}
.line{ padding-top:63px; line-height:46px; font-size:14px; }
.line a{ margin-left:4px; margin-right:4px;} 
/********************************product-list.css **********************************************/
.pl{ padding-bottom:50px;}
.plm{ width:auto; padding-left:15px; padding-right:15px;}
.plb{ padding-top:140px;}
}
@media(max-width: 769px) {
 /********************************product.css **********************************************/
.prm{ width:auto; padding-left:15px; padding-right:15px;}   
.prttm{ font-size:18px; width:380px; border-bottom:solid 2px #f2f2f2;}    
.prtcrtm{ font-size:16px; height:24px; line-height:24px; width:110px;}   
.prtcrc{ font-size:16px; line-height:25px; margin-bottom:30px;}  
.prtcrb img{ width:160px;}
.prtcl{ width:100%; float:none; margin:0 auto; margin-bottom:30px;}
.prtcr{ width:100%; float:none; margin:0 auto;} 
.prtcl img{ max-width:400px;} 
.prbt{ height:44px; line-height:44px;  font-size:18px;margin-bottom:30px;}
.prbbli{ width:30%;}
.prbb ul li:nth-child(3n-2){ float:left;}
.prbb ul li:nth-child(3n-1){ float:left; margin-left:5%;}
.prbb ul li:nth-child(3n){ float:right;}
.prbblit{ margin-bottom:4px; }
.prbb ul li img{}
.prblicon a{  background:url(../images/pr_02.png) no-repeat center center; background-size:82px 26px;}
.prbblib{ line-height:20px; font-size:14px; height:66px;}
 .prtt{ margin-bottom:50px;}
.line{ padding-top:52px; line-height:36px; font-size:13px; }
.line a{ margin-left:3px; margin-right:3px;}  
/********************************product-list.css **********************************************/
.pl{ padding-bottom:42px;}
.plm{ width:auto; padding-left:15px; padding-right:15px;}
.plb{ padding-top:40px;}
  
}
@media(max-width: 560px) {
/********************************product.css **********************************************/
.prbb ul li:nth-child(3n-2){ float:none; clear:none;}
.prbb ul li:nth-child(3n-1){ float:none; margin-left:0;}
.prbb ul li:nth-child(3n){ float:none;}    
.prbb ul li:nth-child(2n-1){ float:left; clear:both;}   
.prbb ul li:nth-child(2n){ float:right;}    
.prbbli{ width:47%;}
.pr{ padding-bottom:30px;}
 /********************************product-list.css **********************************************/
.pl{ padding-bottom:30px;}
.plm{ width:auto; padding-left:15px; padding-right:15px;}
.plb{ padding-top:30px;}
}
@media(max-width: 480px) {
/********************************product.css **********************************************/
.pr{ padding-bottom:20px;}
.prtt{ margin-bottom:34px;} 
.prt{ margin-bottom:30px;}
.prttm{ font-size:16px; width:320px; border-bottom:solid 2px #f2f2f2;} 
.prtcrt{ height:34px;}   
.prtcrtm{ font-size:14px; height:20px; line-height:20px; width:100px;}   
.prtcrc{ font-size:14px; line-height:22px; margin-bottom:30px;}  
.prtcrb img{ width:140px;}
.prtcl{ width:100%; float:none; margin:0 auto; margin-bottom:30px;}
.prtcr{ width:100%; float:none; margin:0 auto;} 
.prtcl img{ max-width:100%;} 
.prbt{ height:38px; line-height:38px;  font-size:15px;margin-bottom:30px;}

.prbblit{ margin-bottom:4px; }
.prbb ul li img{}
.prblicon a{  background:url(../images/pr_02.png) no-repeat center center; background-size:82px 26px;}
.prbblib{ line-height:18px; font-size:13px; height:60px;}  
.line{ padding-top:52px; line-height:36px; font-size:12px; }
.line a{ margin-left:2px; margin-right:2px;} 
 /********************************product-list.css **********************************************/
.pl{ padding-bottom:20px;}
.plm{ width:auto; padding-left:15px; padding-right:15px;}
.plb{ padding-top:20px;}   
}
@media(max-width: 420px) {
/********************************product.css **********************************************/
.prttm{ font-size:15px; width:290px; border-bottom:solid 2px #f2f2f2; margin-bottom:4px;}     
 .line{ padding-top:42px; line-height:32px; font-size:12px; } 
.prt{ padding-top:10px;}  
}
@media(max-width: 360px) {
/********************************product.css **********************************************/
.prm{ width:auto; padding-left:10px; padding-right:10px;}     
.line{ padding-top:42px; line-height:32px; font-size:12px; }    
}