@charset "utf-8";
/* 重置样式 */
body, h1, h2, h3, h4, h5, p, ul, ol, dl, dd, form, input, select, textarea, th, td, figure, figcaption { padding : 0px ; margin : 0px }
body { min-width : 1300px ; font-size : 15px ; color : #333333 ; font-family : "微软雅黑" ; overflow-x : hidden ; cursor : default }
img { display : inline-block ; max-width : 100% ; max-height : 100% ; border : none }
input, textarea { outline : none ; background : none ; border: none }
h1, h2, h3, h4, h5 { font-weight : normal ; font-size : 16px }
a:focus { text-decoration : none ; outline : none }
a { color : inherit ; text-decoration : none }
textarea { resize : none ; overflow : auto }
a:hover { text-decoration : none }
strong, b { font-weight : normal }
ul { list-style-type : none }
em, i { font-style : normal }

/* 公共样式 */
.clearfix::before,.clearfix::after { content: '' ; display : block ; height : 0 ; clear : both ; visibility : hidden }
.img-box { display : table-cell ; text-align : center ; vertical-align : middle ; font-size : 0px }
.banner-other { width : 100% ; max-width : 1920px ; margin : 0px auto ; font-size : 0px }
.main { width : 100% ; max-width : 1300px ; margin : 0px auto }
.banner-other img { width : 100% ; height : auto }
.pointer { cursor : pointer }
.clearfix { *zoom: 1 }
.swiper-button-prev, .swiper-button-next { z-index : 1 !important }

@media all and (max-width : 1317px) {
    .main { width : 1300px }
}





/* header */
.header { width : 100% ; position : fixed ; left : 0px ; top : 0px ; z-index : 2 ; transition : .5s ; transition-timing-function : ease-out }
.header .main { position : relative }
.header .top { display : flex ; justify-content : space-between ; align-items : center ; height : 102px }
.header .top strong { color : #FFFFFF ; font-size : 16px }
.header .top h1 { width : 222px ; height : 46px ; background-image : url(../images/header-logo-1.png) ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; white-space : nowrap ; text-indent : -999px ; text-overflow : ellipsis ; overflow : hidden ; position : absolute ; left : 50% ; top : 22px ; transform : translateX(-50%) }
.header .top h1 a { display : block ; width : 100% ; height : 100% ; position : absolute ; left : 0px ; top : 0px }
.header .top .link { display : flex }
.header .top .link a { margin-right : 35px }
.header .top .link a:last-of-type { margin-right : 0px }
.header .nav { display : flex ; justify-content : space-evenly ; height : 60px ; padding : 1px 0px ; position : relative ; transition : .5s ; transition-timing-function : ease-out }
.header .nav::before { content : "" ; display : block ; width : 1920px ; height : 1px ; background-color : rgba(255,255,255,0.08) ; position : absolute ; left : 50% ; top : 0px ; transform : translateX(-50%) }
.header .nav::after { content : "" ; display : block ; width : 1920px ; height : 1px ; background-color : rgba(255,255,255,0.08) ; position : absolute ; left : 50% ; bottom : 0px ; transform : translateX(-50%) }
.header .nav li { width : 20% ; color : #FFFFFF ; font-size : 16px ; text-align : center ; line-height : 60px ; position : relative ; transition : .5s }
.header .nav li::before { content : "" ; display : block ; width : 1px ; height : 18px ; background-color : rgba(255,255,255,0.15) ; position : absolute ; left : -0.5px ; top : 50% ; transform : translateY(-50%) }
.header .nav li:first-of-type::before { display : none }
.header .nav li::after { content : "" ; display : block ; width : 42px ; height : 2px ; background-color : #e7161a ; opacity : 0 ; position : absolute ; left : 50% ; bottom : 0px ; transition : .5s ; transform : translateX(-50%) }
.header .nav li.on::after { opacity : 1 }
.header .nav li:hover::after { opacity : 1 }
.header .nav a { display : block }

.header-index { height : 96px ; background-color : #FFFFFF ; box-shadow: 0px 3px 7px 0px rgba(233, 233, 233, 0.35) }
.header-index h1 { width : 250x !important ; height : 46px !important ; background-image : url(../images/header-logo-2.png) !important ; left : 0px !important ; transform : translateX(0px) !important ; z-index : 1 }
.header-index .top { height : 0px ; overflow : hidden }
.header-index .nav { height : /* 100% */96px ; justify-content : flex-end } 
.header-index .nav::before { display : none }
.header-index .nav::after { display : none }
.header-index .nav li { width : /* auto */124px ; /* padding : 0px 30px ; */ color : #444444 ; line-height : 96px }
.header-index .nav li::before { background-color : #D2D2D2 }

.header-other { position : absolute }
.header-other .nav li::after { background-color : #FFFFFF }

.header .nav div { height : 0px ; background-color : rgba(0,0,0,0.8) ; line-height : 40px ; color : #FFFFFF ; font-size : 16px ; overflow : hidden ; transition : .5s }  
.header .nav div a { transition : .5s }  
.header .nav div a:hover { background-color : #e7161a } 




/* banner */
.banner { height : 100% }
.banner .swiper-container { height : 100% }
.banner .swiper-slide { background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.banner .swiper-slide a { display : block ; height : 100% }
.banner .swiper-pagination { font-size : 0px ; bottom : 4.7% !important }
.banner .swiper-pagination span { width : 50px ; height : 2px ; background-color : #e7161a ; border-radius : 0px ; opacity : 1 ; margin : 0px !important }
.banner .swiper-pagination-bullet-active { background-color : #FFFFFF !important }





/* 副导航 */
.nav-other { padding-top : 50px ;background-color : #f2f2f2 }
.nav-other .main { display : flex ; display : flex ; justify-content : space-between ; border-bottom : solid 1px #DCDCDC ;padding-bottom:30px;}
.vice-nav { display : flex }
.vice-nav li { min-width : 100px ; height : 60px ;line-height:50px; margin-right : 37px ; color : #666666 ; font-size : 17px ; text-align : center ; position : relative }
.vice-nav li::after { content : "" ; display : block ; width : 100px ; height : 4px ; background-color : #494949 ; opacity : 0 ; position : absolute ; left : 50% ; bottom : -1px ; transition : .6s ; transition-timing-function : ease-out ; transform : translateX(-50%) }
.vice-nav li.on::after { opacity : 1 }
.vice-nav li:hover::after { opacity : 1 }
.vice-nav a { display : block ; height : 100% }
.crumb { display : flex ; color : #888888 ; font-size : 15px }
.crumb li { margin-right : 19px ; transition : .5s ; position : relative }
.crumb li a:hover { color : #e7161a }
.crumb li::after { content : ">" ; display : block ; width : 19px  ; height : 20px ; text-align : center ; line-height : 20px ; position : absolute ; left : 100% ; top : 0px }
.crumb li:last-of-type::after { content : "" }
.crumb a { display : block }

.join-nav-other { background-color : #fcfcfc }





/* footer */
.footer { height : 100% ; background-color : #f0f0f0 ; background-image : url(../images/footer-bg-1.jpg) ; background-position : center center ; background-size : cover ; background-repeat : no-repeat }
.footer .top { padding : 257px 0px 45px ; border-bottom : solid 1px #D2D2D2 }
.footer .top b { padding-left : 54px ; background : url(../images/footer-icon-1.png) left center no-repeat ; font-family : Arial ; font-size : 40px }
.footer .middle { padding : 64px 0px 69px }
.footer .middle .left { width : 320px ; float : left ; font-size : 0px }
.footer .middle .left h5 { display : inline-block ; padding-bottom : 16px ; border-bottom : solid 1px #BFBFBF ; margin-bottom : 28px ; color : #666666 ; font-size : 16px }
.footer .middle .left p { color : #888888 ; font-size : 15px ; line-height : 30px }
.footer .middle .left .bshare-custom { margin-top : 50px ; font-size : 0px }
.footer .middle .left a { display : inline-block ; width : 37px ; height : 37px ; background-repeat : no-repeat ; background-position : center center ; border : solid 1px #D2D2D2 ; border-radius : 50% ; box-sizing : border-box ; margin-right : 9px ; transition : .6s ; transition-timing-function : ease-out }
.footer .middle .left a:hover { background-color : #D2D2D2 }

.footer .middle .weixin { position : relative }
.footer .middle .weixin>div { display : none ; width : 110px ; /* height : 139px ; */ padding : 11px 8px 0px 8px ; background-color : #FFFFFF ; box-sizing : border-box ; position : absolute ; left : 50% ; top : 55px ; transform : translateX(-50%) ; text-align : center }
.footer .middle .weixin:hover>div { display : block }
.footer .middle .weixin>div::after { content : "" ; display : block ; border : solid 8px transparent ; border-bottom : solid 8px #FFFFFF ; position : absolute ; left : 50% ; top : -16px ; transform : translateX(-50%) }
.footer .middle .weixin .img-box { width : 92px ; height : 92px ; line-height : 0px }
.footer .middle .weixin span { color : #222222 ; font-size : 14px ; line-height : 36px }

.footer .middle .qq { position : relative }
.footer .middle .qq>div { display : none ; width : 110px ; padding : 15px 8px 15px 8px ; background-color : #FFFFFF ; box-sizing : border-box ; color : #222222 ; font-size : 14px ; line-height : 24px ; position : absolute ; left : 50% ; top : 55px ; transform : translateX(-50%) ; text-align : center }
.footer .middle .qq:hover>div { display : block }
.footer .middle .qq>div::after { content : "" ; display : block ; border : solid 8px transparent ; border-bottom : solid 8px #FFFFFF ; position : absolute ; left : 50% ; top : -16px ; transform : translateX(-50%) }

.footer .middle .right { float : right }
.footer .middle .right::after { content : "" ; display : block ; clear : both }
.footer .middle .right dl { width : 170px ; float : left ; font-size : 0px ; text-align : center }
.footer .middle .right dl:last-of-type { width : auto ; margin-left : 60px }
.footer .middle .right dt { display : inline-block ; padding-bottom : 16px ; border-bottom : solid 1px #BFBFBF ; margin-bottom : 15px ; color : #666666 ; font-size : 16px ; transition : .5s }
.footer .middle .right dt:hover { color : #e7161a }
.footer .middle .right dd { width : inherit ; color : #888888 ; font-size : 15px ; line-height : 34px ; transition : .5s }
.footer .middle .right dd:hover { color : #e7161a }
.footer .middle .right a { display : block }
.footer .bottom { border-top : solid 1px #D2D2D2 }
.footer .bottom .left { width : 870px ; float : left ; margin-top : 44px }
.footer .bottom .left h5 { color : #444444 ; font-size : 15px }
.footer .bottom .left .link { margin-top : 8px ; font-size : 0px }
.footer .bottom .left .link a { display : inline-block ; margin-right : 12px ; color : #999999 ; font-size : 15px ; line-height : 30px ; transition : .5s }
.footer .bottom .left .link a:hover { color : #e7161a }
.footer .bottom .left .record { margin-top : 16px ; color : #999999 ; font-size : 15px ; line-height : 30px }
.footer .bottom .left .record a { margin-left : 24px ; transition : .5s }
.footer .bottom .left .record a:hover { color : #e7161a }
.footer .bottom .right { float : right ; margin-top : 26px }
.footer .bottom .right::after { content : "" ; display : block ; clear : both }
.footer .bottom .item { float : left ; margin-right : 23px ; text-align : center }
.footer .bottom .right .item:last-of-type { margin-right : 0px }
.footer .bottom .item .img-box { width : 108px ; height : 108px }
.footer .bottom .item b { display : block ; margin-top : 15px ; color : #999999 }

.footer-other { height : auto ; background-color : #fcfcfc ; background-image : url(../images/footer-bg-2.jpg) }
.footer-other .main { position : relative }
.footer-other .top { display : none }
.footer-other .top { display : none }
.footer-other .middle { padding : 71px 0px 62px }
.footer-other .middle .left { display : none }
.footer-other .middle .right { float : left }
.footer-other .middle .right dl:first-of-type { width : auto ; margin-right : 60px }
.footer-other .middle .right dl:last-of-type { width : 170px ; margin-left : 0px }
.footer-other .bottom .left { width : 100% ; padding : 22px 0px 30px ; margin-top : 0px }
.footer-other .bottom .left h5 { display : none }
.footer-other .bottom .left .link { display : none }
.footer-other .bottom .left .record { margin-top : 0px; text-align: center; }
.footer-other .bottom .right { float : none ; margin-top : 0px ; position : absolute ; right : 0px ; top : 74px }





/* index */
.index-swiper { width : 100% ; height : 100% ; --swiper-navigation-size : 0px }
.index-swiper .index-swiper-pagination { width : 16px ; font-size : 0px ; left : 2.7% !important }
.index-swiper .index-swiper-pagination span { width : 12px ; height : 12px ; background-color : #D2D2D2 ; border : solid 2px rgba(2,89,155,0) ; border-radius : 50% ; opacity : 1 ; background-clip : content-box ; margin : 5px 0px !important }
.index-swiper .index-swiper-pagination .swiper-pagination-bullet-active { background-color : transparent !important ; border-color : #e7161a !important }
.index-swiper .index-swiper-button-next { display : none ; width : 46px ; height : 46px ; background-image : url(../images/index-icon-10a.png) ; background-size : 100% 100% ; outline : none ; opacity : 1 !important ; left : 50% ; top : auto !important ; bottom : 6.4% !important ; transform : translateX(-50%) ; transition : .5s ; z-index : 2 }
.index-swiper .index-swiper-button-next:hover { background-image : url(../images/index-icon-10b.png) }


.index-about { height : 100% ; background : url(../images/index-bg-1.jpg) center center no-repeat ; background-size : cover ; overflow : hidden }
.index-about .main { height : 100% ; position : relative }
.index-about .text { width : 686px ; padding-top : 343px ; float : left }
.index-about .title { padding-bottom : 33px ; position : relative }
.index-about .title::after { content : "" ; display : block ; width : 52px ; height : 3px ; background-color : #e7161a ; position : absolute ; left : 0px ; bottom : 0px }
.index-about .title h2 { margin-bottom : 16px ; font-size : 36px ; font-weight : bold ; line-height : 60px }
.index-about .title strong { font-size : 22px }
.index-about .text p { margin-top : 42px ; color : #666666 ; font-size : 22px ; line-height : 48px }
.index-about .text .bottom { margin-top : 75px }
.index-about .text .bottom div { padding-left : 81px ; background-repeat : no-repeat ; background-position : left 12px ; float : left ; margin-right : 72px }
.index-about .text .bottom div:first-of-type { background-image : url(../images/index-icon-1.png) }
.index-about .text .bottom div:nth-of-type(2) { background-image : url(../images/index-icon-2.png) }
.index-about .text .bottom div:last-of-type { margin-right : 0px }
.index-about .text .bottom b { color : #e7161a ; font-size : 45px ; font-weight : bold }
.index-about .text .bottom em { display : block ; color : #666666 ; font-size : 16px }
.index-about .text .bottom .add { padding-right : 23px ; background : url(../images/index-icon-3.png) right 13px no-repeat }
.index-about img { max-width : none ; max-height : none ; height : calc(100% - 96px) ; width : auto ; position : absolute ; left : 870px ; bottom : 0px }

.index-product { height : 100% ; padding-top : 320px ; background : url(../images/index-bg-2.jpg) center center no-repeat ; background-size : cover ; box-sizing : border-box ; overflow : hidden }
.index-product .main>.title { text-align : center }
.index-product .main>.title h2 { margin-bottom : 17px ; font-size : 36px ; font-weight : bold }
.index-product .main>.title b { color : #A1A1A1 ; font-family : Arial ; font-size : 16px }
.index-product .content { margin-top : 56px }
.index-product .item { width : 410px ; height : 490px ; padding : 0px 35px ; background-color : #FFFFFF ; border-radius : 10px ; box-sizing : border-box ; float : left ; margin-right : 35px ; position : relative }
.index-product .item:last-of-type { margin-right : 0px }
.index-product .item .bottom { display : flex ; justify-content : space-between ; align-items : flex-end ; width : 410px ; padding : 0px 35px ; box-sizing : border-box ; position : absolute ; left : 0px ; bottom : 57px }
.index-product .item i { width : 35px ; height : 35px ; background : url(../images/index-icon-4.png) center center no-repeat ; border : solid 2px #DCDCDC ; border-radius : 50% ; box-sizing : border-box }
.index-product .item img { max-width : none ; max-height : none }
.index-product .item .mask { width : 410px ; height : 100% ; border-radius : 10px ; opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transition : .5s ; z-index : 1 }
.index-product .item:hover .mask { opacity : 1 }
.index-product .item h4 { width : 340px ; padding-bottom : 14px ; border-bottom : solid 1px #DCDCDC ; box-sizing : border-box ; font-size : 26px ; transition : .5s ; position : absolute ; left : 35px ; top : 37px ; z-index : 1 }
.index-product .item:hover h4 { color : #FFFFFF ; border-color : transparent }
.index-product .item .text-box { padding-top : 110px ; color : #888888 ; font-size : 15px ; line-height : 25px }


.index-advantage { height : 100% ; background : url(../images/index-bg-3.jpg) center center no-repeat ; background-size : cover ; overflow : hidden }
.index-advantage .main { height : 100% ; padding-top : 336px ; box-sizing : border-box ; position : relative ; --swiper-navigation-size : 0px }

.index-advantage .text { width : 500px }
.index-advantage .text-container { height : 195px ; position : relative }
.index-advantage .text-container div { opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transform : translateY(200px) }
.index-advantage .text-container div.first { opacity : 1 ; transform : translateY(0px) }
.index-advantage .text-container div.origin { opacity : 0 ; transform : translateY(200px) }
/* .index-advantage .text-container div:first-of-type { opacity : 1 ; transform : translateY(0px) } */
.index-advantage .text-container div h4 { margin-bottom : 14px ; font-size : 36px ; font-weight : bold }
.index-advantage .text-container div b { font-size : 30px }
.index-advantage .text-container div p { margin-top : 42px ; color : #666666 ; font-size : 15px ; line-height : 26px }

.animation { animation : animation 1.3s ; animation-fill-mode : forwards }
@keyframes animation {
    from {

    }
    to {
        transform : translateY(0px);
        opacity : 1
    }
}

.index-advantage .icon { display : flex ; padding-bottom : 43px ; border-bottom : solid 1px #D2D2D2 ; margin-top : 42px }
.index-advantage .icon div { width : 70px ; padding-top : 81px ; background-repeat : no-repeat ; background-position : center top ; margin-right : 14px ; text-align : center }
.index-advantage .icon div:first-of-type { background-image : url(../images/index-icon-5.png) }
.index-advantage .icon div:nth-of-type(2) { background-image : url(../images/index-icon-6.png) }
.index-advantage .icon div:nth-of-type(3) { background-image : url(../images/index-icon-7.png) }
.index-advantage .icon div:nth-of-type(4) { background-image : url(../images/index-icon-8.png) }
.index-advantage .icon b { color : #666666 ; font-size : 15px }

.index-advantage .button { width : 137px ; height : 50px ; background-color : #e7161a ; background-image : url(../images/index-icon-9.png) ; background-position : center center ; background-repeat : no-repeat ; background-size : auto auto ; opacity : 1 !important ; border-radius : 25px ; position : absolute ; left : 0px ; top : 755px ; transition : .5s ; cursor : pointer }
.index-advantage .button:hover { background-color : #000000 }

.index-advantage .img { position : absolute ; right : 0px ; top : 252px }
.index-advantage .img::before { content : "" ; display : block ; width : 657px ; height : 657px ; border : solid 1px #DCDCDC ; border-radius : 50% ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.index-advantage .img::after { content : "" ; display : block ; width : 785px ; height : 785px ; border : solid 1px #DCDCDC ; border-radius : 50% ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.index-advantage .img img { display : none ; width : 540px ; height : 540px ; padding : 19px ; border : solid 1px #BFBFBF ; border-radius : 50% }
.index-advantage .img img:first-of-type { display : block }


.index-show { height : 100% ; padding-top : 228px ; background-color : /* #EFEFEF */#FFFFFF ; box-sizing : border-box }
.index-show .title { text-align : center }
.index-show .title h2 { margin-bottom : 17px ; font-size : 36px ; font-weight : bold }
.index-show .title b { color : #A1A1A1 ; font-family : Arial ; font-size : 16px }
.index-show .swiper-container { padding-bottom : 258px ; margin-top : 61px }
.index-show .swiper-slide { width : 640px ; height : 450px ; border-radius : 8px ; overflow : hidden }
.index-show .swiper-slide a { display : block ; height : 100% }
.index-show .swiper-slide div { height : 100% ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; transition : .5s }
.index-show .swiper-slide:hover div { transform : scale(1.05) }
/* .index-show .swiper-pagination { font-size : 0px ; bottom : 187px !important }
.index-show .swiper-pagination span { width : 12px ; height : 12px ; background-color : #B5B5B5 ; opacity : 1 ; margin : 0px 6.5px !important }
.index-show .swiper-pagination-bullet-active { background-color : #7C7C7C !important } */
.index-show .swiper-pagination { height : 5px !important ; background-color : #dddddd ; font-size : 0px ; top : auto !important ; bottom : 187px !important }
.index-show .swiper-pagination span { background-color : #979797 }

.index-show .swiper-button-prev, .index-show .swiper-button-next { opacity : 1 !important ; outline : none ; top : 187px }


.index-join { height : 100% ; padding-top : 232px ; background-color : #F2F2F2 ; overflow : hidden }
.index-join .title { text-align : center }
.index-join .title h2 { margin-bottom : 17px ; font-size : 36px ; font-weight : bold }
.index-join .title b { font-size : 30px }
.index-join .content { margin-top : 50px }
.index-join .content div { width : 415px ; height : 280px ; /* padding : 190px 34px 0px 34px ; */ background-repeat : no-repeat ; background-position : center center ; background-size : cover ; border-radius : 10px ; float : left ; margin-right : 27.5px ; margin-bottom : 58px ; overflow : hidden ; transition : .6s ; transition-timing-function : ease-out }
.index-join .content div:first-of-type { background-image : url(../images/index-img-6a.jpg) }
.index-join .content div:first-of-type:hover { background-image : url(../images/index-img-6b.jpg) }
.index-join .content div:nth-of-type(2) { background-image : url(../images/index-img-7a.jpg) }
.index-join .content div:nth-of-type(2):hover { background-image : url(../images/index-img-7b.jpg) }
.index-join .content div:nth-of-type(3) { background-image : url(../images/index-img-8a.jpg) ; margin-right : 0px }
.index-join .content div:nth-of-type(3):hover { background-image : url(../images/index-img-8b.jpg) }
.index-join .content a { display : block ; height : 100% ; padding : 190px 34px 0px 34px ; box-sizing : border-box }
.index-join .content h5 { color : #FFFFFF ; font-size : 20px }
.index-join .content div p { margin-top : 12px ; color : #FFFFFF ; font-size : 15px }
.index-join .content>p { color : #666666 ; font-size : 16px ; text-align : center ; line-height : 32px }


.index-support { height : 100% ; padding-top : 210px ; background : url(../images/index-bg-4.jpg) no-repeat center top ; box-sizing : border-box ; overflow : hidden; background-size:cover; }
.index-support .title { text-align : center }
.index-support .title h2 { margin-bottom : 17px ; color : #FFFFFF ; font-size : 36px ; font-weight : bold }
.index-support .title b { color : #A1A1A1 ; font-family : Arial ; font-size : 16px }
.index-support .content { margin-top : 57px }
.index-support .item { width : 324px ; height : 264px ; float : left ; cursor : pointer ; overflow : hidden }
.index-support .item div { width : 100% ; height : 100% ; padding : 140px 32px 0px 32px ; box-sizing : border-box ; transition : .6s ; transition-timing-function : ease-out }
.index-support .item:hover div { padding : 37px 32px 0px 32px ; background-color : #e7161a }
.index-support .item b { color : #6C6C6C ; font-family : Arial ; font-size : 40px ; transition : .5s }
.index-support .item:hover b { color : #FFFFFF }
.index-support .item h5 { margin-top : 20px ; color : #FFFFFF ; font-size : 18px }
.index-support .item p { margin-top : 30px ; opacity : 0.54 ; color : #FFFFFF ; font-size : 15px ; line-height : 26px }
.index-support .item:hover p { margin-top : 20px }


.index-news { height : 100% ; padding-top : 219px ; background-color : #F2F2F2 ; overflow : hidden }
.index-news .title { text-align : center }
.index-news .title h2 { margin-bottom : 17px ; font-size : 36px ; font-weight : bold }
.index-news .title b { color : #A1A1A1 ; font-size : 16px }
.index-news .item { width : 416px ; height : 260px ; background-color : #FFFFFF ; float : left ; margin-top : 25px ; margin-right : 26px ; transition : .3s ; transition-timing-function : ease-out }
.index-news .item.on { background-color : #e7161a ; background-image : url(../images/index-bg-5.jpg) }
.index-news .item:hover { background-color : #e7161a ; background-image : url(../images/index-bg-5.jpg) }
.index-news .img { background-color : transparent }
.index-news .img.on { background-color : transparent ; background-image : none }
.index-news .img:hover { background-color : transparent ; background-image : none }
.index-news .img img { display : none }
.index-news .img img:first-of-type { display : block }
.index-news .content .item:first-of-type { margin-top : 56px }
.index-news .content .item:nth-of-type(2) { margin-top : 56px }
.index-news .content .item:nth-of-type(3) { margin-top : 56px }
.index-news .content .item:nth-of-type(3n) { margin-right : 0px }
.index-news .item a { display : block ; height : 100% }
.index-news .item b { display : block ; width : 356px ; padding : 44px 0px 19px ; opacity : 1 ; margin : 0px auto ; border-bottom : solid 1px #DCDCDC ; color : #888888 ; font-size : 15px ; transition : .5s }
.index-news .item.on b { opacity : 0.5 ; color : #FFFFFF }
.index-news .item:hover b { opacity : 0.5 ; color : #FFFFFF }
.index-news .item h5 { padding : 0px 30px ; margin-top : 21px ; white-space : nowrap ; text-overflow : ellipsis ; font-size : 18px ; overflow : hidden ; transition : .3s ; transition-timing-function : ease-out }
.index-news .item.on h5 { color : #FFFFFF }
.index-news .item:hover h5 { color : #FFFFFF }
.index-news .item p { padding : 0px 30px ; opacity : 1 ; margin-top : 17px ; color : #888888 ; font-size : 15px ; line-height : 24px ; transition : .3s ; transition-timing-function : ease-out }
.index-news .item.on p { opacity : .5 ; color : #FFFFFF }
.index-news .item:hover p { opacity : .5 ; color : #FFFFFF }





/* join */
.join-select { background : url(../images/join-bg-4.jpg) center bottom no-repeat ; padding-top : 70px }

/* title join通用 */
.title.join-common { height : 164px ; text-align : center ; position : relative ; font-size : 0px }
.title.join-common div { display : flex ; flex-direction : column ; padding : 0px 105px ; position : absolute ; left : 50% ; top : 32px ; transform : translateX(-50%) ; overflow : hidden } 
.title.join-common div::before { content : "" ; display : block ; width : 1px ; height : 70px ; background-color : #BFBFBF ; position : absolute ; left : 0px ; top : 40px }
.title.join-common div::after { content : "" ; display : block ; width : 1px ; height : 70px ; background-color : #BFBFBF ; position : absolute ; right : 0px ; top : 40px }
.title.join-common div h2 { display : inline-block ; color : #222222 ; font-size : 40px ; font-weight : bold ; white-space : nowrap ; position : relative }
.title.join-common div h2::before { content : "" ; display : block ; width : 1000px ; height : 1px ; background-color : #BFBFBF ; position : absolute ; right : 100% ; top : 50% ; transform : translate(-32px, 6px) }
.title.join-common div h2::after { content : "" ; display : block ; width : 1000px ; height : 1px ; background-color : #BFBFBF ; position : absolute ; left : 100% ; top : 50% ; transform : translate(32px, 6px) }
.title.join-common div strong { color : #e7161a ; font-size : 50px ; font-weight : bold }
.title.join-common div em { display : inline-block ; height : 46px ; padding : 0px 65px ; background-color : #222222 ; margin-top : 20px ; color : #FFFFFF ; font-size : 18px ; text-align : center ; line-height : 46px ; position : relative }
.title.join-common div em::before { content : "" ; display : block ; width : 1000px ; height : 1px ; background-color : #BFBFBF ; position : absolute ; right : 100% ; top : 50% ; transform : translate(-26px, -50%) }
.title.join-common div em::after { content : "" ; display : block ; width : 1000px ; height : 1px ; background-color : #BFBFBF ; position : absolute ; left : 100% ; top : 50% ; transform : translate(26px, -50%) }
.title.join-common b { color : #ECEBEB ; font-family : Arial ; text-transform : uppercase ; font-size : 90px ; font-weight : bold }

.title.join-common.modify div::before { opacity : 0.41 }
.title.join-common.modify div::after { opacity : 0.41 }
.title.join-common.modify h2 { color : #FFFFFF !important }
.title.join-common.modify h2::before { opacity : 0.41 }
.title.join-common.modify h2::after { opacity : 0.41 }
.title.join-common.modify em::before { opacity : 0.41 }
.title.join-common.modify em::after { opacity : 0.41 }
.title.join-common.modify b { color : #FFFFFF ; opacity : 0.03 }

.join-select .content { display : flex ; justify-content : space-between ; margin-top : 76px }
.join-select .content div { width : 280px ; height : 440px ; padding : 0px 27px ; background-image : url(../images/join-bg-5.png) ; background-repeat : no-repeat ; box-sizing : border-box ;  text-align : center ; transition : .5s ; cursor : pointer }
.join-select .content div:nth-of-type(2n) { background-image : url(../images/join-bg-6.png) }
.join-select .content div:hover { transform : translateY(-5px) }
.join-select .content h5 { color : #444444 ; font-size : 26px }
.join-select .content div:nth-of-type(2n) h5 { color : #FFFFFF }
.join-select .content i { display : block ; height : 85px ; background-repeat : no-repeat ; background-position : center center ; background-size : auto 43px ; margin-top : 45px }
.join-select .content div:nth-of-type(1) i { background-image : url(../images/join-icon-16.png) }
.join-select .content div:nth-of-type(2) i { background-image : url(../images/join-icon-17.png) }
.join-select .content div:nth-of-type(3) i { background-image : url(../images/join-icon-18.png) }
.join-select .content div:nth-of-type(4) i { background-image : url(../images/join-icon-19.png) }
.join-select .content p { margin-top : 12px ; color : #666666 ; font-size : 15px ; line-height : 30px }
.join-select .content div:nth-of-type(2n) p { color : #FFFFFF }


.join-advantage { padding : 73px 0px 94px ; background-color : #f2f2f2 }
.join-advantage .title b { color : #E5E5E5 }
.join-advantage .content { margin-top : 73px }
.join-advantage .item { height : 350px ; background-color : #FFFFFF ; margin-top : 17px ; overflow : hidden ; cursor : pointer }
.join-advantage .content .item:first-of-type { margin-top : 0px }
.join-advantage .item::after { content : "" ; display : block ; clear : both }
.join-advantage .img { width : 618px ; height : 100% ; float : left ; overflow : hidden }
.join-advantage .content .item:nth-of-type(2n) .img { float : right }
.join-advantage .img div { width : 100% ; height : 100% ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; transition : .5s }
.join-advantage .item:hover .img div { transform : scale(1.05) }
.join-advantage .text { width : 682px ; height : 100% ; padding : 67px 40px 0px 44px ; box-sizing : border-box ; float : right }
.join-advantage .content .item:nth-of-type(2n) .text { float : left }
.join-advantage .text b { color : #DFDFDF ; text-transform : uppercase ; font-size : 20px }
.join-advantage .text b::before { content : "" ; display : block ; width : 30px ; height : 2px ; background-color : #e7161a ; margin-bottom : 12px }
.join-advantage .text h3 { margin-top : 28px ; font-size : 26px ; font-weight : bold }
.join-advantage .text p { margin-top : 28px ; color : #666666 ; font-size : 16px ; line-height : 30px }


.join-characteristic { padding : 70px 0px 104px ; background : url(../images/join-bg-7.jpg) center center no-repeat }

.join-characteristic .content { display : flex ; justify-content : space-between ; margin-top : 64px }
.join-characteristic .swiper5 { height : 579px ; --swiper-navigation-size : 0px ; position : relative }
.join-characteristic .swiper5 .swiper-container { height : 522px }
.join-characteristic .swiper5 .swiper-slide { width : 336px ; height : 172px ; padding : 23px 25px 0px 98px ; background-color : #383838 ; box-sizing : border-box ; position : relative ; cursor : pointer ; transition : .5s }
.join-characteristic .swiper5 .swiper-slide:hover { background-color : #e7161a }
.join-characteristic .swiper5 .swiper-slide-thumb-active { background-color : #e7161a }
.join-characteristic .swiper5 span { width : 96px ; height : 100% ; background-repeat : no-repeat ; background-position : center top ; position : absolute ; left : 2px ; top : 28px }
.join-characteristic .swiper5 h5 { margin-bottom : 10px ; color : #FFFFFF ; font-size : 24px }
.join-characteristic .swiper5 p { color : #FFFFFF ; font-size : 15px ; line-height : 22px }
.join-characteristic .button { margin-top : 4px ; position : relative }
.join-characteristic .swiper-button-prev, .join-characteristic .swiper-button-next { width : 165px ; height : 53px ; background-color : #383838 ; background-image : url(../images/join-icon-26.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; outline : none ; top : 0px }
.join-characteristic .swiper-button-prev { left : 0px }
.join-characteristic .swiper-button-prev:hover { background-color : #e7161a }
.join-characteristic .swiper-button-next { right : 0px ; transform : scale(-1) }
.join-characteristic .swiper-button-next:hover { background-color : #e7161a }

.join-characteristic .swiper6 { width : 911px }
.join-characteristic .swiper6 .swiper-slide { /* width : 911px ; */ height : 579px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }

/* .join-characteristic .content { display : flex ; justify-content : space-between ; margin-top : 64px ; position : relative }
.join-characteristic .img { flex-shrink : 0 ; width : 960px }
.join-characteristic .img .item { display : none ; height : 579px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.join-characteristic .img .item:first-of-type { display : block }
.join-characteristic .text { flex-shrink : 0 ; width : 336px }
.join-characteristic .text .item { height : 191px ; padding : 23px 20px 0px 127px ; background-color : #2F2F2F ; box-sizing : border-box ; margin-top : 3px ; color : #FFFFFF ; transition : .1s ; transition-timing-function : ease-out ; position : relative ; cursor : pointer }
.join-characteristic .text .item.on { background-color : #B39372 }
.join-characteristic .text .item:first-of-type { margin-top : 0px }
.join-characteristic .text .item:before { content : "" ; display : block ; width : 120px ; height : 77px ; background-repeat : no-repeat ; background-position : center center ; position : absolute ; left : 7px ; top : 35px }
.join-characteristic .text .item:first-of-type::before { background-image : url(../images/join-icon-20.png) }
.join-characteristic .text .item:nth-of-type(2)::before { background-image : url(../images/join-icon-21.png) }
.join-characteristic .text .item:nth-of-type(3)::before { background-image : url(../images/join-icon-22.png) }
.join-characteristic .text h5 { font-size : 40px ; font-weight : bold }
.join-characteristic .text b { display : block ; margin-top : 5px ; font-size : 24px }
.join-characteristic .text i { display : block ; opacity : 0.4 ; margin-top : 13px ; font-family : Arial ; text-transform : uppercase ; font-size : 13px ; line-height : 18px }
.join-characteristic .button { position : absolute ; right : 0px ; bottom : 0px }
.join-characteristic .button div { width : 54px ; height : 54px ; background-color : #B39372 ; background-repeat : no-repeat ; background-position : center center ; float : left ; transition : .5s ; cursor : pointer }
.join-characteristic .button .prev { background-image : url(../images/join-icon-23a.png) ; margin-right : 4px }
.join-characteristic .button .prev:hover { background-color : #FFFFFF ; background-image : url(../images/join-icon-23b.png) }
.join-characteristic .button .next { background-image : url(../images/join-icon-24a.png) }
.join-characteristic .button .next:hover { background-color : #FFFFFF ; background-image : url(../images/join-icon-24b.png) } */


.join-launch { padding : 75px 0px 89px ; background-color : #f2f2f2 }
.join-launch .title { height : auto }
.join-launch .title p { margin-top : 98px ; color : #666666 ; font-size : 16px ; line-height : 30px }
.join-launch .title b { color : #E3E3E3 }
.join-launch .content { margin-top : 36px }
.join-launch .row-1 img:first-of-type { max-width : 501px ; max-height : 366px ; float : left }
.join-launch .row-1 img:last-of-type { max-width : 788px ; max-height : 366px ; float : right }
.join-launch .row-2 { margin-top : 10px }
.join-launch .row-2>img { max-width : 650px ; max-height : 366px ; float : left }
.join-launch .row-2 div { width : 642px ; float : right }
.join-launch .row-2 div::after { content : "" ; display : block ; clear : both }
.join-launch .row-2 div img { max-width : 317px ; max-height : 179px ; float : left ; margin-top : 8px ; margin-right : 8px }
.join-launch .row-2 div img:first-of-type { margin-top : 0px }
.join-launch .row-2 div img:nth-of-type(2) { margin-top : 0px }
.join-launch .row-2 div img:nth-of-type(2n) { margin-right : 0px }


.join-support { padding-bottom : 810px ; background-color : #f2f2f2 ; position : relative }
.join-support .title { height : 572px ; padding-top : 62px ; background-color : transparent ; background-image : url(../images/join-bg-8.jpg) ; background-position : center center ; background-repeat : no-repeat ; box-sizing : border-box }
.join-support .title div { top : 94px }
.join-support .content { width : 1300px ; padding : 85px 90px 0px 90px ; background-color : #F2F2F2 ; border-radius : 10px 10px 0px 0px ; position : absolute ; left : 50% ; top : 370px ; transform : translateX(-50%) }
.join-support .item { width : 300px ; float : left ; margin-top : 33px ; margin-right : 33px ; cursor : pointer }
.join-support .content .item:first-of-type { margin-top : 0px }
.join-support .content .item:nth-of-type(2) { margin-top : 0px }
.join-support .content .item:nth-of-type(3) { margin-top : 0px }
.join-support .content .item:nth-of-type(4) { margin-top : 0px }
.join-support .content .item:nth-of-type(4n) { margin-right : 0px }
.join-support .item .img { height : 207px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.join-support .item .text { height : 189px ; padding : 34px 30px 0px 30px ; background-color : #FFFFFF ; box-sizing : border-box ; text-align : center ; overflow : hidden ; transition : .5s }
.join-support .item:hover .text { background-color : #e7161a }
.join-support .item h5 { font-size : 22px ; transition : .5s }
.join-support .item:hover h5 { color : #FFFFFF }
.join-support .item p { margin-top : 15px ; color : #666666 ; font-size : 15px ; line-height : 26px ; transition : .5s }
.join-support .item:hover p { color : #FFFFFF }


.join-policy { padding : 62px 0px 100px }
.join-policy .title b { color : #F3F2F2 }
.join-policy .content { margin-top : 67px }
.join-policy .item { width : 420px ; float : left ; margin-right : 20px ; position : relative ; cursor : pointer }
.join-policy .content .item:nth-of-type(3n) { margin-right : 0px }
.join-policy .item .img { height : 502px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.join-policy .item .text { height : 502px ; width : 100% ; padding : 60px 38px 0px 38px ; background-color : #0D224D ; box-sizing : border-box ; opacity : 0 ; overflow : hidden ; transition : .6s ; transition-timing-function : ease-out ; position : absolute ; left : 0px ; top : 0px }
.join-policy .item:hover .text { opacity : .9 }
.join-policy .item p { margin-top : 27px ; color : #FFFFFF ; font-size : 16px ; line-height : 26px }
.join-policy .item p:first-of-type { margin-top : 0px }
.join-policy .item h5 { background-color : #e7161a ; color : #FFFFFF ; font-size : 24px ; font-weight : bold ; text-align : center ; line-height : 74px }


.join-customer { padding-top : 75px ; background-color : #f2f2f2 }
.join-customer .title b { color : #E5E5E5 }
.join-customer .swiper1 { width : 100% ; padding : 62px 0px 180px }
.join-customer .swiper-slide { width : 100% !important }
.join-customer .swiper-slide::after { content : "" ; display : block ; clear : both }
.join-customer .item { width : 410px ; background-color : #FFFFFF ; float : left ; margin-top : 40px ; margin-right : 35px ; position : relative }
.join-customer .swiper-slide .item:first-of-type { margin-top : 0px }
.join-customer .swiper-slide .item:nth-of-type(2) { margin-top : 0px }
.join-customer .swiper-slide .item:nth-of-type(3) { margin-top : 0px }
.join-customer .swiper-slide .item:nth-of-type(3n) { margin-right : 0px }
.join-customer .item a { display : block }
.join-customer .item .img-box { width : 410px ; height : 286px }
.join-customer .item .mask { width : 100% ; height : 100% ; padding-top : 83px ; background-color : #e7161a ; background-image : url(../images/join-bg-9.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 0 ; box-sizing : border-box ; text-align : center ; transition : .5s ; transition-timing-function : ease-out ; position : absolute ; left : 0px ; top : 0px }
.join-customer .item:hover .mask { opacity : 1 }
.join-customer .item h5 { color : #F2F2F2 ; font-size : 24px ; font-weight : bold }
.join-customer .item b { display : block ; margin-top : 28px ; color : #F2F2F2 ; font-size : 16px }
.join-customer .item i { display : block ; margin-top : 10px ; color : #F2F2F2 ; font-size : 30px ; font-weight : bold }
.join-customer .swiper-pagination { font-size : 0px ; bottom : 105px !important }
.join-customer .swiper-pagination span { width : 12px ; height : 12px ; background-color : #B5B5B5 ; opacity : 1 ; margin : 0px 7px !important }
.join-customer .swiper-pagination-bullet-active { background-color : #7C7C7C !important }


.join-apply { padding-bottom : 572px ; background-color : #f2f2f2 ; position : relative }
.join-apply .title { height : 561px ; padding-top : 97px ; background : url(../images/join-bg-10.jpg) center center no-repeat ; box-sizing : border-box }
.join-apply .title div { top : 129px }

.join-apply .content { width : 1300px ; position : absolute ; left : 50% ; top : 392px ; transform : translateX(-50%) }
.join-apply form { width : 805px ; padding : 46px 55px 77px 54px ; background-color : #FFFFFF ; box-sizing : border-box ; float : left }
.join-apply form h3 { padding-bottom : 15px ; font-size : 32px ; text-align : center }
.join-apply input { display : block ; width : 100% ; height : 58px ; background-color : #F2F2F2 ; margin-top : 13px ; color : #666666 ; font-size : 16px ; text-indent : 22px }
.join-apply form>input:first-of-type { margin-top : 23px }
.join-apply input::-webkit-input-placeholder{ color : #666666 }
.join-apply input::-moz-placeholder{ color : #666666 }
.join-apply input:-moz-placeholder{ color : #666666 }
.join-apply input:-ms-input-placeholder{ color : #666666 }
.join-apply .row { margin-top : 14px ; font-size : 0px }
.join-apply .row input { display : inline-block ; width : 203px ; height : 60px ; background-color : #FFFFFF ; border : solid 1px #DCDCDC ; box-sizing : border-box ; margin-top : 0px ; margin-right : 9px ; font-size : 16px }
.join-apply .row img { width : 148px ; height : 60px ; vertical-align : top ; cursor : pointer }
.join-apply .submit { background-color : #e7161a  ; margin-top : 32px ; color : #FFFFFF ; font-size : 16px ; font-weight : bold ; text-indent : 0px ; text-align : center ; transition : .5s ; cursor : pointer }
.join-apply .submit:hover { background-color : #000000 }
.join-apply .distpicker { margin-top : 14px ; font-size : 0px }
.join-apply .distpicker select { width : 339px ; height : 58px ; padding : 0px 20px ; background-color : #F2F2F2 ; background-image : url(../images/join-icon-15.png) ; background-repeat : no-repeat ; background-position : 304px 26px ; border : none ; outline : none ; box-sizing : border-box ; margin-right : 16px ; color : #666666 ; font-size : 16px ; -webkit-appearance : none ; -moz-appearance : none ; appearance : none }
.join-apply .distpicker select:last-of-type { margin-right : 0px }

.join-apply .dynamic { width : 483px ; padding : 46px 40px 67px 40px ; background-color : #e7161a ; box-sizing : border-box ; float : right }
.join-apply .dynamic h3 { color : #FFFFFF ; font-size : 32px ; text-align : center }

.join-apply .dynamic-switch { height : 450px ; margin-top : 32px ; border-top : dashed 1px rgba(220,220,220,0.46) ; border-bottom : dashed 1px rgba(220,220,220,0.46) }
.join-apply li { height : 150px !important ; padding-top : 27px ; border-top : dashed 1px rgba(220,220,220,0.46) ; box-sizing : border-box }
.join-apply ul li:first-of-type { border-top : none }
.join-apply li h5 { color : #FFFFFF ; font-size : 15px }
.join-apply li p { max-height : 40px ; margin-top : 10px ; color : #FFFFFF ; font-size : 15px ; overflow : hidden }
.join-apply li div { display : flex ; justify-content : space-between ; margin-top : 20px }
.join-apply li b { padding-left : 28px ; background : url(../images/join-icon-25.png) left center no-repeat ; color : #e9d0d1 ; font-size : 15px }
.join-apply li i { color : #e9d0d1 ; font-size : 15px }
/* 原swiper不要了喔 */
/* .join-apply .swiper4 { height : 450px ; margin-top : 32px ; border-top : dashed 1px rgba(220,220,220,0.46) ; border-bottom : dashed 1px rgba(220,220,220,0.46) }
.join-apply .swiper-wrapper { transition-timing-function : linear !important }
.join-apply .swiper-slide { height : 150px ; padding-top : 27px ; border-top : dashed 1px rgba(220,220,220,0.46) ; box-sizing : border-box }
.join-apply .swiper-wrapper .swiper-slide:first-of-type { border-top : none }
.join-apply .swiper-slide h5 { color : #FFFFFF ; font-size : 15px }
.join-apply .swiper-slide p { max-height : 40px ; margin-top : 10px ; color : #FFFFFF ; font-size : 15px ; overflow : hidden }
.join-apply .swiper-slide div { display : flex ; justify-content : space-between ; margin-top : 20px }
.join-apply .swiper-slide b { padding-left : 28px ; background : url(../images/join-icon-25.png) left center no-repeat ; color : #E7D1BB ; font-size : 15px }
.join-apply .swiper-slide i { color : #E7D1BB ; font-size : 15px } */





/* about */
.about-introduce { padding : 93px 0px 0px ; background-color : #f2f2f2 }
.about-introduce h2 { font-size : 40px ; font-weight : bold ; text-align : center }
.about-introduce .main>p { margin-top : 34px ; color : #666666 ; font-size : 16px ; line-height : 36px ; text-align : center }
.about-introduce .about-video { margin-top : 60px ; position : relative ; font-size : 0px ; overflow : hidden }
.about-introduce .about-video img { transition : .5s }
.about-introduce .about-video:hover img { transform : scale(1.03) }
.about-introduce .about-video a { display : block ; height : 100% }
.about-introduce .about-video .mask { width : 100% ; height : 100% ;/* background-image : url(../images/about-icon-2.png) ;*/ background-position : center bottom ; background-repeat : no-repeat ;  position : absolute ; left : 0px ; bottom : 0px }
.about-introduce .about-video i { display : block ; width : 110px ; height : 106px ; /*background-image : url(../images/about-icon-1.png) ;*/ position : absolute ; left : 50% ; top : 36% ; transform : translateX(-50%) }
.about-introduce .item { width : 593px ; border-bottom : solid 1px #D2D2D2 ; float : left ; margin-top : 61px ; margin-right : 114px }
.about-introduce .text .item:first-of-type { margin-top : 84px }
.about-introduce .text .item:nth-of-type(2) { margin-top : 84px }
.about-introduce .text .item:nth-of-type(2n) { margin-right : 0px }
.about-introduce .item h4 { font-size : 30px }
.about-introduce .item .text-box { height : 158px ; margin-top : 22px ; color : #666666 ; font-size : 16px ; line-height : 30px ; overflow : hidden }


.about-show { padding-top : 92px ; background-color : #f2f2f2 }
.about-show .main { max-width : 1920px ; position : relative }
.about-show img { max-width : 33.125% ; float : left ; margin-top : 10px ; margin-right : 33.75% }
.about-show img:first-of-type { margin-top : 0px }
.about-show img:nth-of-type(2) { margin-top : 0px }
.about-show img:nth-of-type(2n) { margin-right : 0% }
.about-show .center { width : 32.6% ; height : 100% ; background : url(../images/about-img-6.jpg) center center no-repeat ; background-size : cover ; text-align : center ; position : absolute ; left : 50% ; top : 0px ; transform : translateX(-50%) }
.about-show .center div { width : 300px ; height : 300px ; padding : 47px 43px ; background-color : rgba(0,0,0,0.64) ; box-sizing : border-box ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.about-show .center div::after { content : "" ; display : block ; width : 24px ; height : 14px ; background-image : url(../images/about-icon-3.png) ; position : absolute ; left : 50% ; bottom : 17.3% ; transform : translateX(-50%) }
.about-show .center h3 { color : #FFFFFF ; font-size : 30px }
.about-show .center p { margin-top : 13px ; color : #CCCCCC ; font-size : 15px ; line-height : 30px }


.about-culture { padding : 86px 0px 78px ; background-color : #f2f2f2 }

/* title about通用 */
.title.about-common { text-align : center }
.title.about-common h2 { margin-bottom : 14px ; font-size : 46px ; font-weight : bold }
.title.about-common b { font-size : 36px ; font-weight : bold }
.title.about-common p { margin-top : 27px ; color : #666666 ; font-size : 16px ; line-height : 30px }

.about-culture .title h2 { margin-bottom : 25px }
.about-culture .item { background-color : #FFFFFF ; margin-top : 20px }
.about-culture .content .item:first-of-type { margin-top : 60px }
.about-culture .item::after { content : "" ; display : block ; clear : both }
.about-culture .item img { max-width : 50% ; max-height : 380px ; float : left }
.about-culture .content .item:nth-of-type(2n) img { float : right }
.about-culture .text { width : 50% ; height : 380px ; padding : 60px 50px 0px 72px ; background-color : #FFFFFF ; box-sizing : border-box ; float : right }
.about-culture .content .item:nth-of-type(2n) .text { float : left }
.about-culture .text h3 { margin-bottom : 12px ; font-size : 30px ; font-weight : bold }
.about-culture .text b { display : block ; margin-bottom : 26px ; color : #CCCCCC ; font-size : 18px }
.about-culture .text p { color : #666666 ; font-size : 16px ; line-height : 36px }
.about-culture .text span { font-weight : bold }


.about-honor { padding-top : 70px ; background-color : #E5E5E5 }
.about-honor .swiper1 { padding-bottom : 150px ; margin-top : 60px }
.about-honor .swiper-slide { position : relative }
.about-honor .swiper-slide a { display : block }
.about-honor .swiper-slide .img-box { width : 305px ; height : 300px }
.about-honor .swiper-slide h5 { height : 66px ; background-color : #FFFFFF ; color : #444444 ; font-size : 15px ; text-align : center ; line-height : 66px }
.about-honor .swiper-pagination { font-size : 0px ; bottom : 70px !important }
.about-honor .swiper-pagination span { width : 12px ; height : 12px ; background-color : #B5B5B5 ; opacity : 1 ; margin : 0px 6.5px !important }
.about-honor .swiper-pagination-bullet-active { background-color : #7C7C7C !important }
.about-honor .swiper-slide .mask { width : 305px ; height : 300px ; background-color : rgba(0,0,0,.4) ; background-image : url(../images/magnifier.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transition : .5s }
.about-honor .swiper-slide:hover .mask { opacity : 1 }


.about-process { padding : 82px 0px 0px ; background : url(../images/about-bg-1.jpg) center center no-repeat ; background-size : cover }
.about-process .title {  }
.about-process .title h2 { color : #FFFFFF }
.about-process .title b { color : #FFFFFF }
.about-process .content { margin-top : 77px }
.about-process .swiper2 {  }
.about-process .swiper2 .swiper-slide { min-height : 446px ; padding : 37px 48px 42px 58px ; background-color : #E5E5E5 ; box-sizing : border-box ; cursor : pointer }
.about-process .swiper2 .swiper-slide::after { content : "" ; display : block ; clear : both }
.about-process .swiper2 .text { width : 576px ; padding-top : 50px ; float : left }
.about-process .swiper2 h5 { padding-bottom : 20px ; border-bottom : solid 1px #BFBFBF ; font-size : 50px ; position : relative }
.about-process .swiper2 h5::after { content : "" ; display : block ; width : 113px ; height : 1px ; background-color : #484848 ; position : absolute ; left : 0px ; bottom : -1px }
.about-process .swiper2 p { margin-top : 32px ; font-size : 16px ; line-height : 32px }
.about-process .swiper2 img { display : block ; max-width : 549px ; max-height : 367px ; position : absolute ; right : 48px ; top : 50% ; transform : translateY(-50%) }

.about-process .swiper3 { --swiper-navigation-size : 0px ; position : relative }
.about-process .swiper3 .swiper-container { width : 1137px ; height : 248px ; background : url(../images/about-bg-2.png) center 98px no-repeat }
.about-process .swiper3 .swiper-slide { height : 248px ; padding-top : 94px ; box-sizing : border-box ; font-size : 0px ; text-align : center ; cursor : pointer }
.about-process .swiper3 i { display : inline-block ; width : 9px ; height : 9px ; background-color : #A0A0A0 ; border-radius : 50% ; transition : .3s }
.about-process .swiper3 .swiper-slide-thumb-active i { background-color : #FFFFFF }
.about-process .swiper3 .swiper-slide:hover i { background-color : #FFFFFF }
.about-process .swiper3 b { display : block ; margin-top : 20px ; color : #CBCBCB ; font-size : 20px ; transition : .3s }
.about-process .swiper3 .swiper-slide-thumb-active b { margin-top : 12px ; color : #FFFFFF ; font-size : 30px }
.about-process .swiper3 .swiper-slide:hover b { margin-top : 12px ; color : #FFFFFF ; font-size : 30px }
.about-process .swiper3 .swiper-button-prev, .about-process .swiper3 .swiper-button-next { width : 46px ; height : 46px ; background-image : url(../images/about-icon-4a.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; outline : none ; top : 74px }
.about-process .swiper3 .swiper-button-prev { left : 0px }
.about-process .swiper3 .swiper-button-prev:hover { background-image : url(../images/about-icon-4b.png) }
.about-process .swiper3 .swiper-button-next { right : 0px ; transform : scale(-1) }
.about-process .swiper3 .swiper-button-next:hover { background-image : url(../images/about-icon-4b.png) }


.about-style { padding : 82px 0px 80px ; background-color : #f2f2f2 }
.about-style ul { display : flex ; justify-content : center ; margin-top : 33px }
.about-style li { width : 159px ; height : 49px ; background-color : #ABABAB ; border-radius : 25px ; margin : 0px 10px ; color : #FFFFFF ; font-size : 16px ; text-align : center ; line-height : 49px ; transition : .5s ; cursor : pointer }
.about-style li.on { background-color : #e7161a ; color : #FFFFFF }
.about-style li:hover { background-color : #e7161a ; color : #FFFFFF }
.about-style .swiper-box { margin-top : 54px }
.about-style .swiper-container { display : none ; padding-bottom : 167px }
.about-style .swiper-container.on { display : block }
.about-style .swiper-slide::after { content : "" ; display : block ; clear : both }
.about-style .swiper-slide .item { width : 410px ; height : 286px ; background-color : #FFFFFF ; float : left ; margin-top : 33px ; margin-right : 35px ; position : relative }
.about-style .swiper-slide .item:first-of-type { margin-top : 0px }
.about-style .swiper-slide .item:nth-of-type(2) { margin-top : 0px }
.about-style .swiper-slide .item:nth-of-type(3) { margin-top : 0px }
.about-style .swiper-slide .item:nth-of-type(3n) { margin-right : 0px }
.about-style .swiper-slide .item a { display : block }
.about-style .swiper-slide .item .img-box { width : 410px ; height : 286px ; padding : 16px 14px ; box-sizing : border-box }
.about-style .swiper-slide .item .mask { width : 410px ; height : 100% ; background-color : rgba(0,0,0,.4) ; background-image : url(../images/magnifier.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transition : .5s }
.about-style .swiper-pagination { background-color : #DDDDDD ; bottom : 81px !important }
.about-style .swiper-pagination span { background-color : #969696 }
.about-style .swiper-slide .item:hover .mask { opacity : 1 }
.about-style .main>p { color : #444444 ; font-size : 30px ; font-weight : bold ; text-align :center ; line-height : 60px }





/* product-detail */
.pd-parameter { padding : 90px 0px ; background-color : #f2f2f2 }
/* .pd-parameter img { max-width : 720px ; max-height : 540px ; float : left } */
.pd-parameter .img { width : 719px ; height : 540px ; background-color : #FFFFFF ; float : left ; position : relative }
.pd-parameter .img img { max-width : 750px ; max-height : 540px ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.pd-parameter .text { width : 515px ; float : right }
.pd-parameter .text h3 { height : 87px ; border-bottom : solid 1px #DCDCDC ; margin-bottom : 23px ; font-size : 28px ; line-height : 87px }
.pd-parameter .text p { /* margin-top : 23px ; */ color : #444444 ; font-size : 15px ; line-height : 30px }
.pd-parameter .text ul { margin-top : 28px }
.pd-parameter .text li { color : #444444 ; font-size : 15px ; line-height : 36px }
.pd-parameter .text b { font-weight : bold }


.pd-detail { background-color : #F2F2F2 }
.pd-detail h2 { height : 80px ; background-color : #E4E4E4 ; font-size : 24px ; text-align : center ; line-height : 80px }
.pd-detail .content { max-width : 1300px ; padding : 50px 0px 100px ; margin : 0px auto }


.pd-about { padding-bottom : 92px ; background-color : #f2f2f2 }
.pd-about .main { position : relative }
.pd-about h3 { font-size : 24px ; text-align : center }
.pd-about .swiper-container { width : 1100px ; margin-top : 32px }
.pd-about .swiper-slide { background-color : #FFFFFF ; text-align : center }
.pd-about .swiper-slide a { display : block }
.pd-about .swiper-slide .img-box { width : 346px ; height : 260px ; overflow : hidden }
.pd-about .swiper-slide img { transition : .5s }
.pd-about .swiper-slide:hover img { transform : scale(1.05) }
.pd-about .swiper-slide .text { padding : 17px 0px 20px }
.pd-about .swiper-slide h4 { margin-bottom : 10px ; font-size : 16px }
.pd-about .swiper-slide b { color : #909090 ; font-size : 15px }
.pd-about .button { --swiper-navigation-size : 37px ; --swiper-navigation-color : #888888 }
.pd-about .swiper-button-prev, .pd-about .swiper-button-next { opacity : 1 !important ; outline : none }





/* contact */
.contact-message { padding : 78px 0px 83px ; background-color : #f2f2f2 }
.contact-message .text { width : 590px ; float : left }
.contact-message .text b { display : block ; margin-top : 24px ; color : #666666 ; font-size : 16px }
.contact-message .text i { display : block ; margin-top : 12px ; color : #444444 ; font-size : 36px }
.contact-message .text span { display : block ; margin-top : 9px ; color : #666666 ; font-size : 16px ; line-height : 36px }
.contact-message .text p { height : 79px ; border-bottom : solid 1px #DCDCDC ; color : #444444 ; font-size : 16px ; line-height : 79px }
.contact-message .text p:first-of-type { border-top : solid 1px #DCDCDC ; margin-top : 46px }
.contact-message .right { width : 650px ; padding : 43px 0px 56px ; background-color : #E5E5E5 ; float : right }
.contact-message .right h3 { color : #444444 ; font-size : 26px ; text-align : center }
.contact-message form { width : 498px ; margin : 0px auto ; font-size : 0px }
.contact-message form input { width : 100% ; height : 64px ; background-color : #F4F4F4 ; margin-top : 10px ; color : #888888 ; font-size : 16px ; text-indent : 25px }
.contact-message form>input:first-of-type { margin-top : 35px }
.contact-message form input::-webkit-input-placeholder{ color : #888888 }
.contact-message form input::-moz-placeholder{ color : #888888 }
.contact-message form input:-moz-placeholder{ color : #888888 }
.contact-message form input:-ms-input-placeholder{ color : #888888 }
.contact-message form div { margin-top : 10px }
.contact-message form div input { width : 341px ; margin-top : 0px }
.contact-message form div img { width : 157px ; height : 64px ; vertical-align : top ; cursor : pointer }
.contact-message input[type="submit"] { background-color : #919191 ; margin-top : 32px ; color : #FFFFFF ; font-size : 20px ; text-indent : 0px ; text-align : center ; cursor : pointer ; transition : .5s }
.contact-message form>input:last-of-type:hover { background-color : #000000 }


.contact-map { width : 100% ; max-width : 1920px ; margin : 0px auto ; font-size : 0px }





/* news */
.news-main { padding : 60px 0px 75px ; background-color : #f2f2f2 }
.news-main .top { background-color : #FFFFFF ; margin-bottom : 62px }
.news-main .top a { display : block ; height : 100% }
.news-main .top a::after { content : "" ; display : block ; clear : both }
.news-main .top .img { width : 628px ; float : left ; font-size : 0px ; overflow : hidden }
.news-main .top img { max-height : 393px ; transition : .5s }
.news-main .top:hover img { transform : scale(1.03) }
.news-main .top .text { width : 672px ; padding : 69px 60px 0px 60px ; box-sizing : border-box ; float : right ; overflow : hidden }
.news-main .top h4 { font-size : 24px ; transition : .5s }
.news-main .top:hover h4 { color : #000000 }
.news-main .top p { min-height : 180px ; margin-top : 27px ; color : #666666 ; font-size : 16px ; line-height : 30px }
.news-main .top b { display : block ; margin-top : 15px ; color : #888888 ; font-size : 15px }
.news-main .item { width : 410px ; background-color : #FFFFFF ; float : left ; margin-top : 60px ; margin-right : 35px }
.news-main .list .item:first-of-type { margin-top : 0px }
.news-main .list .item:nth-of-type(2) { margin-top : 0px }
.news-main .list .item:nth-of-type(3) { margin-top : 0px }
.news-main .list .item:nth-of-type(3n) { margin-right : 0px }
.news-main .item a { display : block }
.news-main .item .img-box { width : 410px ; height : 256px ; overflow : hidden }
.news-main .item img { transition : .5s }
.news-main .item:hover img { transform : scale(1.03) }
.news-main .item .text { height : 231px ; padding : 42px 32px 0px 32px ; box-sizing : border-box ; overflow : hidden ; transition : .5s ; transition-timing-function : ease-out }
.news-main .item:hover .text { background-color : #e7161a }
.news-main .item h5 { font-size : 16px ; font-weight : bold ; transition : .5s }
.news-main .item:hover h5 { color : #FFFFFF }
.news-main .item p { min-height : 72px ; margin-top : 25px ; color : #666666 ; font-size : 15px ; line-height : 24px ; transition : .5s }
.news-main .item:hover p { opacity : 0.6 ; color : #FFFFFF }
.news-main .item b { display : block ; margin-top : 11px ; color : #888888 ; font-size : 15px ; transition : .5s }
.news-main .item:hover b { opacity : 0.6 ; color : #FFFFFF }

/* 分页通用 */
.pages { display : flex ; justify-content : center ; margin-top : 90px }
.pages .fixed { font-size : 0px }
.pages .fixed a { display : inline-block ; width : 39px ; height : 39px ; border : solid 1px #BFBFBF ; box-sizing : border-box ; margin-right : 5px ; color : #666666 ; font-family : Arial ; font-size : 14px ; text-align : center ; line-height : 37px ; transition : .5s }
.pages .fixed a:last-of-type { margin-right : 10px }
.pages .fixed a.on { border : solid 1px #434343 ; color : #444444 }
.pages .fixed a:hover { border : solid 1px #434343 ; color : #444444 }
.pages .fixed .disable { pointer-events : none }
.pages .fixed .prev, .pages .fixed .next { color : #444444 ; font-family : Arial }
.pages form { font-size : 0px }
.pages form input { width : 60px  ; height : 39px ; border : solid 1px #BFBFBF ; box-sizing : border-box ; color : #666666 ; text-align : center }
.pages form input:first-of-type { border-right : none ; vertical-align : top }
.pages form input:last-of-type:hover { border : solid 1px #434343 ; color : #444444 }





/* shop */
.shop-main { padding : 65px 0px 68px ; background-color : #f2f2f2 }
.shop-main .title { text-align : center }
.shop-main .title h2 { margin-bottom : 20px ; font-size : 40px }
.shop-main .title em { color : #666666 ; font-size : 16px }

.shop-main .search { padding : 27px 0px ; background-color : #e9e9e9 ; border-bottom : solid 1px #D2D2D2 ; margin-top : 67px }
.shop-main .search form { max-width : 1300px ; margin : 0px auto }
.shop-main .search .distpicker { float : left ; font-size : 0px }
.shop-main .search .distpicker select { width : 398px ; height : 50px ; padding : 0px 16px ; background-color : #F2F2F2 ; background-image : url(../images/join-icon-15.png) ; background-repeat : no-repeat ; background-position : 364px 20px ; border : solid 1px #D2D2D2 ; outline : none ; box-sizing : border-box ; margin-right : 26px ; color : #888888 ; font-size : 16px ; -webkit-appearance : none ; -moz-appearance : none ; appearance : none ; cursor : pointer }
.shop-main .search .distpicker select:last-of-type { margin-right : 0px }
.shop-main .search input { width : 177px ; height : 50px ; background-color : #7D7D7D ; float : right ; color : #FFFFFF ; font-size : 16px ; text-align : center ; line-height : 50px ; transition : .5s }
.shop-main .search input:hover { background-color : #000000 }

.shop-main .list { max-width : 1300px ; margin : 0px auto }
.shop-main .item { width : 400px ; background-color : #FFFFFF ; float : left ; margin-top : 40px ; margin-right : 50px ; position : relative }
.shop-main .list .item:first-of-type { margin-top : 60px }
.shop-main .list .item:nth-of-type(2) { margin-top : 60px }
.shop-main .list .item:nth-of-type(3) { margin-top : 60px }
.shop-main .list .item:nth-of-type(3n) { margin-right : 0px }
.shop-main .item a { display : block }
.shop-main .item .img-box { width : 400px ; height : 300px }
.shop-main .item .text { height : 106px ; padding : 29px 10px 26px 10px ; box-sizing : border-box ; overflow : hidden ; text-align : center }
.shop-main .item h5 { margin-bottom : 10px ; font-size : 18px }
.shop-main .item b { color : #909090 ; font-size : 15px }
.shop-main .item .mask { width : 100% ; height : 300px ; background-color : rgba(0,0,0,0.4) ; background-image : url(../images/magnifier.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 0 ; transition : .5s ; transition-timing-function : ease-out ; position : absolute ; left : 0px ; top : 0px }
.shop-main .item:hover .mask { opacity : 1 }

.shop-main .pages { margin-top : 80px }





/* product */
.product-main { padding-bottom : 77px ; background-color : #f2f2f2 }
.product-main .item { width : 400px ; height : 386px ; background-color : #FFFFFF ; float : left ; margin-top : 52px ; margin-right : 50px ; position : relative ; perspective : 3000px }
.product-main .list .item:first-of-type { margin-top : 57px }
.product-main .list .item:nth-of-type(2) { margin-top : 57px }
.product-main .list .item:nth-of-type(3) { margin-top : 57px }
.product-main .list .item:nth-of-type(3n) { margin-right : 0px }
.product-main .item a { display : block ; height : 100% }
.product-main .item .img1, .product-main .item .img2 { width : 100% ; height : 300px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; backface-visibility : hidden ; position : absolute ; left : 0px ; top : 0px ; /* transition : 1s ; transition-timing-function : ease-out */ }
.product-main .item .img1 { /* transform : rotateY(0deg) */ }
.product-main .item:hover .img1 { /* transform : rotateY(180deg) */display : none }
.product-main .item .img2 { /* transform : rotateY(-180deg) */display : none }
.product-main .item:hover .img2 { /* transform : rotateY(0deg) */display : block }
.product-main .item .img-box { width : 400px ; height : 300px }
.product-main .item .text { height : 106px ; padding : 31px 10px 0px 10px ; box-sizing : border-box ; text-align : center ; overflow : hidden }
.product-main .item h4 { margin-bottom : 10px ; font-size : 18px }
.product-main .item b { color : #909090 ; font-size : 15px }

.product-main .pages { margin-top : 94px }





/* case */
.case-main { padding-bottom : 72px ; background-color : #f2f2f2 }
.case-main .item { width : 400px ; background-color : #FFFFFF ; float : left ; margin-top : 53px ; margin-right : 50px ; position : relative }
.case-main .list .item:first-of-type { margin-top : 57px }
.case-main .list .item:nth-of-type(2) { margin-top : 57px }
.case-main .list .item:nth-of-type(3) { margin-top : 57px }
.case-main .list .item:nth-of-type(3n) { margin-right : 0px }
.case-main .item a { display : block }
.case-main .item .img-box { width : 400px ; height : 300px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.case-main .item .text { height : 106px ; padding : 29px 10px 0px 10px ; box-sizing : border-box ; text-align : center ; overflow : hidden }
.case-main .item h5 { margin-bottom : 10px ; font-size : 18px }
.case-main .item b { color : #909090 ; font-size : 15px }
.case-main .item .mask { width : 100% ; height : 300px ; background-color : rgba(0,0,0,0.4) ; background-image : url(../images/magnifier.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 0 ; transition : .5s ; transition-timing-function : ease-out ; position : absolute ; left : 0px ; top : 0px }
.case-main .item:hover .mask { opacity : 1 }

.case-main .pages { margin-top : 86px }





/* news-detail */
.nd-main { background-color : #F2F2F2 ; overflow : hidden }
.nd-main h2 { margin-top : 50px ; font-size : 24px ; text-align : center }
.nd-statistics { display : flex ; justify-content : center ; align-items : center ; margin-top : 40px }
.nd-statistics i { width : 14px ; height : 14px ; background-image : url(../images/nd-icon1.png) ; margin-right : 12px }
.nd-statistics b { width : 14px ; height : 9px ; background-image : url(../images/nd-icon2.png) ; margin-left : 24px ; margin-right : 15px }
.nd-statistics span { color : #666666 }
.nd-main .text-box { margin-top : 52px }
.nd-main p { color : #666666 ; font-size : 16px ; line-height : 30px }
.nd-main .img-container { width : 846px ; height : 623px ; margin : 74px auto 77px auto }
.nd-main .img-box { width : 846px ; height : 623px }
.nd-main .bottom { height : 65px ; background-color : #F8F8F8 ; margin-bottom : 69px }
.nd-main .bottom a { color : #666666 ; font-size : 16px ; line-height : 65px ; transition : .5s }
.nd-main .bottom a:first-of-type { float : left ; margin-left : 14px }
.nd-main .bottom a:first-of-type::before { content : "" ; display : inline-block ; width : 10px ; height : 10px ; background-image : url(../images/nd-icon3.png) ; margin-right : 12px }
.nd-main .bottom a:last-of-type { float : right ; margin-right : 30px }
.nd-main .bottom a:last-of-type::before { content : "" ; display : inline-block ; width : 10px ; height : 10px ; background-image : url(../images/nd-icon4.png) ; margin-right : 31px }
.nd-main .bottom a:hover { color : #e7161a}


.nav2s{
	border:1px solid #ccc;
	position: relative;
}
.nav2s h4{
	font-size:16px;
	color:#666;
	width:350px;
	height:50px;
	line-height:50px;
	padding-left:15px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.nav2s h4::after{
	content: '';
	display:inline-block;
	width:15px;
	height:9px;
	background:url(../images/angle.png) no-repeat center;
	position: absolute;
	right:15px;
	top:20px;
}
.nav2s ul{
	display:block;
	width:100%;
	position: absolute;
	left:0;
	top:50px;
	background:#f2f2f2;
	z-index: 99;
	display:none;
}
.nav2s:hover>ul{
	display:block;
}
.nav2s ul li{
	width:100%
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#666;
	padding-left:15px;
	box-sizing: border-box;
}
.nav2s ul li:hover,
.nav2s ul li.on{
	background-color: #d9d9d9;
}
.nav2s ul li a{
	display:block;
}