@charset "UTF-8";


.component_creative{position:relative;}
.component_creative .list{position:relative;}
.component_creative .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_creative .list > ul:after{content:"";display:block;clear:both;}
.component_creative .list > ul > li{position:relative;float:left;width:calc(33.33% - 26.7px);margin-right:40px;}
.component_creative .list > ul > li:nth-child(n+3){margin-top:40px;}
.component_creative .list > ul > li:nth-child(2n){margin-right:0;}
.component_creative .list > ul > li:nth-child(3){margin-left:calc(33.33% + 13.3px);}
.component_creative .list .item{position:relative;padding:35px 40px;height:320px;border-radius:22px;font-size:20px;background-color:#efefef;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_creative .list .item .content{position:relative;}
.component_creative .list .item .content .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:600;color:#ffffff;line-height:1.4;word-break:keep-all;}
.component_creative .list .item .content .description{position:relative;margin:0;padding:0;font-size:20px;font-weight:400;color:#ffffff;line-height:1.4;margin-top:20px;word-break:keep-all;}
.component_creative .list .item.item1{background-image:url(../img/component_creative_item_bg1.jpg);}
.component_creative .list .item.item2{background-image:url(../img/component_creative_item_bg2.jpg);}
.component_creative .list .item.item3{background-image:url(../img/component_creative_item_bg3.jpg);}
.component_creative .list .item.item4{background-image:url(../img/component_creative_item_bg4.jpg);}

@media all and (max-width:1300px){
	.component_creative .list .item{font-size:18px;border-radius:1.1em;padding:1.75em 2em;height:16em;}
	.component_creative .list .item .content .title{font-size:1.3em;}
	.component_creative .list .item .content .description{font-size:1em;margin-top:1em;}
}
@media all and (max-width:1200px){
	.component_creative .list .item{font-size:17px;}
	.component_creative .list .item .content .description br{display:none;}
}
@media all and (max-width:1000px){
	.component_creative .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_creative .list > ul > li:nth-child(n+3){margin-top:20px;}
	.component_creative .list > ul > li:nth-child(3){margin-left:0;}
	.component_creative .list .item{font-size:16px;padding:1.75em 20px;}
	.component_creative .list .item .content .description br{display:block;}
}
@media all and (max-width:800px){
	.component_creative .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_creative .list .item{font-size:14px;}
	.component_creative .list .item .content .description br{display:none;}
}
@media all and (max-width:400px){
	.component_creative .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_creative .list .item{font-size:12px;}
}


.component_lets_go{position:relative;}
.component_lets_go .list{position:relative;}
.component_lets_go .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_lets_go .list > ul:after{content:"";display:block;clear:both;}
.component_lets_go .list > ul > li{position:relative;float:left;width:calc(16.66% - 16.7px);margin-right:20px;transition:width ease 0.3s,margin-right ease 0.3s;}
.component_lets_go .list > ul > li:nth-child(6n){margin-right:0;}
.component_lets_go .list.active > ul > li{margin-right:0;}
.component_lets_go .list.active > ul > li.active{width:calc(16.66% + 83.5px);}
.component_lets_go .list.active > ul > li.active .item{filter:grayscale(0);}
.component_lets_go .list .item{position:relative;height:600px;font-size:20px;background-color:#efefef;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;filter:grayscale(100%);transition:filter ease 0.3s,background-position ease 0.3s;}
.component_lets_go .list .item .content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:0 20px;text-align:center;box-sizing:border-box;}
.component_lets_go .list .item .content .icon{position:relative;display:block;margin:0 auto;width:48px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_lets_go .list .item .content .icon:before{content:"";display:block;padding-bottom:100%;}
.component_lets_go .list .item .content .title{position:relative;margin:0;padding:0;font-size:24px;font-weight:400;color:#ffffff;line-height:1.4;margin-top:15px;word-break:keep-all;}
.component_lets_go .list .item.item1{background-image:url(../img/component_lets_go_item_bg1.jpg);}
.component_lets_go .list .item.item2{background-image:url(../img/component_lets_go_item_bg2.jpg);}
.component_lets_go .list .item.item3{background-image:url(../img/component_lets_go_item_bg3.jpg);}
.component_lets_go .list .item.item4{background-image:url(../img/component_lets_go_item_bg4.jpg);}
.component_lets_go .list .item.item5{background-image:url(../img/component_lets_go_item_bg5.jpg);}
.component_lets_go .list .item.item6{background-image:url(../img/component_lets_go_item_bg6.jpg);}
.component_lets_go .list .item .icon.icon1{background-image:url(../img/component_lets_go_item_icon1.png);}
.component_lets_go .list .item .icon.icon2{background-image:url(../img/component_lets_go_item_icon2.png);}
.component_lets_go .list .item .icon.icon3{background-image:url(../img/component_lets_go_item_icon3.png);}
.component_lets_go .list .item .icon.icon4{background-image:url(../img/component_lets_go_item_icon4.png);}
.component_lets_go .list .item .icon.icon5{background-image:url(../img/component_lets_go_item_icon5.png);}
.component_lets_go .list .item .icon.icon6{background-image:url(../img/component_lets_go_item_icon6.png);}

@media all and (max-width:1300px){
	.component_lets_go .list .item{font-size:18px;height:30em;}
	.component_lets_go .list .item .content .icon{width:2.4em;}
	.component_lets_go .list .item .content .title{font-size:1.2em;margin-top:0.6em;}
}
@media all and (max-width:1200px){
	.component_lets_go .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_lets_go .list > ul > li{width:calc(33.33% - 13.4px) !important;margin-right:20px;}
	.component_lets_go .list > ul > li:nth-child(3n){margin-right:0 !important;}
	.component_lets_go .list > ul > li:nth-child(n+4){margin-top:20px;}
	.component_lets_go .list.active > ul > li{margin-right:20px;}
	.component_lets_go .list.active > ul > li.active .item{filter:grayscale(0);background-position:center 20%;}
	.component_lets_go .list .item{font-size:16px;height:auto;}
	.component_lets_go .list .item:before{content:"";display:block;padding-bottom:100%;}
}
@media all and (max-width:800px){
	.component_lets_go .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_lets_go .list > ul > li{width:calc(50% - 10px) !important;margin-right:20px;}
	.component_lets_go .list > ul > li:nth-child(3n){margin-right:20px !important;}
	.component_lets_go .list > ul > li:nth-child(2n){margin-right:0 !important;}
	.component_lets_go .list > ul > li:nth-child(n+3){margin-top:20px;}
	.component_lets_go .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_lets_go .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_lets_go .list .item{font-size:12px;}
}