/* CSS Document */
.yellow{ width:100%; line-height:55px; margin-bottom:40px;}
.yellow a{ padding-left:8px; padding-right:8px; font-size:15px; padding-top:5px; padding-bottom:5px; border:1px solid #B2B2B2; margin-left:3px; color:#C0C0C0; text-decoration:none;}
.yellow .current{padding-left:9px;  padding-right:9px; font-size:15px; padding-top:6px; padding-bottom:6px;  margin-left:0px; background-color:#0072AE; color:#FFFFFF;}
.clr{clear:both;height:0px;line-height:0;font-size:0;}
.jno{ width:100%; height:100px; line-height:100px; margin:0 auto; text-align:center;}

#nbanner{ width:100%; height:350px; margin:0 auto;position: relative;}
#wz{ width:1000px; height:50px; line-height:50px; font-size:15px; padding:0px 20px; text-indent:30px; text-align:left; color:#262626; background:url(../Images/wz.png) 10px no-repeat #E9E9E9; margin:0 auto; margin-top:15px;}
#wz a{ font-size:15px; color:#262626; text-decoration:none;}

#about{ width:1000px; padding:10px 20px; margin:0 auto; margin-bottom:50px;}
#about .abouttit{ width:100%; line-height:80px; text-align:left; font-size:36px; color:#000000; margin-top:50px;}
#about .aboutcon{ width:100%; overflow:hidden; margin-top:50px; font-size:15px; line-height:35px;}
#about .aboutcon img{ max-width:80%;}
#about .aboutcon .con{ width:680px; float:left; line-height:36px; font-size:16px; color:#575757; text-align:left;}
#about .aboutcon .con p{ text-indent:32px;}
#about .aboutcon .con .sn{ width:100%; height:50px; line-height:50px; text-align:left; font-size:22px; font-family:"微软雅黑 Light"; color:#0D0D0D; margin-bottom:20px;}
#about .aboutcon .conimg{ width:420px; float:right; overflow:hidden;}
#about .aboutcon .conimg img{ width:100%;}

@media screen and (max-width: 1024px) and (min-width: 0px){
#about .abouttit{ width:100%; line-height:60px; text-align:left; font-size:26px; color:#000000; margin-top:50px;}
}


#productview{width:1200px; overflow:hidden; margin:0 auto; padding-top:30px; margin-bottom:80px;}

.prodinfo{ width:580px; float:right; overflow:hidden;}
.prodinfo .title{ width:100%; height:80px; text-align:left; font-size:25px; font-family:"微软雅黑 Light"; line-height:80px; border-bottom:1px solid #E0E0E0;}
.prodinfo .erweima{ width:100%; padding:15px 0px; text-align:left;}
.prodinfo .erweima img{ width:150px;}
.prodinfo .content{ width:100%; margin-top:20px; text-align:left; line-height:35px; font-size:15px;}

.pimg{ width:600px; float:left;}
.pimg img{ max-width:600px;}

#cont{ width:1200px; margin-bottom:60px; line-height:30px; text-align:left; font-size:15px;}

#news{width:1200px; padding:10px 20px; margin:0 auto; margin-bottom:50px;}
#news .newscon{ width:1200px; overflow:hidden; margin-top:50px;}
#news .newscon .ntitle{width:1200px; height:60px; line-height:60px; border-bottom:1px solid #DEDEDE;}
#news .newscon .ntitle a{ font-size:17px; color:#2D2D2D; text-decoration:none;}
#news .newscon .ntitle a:hover{ text-decoration:underline;}
#news .newscon .ntitle span{ float:right; font-size:15px; color:#000000; margin-right:10px;}
#news .newscon .ndesc{ width:1200px; height:60px; line-height:30px; font-size:15px; color:#A0A0A0; text-indent:30px; margin-top:10px; margin-bottom:25px;}
#news .viewtitle{ width:1200px; height:60px; line-height:60px; text-align:center; font-size:22px; color:#000000; font-family:"微软雅黑 Light"; margin-top:50px;}
#news .viewconf{ width:1200px; height:25px; line-height:25px; text-align:center; font-size:14px; color:#A0A0A0; }
#news .viewcon{ width:1200px; line-height:35px; font-size:16px; color:#2C2C2C; text-align:left; margin-top:50px;}
#news .viewcon p{ text-indent:30px;}
#news .viewcon img{ max-width:80%;}
#news .desc{width:1200px; line-height:28px; font-size:14px; color:#838383; text-align:left; margin-top:50px;}
.pn{ width:1200px; margin:0 auto; margin-top:60px; margin-bottom:60px; line-height:40px; font-size:14px; color:#464646; text-decoration:none; background-color:#EBEBEB; padding:10px 20px;}
.pn a{ font-size:14px; color:#464646; text-decoration:none;}
.pn a:hover{ text-decoration:underline;}

@media screen and (max-width: 1024px) and (min-width: 0px){
#nbanner{ width:100%; height:350px; margin:0 auto;position: relative;}
#wz{ display:none;}
#about{ width:95%; padding:10px 0px; margin:0 auto; margin-bottom:20px;}
#about .aboutcon{ width:100%; overflow:hidden; margin-top:20px;}
#about .aboutcon .con{ width:100%; float:left; line-height:26px; font-size:13px; color:#575757; text-align:left;}
#about .aboutcon .con p{ text-indent:26px;}
#about .aboutcon .con .sn{ width:100%; height:50px; line-height:50px; text-align:left; font-size:20px; font-family:"微软雅黑 Light"; color:#0D0D0D; margin:10px 0px;}
#about .aboutcon .conimg{ width:100%; margin-top:20px; float:right; overflow:hidden;}
#about .aboutcon .conimg img{ width:100%;}

#product{width:96%; padding:0; margin:0 auto; margin-bottom:20px; padding-top:10px;}
#product .productcon{ width:100%; overflow:hidden; margin-top:20px;}
#product .productcon li{width:42vw; overflow:hidden; float:left; padding:10px 2vw;}
#product .productcon li .imgh{ width:42vw; height:28vw;}
#product .productcon li .imgh img{ width:42vw; height:28vw;}
#product .productcon li .ptit{ width:42vw; height:50px; line-height:50px; text-align:center; overflow:hidden; background-color:#FFFFFF;}
#product .productcon li .ptit a{ font-size:14px; color:#2B2B2B; text-decoration:none;}
#product .productcon li .ptit a:hover{ text-decoration:underline;}

.pclass{ width:96%; margin:0 auto; line-height:35px; margin-top:20px; margin-bottom:40px; padding-bottom:15px;}
.pclass li{ float:left; padding:0px 10px; margin-right:6px; margin-bottom:6px; text-align:center; border:1px solid #EAEAEA;}
.pclass li a{ font-size:13px; color:#1A1A1A; text-decoration:none;}
.pclass li a:hover{ color:#0072AE;}
.pclass li:hover{ background-color:#DDDDDD;border:1px solid #DDDDDD;}
.pclass li:hover a{ font-size:13px; color:#0072AE; text-decoration:none;}
.pclass li:hover a:hover{ color:#0072AE;}
.pclass .cur{ background-color:#DDDDDD;border:1px solid #DDDDDD;}
.pclass .cur a{ font-size:13px; color:#0072AE; text-decoration:none;}
.pclass .cur a:hover{ color:#0072AE;}

#productview{width:100%; overflow:hidden; margin:0 auto; padding-top:30px; margin-bottom:50px;}

.prodinfo{ width:80%; float:left; overflow:hidden; margin:0px 10%; margin-top:20px;}
.prodinfo .title{ width:100%; height:60px; text-align:center; font-size:20px; font-family:"微软雅黑 Light"; line-height:60px; border-bottom:1px solid #E0E0E0;}
.prodinfo .erweima{ width:100%; padding:15px 0px; text-align:center;}
.prodinfo .erweima img{ width:150px;}
.prodinfo .content{ width:100%; margin-top:20px; text-align:left; line-height:35px; font-size:15px;}

.pimg{ width:100%; float:left; text-align:center;}
.pimg img{ max-width:90%;}

#cont{ width:96%; margin-bottom:30px; line-height:30px; text-align:left; font-size:13px;}





#news{width:95%; margin:0 auto; overflow:hidden; padding:0px; margin-bottom:20px;}
#news .newscon{ width:100%; overflow:hidden; margin-top:20px;}
#news .newscon .ntitle{width:100%; height:50px; line-height:50px; overflow:hidden; border-bottom:1px solid #DEDEDE;}
#news .newscon .ntitle a{ font-size:16px; color:#2D2D2D; text-decoration:none;}
#news .newscon .ntitle a:hover{ text-decoration:underline;}
#news .newscon .ntitle span{ float:right; font-size:15px; color:#000000; margin-right:10px;}
#news .newscon .ndesc{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:15px; color:#A0A0A0; text-indent:30px; margin-top:10px; margin-bottom:25px;}
#news .viewtitle{ width:100%; height:60px; line-height:60px; text-align:center; font-size:20px; color:#000000; font-family:"微软雅黑 Light"; margin-top:20px;}
#news .viewconf{ width:100%; height:25px; line-height:25px; text-align:center; font-size:12px; color:#A0A0A0; }
#news .viewcon{ width:100%; line-height:30px; font-size:13px; color:#2C2C2C; text-align:left; margin-top:20px;}
#news .viewcon p{ text-indent:30px;}
#news .viewcon img{ max-width:80%;}
#news .desc{width:100%; line-height:24px; font-size:13px; color:#838383; text-align:left; margin-top:50px;}
.pn{ width:96%; margin-top:30px; line-height:40px; font-size:14px; color:#464646; text-decoration:none; background-color:#EBEBEB; padding:10px 1%;}
.pn a{ font-size:14px; color:#464646; text-decoration:none;}
.pn a:hover{ text-decoration:underline;}

}