.index01{width:1070px;margin:0 auto;margin-bottom:10px;padding-top:30px}
.index01 ul{}
.index01 ul:after{display:block;clear:both;content:""}
.index01 ul li{position:relative;display:block;float:left;margin-right:30px;box-sizing:border-box;text-align:center;letter-spacing:-0.6px;overflow:hidden}
.index01 ul li .box_{display:block;width:336px;height:305px;box-sizing:border-box}
.index01 ul li .box_ img{position:absolute;top:0;left:0;width:100%;height:305px;transition:all 0.3s;-webkit-transition:all .3s}
.index01 .bg{position:absolute;top:0;width:100%;height:305px;background-color:#000;opacity:0.5;transition:all .3s;-webkit-transition:all .3s}

.index01 ul li .box_:hover .bg{opacity:0.8}
.index01 ul li .box_:hover img{transform:translate3d(0,0,0) scale(1.06)}
.index01 ul li .box_:hover .off{display:none}
.index01 ul li .box_:hover .on{display:block}

.index01 ul li:last-child{margin-right:0}

.index01 ul li .off{position:absolute;z-index:999;width:100%;padding-top:100px;color:#fff;font-size:13px;font-family:'notokr-light'}
.index01 ul li .off p{width:75%;margin:0 auto;margin-bottom:20px;padding-top:10px;border-top:1px solid rgba(255, 255, 255, 0.37);border-bottom:1px solid rgba(255, 255, 255, 0.37);font-size:16px}
.index01 ul li .off span{font-size:38px;font-family:'notokr-medium'}

.index01 ul li .on{display:none;position:absolute;z-index:999;width:100%;padding-top:60px;color:#fff;font-size:14px;font-family:'notokr-light'}
.index01 ul li .on p{width:75%;margin:0 auto;margin-bottom:20px;padding-top:10px;font-size:16px}
.index01 ul li .on span{font-size:38px;font-family:'notokr-medium'}

.index01 .m_btn li{width:336px;height:78px;background-color:#222}
.index01 .m_btn li a{font-size:22px;line-height:78px;color:#fff}
.index01 .m_btn li span{color:#0095ff}