.main { background-color : #f8f8f8 ; padding-bottom : 55px }
.main .left { width : 560px ; height : 775px ; float : left ; margin-top : 60px ; overflow : hidden ; position : relative }
.main .img-list { height : 650px ; position : absolute ; left : 0px ; transition : .5s }
.main .img-list li { background-color : #FFFFFF ; padding : 37px 35px 29px 28px ; float : left }
.main .img-list .img-box { width : 497px ; height : 580px ; display : table-cell ; vertical-align : middle ; text-align : center ; overflow : hidden }
.main .img-list img { display : inline-block ; max-width:100% ; max-height : 100% ; text-align : center }
.main .right { width : 656px ; float : right ; color : #444444 ; font-size : 24px }
.main .right h2 { width : 609px ; height : 53px ; border-bottom : solid 1px #EBEBEB ; margin-top : 78px ;  color : #444444 ; font-size : 24px }
.main .right strong { display : block ; margin-top : 32px ; margin-bottom : 10px }
.main .right p { color : #888888 ; font-size : 16px ; line-height : 36px }
.main .right p img { max-width : 100% }
.main .right em { display : block ; margin-top : 43px ; margin-bottom : 10px }
.main .nav { /* clear : both */ position : absolute ; top : 675px }
.main .nav li { float : left ; margin-right : 15px ; cursor : pointer }
.main .nav .img-box { width : 100px ; height : 100px ; border : solid 1px #D8D8D8 ; box-sizing : border-box ; display : table-cell ; vertical-align : middle ; text-align : center ; overflow : hidden ; transition : .5s }
.main .nav li:first-of-type .img-box { border-color : #A1A1A1 }
.main .nav img { display : inline-block ; max-width:100% ; max-height : 100% ; text-align : center ; vertical-align : middle }