.festival-content{
	margin-top:50px;
}
.intro-wrap{
	position:relative;
	margin-top:30px;
	margin-left:-20px;
	margin-right:-20px;
}
.intro-wrap:after{
	clear:both;
	display:table;
	content:"";
}
.intro-fl{
	float:left;
	display:inline-block;
	width:50%;
	padding-left:20px;
	padding-right:20px;
	height:336px;
}
.intro-wrap .item-wrap.intro2 {
    margin-top:50px;
}
.intro-fr{
	float:right;
	display:inline-block;
	width:50%;
	padding-left:20px;
	padding-right:20px;
	height:336px;
}
.intro-image.intro-fr img {
    width: 100%;
    height: 100%;
}
.intro-wrap .item-wrap{
	display:table;
	width:100%;
	height:100%;
}
.intro-wrap .item{
	display:table-cell;
	vertical-align:top;
}
.intro-wrap .item p{
	font-size:14px;
}
.intro-image{
	
}
.intro-txt{
	/* display:inline-block;
	position:absolute;
	
	width:50%;
	top: 50%;
	transform: translateY(-50%);
	padding-left:20px;
	padding-right:20px; */
}
.intro-item-right.intro-image{
	right:50%;
}
.green-tab{
    margin-bottom:60px;
	text-align:center;
}
.green-tab:after{
    clear:both;
    display:table;
    content:"";
}
.green-tab li{
    display:inline-block;
    vertical-align:top;
    width:100px;
    height:100px;
    margin-left:18px;
    background-color:#fff;
	border:1px solid #e1e1e1;
	border-radius:10px;
}
.green-tab li a{
	display:block;
    padding:5px 15px;
	width:100%;
	height:100%;
}
.green-tab li:first-of-type{
    margin-left:0;
}
.green-tab li p{
    font-size:12px;
    color:#333;
    text-align:center;
    line-height:1.3;
	word-break:keep-all;
	text-transform:uppercase;
	font-weight:500;
}
.green-tab li.active{
	border:1px solid #33cc33;
}
.green-tab li.active p{
    color:#33cc33;
	font-weight:600;
}
.green-tab li .green-image{
    text-align:center;
    position:relative;
    padding-top:65%;
}
.green-tab li .green-image .img{
    background-position:center;
}
.tab-festival .green-image .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url("/assets/bw/images/introduce-festival.png");
    background-repeat: no-repeat;
}
.tab-festival.active .green-image .img{
    background-image:url("/assets/bw/images/introduce-festival-active.png");
}
.tab-introduce .green-image .img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:33px;
    height:33px;
    background-image:url("/assets/bw/images/introduce-tab01.png");
    background-repeat:no-repeat;
}
.tab-introduce.active .green-image .img{
    background-image:url("/assets/bw/images/introduce-tab01-active.png");
}

.tab-campaign .green-image .img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:33px;
    height:27px;
    background-image:url("/assets/bw/images/introduce-tab02.png");
    background-repeat:no-repeat;
}
.tab-campaign.active .green-image .img{
    background-image:url("/assets/bw/images/introduce-tab02-active.png");
}

.tab-history .green-image .img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:33px;
    height:33px;
    background-image:url("/assets/bw/images/introduce-tab03.png");
    background-repeat:no-repeat;
}
.tab-history.active .green-image .img{
    background-image:url("/assets/bw/images/introduce-tab03-active.png");
}

.tab-bw .green-image .img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:31px;
    height:38px;
    background-image:url("/assets/bw/images/introduce-tab04.png");
    background-repeat:no-repeat;
}
.tab-bw.active .green-image .img{
    background-image:url("/assets/bw/images/introduce-tab04-active.png");
}

.tab-contact .green-image .img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:32px;
    height:31px;
    background-image:url("/assets/bw/images/introduce-tab05.png");
    background-repeat:no-repeat;
}

.tab-contact.active .green-image .img{
    background-image:url("/assets/bw/images/introduce-tab05-active.png");
}
.introduce-thumb{
    margin-left:-15px;
    margin-right:-15px;
    margin-top:60px;
}
.introduce-thumb:after{
    clear:both;
    display:table;
    content:"";
}
.introduce-thumb .item{
    display:inline-block;
    float:left;
    width:50%;
    padding-left:15px;
    padding-right:15px;
}
.first-campaign-slide,
.second-campaign-slide,
.third-campaign-slide{
    margin-top:30px;
    margin-left:-10px;
    margin-right:-10px;
	
}
.first-campaign-slide .item,
.second-campaign-slide .item,
.third-campaign-slide .item{
    padding-left:10px;
    padding-right:10px;
}

