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

.nav { height : 50px ; 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: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:hover a { color : #FFFFFF }

.advantage { margin-bottom : 123px ; text-align : center }

/* 通用样式开始 */
h2.common { color : #D50C0C ; font-size : 27px ; font-weight : bold }
strong.common { display : block ; color : #8F8F8F }
/* 通用样式结束 */

.advantage h2.common { margin-top : 104px }
.advantage strong.common { margin-top : 15px }
.swiper-container { margin-top : 70px ; padding-bottom : 70px ; overflow : hidden }
.swiper-wrapper {}
.swiper-slide { width : 400px ; height : 380px ; border : solid 1px #E2E2E2 ; box-sizing : border-box ; position : relative ; transition : .5s ; transition-timing-function : ease-in-out ; overflow : hidden }
.swiper-slide:hover { border-color : transparent ; box-shadow: 0 15px 30px rgba(0,0,0,.1) ; transform: translateY(-4px) }
.swiper-slide strong { display : block ; margin-top : 50px ; color : #D50C0C ; font-size : 60px ; font-weight : bold }
.swiper-slide em { display : block ; margin-top : 20px ; margin-bottom : 44px ; font-size : 22px }
.swiper-slide i { display : block ; width : 30px ; height : 2px ; background-color : #D50C0C ; position : absolute ; left : calc(50% - 15px) ; top : 200px ; transition : .5s }
.swiper-slide:hover i { width : 70px ; left : calc(50% - 35px) }
.swiper-slide p { padding : 0px 28px ; color : #888888 ; font-size : 15px ; line-height : 36px }
.swiper-pagination span { background-color : #D50C0C !important }

.condition { background-color : #F8F8F8 ; overflow : hidden }
.condition h2.common { margin-top : 54px ; text-align : center }
.condition strong.common { margin-top : 15px ; margin-bottom : 72px ; text-align : center }
.condition .left { width : 50% ; margin-top : 17px ; float : left }
.condition .left p { margin-bottom : 29px ; color : #666666 ; font-size : 15px ; line-height : 26px }
.condition .right { float : right }
.condition .right img { margin-bottom : 73px }

.process h2 { margin-top : 101px ; text-align : center }
.process strong { margin-top : 19px ; margin-bottom : 72px ; text-align : center }
.process { width : 100% ; height : auto ; margin-bottom : 123px }

.apply { background-color : #F8F8F8 ; overflow : hidden }
.apply h2.common { margin-top : 58px ; text-align : center }
.apply strong.common { margin-top : 15px ; text-align : center }
.apply form { width : 850px ; margin : 62px auto 50px auto }
.apply form input { border : solid 1px #B9B9B9 ; box-sizing : border-box ; color : #666666 ; font-size : 15px ; text-indent : 15px }
.apply form input:last-of-type { border : none }
.apply .name { width : 410px ; height : 50px ; float : left }
.apply .tel { width : 410px ; height : 50px ; float : right }
.apply .message { width : 100% ; height : 240px ; border : solid 1px #B9B9B9 ; box-sizing : border-box ; clear : both ; margin : 23px 0px ; color : #666666 ; font-size : 15px ; text-indent : 15px ; line-height : 36px }
.apply .pin { width : 204px ; height : 50px }
.apply img { display : inline-block ; vertical-align : bottom ; width : 118px ; height : 50px ; margin : 0px 84px 0px 25px ; cursor : pointer }
.apply .submit { width : 410px ; height : 50px ; background-color : #363636 ; color : #FFFFFF ; text-indent : 0px ; cursor : pointer }