/*common*/
*{margin: 0;padding: 0;}
li{list-style-type: none;}
.slide {
    position: relative;
    margin-top: 260px;
}
.slide h3{font-size: 20px;line-height: 2;text-align: center;}
li div{width: 100%;height: 100%;text-align: center;line-height: 300px;color: #fff;}

a{text-decoration: none;}
a:hover{text-decoration: none;}
.prev, .next{position: absolute;top: 50%;margin-top: -40px; width: 28px; height: 50px;}

.prev {background:url('../image/main/arrow_left01.png') left center no-repeat; left:-30px;}
.next {background:url('../image/main/arrow_right01.png') right center no-repeat; right: -30px;}

.prev:hover {background:url('../image/main/arrow_left02.png') left center no-repeat;}
.next:hover {background:url('../image/main/arrow_right02.png') right center no-repeat;}

.page{position: absolute;bottom: 10px;left: 0;right: 0;text-align: center;}
.page a{width: 10px;height: 10px;border-radius: 50% ;background: #ff0000;margin-right: 5px;display: inline-block;}
.page a.on{background: #ff0;}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}


/*default, fade,lazy*/
#default li, #fade li, #lazy li{width: 1200px;font-size: 30px; text-align:center;}
#lazy li img{width: 100%;height: 100%;}

/*carousel*/
#carousel li{width: 200px;font-size: 20px;}

/*tab*/
.each-news{line-height: 2;height: auto;color: #000;position: relative;padding: 0 10px;}
#tab h4{font-size: 14px;text-align: left;}
#tab span{position: absolute;right: 30px;top: 0;color: #999;}
#tab li{width: 600px;}
#tab .slide-wrapper{background: #eee;}
.page-tab a{float: left;width: 80px;line-height: 30px;background: #000;color: #fff;text-align: center;margin-right: 10px;}
.page-tab a.on{background: #666;}
.tip{position: fixed;left: 20px;top: 20px;width: 80px;color:#000;}
.tip:hover{text-decoration: underline;}