@charset "UTF-8";

.wrap_track{height:100%;background:rgba(3,105,211,0.9);transition:0.3s;}

.wrap_track h2{font-size:18px;color:rgba(255,255,255,0.7);line-height:1;padding:10px 10px 0 0;background:url(../images/titleBg.png) no-repeat right top;position:absolute;left:30px;top:30px;}
.wrap_track h2 span{display:none;}

.wrap_track .container{}
.wrap_track .container > div{}
.wrap_track .container .slider{}
.wrap_track .container .slick-list{}
.wrap_track .container .slick-track{}

.wrap_track a.item{display:block;}
.wrap_track .con{}
.wrap_track .wrap{display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:row-reverse;}
.wrap_track .item_1{width:55%;display:flex;align-items:center;justify-content:center;}
.wrap_track .item_1 img{max-width:unset;width:100%;}
.wrap_track .item_2{width:45%;padding:90px 30px 30px 30px;}
.wrap_track .text_1{color:#FFF;line-height:1.2;}
.wrap_track .text_1 strong{font-family:'Dream Medium';font-size:27px;display:block;padding-bottom:20px;}
.wrap_track .text_1 i{font-family:'Dream Regular';font-size:16px;display:block;padding-bottom:5px;}
.wrap_track .text_1 span{font-family:'Dream Regular';font-size:13px;}
.wrap_track .text_2{display:none;}

.wrap_track .control{position:absolute;bottom:30px;left:-30px;width:45%;}
.wrap_track .control .paging,
.wrap_track .control .playstop{display:none;}
.wrap_track .control .numbering{line-height:1;padding-bottom:10px;}
.wrap_track .control .numbering i{font-family:'Play Bold';font-size:30px;color:rgba(0,0,0,0.7);padding-right:10px;}
.wrap_track .control .numbering .now{font-family:'Play Bold';font-size:110px;color:rgba(255,255,255,0.7);}
.wrap_track .control .numbering .total{font-family:'Play Bold';font-size:30px;color:rgba(0,0,0,0.7);}
.wrap_track .control .prevnext{display:flex;justify-content:flex-end;}
.wrap_track .control .prevnext button{display:block;text-indent:-9999px;width:40px;height:15px;margin:0 10px;}
.wrap_track .control .prevnext .prev{background:url(../images/prev_w.png) no-repeat left top;}
.wrap_track .control .prevnext .next{background:url(../images/next_b.png) no-repeat right top;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_track:hover{background:rgba(5,14,31,0.5);}
	.wrap_track .control .prevnext .prev:hover{background:url(../images/prev_b.png) no-repeat left top;}
	.wrap_track .control .prevnext .next:hover{background:url(../images/next_w.png) no-repeat right top;}
}
@media all and (max-width:1280px){
	.wrap_track .control{left:-20px;}
	.wrap_track .control .numbering .now{font-size:80px;}
}
@media all and (max-width:520px){
	.wrap_track h2{left:20px;top:20px;}
	.wrap_track .wrap{flex-direction:column-reverse;}
	.wrap_track .item_1{width:100%;max-height:250px;overflow:hidden;}
	.wrap_track .item_2{width:100%;padding:70px 20px 20px 20px;}
	.wrap_track .text_1 strong{font-size:22px;}
	.wrap_track .control{bottom:unset;left:unset;width:100%;top:30px;right:20px;display:flex;justify-content:flex-end;}
	.wrap_track .control .numbering{padding-bottom:0;padding-right:10px;}
	.wrap_track .control .numbering i,
	.wrap_track .control .numbering .now,
	.wrap_track .control .numbering .total{font-size:16px;padding-right:0;}
	.wrap_track .control .prevnext button{width:25px;height:15px;margin:0 5px;}
}