@charset "UTF-8";

.wrap_banner_1,
.wrap_banner_1 .container,
.wrap_banner_1 .container > div,
.wrap_banner_1 .slider,
.wrap_banner_1 .slider li,
.wrap_banner_1 a.item,
.wrap_banner_1 .con,
.wrap_banner_1 .wrap{height:100%;}

.wrap_banner_1{background:rgba(255,156,0,0.9);}

.wrap_banner_1 a.item{display:block;}
.wrap_banner_1 .con{}
.wrap_banner_1 .wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;}
.wrap_banner_1 .item_1{}
.wrap_banner_1 .item_1 img{display:inline;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_banner_1 .item_2{}
.wrap_banner_1 .item_2::before{content:"";display:block;width:40px;height:1px;background:#FFF;margin:20px auto;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_banner_1 .text_1{font-family:'Dream Medium';font-size:20px;color:#FFF;line-height:1;text-align:center;}
.wrap_banner_1 .text_2{display:none;}
.wrap_banner_1 .control{display:none;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_banner_1 a.item:hover .item_1 img{transform: rotatey(180deg);}
	.wrap_banner_1 a.item:hover .item_2::before{width:80px;}
}
@media all and (max-width:1700px){
}
@media all and (max-width:1280px){
	.wrap_banner_1 .item_1 img{max-width:60px;}
	.wrap_banner_1 .text_1{font-size:18px;}
}
@media all and (max-width:768px){
	.wrap_banner_1 .wrap{justify-content:flex-start;flex-direction:row;}
	.wrap_banner_1 .item_1 img{max-width:40px;}
	.wrap_banner_1 .item_2::before{display:none;}
	.wrap_banner_1 .text_1{font-size:16px;padding-left:10px;}
}