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

/* 通用开始 */
h2.common { color : #B10808 ; font-size : 26px ; font-weight : bold ; text-align : center }
strong.common { display : block ; color : #B3B3B3 ; font-family : Arial ; font-size : 28px ; font-weight : bold ; text-align : center }
/* 通用结束 */
.about h2 { margin-top : 84px }
.about strong { margin-top : 19px ; margin-bottom : 50px }
.about .paragraph {}
.about .paragraph p { color : #444444 ; font-size : 16px ; line-height : 36px }
.about img { display : block ; width : 100% ; height : auto ; margin-top : 60px }

.culture h2.common { margin-top : 124px }
.culture strong.common { margin-top : 19px }
.culture ul { display : flex ; flex-wrap : wrap ; text-align : center ; margin-top : 65px }
.culture li { width : 30% ; flex-grow : 1 ; height : 320px ; background : url(../image/about-background.jpg) 0px 316px no-repeat ; background-size : auto auto ; margin-right : 50px ; margin-bottom : 40px ; background-color : #f8f8f8 ; position : relative ; transition : .5s }
.culture ul li:nth-of-type(3n) { margin-right : 0px }
.culture li:hover { background-position : 0px 0px }
.culture li i { display : block ; height : 155px ; transition : .5s }
.culture ul li:first-of-type i { background : url(../image/about-culture-1a.png) center center no-repeat }
.culture ul li:nth-of-type(2) i { background : url(../image/about-culture-2a.png) center center no-repeat }
.culture ul li:nth-of-type(3) i { background : url(../image/about-culture-3a.png) center center no-repeat }
.culture ul li:nth-of-type(4) i { background : url(../image/about-culture-4a.png) center center no-repeat }
.culture ul li:nth-of-type(5) i { background : url(../image/about-culture-5a.png) center center no-repeat }
.culture ul li:last-of-type i { background : url(../image/about-culture-6a.png) center center no-repeat }
.culture ul li:first-of-type:hover i { background : url(../image/about-culture-1b.png) center center no-repeat }
.culture ul li:nth-of-type(2):hover i { background : url(../image/about-culture-2b.png) center center no-repeat }
.culture ul li:nth-of-type(3):hover i { background : url(../image/about-culture-3b.png) center center no-repeat }
.culture ul li:nth-of-type(4):hover i { background : url(../image/about-culture-4b.png) center center no-repeat }
.culture ul li:nth-of-type(5):hover i { background : url(../image/about-culture-5b.png) center center no-repeat }
.culture ul li:last-of-type:hover i { background : url(../image/about-culture-6b.png) center center no-repeat }
.culture li strong { display : block ; font-size : 22px }
.culture li:hover strong { color : #FFFFFF }
.culture li em { display : block ; margin-top : 14px ; margin-bottom : 34px ; font-size : 18px ; font-family: Arial }
.culture li:hover em { color : #FFFFFF }
.culture li p { color : #666666 ; font-size : 16px }
.culture li:hover p { color : #FFFFFF }

.honor { position : relative }
.honor .title h2 { margin-top : 135px }
.honor .title strong { margin-top : 19px }
.honor .container-fluid { margin-top : 60px }
.honor .banner-1 { height : 320px ; background : url(../image/about-honor-1.jpg) center center no-repeat }
.honor .banner-2 { position : absolute ; top : 300px ; z-index : 2 }
.honor .banner-2 .container { padding-left : 60px ; background-color : #FFFFFF ; box-sizing : border-box }
.honor .banner-2 .left { float : left }
.honor .banner-2 h3 { margin-top : 60px ; margin-bottom : 7px ; color : #B10808 ; font-size : 22px ; font-weight : bold }
.honor .banner-2 p { color : #888888 ; font-size : 18px ; line-height : 32px }
.honor .banner-2 .right { width : 360px ; height : 220px ; background : url(../image/about-honor-2.jpg) no-repeat ; float : right }

.swiper-outside { background-color : #f8f8f8 ; padding-top : 231px ; padding-bottom : 79px ; position : relative ; --swiper-navigation-size : 23px ; --swiper-theme-color : #FFFFFF }
.swiper-inside { overflow : hidden }
.swiper-slide { position : relative }
.swiper-slide img.box { display : table-cell ; width : 300px ; height : 400px ; text-align : center }
.swiper-slide img { vertical-align:middle ; max-width : 100% ; max-height : 100% }
.swiper-slide .mask { width : 100% ; height : 402px ; background : url(../image/about-honor-4.png) center center no-repeat ; ; background-color : rgba(0,0,0,.4) ; position : absolute ; left : 0px ; top : -100% ; transition : .5s }
.swiper-slide:hover .mask { top : 0px }
.swiper-slide strong { display : block ; margin-top : 17px ; font-size : 18px ; text-align : center }
.navigation-container { width : 100% ; position : absolute ; left : 0px ; top : 155px }
.swiper-button-prev, .swiper-button-next { width : 45px !important ; height : 45px !important ; background-color : #B10808 ; border-radius : 50% ; float : right ; position : static !important }
.swiper-button-prev { margin-right : 15px }
.swiper-button-disabled { background-color : #E2E2E2 }