.banner img { width : 100% ; height : auto }

.nav { height : 50px ; background-color : #F8F8F8 ; border-bottom : solid 1px #D8D8D8 ; box-sizing : border-box ; overflow : hidden }
.nav li { height : 50px ; padding : 0px 28px ; border-right : solid 1px #D8D8D8 ; float : left ; line-height : 50px ; transition : .5s ; cursor : pointer }
.nav li.on { background-color : #D50C0C }
.nav li:hover { background-color : #D50C0C }
.nav li:first-of-type { border-left : solid 1px #D8D8D8 }
.nav li a { color : #666666 ; font-size : 16px ; transition : .5s }
.nav li.on a { color : #FFFFFF }
.nav li:hover a { color : #FFFFFF }

.list { background-color : #F8F8F8 }
.list ul { overflow : hidden }
.list li { background-color : #FFFFFF ; margin-top : 62px }
.list li:first-of-type { margin-top : 77px }
.list .left { padding : 31px 0px 35px 30px ; float : left ; position : relative ; overflow : hidden }
.list .left .img-box { display : table-cell ; width : 440px ; height : 280px ; text-align : center ; vertical-align : middle }
.list .left img { display : inline-block ; max-width : 100% ; max-height : 100% }
.list .left .mask { width : 440px ; height : 280px ; background-color : rgba(0,0,0,.5) ; color : #FFFFFF ; font-size : 20px ; text-align : center ; line-height : 280px ; position : absolute ; left : 30px ; top : 31px ; transition : .5s ; opacity : 0}
.list li:hover .mask { opacity : 1 }
.list .right { width : 830px ; padding : 0px 35px ; box-sizing : border-box ; float : right }
.list .right h3 { height : 52px ; border-bottom : solid 1px #EBEBEB ; margin-top : 28px ; margin-bottom : 30px ; font-size : 18px }
.list .right p { height : 60px ; color : #666666 ; font-size : 16px ; line-height : 30px ; overflow : hidden }
.list .right strong { display : block ; margin-top : 35px ;font-size : 16px }
.list .right .button { width : 120px ; height : 40px ; margin-top : 45px ; border : solid 1px #5E5E5E ; border-radius : 19px ; color : #666666 ; text-align : center ; line-height : 40px ; transition : .5s }
.list li:hover .button { background-color : #D50C0C ; border-color : #D50C0C ; color : #FFFFFF }

.list .pages { margin-top : 130px ; padding-bottom : 98px }
.list .pages div { display : flex ; justify-content : center ; align-items : center }
.list .pages a { display : block ; width : 42px ; height : 42px ; background-color : #E5E5E5 ; border-radius : 50% ; margin-right : 10px ; color : #444444 ; font-size : 15px ; text-align : center ; line-height : 42px ; transition : .5s }
.list .pages a.on { background-color : #D50C0C ; color : #FFFFFF }
.list .pages a:hover { background-color : #D50C0C ; color : #FFFFFF }
.list .pages div a:nth-of-type(5) { margin-right : 35px }
.list .pages i { display : block ; width : 1px ; height : 25px ; background-color : #939393 ; margin-right : 38px }
.list .pages .prev, .list .pages .next { width : 100px ; height : 42px ; border-radius : 21px }
.list .pages .prev { margin-right : 22px }
.list .pages .next { margin-right : 0px }