@charset "utf-8";
/* CSS Document */
@media screen and ( max-width:390px){
.ipro_con li { width:46%; float:left; margin-right:8%; margin-bottom:10px;}
.ipro_con li:nth-child(3n) { margin-right:8%;}
.ipro_con li:nth-child(2n) { margin-right:0;}
.ipro_con li img { display:block; max-width:50%; margin:0 auto;}
.ipro_con li p { text-align:center; line-height:30px; font-size:14px; color:#333; text-align:center; letter-spacing:1px;}	
}
@media screen and ( max-width:350px){
.inews { width:90%; margin:0 auto; height:30px; margin-top:10px; margin-bottom:10px; border:1px #eeeeee solid; border-radius:10px;}
.inews_con { position:relative; overflow:hidden; height:30px;}
.inews_con .bd { width:100%; height:30px; overflow:hidden;}
.inews_con .bd  li { width:100%; height:30px; overflow:hidden;}
.inews_con .bd  li a { line-height:30px; font-size:12px; color:#333; letter-spacing:1px;}
.imargin { width:100%; height:6px; background:#f2f2f2; border-top:none; border-bottom:none;}
.ipro_con li { width:46%; float:left; margin-right:8%; margin-bottom:10px;}
.ipro_con li:nth-child(3n) { margin-right:8%;}
.ipro_con li:nth-child(2n) { margin-right:0;}
.ipro_con li img { display:block; max-width:50%; margin:0 auto;}
.ipro_con li p { text-align:center; line-height:30px; font-size:14px; color:#333; text-align:center; letter-spacing:1px;}	
.ilink a { display:block; float:left; width:23%; float:left; height:32px; background:url(../images/alink.png) no-repeat center; background-size:100% 100%; font-size:13px; color:#fff; letter-spacing:1px; text-align:center; line-height:32px; margin-right:2.666%;}
.inews2_con li { border-bottom:1px #dddddd solid; height:40px; padding-top:1px;}
.inews2_con li a { line-height:40px; height:40px; font-size:13px; color:#333; letter-spacing:1px; display:block; width:62%; overflow:hidden; float:left;}
.inews2_con li span { float:right; line-height:40px; font-size:13px; color:#bbbbbb; width:35%; text-align:right; display:block;}
.ptitle { width:90%; margin:0 auto; height:40px; font-size:16px; letter-spacing:1px; color:#9d9d9d; line-height:40px; padding-left:12%; background-size:10% auto;}
.pro .item:nth-child(2) .ptitle{ background:url(../images/p2.png) no-repeat left center; background-size:10% auto;}
.pro .item:nth-child(3) .ptitle{ background:url(../images/p3.png) no-repeat left center; background-size:10% auto;}
.pro .item:nth-child(4) .ptitle{ background:url(../images/p4.png) no-repeat left center; background-size:10% auto;}
.pro .item:nth-child(5) .ptitle{ background:url(../images/p5.png) no-repeat left center; background-size:10% auto;}
.pro .item:nth-child(6) .ptitle{ background:url(../images/p6.png) no-repeat left center; background-size:10% auto;}
}
@media screen and ( min-width:500px){
.ptitle { width:90%; margin:0 auto; height:40px; font-size:16px; letter-spacing:1px; color:#9d9d9d; line-height:40px; padding-left:12%; background-size:auto 100%;}
.pro .item:nth-child(2) .ptitle{ background:url(../images/p2.png) no-repeat left center; background-size:auto 100%;}
.pro .item:nth-child(3) .ptitle{ background:url(../images/p3.png) no-repeat left center; background-size:auto 100%;}
.pro .item:nth-child(4) .ptitle{ background:url(../images/p4.png) no-repeat left center; background-size:auto 100%;}
.pro .item:nth-child(5) .ptitle{ background:url(../images/p5.png) no-repeat left center; background-size:auto 100%;}
.pro .item:nth-child(6) .ptitle{ background:url(../images/p6.png) no-repeat left center; background-size:auto 100%;}
}