@charset "utf-8";

.visual{clear:both; position:relative; width:100%; overflow:hidden; margin:0 auto;}

#slider{position:relative; top:0; width:100%; }
#slider .slide-wrap{}
#slider .slide-wrap .bx-wrapper{}
#slider .slide-wrap.bx-wrapper .bx-viewport{height:100%;}
#slider .slide-wrap .bxslider{position:absolute; left:0px;  margin:0;  width:100%; overflow:hidden;}
#slider .slide-wrap .bxslider li {position:relative; float:left; }
#slider .slide-wrap .bxslider li img{width:100%; vertical-align:top;}
.bx-prev{display:none;}
.bx-next{display:none;}
#slider .bx-pager {display:block; position:absolute; text-align:center; bottom:4%; width:100%; overflow:hidden; z-index:1;}
#slider .bx-pager .bx-pager-item, #slider .bx-controls-auto .bx-controls-auto-item {position:relative; display: inline-block; *zoom: 1; *display: inline; margin:0 1% 0 0;}
#slider .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; width:26px; height:26px; background:url(/img/pager.png) no-repeat;  background-size:50%;}
#slider .bx-pager.bx-default-pager a:hover, #slider .bx-pager.bx-default-pager a.active {width:26px; height:26px; background:url(/img/pager_on.png) no-repeat; background-size:50%;}

/*main content*/
.main_top_ul{position:relative; width:96%; overflow:hidden; margin:0 auto; padding:0 2%;}
.main_top_ul li{float:left; width:32.66%; margin:0 1% 0 0;}
.main_top_ul li.last{margin:0;}
.main_top_ul li a{display:block;}
.main_top_ul li img{width:100%; vertical-align:top;}

.main_middle_ul{position:relative; width:96%; margin:1% auto 4% auto; overflow:hidden; padding:0 2%;}
.main_middle_ul li{float:left; width:49.6%; margin:0 1% 0 0;}
.main_middle_ul li.last{margin:0; width:49.4%;}
.main_middle_ul li img{width:100%; vertical-align:top;}
.main_middle_ul li .main_middle_ul_1{position:relative; width:100%; overflow:hidden;}
.main_middle_ul li .main_middle_ul_1 li{width:100%; margin:0 0 1% 0;}
.main_middle_ul li .main_middle_ul_1 li.last{margin:0;}
.main_middle_ul li .main_middle_ul_1 li img{width:100%; vertical-align:top;}