/* 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:1200px; 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:1200px; padding:10px 20px; margin:0 auto; margin-bottom:50px;}
#about .aboutcon{ width:100%; overflow:hidden; margin-top:50px;}
#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%;}

#product{width:1280px; padding:10px 20px; margin:0 auto; margin-bottom:50px;}
#product .productcon{ width:1280px; overflow:hidden; margin-top:50px;}
#product .productcon li{width:300px; float:left; padding:10px;}
#product .productcon li .imgh{ width:300px; height:200px;background-color:#E8E8E8;}
#product .productcon li .imgh img{height:200px;width:300px;}
#product .productcon li .ptit{ width:300px; height:60px; line-height:60px; text-align:center; overflow:hidden; background-color:#FFFFFF;}
#product .productcon li .ptit a{ font-size:15px; color:#2B2B2B; text-decoration:none;}
#product .productcon li .ptit a:hover{ text-decoration:underline;}

.pclass{ width:1260px; margin:0 auto; line-height:45px; margin-top:30px; margin-bottom:50px; padding-bottom:25px;}
.pclass li{ float:left; padding:0px 18px; margin-right:10px; text-align:center; border:1px solid #EAEAEA;}
.pclass li a{ font-size:15px; 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:15px; 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:15px; color:#0072AE; text-decoration:none;}
.pclass .cur a:hover{ color:#0072AE;}

#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 .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;}


#message{ width:1200px; margin:0 auto; margin-bottom:100px; margin-top:50px; overflow:hidden;font-size:15px; font-family:"微软雅黑 Light";}
#message textarea{ width:1176px; height:150px;padding:0px 10px; line-height:30px; border:1px solid #E5E5E5; border-radius:3px;}
#message .inpuy{ width:560px;border:1px solid #E5E5E5; padding:0px 10px;  border-radius:3px; height:40px; line-height:40px; margin-top:20px; float:left; margin-right:30px;}
#message .inpux{ width:560px;border:1px solid #E5E5E5;padding:0px 10px; border-radius:3px; height:40px; line-height:40px; margin-top:20px; float:left;}
#message .inpuc{ width:440px;border:1px solid #E5E5E5;padding:0px 10px; border-radius:3px; height:40px; line-height:40px; margin-top:20px; float:left;}
#message img{ width:100px; height:40px; margin-left:15px; margin-top:20px;}
#message .inpus{ width:1198px;border-radius:3px; height:45px;border:1px solid #17365D; line-height:45px; margin-top:20px; background-color:#17365D; font-size:16px; color:#FFFFFF;}


#contact{ width:1200px; padding:10px 20px; margin:0 auto; margin-bottom:50px;}
#contact .contactcon{ width:100%; overflow:hidden; margin-top:50px;}
#contact .contactcon .con{ width:70%; float:left; overflow:hidden; line-height:36px; font-size:16px; color:#575757; text-align:left;}
#contact .contactcon .con p{ text-indent:32px;}
#contact .contactcon .con img{ margin-left:30px; width:130px; float:right;}
#contact .contactcon .con .sn{ width:100%; height:50px; line-height:50px; text-align:left; font-size:22px; font-family:"微软雅黑 Light"; color:#0D0D0D; margin:20px 0px;}



@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 .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;}

#message{ width:90%; margin:0 auto; margin-bottom:50px; margin-top:30px; overflow:hidden;font-size:14px; font-family:"微软雅黑 Light";}
#message textarea{ width:90%; height:150px;padding:0px 10px; line-height:30px; border:1px solid #E5E5E5; border-radius:3px;}
#message .inpuy{ width:90%;border:1px solid #E5E5E5; padding:0px 10px;  border-radius:3px; height:40px; line-height:40px; margin-top:10px; float:left; margin-right:0px;}
#message .inpux{ width:90%;border:1px solid #E5E5E5;padding:0px 10px; border-radius:3px; height:40px; line-height:40px; margin-top:10px; float:left;}
#message .inpuc{ width:90%;border:1px solid #E5E5E5;padding:0px 10px; border-radius:3px; height:40px; line-height:40px; margin-top:10px; float:left;}
#message img{ width:100px; height:40px; margin-left:15px; margin-top:20px;}
#message .inpus{ width:90%;border-radius:3px; height:45px;border:1px solid #17365D; margin:0 auto;line-height:45px; margin-top:10px; background-color:#17365D; font-size:16px; color:#FFFFFF;}


#contact{ width:95%; padding:0px; margin:0 auto; margin-bottom:10px; padding-top:5px;}
#contact .contactcon{ width:100%; overflow:hidden; margin-top:30px;}
#contact .contactcon .con{ width:100%; float:left; line-height:30px; font-size:13px; color:#575757; text-align:left;}
#contact .contactcon .con p{ text-indent:32px;}
#contact .contactcon .con img{ margin-left:30px; width:130px;}
#contact .contactcon .con .sn{ width:100%; height:50px; line-height:50px; text-align:left; font-size:22px; font-family:"微软雅黑 Light"; color:#0D0D0D; margin:20px 0px;}
#contact .contactcon .map{ display:none}
}