@charset "utf-8";



/* Hschubin */

*{ margin : 0 ; padding : 0 }

html { font-family : "Microsoft YaHei" ; font-size : 625% ; color : #333 }

body { max-width : 640px ; padding-top : 0.87rem ; margin : auto ; font-size : .18rem ; background : #fff }

p,input { font-size : inherit }

a{ color : inherit ; text-decoration : none ; outline-style : none ; border : none }

ul,ol,li{ list-style : none }

img{ vertical-align : middle ; border : none ; display : inline-block ; max-width : 100% ; max-height : 100% }

a,button,input,textarea{ -webkit-tap-highlight-color : rgba(0,0,0,0) ; tap-highlight-color : rgba(0,0,0,0) }

b { font-weight : normal }

em,i{ font-style : normal }

h1,h2,h3,h4,h5,h6,strong{ font-weight : normal }

input, textarea { outline : none ; background : none ; border: none }

button { background-color : transparent ; border : none }





.clearfix{ *zoom : 1 }

.clearfix:before,.clearfix:after{ content : '' ; display : block ; height : 0 ; clear : both ;visibility : hidden }

.bl{ float : left ; display : inline-block }

.br{ float : right ; display : inline-block }

.main{ max-width : 6rem ; margin : 0 auto }

.img-box{ display : table-cell ; vertical-align : middle ; text-align : center }

.banner-other{ width : 100% ; max-width : 6.4rem ; margin : 0 auto }

.banner-other img{ width : 100% }

.col-1{ width : 100% ; float : left ; display : inline-block }

.col-2{ width : 50% ; float : left ; display : inline-block }

.col-3{ width : 33.33% ; float : left ; display : inline-block }

.col-4{ width : 25% ; float : left ; display : inline-block }



/* @font-face {

    font-family : SourceHanSansCN;

    src : url(../font/SourceHanSansCN-Normal.otf)

} */











/* header */

.header { max-width : 6.4rem ; background-color : #FFFFFF ; box-shadow: 0rem 0.03rem 0.1rem 0rem rgba(193, 193, 193, 0.39) ; margin : auto ; position : fixed ; left : 0rem ; right : 0rem ; top : 0rem ; z-index : 999 }

.header .main { display : flex ; justify-content : space-between ; align-items : center ; height : 0.87rem }

.header .main h1 { width : 2.82rem ; height : 0.53rem ; background : url(../images/header-logo.png) center center no-repeat ; background-size : 100% 100% ; text-indent : -9.99rem ; text-overflow : ellipsis ; overflow : hidden ; position : relative }

.header .main a { display : block ; width : 100% ; height : 100% ; position : absolute ; left : 0rem ; top : 0rem }

.header .main i { display : block ; width : 0.47rem ; height : 100% ; background-image : url(../images/header-icon-1a.png) ; background-size : 0.47rem 0.35rem ; background-position : right center ; background-repeat : no-repeat }

/* .header .main i.close { background-image : url(../images/header-icon-1b.png) ; background-size : 0.31rem 0.31rem } */



.nav { overflow : hidden }

.nav ul { background-color : rgba(0,0,0,0.8) ; opacity : 0 ; overflow-y : auto ; transition : .5s }

.nav li { padding : 0rem 0.2rem ; border-bottom : solid 0.01rem #707070 ; color : #FFFFFF ; font-size : 0.26rem ; line-height : 0.96rem ; overflow : hidden ; position : relative ; transition : .5s }

.nav ul li:last-of-type { border-bottom : none }

.nav a { display : block }

/* .nav li div a { padding-left : 0.2rem ; font-size : 0.22rem ; line-height : 0.5rem } */











/* banner */

.banner { font-size : 0px }











/* footer */
.footer { padding-bottom : 0.82rem }

.footer .top { padding : 0.3rem 0rem 0.7rem ; background-color : #323232 }

.footer .top ul { display : flex ; justify-content : space-between ; border-bottom : solid 0.01rem rgba(255,255,255,0.14) }

.footer .top li { color : #FFFFFF ; line-height : 0.8rem }

.footer .top a { display : block }

.footer .top .tel { margin-top : 0.45rem }

.footer .top em { color : #B6BABB ; font-size : 0.18rem }

.footer .top span { display : block ; margin-top : 0.12rem ; color : #FFFFFF ; font-family : Arial ; font-size : 0.32rem }

.footer .top .info { margin : 0.35rem 0rem 0.37rem ; color : #B6BABB ; line-height : 0.3rem }

.footer .top .img-box { width : 1.7rem ; height : 1.7rem }



.footer .bottom { padding : 0.15rem 0rem ; background-color : #272727 }

.footer .bottom p { color : #8A8A8A ; line-height : 0.37rem }

.footer .bottom .icp { margin-left : 0.3rem }





/* tabBar */
.tab-bar { width : 6.4rem ; height : 0.82rem ; background-color : #24278b ; margin : auto ; position : fixed ; left : 0rem ; right : 0rem ; bottom : 0rem ; z-index : 10 }
.tab-bar ul { /* max-width : 6rem ; margin : 0 auto */ }
.tab-bar li { width : 33.33% ; height : 100% ; float : left ; text-align : center ; position : relative }
.tab-bar li::after { content : "" ; display : block ; width : 1px ; height : 0.22rem ; background-color : #90b9bd ; position : absolute ; right : -1px ; top : 0.3rem }
.tab-bar li:last-of-type::after { display : none }
.tab-bar a { display : block ; height : 100% ; padding-left : 0.33rem ; box-sizing : border-box ; color : #FFFFFF ; font-size : 0.22rem ; line-height : 0.82rem ; position : relative }
.tab-bar a::before { content : "" ; display : block ; width : 0.25rem ; height : 0.82rem ; background-repeat : no-repeat ; background-position : center center ; position : absolute ; left : 0.46rem ; top : 0rem }
.tab-bar li:first-of-type a::before { background-image : url(../images/footer-icon-2.png) ; background-size : 0.25rem 0.25rem }
.tab-bar li:nth-of-type(2) a::before { background-image : url(../images/footer-icon-3.png) ; background-size : 0.25rem 0.25rem }
.tab-bar li:last-of-type a::before { background-image : url(../images/footer-icon-4.png) ; background-size : 0.19rem 0.25rem }











/* index */

.index-link { margin-top : 0.74rem }

.index-link .title { text-align : center }

.index-link .title h2 { color : #222222 ; font-size : 0.26rem ; font-weight : bold }

.index-link .title h2::after { content : "" ; display : block ; width : 0.41rem ; height : 0.02rem ; background-color : #aeaeae ; margin : 0.25rem auto 0rem auto }

.index-link .title p { margin-top : 0.17rem ; color : #666666 ; line-height : 0.36rem }

.index-link .title a { display : block ; width : 2.26rem ; height : 0.59rem ; border : solid 0.01rem #DCDCDC ; box-sizing : border-box ; margin : 0.45rem auto 0rem auto ; color : #666666 ; font-size : 0.2rem ; line-height : 0.57rem }

.index-link .link { margin-top : 0.74rem }

.index-link .link .index-video { height : 5.57rem }

.index-link .link .index-join { height : 2.75rem ; margin-top : 0.12rem }

.index-link .link .index-culture { height : 2.75rem ; margin-top : 0.12rem }

.index-link .link .common { position : relative ; overflow : hidden }

.index-link .link a { display : block ; height : 100% }

.index-link .link .img { height : 100% ; background-size : cover ; background-repeat : no-repeat ; background-position : center center }

.index-link .link .index-video .img { background-image : url(../images/index-img-1.jpg) }

.index-link .link .index-join .img { background-image : url(../images/index-img-2.jpg) }

.index-link .link .index-culture .img { background-image : url(../images/index-img-3.jpg) }

.index-link .link .text { width : 100% ; height : 100% ; padding : 0.78rem 0.5rem 0rem ; box-sizing : border-box ; position : absolute ; left : 0rem ; top : 0rem }

.index-link .link .index-video .text { padding : 0.64rem 0.5rem 0rem }

.index-link .link .index-video .text::after { content : "" ; display : block ; width : 0.59rem ; height : 0.59rem ; background-image : url(../images/index-icon-1.png) ; background-size : 100% 100% ; position : absolute ; left : 0.5rem ; bottom : 0.5rem }

.index-link .link em { color : #FFFFFF ; font-family : Arial ; font-size : 0.24rem ; font-weight : bold ; text-transform : uppercase }

.index-link .link h3 { margin-top : 0.24rem ; color : #FFFFFF ; font-size : 0.26rem }





.index-product { padding : 0.73rem 0rem 0.87rem }



/* title index通用 */

.title.index-common { position : relative }/* 6 11 7 */

.title.index-common h2 { display : inline-block ; color : #222222 ; font-size : 0.26rem ; font-weight : bold ; position : relative }

.title.index-common h2::after { content : "" ; display : block ; width : 0.26rem ; height : 0.04rem ; background-color : #24278b ; position : absolute ; right : -0.46rem ; top : 50% ; transform : translateY(-50%) }

.title.index-common em { display : block ; margin-top : 0.05rem ; color : #222222 ; font-size : 0.26rem ; text-transform : uppercase ; font-weight : bold }

.title.index-common a { display : block ; width : 1.82rem ; height : 0.52rem ; border : solid 0.01rem #DCDCDC ; box-sizing : border-box ; color : #666666 ; font-family : Arial ; text-align : center ; line-height : 0.5rem ; position : absolute ; right : 0rem ; top : 0.12rem }



.index-product .content { margin-top : 0.35rem }

.index-product .item { width : 2.94rem ; float : left ; margin-top : 0.13rem ; margin-right : 0.12rem ; position : relative ; overflow : hidden }

.index-product .content .item:first-of-type { margin-top : 0rem }

.index-product .content .item:nth-of-type(2) { margin-top : 0rem }

.index-product .content .item:nth-of-type(2n) { margin-right : 0rem }

.index-product .item a { display : block }

.index-product .item .img { height : 2.04rem;background-size: cover; }

.index-product .item h4 { width : 100% ; height : 0.93rem ; padding : 0.48rem 0.15rem 0rem ; background-image : url(../images/index-bg-1.png) ; background-size : 100% 100% ; box-sizing : border-box ; color : #FFFFFF ; font-size : 0.18rem ; text-align : center ; position : absolute ; left : 0rem ; bottom : 0rem }





.index-news { padding : 0.85rem 0rem 1.02rem ; background-color : #2B2B2B }

.index-news .title h2 { color : #FFFFFF }

.index-news .title em { color : #FFFFFF }

.index-news .title a { border-color : #535353 ; color : #FFFFFF }



.index-news .content { margin-top : 0.5rem }

.index-news .content .item:last-of-type { margin-top : 0.64rem }

.index-news .item a { display : block }

.index-news .item .img-box { width : 6rem ; height : 2.63rem }

.index-news .item .text { margin-top : 0.46rem }

.index-news .item .text::after { content : "" ; display : block ; width : 1.56rem ; height : 0.01rem ; margin-top : 0.3rem ; background-color : #24278b }

.index-news .item h4 { color : #FFFFFF ; font-size : 0.22rem }

.index-news .item p { margin-top : 0.1rem ; color : #949494 ; line-height : 0.3rem }

.index-news .item span { display : block ; margin-top : 0.25rem ; color : #949494 }





.index-advantage { padding : 1.05rem 0rem 1.2rem ; background : url(../images/index-bg-2.jpg) center center no-repeat ; background-size : cover ; text-align : center }

.index-advantage h2 { color : #222222 ; font-size : 0.26rem ; font-weight : bold }

.index-advantage h2::after { content : "" ; display : block ; width : 0.41rem ; height : 0.02rem ; background-color : #509197 ; margin : 0.22rem auto 0rem auto }

.index-advantage p { margin-top : 0.22rem ; color : #666666 ; line-height : 0.36rem }

.index-advantage a { display : block ; width : 2.26rem ; height : 0.6rem ; border : solid 0.01rem #DCDCDC ; box-sizing : border-box ; margin : 0.7rem auto 0rem auto ; color : #666666 ; text-align : center ; line-height : 0.58rem }











/* join */

.join-brand { margin-top : 0.7rem }



/* title join通用 */ /* 5 15 4 */

.title.join-common { padding-bottom : 0.3rem ; text-align : center ; position : relative }

.title.join-common::before { content : "" ; display : block ; width : 6.4rem ; height : 0.01rem ; background-color : #DCDCDC ; position : absolute ; left : 50% ; bottom : 0rem ; transform : translateX(-50%) }

.title.join-common::after { content : "" ; display : block ; width : 0.6rem ; height : 0.05rem ; background-color : #24278b ; position : absolute ; left : 50% ; bottom : -0.02rem ; transform : translateX(-50%) }

.title.join-common em { color : #CDCDCD ; font-family : Arial ; font-size : 0.3rem ; text-transform : uppercase ; font-weight : bold }

.title.join-common h2 { margin-top : 0.05rem ; color : #222222 ; font-size : 0.3rem ; font-weight : bold }



.join-brand .title { padding-bottom : 0rem }

.join-brand .title::before { display : none }

.join-brand .title::after { display : none }

.join-brand .title p { padding-top : 0.33rem ; margin-top : 0.3rem ; color : #666666 ; line-height : 0.36rem ; position : relative }

.join-brand .title p::before { content : "" ; display : block ; width : 6.4rem ; height : 0.01rem ; background-color : #DCDCDC ; position : absolute ; left : 50% ; top : 0rem ; transform : translateX(-50%) }

.join-brand .title p::after { content : "" ; display : block ; width : 0.6rem ; height : 0.05rem ; background-color : #24278b ; position : absolute ; left : 50% ; top : -0.02rem ; transform : translateX(-50%) }



.join-brand .swiper-container { padding-bottom : 1rem ; margin-top : 0.47rem }

.join-brand .img { width : 6rem ; height : 3.7rem ; background-size : cover ; background-repeat : no-repeat ; background-position : center }

.join-brand .text { padding : 0.5rem 0.4rem 0.2rem ; background-color : #333333 ; text-align : center }

.join-brand .text h4 { color : #FFFFFF ; font-size : 0.26rem ; font-weight : bold }

.join-brand .text h4::after { content : "" ; display : block ; width : 0.36rem ; height : 0.03rem ; background-color : #FFFFFF ; margin : 0.2rem auto 0rem }

.join-brand .text p { min-height : 1.8rem ; margin-top : 0.2rem ; color : #FFFFFF ; line-height : 0.36rem }

.join-brand .swiper-pagination { bottom : 0.24rem !important ; font-size : 0rem }

.join-brand .swiper-pagination span { width : 0.14rem ; height : 0.14rem ; background-color : #DCDCDC ; outline : none ; opacity : 1 ; margin : 0rem 0.075rem }

.join-brand .swiper-pagination-bullet-active { background-color : #24278b !important }





.join-franchise { margin-top : 0.73rem }

.join-franchise .content { margin-top : 0.47rem }

.join-franchise .content .item { height : 1.4rem ; padding-left : 1.3rem ; background-color : #EEEEEE ; background-size : 0.9rem 0.9rem ; background-repeat : no-repeat ; background-position : 0.2rem center ; border-radius : 0.06rem ; box-sizing : border-box ; margin-top : 0.25rem ; position : relative }

.join-franchise .content .item:first-of-type { background-image : url(../images/join-icon-1.png) ; margin-top : 0rem }

.join-franchise .content .item:nth-of-type(2) { background-image : url(../images/join-icon-2.png) }

.join-franchise .content .item:nth-of-type(3) { background-image : url(../images/join-icon-3.png) }

.join-franchise .content .item:nth-of-type(4) { background-image : url(../images/join-icon-4.png) }

.join-franchise .content .item:nth-of-type(5) { background-image : url(../images/join-icon-5.png) }

.join-franchise .content .item:nth-of-type(6) { background-image : url(../images/join-icon-6.png) }

.join-franchise .content .item:nth-of-type(7) { background-image : url(../images/join-icon-7.png) }

.join-franchise .content .item:last-of-type { background-image : url(../images/join-icon-8.png) }

.join-franchise .content .text { width : 4.35rem ; position : absolute ; left : 1.3rem ; top : 50% ; transform : translateY(-50%) }

.join-franchise .content h5 { color : #222222 ; font-size : 0.24rem ; font-weight : bold }

.join-franchise .content p { margin-top : 0.06rem ; color : #666666 ; line-height : 0.26rem }





.join-condition { padding : 0.82rem 0rem 0.77rem }

.join-condition .content { margin-top : 0.54rem }

.join-condition .text div { display : flex ; align-items : center ; min-height : 0.64rem ; margin-top : 0.35rem ; font-size : 0rem ; cursor : pointer }

.join-condition .text div:first-of-type { margin-top : 0rem }

.join-condition .text span { width : 0.4rem ; height : 0.4rem ; background-color : #24278b ; border-radius : 50% ; color : #FFFFFF ; font-family : Arial ; font-size : 0.18rem ; text-align : center ; line-height : 0.4rem ; vertical-align : top }

.join-condition .text p { width : 5.4rem ; margin-left : 0.16rem ; color : #444444 ; font-size : 0.18rem ; line-height : 0.32rem }

.join-condition .img { margin-top : 0.67rem ; font-size : 0rem ; text-align : center }











/* about */

.about-introduce { margin-top : 0.73rem ; overflow : hidden }



/* title about通用 */

.title.about-common { padding-bottom : 0.33rem ; position : relative }/* 5 15 4 */

.title.about-common::before { content : ""  ; display : block ; width : 6.2rem ; height : 0.01rem ; background-color : #DCDCDC ; position : absolute ; left : 0rem ; bottom : 0rem }

.title.about-common::after { content : ""  ; display : block ; width : 0.6rem ; height : 0.05rem ; background-color : #24278b ; position : absolute ; bottom : 0rem }

.title.about-common em { color : #222222 ; font-family : Arial ; text-transform : uppercase ; font-size : 0.3rem ; font-weight : bold }

.title.about-common h2 { margin-top : 0.07rem ; color : #222222 ; font-size : 0.3rem ; font-weight : bold }



.about-introduce .text div { margin-top : 0.55rem }

.about-introduce .text div:first-of-type { margin-top : 0.57rem }

.about-introduce .text h4 { padding-left : 0.46rem ; background-repeat : no-repeat ; background-position : left center ; color : #222222 ; font-size : 0.26rem }

.about-introduce .text div:first-of-type h4 { background-image : url(../images/about-icon-1.png) ; background-size : 0.3rem 0.3rem }

.about-introduce .text div:nth-of-type(2) h4 { background-image : url(../images/about-icon-2.png) ; background-size : 0.29rem 0.29rem }

.about-introduce .text div:nth-of-type(3) h4 { background-image : url(../images/about-icon-3.png) ; background-size : 0.26rem 0.26rem }

.about-introduce .text div:last-of-type h4 { background-image : url(../images/about-icon-4.png) ; background-size : 0.35rem 0.29rem }

.about-introduce .text p { margin-top : 0.18rem ; color : #444444 ; line-height : 0.36rem }



.about-introduce .img { margin-top : 0.55rem ; text-align : center ; font-size : 0rem }





.about-honor { margin-top : 0.92rem }

.about-honor .main { max-width : 93.75% }

.about-honor .swiper-container { padding-bottom : 2.03rem ; margin-top : 0.54rem }

.about-honor .swiper-slide { position : relative }

.about-honor .swiper-slide a { display : block }

.about-honor .swiper-slide .img-box { width : 2.88rem ; height : 2.18rem ; padding : 0.135rem 0.125rem ; border : solid 0.01rem #DCDCDC ; box-sizing : border-box }

.about-honor .swiper-slide h5 { margin-top : 0.18rem ; color : #444444 ; font-size : 0.18rem ; text-align : center }



.about-honor .swiper-pagination { bottom : 0.86rem !important }

.about-honor .swiper-pagination span { width : 0.14rem ; height : 0.14rem ; background-color : #DCDCDC ; border-radius : 50% ; opacity : 1 ; margin : 0rem 0.075rem !important }

.about-honor .swiper-pagination-bullet-active { background-color : #24278b !important }











/* product-detail */

.product-nav { padding-top : 0.52rem ; background-color : #F2F2F2 ; text-align : center }

.product-nav h3 { color : #666666 ; font-size : 0.24rem }

.product-nav form { width : 100% ; height : 0.53rem ; background-color : #FFFFFF ; border-radius : 0.25rem ; margin-top : 0.35rem ; overflow : hidden ; font-size : 0rem }

.product-nav input[type="text"] { width : 5.02rem ; height : 0.53rem ; padding-left : 0.37rem ; box-sizing : border-box ; color : #666666 ; font-size : 0.18rem ; vertical-align : top }

.product-nav input[type="submit"] { width : 0.98rem ; height : 0.53rem ; background : url(../images/pd-icon-3.png) center center no-repeat ; background-size : 0.26rem 0.26rem }

.product-nav ul { display : flex ; justify-content : space-between ; align-items : center ; height : 0.64rem ; background-color : #FFFFFF ; margin-top : 0.35rem ; position : relative }

.product-nav ul::after { content : "" ; display : block ; width : 0.01rem ; height : 0.3rem ;  position : absolute ; right : 2rem ; top : 50% ; transform : translateY(-50%) }

.product-nav ul::before { content : "" ; display : block ; width : 0.01rem ; height : 0.3rem ;  position : absolute ; right : 4rem ; top : 50% ; transform : translateY(-50%) }

.product-nav li { width : 100% }

.product-nav .classify { display : flex ; justify-content : center ; align-items : center }

.product-nav em { margin-right : 0.18rem ; color : #666666 ; font-size : 0.2rem ; transition : .3s }

.product-nav li.on em { color : #24278b }

.product-nav i { width : 0.12rem ; height : 0.07rem ; background-image : url(../images/product-icon-1a.png) ; background-size : 100% }

.product-nav li.on i { background-image : url(../images/product-icon-1b.png) }

.product-nav .content { display : none ; width : /* 100% */6.4rem ; padding : /* 0.2rem */0.2rem 0.4rem ; background-color : #F2F2F2 ; opacity : 0 ; box-sizing : border-box ; position : absolute ; left : -0.2rem ; top : 0.64rem ; transition : .3s ; z-index : 2 }

.product-nav a { display : block ; width : 1.7rem ; height : 0.52rem ; border : solid 0.01rem #DCDCDC ; border-radius : 0.05rem ; box-sizing : border-box ; float : left ; margin-top : 0.2rem ; margin-right : 0.25rem ; line-height : 0.5rem }

.product-nav .content a:first-of-type { margin-top : 0rem }

.product-nav .content a:nth-of-type(2) { margin-top : 0rem }

.product-nav .content a:nth-of-type(3) { margin-top : 0rem }

.product-nav .content a:nth-of-type(3n) { margin-right : 0rem }

.product-nav a.on { background-color : #24278b ; color : #FFFFFF }



.product-nav.modify { padding-bottom : 50px }





.pd-introduce { padding : 0.57rem 0rem 0.92rem ; background-color : #F2F2F2 }

.pd-introduce .main { max-width : 93.75% }

.pd-introduce .img-swiper a { display : block }

.pd-introduce .img-swiper .img-box { width : 6rem ; height : 6rem ; background-color : #FFFFFF }



.pd-introduce .img-nav { margin-top : 0.2rem ; position : relative }

.pd-introduce .img-nav .swiper-container { width : 86.667% }

.pd-introduce .img-nav .swiper-slide { padding-bottom : 0.08rem ; border-bottom : solid 0.03rem transparent }

.pd-introduce .img-nav .swiper-slide-thumb-active { border-color : #444444}

.pd-introduce .img-nav .img-box { width : 0.83rem ; height : 0.83rem ; background-color : #FFFFFF }

.pd-introduce .img-nav .button { width : 100% ; --swiper-navigation-size : 0rem ; position : absolute ; top : 0.3rem }

.pd-introduce .img-nav .swiper-button-prev, .pd-introduce .img-nav .swiper-button-next { width : 0.14rem ; height : 0.24rem ; background-image : url(../images/pd-icon-1.png) ; background-size : 100% ; outline : none ; opacity : 1 !important ;  }

.pd-introduce .img-nav .swiper-button-prev { left : 0rem }

.pd-introduce .img-nav .swiper-button-next { right : 0rem ; transform : scale(-1) }



.pd-introduce .text { margin-top : 0.8rem }

.pd-introduce .title { padding-bottom : 0.23rem ; border-bottom : solid 0.01rem #D2D2D2 }

.pd-introduce h2 { color : #222222 ; font-size : 0.3rem }

.pd-introduce .parameter { margin-top : 0.2rem ; color : #444444 ; line-height : 0.4rem }

.pd-introduce .vr { width : 2.45rem ; height : 0.63rem ; padding-left : 1rem ; background-color : #24278b ; background-image : url(../images/pd-icon-2.png) ; background-size : 0.32rem 0.32rem ; background-repeat : no-repeat ; background-position : 0.5rem center ; border-radius : 0.32rem ; box-sizing : border-box ; margin-top : 0.45rem ; color : #F6F6F6 ; line-height : 0.63rem }

.pd-introduce .vr a { display : block }





.pd-various { margin-top : 0.48rem ; text-align : center }

.pd-various h2 { color : #444444 ; font-size : 0.26rem }

.pd-various .img-container { margin-top : 0.26rem ; font-size : 0rem }





.pd-effect { margin-top : 0.47rem ; text-align : center }

.pd-effect h2 { color : #444444 ; font-size : 0.3rem }

.pd-effect .img-container { margin-top : 0.3rem ; font-size : 0rem }





.pd-about { padding : 0.45rem 0rem 0.82rem ; text-align : center }

.pd-about h2 { color : #444444 ; font-size : 0.3rem }

.pd-about .content { margin-top : 0.45rem }

.pd-about .item { width : 2.92rem ; float : left ; margin-top : 0.6rem ; margin-right : 0.16rem }

.pd-about .content .item:first-of-type { margin-top : 0rem }

.pd-about .content .item:nth-of-type(2) { margin-top : 0rem }

.pd-about .content .item:nth-of-type(2n) { margin-right : 0rem }

.pd-about a { display : block }

.pd-about .img-box { width : 2.92rem ; height : 2.92rem ; overflow : hidden }

.pd-about h5 { margin-top : 0.2rem ; color : #222222 ; font-size : 0.18rem }











/* contact */

.contact-main { padding-top : 0.33rem ; background-color : #EEEEEE }

.contact-main .info { width : 6rem ; padding : 0rem 0.29rem ; background-color : #FFFFFF ; box-sizing : border-box ; margin : 0rem auto }

.contact-main .info div { min-height : 2.48rem ; padding-top : 0.56rem ; border-bottom : solid 0.01rem #DCDCDC ; text-align : center ; position : relative }

.contact-main .info div:last-of-type { border-bottom : none }

.contact-main .info i { display : block ; height : 0.55rem ; background-size : auto 100% ; background-repeat : no-repeat ; background-position : center center }

.contact-main .info h5 { margin-top : 0.22rem ; color : #666666 ; font-size : 0.2rem }

.contact-main .info p { margin-top : 0.12rem ; color : #222222 ; font-size : 0.2rem ; line-height : 0.3rem }

.contact-main .info .tel p { margin-top : 0.15rem ; font-family : Arial ; font-size : 0.26rem }



.contact-main .message { width : 6rem ; padding : 0.6rem 0.25rem 0.65rem ; background-color : #FFFFFF ; box-sizing : border-box ; margin : 0.26rem auto 0rem }

.contact-main .message h4 { color : #222222 ; font-size : 0.3rem }

.contact-main .message p { margin-top : 0.25rem ; color : #666666 ; line-height : 0.36rem }

.contact-main .form { margin-top : 1.23rem }

.contact-main .form input::-webkit-input-placeholder { color : #888888 }

.contact-main .form input::-moz-placeholder { color : #888888 }

.contact-main .form input:-moz-placeholder { color : #888888 }

.contact-main .form input:-ms-input-placeholder { color : #888888 }

.contact-main .form textarea::-webkit-input-placeholder { color : #888888 }

.contact-main .form textarea::-moz-placeholder { color : #888888 }

.contact-main .form textarea:-moz-placeholder { color : #888888 }

.contact-main .form textarea:-ms-input-placeholder { color : #888888 }

.contact-main .form .row { margin-top : 0.14rem }

.contact-main .form form .row:first-of-type { margin-top : 0rem }

.contact-main .form input { width : 100% ; height : 0.6rem ; background-color : #EEEEEE ; color : #888888 ; font-size : 0.2rem ; text-indent : 0.2rem }

.contact-main .form textarea { width : 100% ; height : 1.52rem ; padding : 0.1rem 0.2rem ; background-color : #EEEEEE ; box-sizing : border-box ; color : #888888 ; font-family : "微软雅黑" ; font-size : 0.2rem ; line-height : 0.26rem }

.contact-main .pin { font-size : 0rem }

.contact-main .pin input { width : 1.94rem ; margin-right : 0.06rem}

.contact-main .pin img { width : 1.54rem ; height : 0.6rem ; vertical-align : bottom }

.contact-main .bottom { margin-top : 0.4rem }

.contact-main .bottom input { width : 100% ; background-color : #666666 ; color : #FFFEFE ; text-align : center ; text-indent : 0rem ; line-height : 0.6rem }



.contact-main .map { max-width : 6.4rem ; margin : 0.82rem auto 0rem ; font-size : 0rem }

.contact-main .map iframe{
    height:6rem;
}









/* branch */

.branch-main { padding-bottom : 0.92rem }

.branch-main .search { padding : 0.55rem 0.2rem 0.6rem ; background-color : #EEEEEE }

.branch-main .search h5 { color : #444444 ; font-size : 0.26rem ; text-align : center }

.branch-main .search form { margin-top : 0.32rem }

.branch-main .distpicker select { width : 100% ; height : 0.62rem ; padding : 0rem 0.43rem 0rem 0.28rem ; background : url(../images/branch-icon-1.png) 5.5rem center no-repeat ; background-size : 0.15rem 0.09rem ; border : solid 0.01rem #DCDCDC ; border-radius : 0.05rem ; box-sizing : border-box ; background-color : #FFFFFF ; outline : none ; -webkit-appearance : none ; -moz-appearance : none ; appearance : none ; color : #444444 ; font-size : 0.18rem }

.branch-main .distpicker select:last-of-type { margin-top : 0.13rem }

.branch-main .search input { width : 100% ; height : 0.62rem ; background-color : #666666 ; background-image : url(../images/branch-icon-2.png) ; background-size : 0.23rem 0.23rem ; background-repeat : no-repeat ; background-position : 2.58rem center ; border-radius : 0.05rem ; margin-top : 0.27rem ; color : #FFFFFF ; font-size : 0.2rem ; text-indent : 2.95rem ; text-align : left ; line-height : 0.62rem }



.branch-main .list { padding : 0.5rem 0.2rem 0rem }

.branch-main .list div { /* padding : 0.3rem 0.3rem 0rem 0.3rem ; */ background-color : #EEEEEE ; box-sizing : border-box ; margin-top : 0.33rem }

.branch-main .list div:first-of-type { margin-top : 0rem }

.branch-main .list a { display : block ; padding : 0.37rem 0.3rem 0.33rem ; box-sizing : border-box }

.branch-main .list h5 { color : #222222 ; font-size : 0.2rem }

.branch-main .list p { margin-top : 0.1rem ; color : #666666 ; line-height : 0.3rem }



/* page通用 */

.page { margin-top : 1rem ; font-size : 0rem ; text-align : center }

.page a { display : inline-block ; width : 0.54rem ; height : 0.54rem ; border : solid 0.01rem #DCDCDC ; box-sizing : border-box ; margin : 0rem 0.045rem ; color : #444444 ; font-family : Arial ; font-size : 0.18rem ; text-align : center ; line-height : 0.52rem }

.page a.on { background-color : #24278b ; border-color : #24278b ; color : #FFFFFF }

.page .prev, .page .next { width : 0.76rem ; vertical-align : bottom }











/* news */

.vice-nav { display : flex ; justify-content : center ; border-bottom : solid 0.01rem #DCDCDC ; margin-top : 0.28rem }

.vice-nav li { width : 1.64rem ; color : #666666 ; font-size : 0.2rem ; text-align : center ; line-height : 0.66rem ; position : relative }

.vice-nav li.on { color : #333333 }

.vice-nav li::after { content : "" ; display : block ; width : 0.83rem ; height : 0.03rem ; background-color : transparent ; position : absolute ; left : 50% ; bottom : -0.01rem ; transform : translateX(-50%) }

.vice-nav li.on::after { background-color : #24278b }

.vice-nav a { display : block }





.news-main { padding-bottom : 0.92rem }

.news-main .list { margin-top : 0.6rem }

.news-main .list .item { margin-top : 0.7rem }

.news-main .list .item:first-of-type { margin-top : 0rem }

.news-main .item a { display : block }

.news-main .item .img-box { width : 6rem ; height : 2.63rem }

.news-main .item .text { margin-top : 0.46rem }

.news-main .item .text::after { content : "" ; display : block ; width : 1.56rem ; height : 0.01rem ; margin-top : 0.3rem ; background-color : #aeaeae }

.news-main .item h4 { font-size : 0.22rem }

.news-main .item p { margin-top : 0.1rem ; color : #666666 ; line-height : 0.3rem }

.news-main .item span { display : block ; margin-top : 0.25rem ; color : #666666 }





.news-main .page { margin-top : 0.86rem }











/* product */

.product-main { padding : 0.5rem 0rem 0.92rem ; background-color : #FFFFFF ; text-align : center }

.product-main .list { /* padding : 0.45rem 0.2rem 0rem ; */ background-color : #FFFFFF }

.product-main .item { width : 2.92rem ; float : left ; margin-top : 0.6rem ; margin-right : 0.16rem }

.product-main .list .item:first-of-type { margin-top : 0rem }

.product-main .list .item:nth-of-type(2) { margin-top : 0rem }

.product-main .list .item:nth-of-type(2n) { margin-right : 0rem }

.product-main .item a { display : block }

.product-main .img-box { width : 2.92rem ; height : 2.92rem ; overflow : hidden }

.product-main h5 { margin-top : 0.2rem ; color : #222222 ; font-size : 0.18rem }



.product-main .page { margin-top : 1rem }











/* news-detail */

.nd-main { /* background-color : #F5F5F5 ; */ overflow : hidden }

.nd-main .title { margin-top : 0.28rem ; padding-bottom : 0.23rem ; border-bottom : solid 0.01rem #DEDEDE ; text-align : center }

.nd-main h2 { font-size : 0.24rem }

.nd-main .title div { margin-top : 0.15rem ; color : #666666 }

.nd-main .content { padding : 0.25rem 0rem ; color : #666666 ; font-size : 0.22rem ; line-height : 0.4rem }

.nd-main .link { padding : 0.35rem 0rem 0.41rem 0rem ; border-top : solid 0.01rem #DEDEDE ; font-size : 0rem ; text-align : center }

.nd-main .link a { margin-right : 0.24rem ; color : #999999 ; font-size : 0.18rem }

.nd-main .link a:first-of-type::after { content : "" ; display : inline-block ; width : 0.02rem ; height : 0.17rem ; background-color : #D2D2D2 ; margin-left : 0.24rem ; position : relative ; top : 0.02rem }

.nd-main .link a:nth-of-type(2)::after { content : "" ; display : inline-block ; width : 0.02rem ; height : 0.17rem ; background-color : #D2D2D2 ; margin-left : 0.24rem ; position : relative ; top : 0.02rem }

.nd-main .link a:last-of-type { margin-right : 0rem }