.banner{ margin:0 auto;margin-top:1px; max-width:660px;}
.banner img{width:100%;float:left}


.relative{position:relative;left:0;top:0;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}


.scroll{margin:0 auto}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;right:25px;z-index:400px;bottom:9px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{background:#000;position:absolute;bottom:12px;right:10px;padding:0 15px;z-index:380px;height:14px;border-radius:26px;}



ul,li{ list-style:none; margin:0; padding:0;}
.piclist1{}
.piclist1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px; text-align:center;}
.piclist1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.piclist1 ul li .nr_box{ border:1px solid #ccc; padding:10px; color:#333;}
.piclist1 ul li:hover .nr_box{ background:#eee;}
.piclist1 ul li .img{ padding-bottom:100%; position:relative;}
.piclist1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.piclist1 ul li .txt{ margin-top:10px;}
.piclist1 ul li .txt .h2{ font-size:14px; line-height:24px;}