.first-campaign-slide .slick-prev,
.second-campaign-slide .slick-prev,
.third-campaign-slide .slick-prev{
    width:21px;
    height:42px;
    background-image:url("/assets/bw/images/campaign-slide-prev.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    left:-40px;
    z-index:10;
}
.first-campaign-slide .slick-next,
.second-campaign-slide .slick-next,
.third-campaign-slide .slick-next{
    width:21px;
    height:42px;
    background-image:url("/assets/bw/images/campaign-slide-next.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    right:-40px;
    z-index:10;
}
.first-campaign-slide .item:nth-of-type(odd),
.second-campaign-slide .item:nth-of-type(odd),
.third-campaign-slide .item:nth-of-type(odd){
    padding-right:5px;
}
.first-campaign-slide .item:nth-of-type(even),
.second-campaign-slide .item:nth-of-type(even),
.third-campaign-slide .item:nth-of-type(even){
    padding-left:5px;
}
.campaign-desc{
    margin-top:60px;
    font-size:16px;
    line-height:1.3;
}
.history-tab{
	margin-left:-7px;
}
.history-tab li{
	padding-left:7px;
}
.history-tab li a{
    display:block;
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    background-color:#fff;
    border:1px solid #e1e1e1;
	border-radius:4px;
}
.history-tab .history-tab-link{
    color:#000;
}
.history-tab  .history-tab-link.active{
    background-color:#fff;
    color:#33cc33;
	border-color:#33cc33;
}

.history-tab .slick-prev{
    width:17px;
    height:33px;
    background-image:url("/assets/bw/images/slide-nav-prev.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    left:-25px;
    z-index:10;
}
.history-tab .slick-next{
    width:17px;
    height:33px;
    background-image:url("/assets/bw/images/slide-nav-next.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    right:-25px;
    z-index:10;
}
.history:after{
    clear:both;
    display:table;
    content:"";
}
.history{
    
    margin-left:-15px;
    margin-right:-15px;
}
.history li{    
    display:inline-block;
    float:left;
    width:50%;
    padding-left:15px;
    padding-right:15px;
    margin-top:30px;
}
.history li .history-item{
    position:relative;
    background-color:#efefef;
}
.history li .history-detail-link{
    position:absolute;
    top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
    right:10px;
    display:inline-block;
    width:26px;
    height:26px;
    background-image:url("/assets/bw/images/history-link.png");
    background-repeat:no-repeat;
	background-size:26px auto;
}

.history-summ{
    position:relative;
    padding-left:240px;
    padding-top:60px;
    padding-bottom:60px;
    padding-right:80px;
	height:217px;
}
.history-summ .tit,
.history-summ .date{
    text-overflow: ellipsis;
    overflow: hidden;
	white-space:nowrap;
}
.history-summ .tit{
	
}
.history-summ .desc{
    margin-top:15px;
    font-weight:600;
	font-size:14px;
	height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.history-tab{
	margin-top:20px;
}
.history-summ .date{
    margin-top:15px;
}
.history-image{
    position:absolute;
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    left:40px;
    width:170px;
    height:170px;
    border-radius:50%;
    overflow:hidden;
}
.history-content{
    display:none;
}
.history-content.active{
    display:block;
}
.finance-tbl-wrap{
    background-image:url("/assets/bw/images/finance-tbl-bg.png");
    padding-top:150px;
    background-position:top left 50px;
    background-repeat:no-repeat;
    margin-top:20px;
}
.finance-tbl{
    width:100%;
}
.finance-tbl th,
.finance-tbl td{
    padding:30px 10px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}
.finance-tbl .tit{
    font-size:16px;
}
.finance-tbl .num{
    font-size:20px;   
}
.finance-total {
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    color: #33cc33;
    text-align: left;
}
.finance-slide-wrap{
    padding-left:50px;
    padding-right:50px;
}
.finance-slide div{
    text-align:center;
}
.finance-link{
    display:inline-block;
    width:130px;
	height:130px;
    line-height:130px;
    border-radius:50%;
    border:1px solid #e1e1e1;
    background-color:#fff;
    color:#000;
    text-align:center;
    font-size:16px;
}
.finance-link.active{
    background-color:#fff; 
    color:#33cc33;
	border-color:#33cc33;
}
.finance-slide .slick-prev{
    width:20px;
    height:40px;
    background-image:url("/assets/bw/images/finance-slide-prev.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    left:-25px;
}
.finance-slide .slick-next{
    width:20px;
    height:40px;
    background-image:url("/assets/bw/images/finance-slide-next.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    right:-25px;
}
.finance .big-title{
    margin-top:100px;
}
.finance .contents{
    margin-top:30px;
    font-size:14px;
    line-height:1.5;
}
.finance .contents span{
    display:inline-block;
    font-size:16px;
    line-height:1.5;
}
.finance-result{
    
}
.finance-result.active{
    
}
.finance-result .item{
    padding:25px 10px;
    text-align:center;
    font-size:16px;
    font-weight:600;
}
.contact-map{
    margin-top:20px;
}
.contact{
/*
    margin-left:-10px;
    margin-right:-10px;
*/
    padding-top:90px;
    padding-bottom:100px;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}
.contact:after{
    clear:both;
    display:table;
    content:"";
}
.contact .item{
    display:inline-block;
    float:left;
    width:33.3%;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}
.contact .contact-image{
    position:relative;
    padding-top:40%;
}
.contact .contact-image img{
    position:absolute;
    top:0;
    left:0;
    right:0;
	bottom:0;
    margin:auto;
}
.contact p{
    text-align:center;
    line-height:1.5;
    font-weight:500;
}
.first-campaign-slide .item .image{
	position:relative;
	padding-top:145%;
}
.first-campaign-slide .item img,
.second-campaign-slide .item img,
.third-campaign-slide .item img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	
}
.campaign-wrap .big-desc{
	margin-top:70px;
}
.campaign-wrap .big-desc:first-of-type{
	margin-top:20px;
}
history-tab{
	margin-top:20px;
}
@media all and (max-width: 992px) {
	.campaign-wrap .big-desc{
		margin-top:20px;
	}
	.finance .contents{
		font-size:12px;
	}
	.finance-result .item{
		font-size:12px;
	}
	.finance .contents span{
		font-size:12px;
	}
    .green-tab{
        display:none;
        margin-left:-10px;
        margin-right:-10px;
        margin-bottom:30px;
    }
	.green-tab li{
		width:50%;
		float:left;
		margin-left:0;
        padding-left:10px;
        padding-right:10px;
	}
    .green-tab li:nth-of-type(odd){
        margin-left:0;
        
    }
    .first-campaign-slide, .second-campaign-slide, .third-campaign-slide{
        margin-top:20px;
    }
    .campaign-desc{
        margin-top:20px;
    }
    .first-campaign-slide .slick-prev, .second-campaign-slide .slick-prev, .third-campaign-slide .slick-prev{        
        left:10px;
    }
    .first-campaign-slide .slick-next, .second-campaign-slide .slick-next, .third-campaign-slide .slick-next{
        right:10px;
    }
    .finance-slide-wrap{
        padding-left:0;
        padding-right:0;
    }
    .finance-link{
        width:80px;
        height:80px;
        line-height:80px;
		font-size:12px;
    }
    .finance-slide .slick-prev{
        left:-10px;
    }
    .finance-slide .slick-next{
        right:-10px;
    }
}
@media all and (max-width: 767px) {
	.intro-wrap{		
		margin-left:0;
		margin-right:0;
		margin-top:0;
	}
	.intro-fl{
		float:none;
		display:block;
		width:100%;
		padding-left:0;
		padding-right:0;
		height:auto;
		margin-top:30px;
	}
	.intro-fr{
		float:none;
		display:block;
		width:100%;
		padding-left:0;
		padding-right:0;
		height:auto;
		margin-top:30px;
	}
    .history{
        margin-top:20px;
    }
    .history li{
        width:100%;
    }
    .history-image{
        max-width:80px;
        max-height:80px;
		left:10px;
    }
    .history-summ{
        padding-left:110px;
        padding-top:30px;
        padding-bottom:30px;
		height:auto;
    }
    .history li .history-detail-link{
        bottom:10px;
    }
    .history-summ .desc{
        margin-top:5px;
    }
    .history-summ .date{
        margin-top:5px;
    }
    .history-tab .slick-prev{
        left:-5px;
    }
    .history-tab .slick-next{
        right:-5px;
    }
    
}
@media all and (max-width: 480px) {
    .green-tab li{
        position:relative;
		width:94%;
        margin-left:auto;
        margin-right:auto;
        height:auto;
        display:block;
        float:none;
        padding-top:15px;
        padding-bottom:15px;
        margin-top:10px;
	}
    .green-tab li:nth-of-type(odd){
        margin-left:auto;
    }
    .green-tab li .green-image{
        padding-top:0;
        position:absolute;
        width:30px;
        height:30px;
        overflow:hidden;
        position:absolute;
        top:0;
        bottom:0;
        margin-top:auto;
        margin-bottom:auto;
    }
    .green-tab li .green-image .img{
        max-width:30px;
        max-height:30px;
        width:30px;
        height:30px;
        background-size:contain;
    }
    .green-tab li p{
        font-size:12px;
        font-weight:600;
        text-align:left;
        padding-left:50px;
    }
    .green-tab li p br{
        display:none;
    }
    .finance-total{
        font-size:13px;
    }
    .finance-tbl th, .finance-tbl td{
        
        padding:10px 5px;
    }
    .finance-tbl .tit,
    .finance-tbl .num{
        font-size:12px;
    }
    .finance-tbl-wrap{
        padding-top:90px;
        background-size:150px;
        background-position:top left;
    }
    .finance .big-title{
        margin-top:30px;
    }
    .finance .contents{
        margin-top:15px;
    }
    .contact{
        padding-top:30px;
        padding-bottom:30px;
        border:0;
    }
    .contact .item{
        display:block;
        width:100%;
        float:none;
        margin-top:30px;
    }
    .contact .item:first-of-type{
        margin-top:0;
    }
    .contact .contact-image{
        padding-top:80px;
    }
}
