/*.main{overflow-x: hidden; overflow-y: hidden}*/
.gotop{display: none}
.accordion{
    position: relative;
    text-align: center;
}
.accordion > li {
	top: 0;
	left: 0;
    float: left;
    width: 10%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.accordion .bg1{background: url('/images/main/1.jpg') center bottom no-repeat; background-size: cover}
.accordion .bg2{background: url('/images/main/2.jpg') center bottom no-repeat; background-size: cover}
.accordion .bg3{background: url('/images/main/3.jpg') center bottom no-repeat; background-size: cover}
.accordion .bg4{background: url('/images/main/4.jpg') center bottom no-repeat; background-size: cover}
.accordion .bg5{background: url('/images/main/5.jpg') center bottom no-repeat; background-size: cover}

.accordion h2{text-align: center; color: #fff; font-size: 23px; letter-spacing: -0.06em; position: relative; padding-top: 30px}
.accordion h2:before{content: ''; position: absolute; width: 160px; height: 2px; background: #ff3101; top: 0; left: 50%; margin-left: -80px;
    -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;
}
.accordion li h2 span{display: block}
.accordion li.on h2 span{display: inline}
.accordion li > section{width: 100%; height: 100%; text-align: center;}
.accordion li > section .m_layout{display: table; width: 100%; height: 100%}
.main_con{
    display: none;
}
.main_con .depth{margin-top: 40px}
.main_con .depth li{font-size: 14px; margin-top: 15px}
.main_con .depth li:first-child{margin-top: 0}
.main_con .depth li a{color: #fff;}
.main_con .depth li:hover a{text-decoration: underline;}
.main_con .more{width: 184px; border: 1px solid #fff; color: #fff; font-size: 13px; height: 43px; margin-top:67px; margin: 0 auto; margin-top: 40px}
.main_con .more:hover{background: #fff; color: #000}


.accordion li:hover h2{}
.accordion li:hover h2:before{width: 500px; margin-left: -250px}