@charset "utf-8";

/* Hschubin */
*{ margin : 0 ; padding : 0 }
html { font-family : "Microsoft YaHei" ; font-size : 625% ; color : #333 }
body { max-width : 640px ; padding-top : 1rem ; 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)
}

/* @font-face {
    font-family : SourceHanSerifCN;
    src : url(../font/SourceHanSerifCN-Bold.otf)
} */

@font-face {
    font-family : Impact;
    src : url(../font/Impact字体.ttf)
}





/* 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 : 3 }
.header .main { display : flex ; justify-content : space-between ; align-items : center ; height : 1rem }
.header .main h1 { width : 1.62rem ; height : 0.6rem ; 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.5rem ; height : 100% ; background-image : url(../images/header-icon-1a.png) ; background-size : 0.4rem 0.28rem ; 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 li.second::after { content : "" ; display : block ; width : 0.18rem ; height : 0.18rem ; background : url(../images/header-icon-2.png) center center no-repeat ; background-size : 0.1rem 0.18rem ; position : absolute ; right : 0.2rem ; top : 0.4rem ; transition : .5s }
.nav li.open::after { transform : rotate(90deg) }
.nav a { display : block }
.nav li div a { padding-left : 0.2rem ; font-size : 0.22rem ; line-height : 0.5rem }


.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(30,30,30,0.87);
    z-index: 99;
}

.mask .pic{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 60%;
    opacity: 1;
    z-index: 9999;
    background-color: #fff;
}

.mask .pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* banner */
.banner .swiper-pagination { bottom : 4.11% !important }
.banner .swiper-pagination span { width : 0.12rem ; height : 0.12rem ; background-color : #EEEEEE ; opacity : 1 ; border-radius : 0rem ; margin : 0rem 0.04rem !important }
.banner .swiper-pagination-bullet-active { background-color : #E60012 !important }





/* 副导航 */
.nav-other { line-height : 0.62rem }
.nav-other .main { display : flex ; justify-content : space-between ; max-width : 93.75% ; border-bottom : solid 0.01rem #EEEEEE }

.crumb { display : flex ; width : 50% }
.crumb li::after { content : ">" ; margin : 0rem 0.02rem }
.crumb li:last-of-type::after { display : none }

.nav-vice { display : flex }
.nav-vice li { margin-right : /* 0.34rem */0.27rem }
.nav-vice li.on { color : #E60012 }
.nav-vice li:last-of-type { margin-right : 0rem }

.nav-vice.swiper-container { width : 50% }
.nav-vice.swiper-container .swiper-slide { text-align : center }
.nav-vice.swiper-container .swiper-slide.on { color : #E60012 }
.nav-vice.swiper-container a { display : block }

.nav-join { background-color : #f8f8f8 }
.nav-news { background-color : #f5f5f5 }

.nav-product .crumb { width : 100% }
.nav-pd .crumb { width : 100% }





/* footer */
.footer .top { height : 1.1rem ; background-color : #E60012 }
.footer .top .main { display : flex ; justify-content : space-between ; position : relative }
.footer .top .main::after { content : "" ; display : block ; width : 0.01rem ; height : 0.55rem ; background-color : rgba(255,255,255,0.6) ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.footer .top .item { height : 1.1rem ; /* padding-left : 0.86rem ; */ background-repeat : no-repeat ; background-position : left center ; box-sizing : border-box }
.footer .top .item:first-of-type { background-image : url(../images/footer-icon-1.png) ; background-size : 0.56rem 0.55rem }
.footer .top .item:last-of-type { background-image : url(../images/footer-icon-2.png) ; background-size : 0.65rem 0.56rem }
.footer .top .item a { display : block ; height : 100% ; padding-left : 0.86rem ; padding-top : 0.3rem ; box-sizing : border-box }
.footer .top .item:last-of-type a { padding-left : 0.96rem }
.footer .top h3 { margin-bottom : 0.04rem ; color : #FFFFFF ; font-size : 0.2rem ; font-weight : bold }
.footer .top span { color : #FFFFFF ; font-family : Arial ; font-size : 0.18rem }

.footer .middle { padding : 0.47rem 0rem 0.4rem ; background-color : #181819 }
.footer .middle .main { display : flex ; justify-content : space-between }
.footer .middle .text { width : 3.5rem }
.footer .middle .text b { padding-left : 0.34rem ; background : url(../images/footer-icon-3.png) left center no-repeat ; background-size : 0.19rem 0.19rem ; color : #FFFFFF ; font-size : 0.18rem ; font-weight : bold }
.footer .middle .text span { display : block ; margin-top : 0.15rem ; color : #FFFFFF ; font-size : 0.35rem ; font-weight : bold }
.footer .middle .text-box { margin-top : 0.15rem ; color : #777777 ; font-size : 0.18rem ; line-height : 0.33rem }
.footer .middle .qr { width : 1.45rem ; margin-top : 0.03rem ; text-align : center }
.footer .middle .qr .img-box { width : 1.45rem ; height : 1.45rem }
.footer .middle .qr span { display : block ; margin-top : 0.16rem ; color : #777777 ; font-size : 0.18rem }

.footer .bottom { padding : 0.2rem 0rem 0.2rem ; background-color : #181819 ; color : #777777 ; font-size : 0.18rem ; text-align : center ; line-height : 0.3rem }
.footer .bottom b { margin-left : 0.12rem }





/* index */
.index-link { margin-top : 0.52rem }
.index-link .main { display : flex }
.index-link .item { width : 25% ; height : 1.5rem ; text-align : center ; font-size : 0rem ; position : relative }
.index-link .item::after { content : "" ; display : block ; width : 0.01rem ; height : 1.5rem ; background-color : #DDDDDD ; position :absolute ; right : -0.01rem ; top : 0rem }
.index-link .main .item:last-of-type::after { display : none }
.index-link .item a { display : block ; height : 100% }
.index-link .icon { display : flex ; justify-content : center ; align-items : center ; height : 0.7rem }
.index-link img { height : 0.55rem }
.index-link .main .item:nth-of-type(2) img { height : 0.47rem }
.index-link h5 { margin-top : 0.15rem ; font-size : 0.18rem }
.index-link h5::after { content : "" ; display : block ; height : 0.11rem ; background-image : url(../images/index-icon-5.png) ; background-repeat : no-repeat ; background-position : center center ; background-size : auto 100% ; margin-top : 0.17rem }


.index-recommend { background : url(../images/index-bg-1.jpg) center bottom no-repeat ; background-size : 6.4rem 3.59rem ; margin-top : 0.47rem }
.index-recommend .swiper-container { width : 96.875% ; margin : 0rem }
.index-recommend .swiper-slide { width : 100% }
.index-recommend a { display : block }


.index-product { padding : 0.5rem 0rem 0.64rem }

/* title index通用 */
.title.index-common { font-size : 0rem ; position : relative }
.title.index-common h2 { display : inline-block ; padding-right : 0.44rem ; background : url(../images/index-icon-6.png) right center no-repeat ; background-size : 0.23rem 0.12rem ; font-family : "SourceHanSansCN" ; font-size : 0.18rem ; font-weight : bold }
.title.index-common span { display : block ; margin-top : 0.1rem ; font-family : Arial ; font-size : 0.35rem ; text-transform : uppercase ; font-weight : bold }
.title.index-common em { display : block ; margin-top : 0.1rem ; color : #6A6A6A ; font-size : 0.18rem }
.title.index-common i { display : block ; margin-top : 0.22rem ; width : 0.16rem ; height : 0.21rem ; background-image : url(../images/index-icon-7.png) ; background-size : 100% 100% }
.title.index-common .text a { display : block ; width : 1.96rem ; height : 0.55rem ; border : solid 0.02rem #313131 ; box-sizing : border-box ; font-size : 0rem ; text-align : center ; position : absolute ; right : 0rem ; top : 0.3rem }
.title.index-common .text b { padding-right : 0.38rem ; background : url(../images/index-icon-8.png) right center no-repeat ; background-size : 0.18rem 0.12rem ; font-size : 0.18rem ; line-height : 0.51rem }/* 4 8 12 2 */

.index-product .link { display : flex ; justify-content : space-between ; margin-top : 0.37rem }
.index-product .link a { color : #6A6A6A ; font-size : 0.2rem }

.index-product .content { margin-top : 0.33rem }
.index-product .top .item { height : 2.3rem }
.index-product .top .item:nth-of-type(2) { margin-top : 0.05rem }
.index-product .bottom { display : flex ; justify-content : space-between ; margin-top : 0.05rem }
.index-product .bottom .item { width : 1.96rem ; height : 2.25rem }

.index-product .item { background-position : center center ; background-repeat : no-repeat ; background-size : cover ; position : relative }
.index-product .item .text { width : 100% ; height : 100% ; background : linear-gradient(0deg, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%) ; position : absolute ; left : 0rem ; top : 0rem }
.index-product .item .text div { width : 100% ; padding : 0rem 0.15rem ; box-sizing : border-box ; position : absolute ; left : 0rem ; bottom : 0.24rem }
.index-product .item .text span { color : #FFFFFF ; font-family : Arial ; font-size : 0.19rem }
.index-product .item .text h5 { color : #FFFFFF ; font-family : SourceHanSansCN ; font-size : 0.24rem ; font-weight : bold }


.index-about { height : 3.9rem ; padding-top : 1.24rem ; background : url(../images/index-bg-2.jpg) ; box-sizing : border-box }
.index-about b { display : block ; padding-left : 0.7rem ; color : #FFFFFF ; font-family : Arial ; font-size : 0.2rem ; position : relative }
.index-about b::before { content : "" ; display : block ; width : 0.5rem ; height : 0.04rem ; background-color : #E60012 ; position : absolute ; left : 0rem ; top : 45% ; transform : translateY(-50%) }
.index-about h2 { margin-top : 0.1rem ; color : #FFFFFF ; font-size : 0.3rem ; font-weight : bold }
.index-about a { display : block ; margin-top : 0.6rem ; width : 1.8rem ; height : 0.5rem ; background-color : #E60012 ; text-align : center }
.index-about i { padding-right : 0.3rem ; background-image : url(../images/index-icon-9.png) ; background-position : right center ; background-repeat : no-repeat ; background-size : 0.18rem 0.12rem ; color : #FFFFFF ; font-size : 0.18rem ; line-height : 0.5rem }


.index-custom { padding : 0.47rem 0rem 1.5rem ; background : url(../images/index-bg-3.jpg) center bottom no-repeat ; background-size : 100% auto }
.index-custom .content { display : flex ; flex-wrap : wrap ; justify-content : center ; margin-top : 0.27rem }
.index-custom .item { width : 2.65rem ; height : 3.8rem ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; margin-bottom : 0.17rem ; position : relative }
.index-custom .content .item:nth-of-type(2n) { margin-left : 0.2rem ; transform : translateY(0.73rem) }
.index-custom .text { height : 100% ; background-image : url(../images/index-bg-4.png) ; position : relative }
.index-custom .text span { color : #FFFFFF ; font-family : Arial ; font-size : 0.22rem ; font-weight : bold ; text-transform : uppercase ; font-style : italic ; position : absolute ; left : 0.25rem ; top : 0.3rem }
.index-custom .text h5 { color : #FFFFFF ; font-size : 0.22rem ; font-weight : bold ; position : absolute ; left : 0.25rem ; bottom : 0.25rem }
.index-custom .text h5::after { content : "" ; display : block ; width : 0.24rem ; height : 0.16rem ; background-image : url(../images/index-icon-10.png) ; margin-top : 0.12rem }


.index-news { padding : 0.61rem 0rem 0.74rem }
.index-news .content { margin-top : 0.33rem }
.index-news .item { height : 1.03rem ; margin-top : 0.22rem }
.index-news .content .item:first-of-type { margin-top : 0rem }
.index-news .item a { display : flex ; justify-content : space-between ; height : 100% }
.index-news .item .img { width : 1.8rem ; height : 1.03rem ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.index-news .item .text { width : 4rem }
.index-news .item h5 { font-size : 0.22rem ; white-space : nowrap ; text-overflow : ellipsis ; overflow : hidden }
.index-news .item p { margin-top : 0.1rem ; color : #666666 ; font-size : 0.18rem ; white-space : nowrap ; text-overflow : ellipsis ; overflow : hidden }
.index-news .item span { display : block ; margin-top : 0.15rem ; color : #666666 ; font-size : 0.18rem }





/* join */
.banner-join { background-color : #f8f8f8 ; padding-top : 0.38rem }


.join-1 { background-color : #f8f8f8 ; padding-top : 0.45rem }
.join-1 .main { padding : 0.2rem 0.2rem 0.62rem ; background-color : #FFFFFF ; box-sizing : border-box }

/* title join通用 */
.title.join-common { height : 0.43rem ; background : url(../images//join-bg-1.png) no-repeat ; background-size : 100% 100% ; font-size : 0rem ; line-height : 0.43rem }
.title.join-common span { margin-left : 0.27rem ; color : #FF0000 ; font-family : Arial ; font-size : 0.49rem ; font-weight : bold }
.title.join-common h2 { display : inline-block ; margin-left : 0.35rem ; color : #FFFFFF ; font-size : 0.22rem ; vertical-align : top }

.join-1 .content { text-align : center }
.join-1 .text { margin-top : 0.4rem ; text-align : left }
.join-1 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-1 .text p { margin-top : 0.18rem ; color : #666666 ; line-height : 0.3rem }

.join-1 .count { width : 100% ; display : flex ; justify-content : space-between ; margin-top : 0.3rem }
.join-1 .count div { position : relative }
.join-1 .count div:first-of-type { margin-right : 0.3rem }
.join-1 .count div:nth-of-type(2) { margin-right : 0.3rem }
.join-1 .count div:nth-of-type(3) { margin-right : 0.35rem }
.join-1 .count div::after { content : "" ; display : block ; width : 0.16rem ; height : 0.12rem ; background-image : url(../images/join-icon-1.png) ; background-size : 100% 100% ; position : absolute ; top : 0.1rem }
.join-1 .count div:first-of-type::after { right : -0.25rem }
.join-1 .count div:nth-of-type(2)::after { right : -0.25rem }
.join-1 .count div:nth-of-type(3)::after { right : -0.3rem }
.join-1 .count div:last-of-type::after { display : none }
.join-1 .count i { display : block ; margin-bottom : 0.1rem ; color : #FF0000 ; font-family : Arial ; font-size : 0.3rem }
.join-1 img { margin-top : 0.63rem }


.join-2 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-2 .main { max-width : 93.75% ; padding : 3.33% 3.33% 10.66% ; box-sizing : border-box ; background-color : #FFFFFF }
.join-2 .content { margin-top : 0.4rem ; position : relative }
.join-2 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-2 .text p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.3rem }
.join-2 .swiper1 { width : 100% ; margin : 0.3rem auto 0rem auto ; box-sizing : border-box ; position : relative }
.join-2 .swiper-container { width : 87.5% }
.join-2 .swiper-slide a { display : block }
.join-2 .swiper-slide .img-box { width : 2.3rem ; height : 1.52rem ; background-color : #F8F8F8 }
.join-2 .button { width : 100% ; position : absolute ; left : 0rem ; top : 50% }
.join-2 .swiper-button-prev, .join-2 .swiper-button-next { opacity : 1 !important ; outline : none ; margin : 0rem ; --swiper-navigation-color : #666666 ; --swiper-navigation-size : 0.35rem ; transform : translateY(-50%) }
.join-2 .swiper-button-prev { left : 0rem }
.join-2 .swiper-button-next { right : 0rem }


.join-3 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-3 .main { padding : 0.2rem 0.2rem 0.59rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-3 .content { margin-top : 0.47rem ; text-align : center }
.join-3 .content p { color : #666666 ; line-height : 0.3rem ; text-align : left }
.join-3 .content img { margin-top : 0.18rem }


.join-4 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-4 .main { padding : 0.2rem 0.2rem 0.74rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-4 .top { margin-top : 0.4rem }
.join-4 .top h3 { font-size : 0.26rem ; font-weight : bold }
.join-4 .top p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.3rem }

.join-4 .item { display : flex ; margin-top : 0.1rem }
.join-4 .point .item:first-of-type { margin-top : 0.3rem }
.join-4 .point .item:nth-of-type(2n) { flex-direction : row-reverse }
.join-4 .text { width : 2.8rem ; height : 2.88rem ; padding : 0.65rem 0.3rem 0rem ; box-sizing : border-box ; overflow : hidden }
.join-4 .point .item:first-of-type .text { padding : 0.65rem 0.3rem 0rem ; background-image : url(../images/join-bg-2.jpg) }
.join-4 .point .item:nth-of-type(2) .text { height : 2.95rem ; padding : 0.63rem 0.3rem 0rem ; background-image : url(../images/join-bg-3.jpg) }
.join-4 .point .item:nth-of-type(3) .text { padding : 0.29rem 0.3rem 0rem ; background-image : url(../images/join-bg-4.jpg) }
.join-4 .point .item:nth-of-type(4) .text { height : 2.95rem ; padding : 0.35rem 0.3rem 0rem ; background-image : url(../images/join-bg-5.jpg) }
.join-4 .point .item:nth-of-type(5) .text { height : 2.95rem ; padding : 0.61rem 0.3rem 0rem ; background-image : url(../images/join-bg-6.jpg) }
.join-4 .point .item:nth-of-type(6) .text { height : 2.95rem ; padding : 0.2rem 0.3rem 0rem ; background-image : url(../images/join-bg-7.jpg) }
.join-4 .text h5 { color : #FFFFFF ; font-size : 0.22rem ; font-weight : bold }
.join-4 .text p { margin-top : 0.08rem ; color : #FFFFFF ; line-height : 0.28rem }
.join-4 .img { width : 2.8rem ; height : 2.88rem ; background-repeat : no-repeat ; background-position : center center ;  background-size : cover }
.join-4 .point .item:nth-of-type(2) .img { height : 2.95rem }
.join-4 .point .item:nth-of-type(4) .img { height : 2.95rem }
.join-4 .point .item:nth-of-type(5) .img { height : 2.95rem }
.join-4 .point .item:nth-of-type(6) .img { height : 2.95rem }


.join-5 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-5 .main { padding : 0.2rem 0.2rem 0.43rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-5 .content { text-align : center }
.join-5 .text { margin-top : 0.4rem ; text-align : left }
.join-5 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-5 .text p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.3rem }
.join-5 .content img:first-of-type { margin-top : 0.18rem }
.join-5 .content img:last-of-type { margin-top : 0.15rem }


.join-6 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-6 .main { padding : 0.2rem 0.2rem 0.41rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-6 .text { margin-top : 0.4rem }
.join-6 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-6 .text p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.28rem }
.join-6 img { margin-top : 0.13rem }


.join-7 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-7 .main { padding : 0.2rem 0.2rem 0.27rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-7 .content { text-align : center }
.join-7 .text { margin-top : 0.4rem ; text-align : left }
.join-7 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-7 .text p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.28rem }
.join-7 img { margin-top : 0.25rem }


.join-8 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-8 .main { padding : 0.2rem 0.2rem 0.49rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-8 .content { text-align : center }
.join-8 .text { margin-top : 0.4rem ; text-align : left }
.join-8 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-8 .text p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.28rem }
.join-8 img { margin-top : 0.28rem }


.join-9 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-9 .main { padding : 0.2rem 0.2rem 0.53rem 0.2rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-9 .content { text-align : center }
.join-9 .text { margin-top : 0.4rem ; text-align : left }
.join-9 .text h3 { font-size : 0.26rem ; font-weight : bold }
.join-9 .text p { margin-top : 0.2rem ; color : #666666 ; line-height : 0.28rem }
.join-9 img { margin-top : 0.25rem }


.join-10 { background-color : #f8f8f8 ; padding-top : 0.3rem }
.join-10 .main { padding : 0.2rem 0.2rem 0rem ; box-sizing : border-box ; background-color : #FFFFFF }
.join-10 .content { padding : 2.6rem 0rem 0.88rem ; background : url(../images/join-img-17.jpg) center top no-repeat ; background-size : 100% auto ; margin-top : 0.34rem }
.join-10 .img-box { width : 5.6rem ; /*height : 3.4rem */}
.join-10 .text { padding-left : 0.72rem ; background-size : 0.58rem 0.58rem ; background-position : left 0.04rem ; background-repeat : no-repeat ; margin-top : 0.18rem }
.join-10 .text h4 { font-size : 0.2rem ; font-weight : bold }
.join-10 .text p { margin-top : 0.13rem ; color : #666666 ; line-height : 0.26rem }

.join-10 .swiper-pagination { bottom : 0.44rem !important }
.join-10 .swiper-pagination span { width : 0.35rem ; height : 0.05rem ; background-color : #D2D2D2 ; opacity : 1 ; border-radius : 0rem ; margin : 0rem 0.05rem !important }
.join-10 .swiper-pagination-bullet-active { background-color : #FF0000 !important }


.join-11 { padding : 0.53rem 0rem 0.55rem ; background : url(../images/join-bg-8.jpg) ; position : relative }
.join-11 .main { padding-top : 2.13rem ; background-color : #FFFFFF ; background-image : url(../images/join-img-19.jpg) ; background-size : 6rem 2.13rem ; background-repeat : no-repeat }
.join-11 form { padding : 0.25rem 0.2rem 0.5rem 0.2rem ; box-sizing : border-box }
.join-11 div { margin-top : 0.15rem }
.join-11 div:first-of-type { margin-top : 0rem }
.join-11 .distpicker { font-size : 0rem }
.join-11 .distpicker::after { content : "" ; display : block ; clear : both }
.join-11 select { width : 1.8rem ; height : 0.6rem ; background-color : #F2F2F2 ; background-image : url(../images/join-icon-3.png) ; background-size : 0.18rem 0.1rem ; background-repeat : no-repeat ; background-position : 1.47rem 0.25rem ; border : none ; outline : none ; box-sizing : border-box ; float : left ; margin-right : 0.1rem ; color : #888888 ; font-size : 0.18rem ; text-indent : 0.15rem ; -webkit-appearance : none ; -moz-appearance : none ; appearance : none }
.join-11 .distpicker select:last-of-type { margin-right : 0rem }
.join-11 input { width : 100% ; height : 0.6rem ; background-color : #F2F2F2 ; color : #888888 ; text-indent : 0.15rem }
.join-11 input::-webkit-input-placeholder{ color : #888888 }
.join-11 input::-moz-placeholder { color : #888888 }
.join-11 input:-moz-placeholder { color : #888888 }
.join-11 input:-ms-input-placeholder { color : #888888 }
.join-11 input:-ms-input-placeholder { color : #888888 }
.join-11 .pin { font-size : 0rem }
.join-11 .pin input { width : 3.7rem ; margin-right : 0.1rem ; font-size : 0.18rem }
.join-11 .pin img { width : 1.8rem ; height : 0.6rem ; vertical-align : top }
.join-11 .tel { margin-top : 0.36rem }
.join-11 h4 { padding-left : 0.29rem ; background : url(../images/join-icon-4.png) left center no-repeat ; background-size : 0.19rem 0.19rem ; font-size : 0.18rem }
.join-11 .tel div { display : flex ; margin-top : 0.2rem ; color : #E60012 ; font-family : Arial ; font-size : 0.34rem ; font-weight : bold }
.join-11 .tel b { margin : 0rem 0.2rem ; color : #000000 ; font-weight : bold }
.join-11 input[type = submit] { background-color : #E60012 ; margin-top : 0.3rem ; color : #FFFFFF ; text-align : center ; text-indent : 0rem }





/* about */
.about-story { padding : 0.45rem 0rem 0.69rem }

/* title about通用 */
.title.about-common { background : url(../images/about-icon-1.png) right 0.48rem no-repeat ; background-size : 0.65rem 0.14rem }
.title.about-common h2 { color : #1F1F1F ; font-size : 0.2rem ; font-weight : bold }/* 5 9 9 */
.title.about-common span { display : block ; margin-top : 0.08rem ; color : #1F1F1F ; font-family : Arial ; font-size : 0.4rem ; font-weight : bold ; text-transform : uppercase ; text-indent : -0.02rem }
.title.about-common i { display : block ; width : 0.16rem ; height : 0.17rem ; background-image : url(../images/about-icon-2.png) ; background-size : 0.16rem 0.17rem ; margin-top : 0.16rem }

.about-story .content { margin-top : 0.42rem }
.about-story .item { margin-top : 0.53rem ; position : relative }
.about-story .content .item:first-of-type { margin-top : 0rem }
.about-story strong { color : #E60012 ; font-family : Impact ; font-size : 0.45rem }
.about-story .content .item:first-of-type strong { display : block ; height : 2rem ; padding : 0.3rem 0rem 0rem 0.45rem ; background-image : url(../images/about-bg-1.jpg) ; background-size : 6rem 2rem ; box-sizing : border-box ; color : #FFFFFF ; font-family : SourceHanSansCN ; font-size : 0.3rem ; line-height : 0.46rem }
.about-story h3 { margin-top : 0.1rem ; font-family : SourceHanSansCN ; font-size : 0.28rem ; font-weight : 500 }
.about-story .content .item:first-of-type h3 { margin-top : 0.36rem }
.about-story p { margin-top : 0.13rem ; color : #666666 ; font-size : 0.2rem ; line-height : 0.38rem }
.about-story img { margin-top : 0.3rem }


.about-process { padding : 0.46rem 0rem 0.58rem ; background-color : #F8F8F8 }
.about-process .title { max-width : 6rem ; margin : 0rem auto }

.about-process .swiper1 { height : 1rem ; background : url(../images/about-bg-2.jpg) center 0.9rem no-repeat ; background-size : 6.4rem 0.01rem ; position : relative }
.about-process .swiper1 .swiper-wrapper { align-items : flex-end }
.about-process .swiper1 .swiper-slide { height : auto ; text-align : center }
.about-process .swiper1 .swiper-slide b { display : block ; margin-bottom : 0.12rem ; font-size : 0.2rem }
.about-process .swiper1 .swiper-slide i { display : block ; width : 0.2rem ; height : 0.2rem ; background-image : url(../images/about-icon-3a.png) ; background-size : 0.2rem 0.2rem ; margin : 0rem auto }
.about-process .swiper1 .swiper-slide-thumb-active i { background-image : url(../images/about-icon-3b.png) }

.about-process .swiper2 { margin-top : 0.45rem }
.about-process .swiper2 .swiper-slide { padding : 0rem 0.2rem ; box-sizing : border-box }
.about-process .swiper2 .img-box { width : 6rem ; height : 3.07rem }
.about-process .swiper2 .text { margin-top : 0.2rem }
.about-process .swiper2 h4 { font-size : 0.45rem }
.about-process .swiper2 h5 { margin-top : 0.2rem ; font-size : 0.24rem ; font-weight : bold }
.about-process .swiper2 .text-box { max-height : 1.2rem ; margin-top : 0.17rem ; font-size : 0.2rem ; line-height : 0.3rem }


.about-honor { margin-top : 0.56rem }
.about-honor .main { max-width : 93.75% }
.about-honor .swiper-container { width : 100% ; padding-bottom : 1.2rem ; margin-top : 0.4rem }
.about-honor .swiper-slide { width : 100% !important }
.about-honor .swiper-slide::after { content : "" ; display : block ; clear : both }
.about-honor .swiper-slide .item { width : 2.93rem ; float : left ; margin-right : 0.14rem ; text-align : center }
.about-honor .swiper-slide .item:first-of-type { margin-top : 0rem }
.about-honor .swiper-slide .item:nth-of-type(2) { margin-top : 0rem }
.about-honor .swiper-slide .item:nth-of-type(3) { margin-top : 0rem }
.about-honor .swiper-slide .item:nth-of-type(2n) { margin-right : 0rem }
.about-honor .swiper-slide .item a { display : block }
.about-honor .swiper-slide .item .img-box { width : 2.93rem ; height : 2.1rem ; padding : 0.18rem 0.22rem ; background-color : #F6F6F6 ; box-sizing : border-box }
.about-honor .swiper-slide .item h5 { height : 0.5rem ; font-size : 0.18rem ; margin-top : 0.13rem }
.about-honor .swiper-pagination { height : 0.1rem !important ; background-color : #EEEEEE ; border-radius : 0.05rem ; bottom : 1rem !important ; overflow : hidden }
.about-honor .swiper-pagination span { background-color : #FF0808 ; border-radius : 0.05rem }


.about-video { padding : 0.65rem 0rem 0.7rem ; background-color : #F8F8F8 }
.about-video .main { max-width : 93.75% }
.about-video .swiper-container { margin-top : 0.47rem ; position : relative ; --swiper-navigation-size : 0rem }
.about-video .swiper-slide { background-color : #FFFFFF ; border : solid 0.01rem #EEEEEE ; box-sizing : border-box }
.about-video a { display : block }
.about-video .img-box { width : 5.98rem ; height : 3.88rem ; position : relative ; overflow : hidden }
.about-video .mask { width : 0.55rem ; height : 0.55rem ; background-image : url(../images/about-icon-4.png) ; background-size : 0.55rem 0.55rem ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.about-video .text { padding : 0.05rem 0.2rem 0.08rem }
.about-video h5 { height : 0.55rem ; background : url(../images/about-icon-6.png) right center no-repeat ; background-size : 0.24rem 0.24rem ; border-bottom : solid 0.01rem #E4E4E4 ; font-size : 0.2rem ; line-height : 0.55rem }
.about-video span { height : 0.48rem ; font-family : Arial ; color : #999999 ; line-height : 0.48rem }

.about-video .swiper-button-prev, .about-video .swiper-button-next { width : 0.6rem ; height : 0.6rem ; background : url(../images/about-icon-5.png) center center no-repeat ; background-size : 0.12rem 0.21rem ; background-color : rgba(0,0,0,0.38) ; box-sizing : border-box ; opacity : 1 !important ; outline : none ; top : 1.65rem }
.about-video .swiper-button-prev { left : 0.18rem }
.about-video .swiper-button-next { right : 0.18rem ; transform : scale(-1) }





/* product-detail */
.product-nav .item { padding : 0.51rem 0rem 0.15rem ; border-bottom : solid 0.01rem #EEEEEE ; transition : .5s }
.product-nav .item.close { height : /* 0.92rem */0.9rem ; overflow : hidden }
.product-nav .title { display : flex ; justify-content : space-between ; align-items : center }
.product-nav h3 { color : #666666 ; font-size : 0.22rem ; font-weight : bold }
.product-nav .button { padding-right : 0.25rem ; color : #999999 ; position : relative }
.product-nav .button b { color : #E60012 ; transition : .3s }
.product-nav .button.close b { color : #999999 }
.product-nav .button i { display : block ; width : 0.15rem ; height : 0.15rem ; border : solid 0.01rem #E5E5E5 ; box-sizing : border-box ; position : absolute ; right : 0rem ; top : 50% ; transform : translateY(-50%) }
.product-nav .button i::before { content : "" ; display : none ; width : 0.01rem ; height : 0.07rem ; background-color : #BDBDBD ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.product-nav .button.close i::before { display : block }
.product-nav .button i::after { content : "" ; display : block ; width : 0.07rem ; height : 0.01rem ; background-color : #BDBDBD ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.product-nav .option { margin-top : 0.12rem ; font-size : 0rem }
.product-nav .option a { display : inline-block ; color : #999999 ; font-size : 0.2rem ; line-height : 0.5rem }
.product-nav .option a.on { pointer-events : none ; color : #E60012 }
.product-nav .option a::after { content : ">" ; display : inline-block ; width : 0.48rem ; font-family : SimSun ; font-size : 0.2rem ; text-align : center }
.product-nav .option a.on::after { color : #999999 }
.product-nav .option a:last-of-type::after { display : none }


.pd-introduce { padding-top : 0.6rem }
.pd-introduce .img-box { width : 6rem ; height : 3.57rem }
.pd-introduce .text { margin-top : 0.4rem }
.pd-introduce .text h3 { font-size : 0.25rem }
.pd-introduce .text-box-1 { padding : 0.18rem 0rem 0.27rem ; border-bottom : solid 0.01rem #D2D2D2 ; color : #888888 ; line-height : 0.3rem }
.pd-introduce .text-box-2 { margin-top : 0.2rem ; font-size : 0.2rem ; line-height : 0.48rem }
.pd-introduce .text a { display : block ; width : 2rem ; height : 0.55rem ; background-color : #FF0000 ; margin-top : 0.15rem ; color : #FFFFFF ; text-align : center ; line-height : 0.55rem }


.pd-detail { padding : 0.75rem 0rem 0.72rem }

/* title pd通用 *//* f7f7f7 */
.title.pd-common { text-align : center }
.title.pd-common h2 { margin-bottom : 0.1rem ; font-size : 0.35rem ; font-weight : bold }
 
.pd-detail .content { display : flex ; justify-content : center ; flex-wrap : wrap }
.pd-detail .item { width : 1.95rem ; float : left ; margin-top : 0.27rem ; margin-right : 0.075rem }
.pd-detail .content .item:first-of-type { margin-top : 0.32rem }
.pd-detail .content .item:nth-of-type(2) { margin-top : 0.32rem }
.pd-detail .content .item:nth-of-type(3) { margin-top : 0.32rem }
.pd-detail .content .item:nth-of-type(3n) { margin-right : 0rem }
.pd-detail .item a { display : block }
.pd-detail .img-box { width : 1.95rem }
.pd-detail .text { text-align : center }
.pd-detail .text h4 { margin-top : 0.16rem ; color : #333333 ; font-size : 0.22rem }
.pd-detail .text span { display : block ; margin-top : 0.06rem ; color : #888888 }


.pd-show { padding : 0.45rem 0rem 0.92rem ; background : url(../images/pd-bg-1.jpg) no-repeat ; background-size : 6.4rem 3rem }
.pd-show .main { max-width : 93.75% }
.pd-show .swiper-container { margin-top : 0.32rem ; --swiper-navigation-size : 0rem }
.pd-show .swiper-slide a { display : block }
.pd-show .swiper-slide .img-box { width : 6rem ; height : 4rem }

.pd-show .swiper-button-prev, .pd-show .swiper-button-next { width : 0.58rem ; height : 0.75rem ; background : url(../images/pd-icon-1.png) center center no-repeat ; background-size : 0.11rem 0.20rem ; background-color : rgba(0,0,0,0.4) ; box-sizing : border-box ; opacity : 1 !important ; outline : none ; top : calc(50% - 0.37rem) }
.pd-show .swiper-button-prev { left : 0.2rem }
.pd-show .swiper-button-next { right : 0.2rem ; transform : scale(-1) }

.pd-show .link { margin-top : 0.6rem ; position : relative }
.pd-show .link .prev { float : left }
.pd-show .link .back { position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.pd-show .link .next { float : right }





/* product */
.product-main { padding-bottom : 1rem }
/* .product-main .item { width : 2.97rem ; float : left ; margin-top : 0.11rem ; margin-right : 0.06rem ; position : relative }
.product-main .list .item:first-of-type { margin-top : 0.54rem }
.product-main .list .item:nth-of-type(2) { margin-top : 0.54rem }
.product-main .list .item:nth-of-type(2n) { margin-right : 0rem }
.product-main .item a { display : block }
.product-main .item .img-box { width : 297 ; height : 2.2rem }
.product-main .item .text { width : 100% ; height : 100% ; background-color : rgba(0,0,0,0.2) ; position : absolute ; left : 0rem ; top : 0rem }
.product-main .item .text.new { background-image : url(../images/product-icon-1.png) ; background-size : 0.54rem 0.54rem ; background-position : left top ; background-repeat : no-repeat }
.product-main .item h4 { width : 100% ; padding : 0rem 0.1rem ; box-sizing : border-box ; color : #FFFFFF ; font-weight : bold ; position : absolute ; left : 0rem ; bottom : 0.17rem }
.product-main .item h4 span { display : inline-block ; color : #E60012 ; transform : translateY(0.01rem) } */
.product-main .item { width : 2.9rem ; float : left ; margin-top : 0.18rem ; margin-right : 0.2rem }
.product-main .list .item:first-of-type { margin-top : 1rem }
.product-main .list .item:nth-of-type(2) { margin-top : 1rem }
.product-main .list .item:nth-of-type(2n) { margin-right : 0rem }
.product-main .item a { display : block }
.product-main .item .img-box { width : 2.9rem ; position : relative }
.product-main .item .mask { width : 100% ; height : 100% ; background-color : rgba(0,0,0,0.2) ; position : absolute ; left : 0rem ; top : 0rem }
.product-main .item .mask.new { background-image : url(../images/product-icon-1.png) ; background-size : 0.67rem 0.67rem ; background-position : left top ; background-repeat : no-repeat }
.product-main .item .text { height : 0.56rem ; padding : 0rem 0.1rem ; text-align : center ; line-height : 0.56rem }
.product-main .item h4 { display : inline-block ; font-size : 0.18rem ; line-height : 0.26rem ; vertical-align : middle }
.product-main .item h4 span { display : inline-block ; color : #E60012 ; transform : translateY(0.01rem) }

/* 获取更多 */
.more { display : block ; width : 2.5rem ; height : 0.6rem ; background-color : #535353 ; margin : 0.8rem auto 0rem auto ; color : #FFFFFF ; text-align : center ; line-height : 0.6rem }





/* download */
.download-main { margin : 0.5rem 0rem 0.6rem }
.download-main .main { padding-bottom : 0.7rem ; background-color : #EEEEEE }

.download-main .login { padding : 0.54rem 0.5rem 0.6rem 0.5rem ; background-color : #F4F4F4 ; box-sizing : border-box }
.download-main .login .title { text-align : center }
.download-main .login h2 { font-size : 0.32rem }
.download-main .login span { display : block ; margin-top : 0.08rem ; color : #666666 ; font-family : Arial }
.download-main .login form { font-size : 0rem }
.download-main .login input::-webkit-input-placeholder { color : #A5A5A5 }
.download-main .login input::-moz-placeholder { color : #A5A5A5 }
.download-main .login input:-moz-placeholder { color : #A5A5A5 }
.download-main .login input:-ms-input-placeholder { color : #A5A5A5 }
.download-main .login .user, .download-main .login .pass { width : 100% ; height : 0.6rem ; background-color : #FFFFFF ; background-size : 0.17rem auto ; background-repeat : no-repeat ; background-position : 4.53rem center ; color : #A5A5A5 ; font-size : 0.18rem ; text-indent : 0.25rem ; line-height : 0.5rem }
.download-main .login .user { background-image : url(../images/download-icon-1.png) ; margin-top : 0.4rem }
.download-main .login .pass { background-image : url(../images/download-icon-2.png) ; margin-top : 0.25rem }
.download-main .login .submit { width : 100% ; height : 0.6rem ; background-color : #E60012 ; margin-top : 0.35rem ; color : #FFFFFF ; font-size : 0.2rem ; text-align : center ; line-height : 0.6rem}

.download-main .list { padding : 0.35rem 0.2rem 0rem 0.2rem }
.download-main .list a { display : block }
.download-main .list div { height : 0.65rem ; padding : 0rem 0.58rem 0rem 0.2rem ; background-color : #E5E5E5 ; background-image : url(../images/download-icon-3.png) ; background-size : 0.22rem 0.22rem ; background-position : 5.18rem center ; background-repeat : no-repeat }
.download-main .list div:nth-of-type(2n) { background-color : #FFFFFF }
.download-main .list em { display : block ; float : left ; line-height : 0.65rem }
.download-main .list span { display : block ; float : right ; color : #888888 ; line-height : 0.65rem }

.download-main .more { margin : 0.5rem auto 0rem auto }





/* contact */
.contact-main { padding : 0.47rem 0rem 0.9rem }
.contact-main h4 { padding-left : 0.3rem ; background : url(../images/contact-icon-1.png) left center no-repeat ; background-size : 0.19rem 0.19rem ; font-size : 0.2rem }
.contact-main span { display : block ; margin-top : 0.17rem ; font-family : Arial ; font-size : 0.4rem ; font-weight : bold }
.contact-main .text-box { margin-top : 0.2rem ; font-size : 0.2rem ; line-height : 0.32rem }
.contact-main .qr { display : flex ; margin-top : 0.3rem }
.contact-main .item { margin-right : 0.3rem ; text-align : center }
.contact-main .qr .item:last-of-type { margin-right : 0rem }
.contact-main .img-box { width : 1.68rem ; height : 1.68rem }
.contact-main h5 { margin-top : 0.12rem ; font-size : 0.18rem }

.contact-main .map { margin-top : 0.47rem }





/* appoint */
.appoint-main { padding : 0.3rem 0rem 0.95rem }
.appoint-main .main {  }
.appoint-main .title {  }
.appoint-main .top { display : flex }
.appoint-main .num { color : #E60012 ; font-family : Arial ; font-size : 1.06rem }
.appoint-main .text { margin-left : 0.2rem }
.appoint-main .text h4 { margin-top : 0.3rem ; font-size : 0.26rem }
.appoint-main .text span { display : block ; margin-top : 0.05rem ; font-family : Arial }
.appoint-main .bottom { display : flex ; justify-content : space-between ; margin-top : 0.1rem }
.appoint-main .bottom div { height : 0.4rem ; padding-left : 0.54rem ; background-repeat : no-repeat ; background-position : left center ; background-size : 0.4rem 0.4rem ; margin-right : /* 0.46rem */0.2rem ; line-height : 0.4rem ; position : relative }
.appoint-main .bottom div:first-of-type { background-image : url(../images/appoint-icon-1.jpg) }
.appoint-main .bottom div:nth-of-type(2) { background-image : url(../images/appoint-icon-2.jpg) }
.appoint-main .bottom div:last-of-type { background-image : url(../images/appoint-icon-3.jpg) ; margin-right : 0rem }
.appoint-main .bottom div::after { content : ">" ; display : block ; color : #BDBDBD ; font-family : SimSun ; position : absolute ; right : -0.2rem ; top : 50% ; transform : translateY(-50%) }
.appoint-main .bottom div:last-of-type::after { display : none }

.appoint-main form {  }
.appoint-main .row { margin-top : 0.25rem }
.appoint-main form .row:first-of-type { margin-top : 0.58rem }
.appoint-main input { width : 100% ; height : 0.6rem ; background-color : #EEEEEE ; color : #888888 ; text-indent : 0.15rem }
.appoint-main input::-webkit-input-placeholder { color : #888888 }
.appoint-main input::-moz-placeholder { color : #888888 }
.appoint-main input:-moz-placeholder { color : #888888 }
.appoint-main input:-ms-input-placeholder { color : #888888 }
.appoint-main .distpicker { display : flex ; justify-content : space-between ; font-size : 0rem }
.appoint-main .distpicker select { width : 1.9rem ; height : 0.6rem ; padding : 0rem 0.3rem 0rem 0.15rem ; background : url(../images/appoint-icon-4.png) 1.6rem 0.26rem no-repeat ; background-size : 0.15rem 0.08rem ; background-color : #EEEEEE ; border : none ; outline : none ; box-sizing : border-box ; color : #888888 ;  font-size : 0.18rem ; -webkit-appearance : none ; -moz-appearance : none ; appearance : none }
.appoint-main form .row:nth-of-type(5) { display : flex ; justify-content : space-between }
.appoint-main form .row:nth-of-type(5) input { width : 3.95rem }
.appoint-main form .row:nth-of-type(5) img { width : 1.9rem ; height : 0.6rem ; vertical-align : bottom }
.appoint-main input[type="submit"] { background-color : #E60012 ; color : #FFFFFF ; font-size : 0.2rem ; text-indent : 0rem ; text-align : center ; line-height : 0.3rem }





/* case */
.case-main { padding-bottom : 1rem }
.case-main .item { width : 2.9rem ; float : left ; margin-top : 0.3rem ; margin-right : 0.2rem }
.case-main .list .item:first-of-type { margin-top : 0.53rem }
.case-main .list .item:nth-of-type(2) { margin-top : 0.53rem }
.case-main .list .item:nth-of-type(2n) { margin-right : 0rem }
.case-main .item a { display : block }
/* .case-main .img-box { width : 2.9rem ; height : 2rem } */
.case-main .img { width : 2.9rem ; height : 2rem ; background-size : cover ; background-repeat : no-repeat ; background-position : center center }
.case-main h5 { margin-top : 0.15rem ; font-size : 0.18rem ; text-align : center }

.case-main .more { margin : 0.62rem auto 0rem auto }





/* news */
.news-main { padding : 0.54rem 0rem 0.7rem ; background-color : #F5F5F5 }
.news-main .item { background-color : #FFFFFF ; margin-top : 0.48rem }
.news-main .list .item:first-of-type { margin-top : 0rem }
.news-main .item a { display : block }
.news-main .img-box { width : 6rem ; height : 3.43rem }
.news-main .text { padding : 0.3rem 0.2rem }
.news-main h5 { font-size : 0.24rem ; line-height : 0.34rem }
.news-main p { margin-top : 0.18rem ; color : #666666 ; font-size : 0.2rem ; line-height : 0.32rem }
.news-main .bottom { margin-top : 0.22rem ; color : #666666 }
.news-main em { padding-left : 0.27rem ; background : url(../images/news-icon-1.png) left center no-repeat ; background-size : 0.17rem 0.15rem ; margin-right : 0.2rem }
.news-main span { padding-left : 0.27rem ; background : url(../images/news-icon-2.png) left center no-repeat ; background-size : 0.2rem 0.14rem }

.news-main .more { margin : 0.8rem auto 0rem auto }





/* 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 .page { padding : 0.35rem 0rem 0.41rem 0rem ; border-top : solid 0.01rem #DEDEDE ; font-size : 0rem ; text-align : center }
.nd-main .page a { margin-right : 0.24rem ; color : #999999 ; font-size : 0.18rem }
.nd-main .page 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 .page 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 .page a:last-of-type { margin-right : 0rem }





/* video-detail */
.vd-main { margin-top : 0.58rem }
.vd-main .title h2 { text-align : center }
.vd-main .title .info { margin-top : 0.2rem ; color : #999999 ; font-size : 0rem ; text-align : center }
.vd-main .title b { display : inline-block ; padding-left : 0.3rem ; background : url(../images/vd-icon-1.png) left center no-repeat ; background-size : 0.18rem 0.18rem ; margin-right : 0.35rem ; font-size : 0.18rem }
.vd-main .title i { display : inline-block ; padding-left : 0.3rem ; background : url(../images/vd-icon-2.png) left center no-repeat ; background-size : 0.19rem 0.14rem ; margin-right : 0.35rem ; font-size : 0.18rem }
.vd-main .title .bshare-custom { display : inline-block ; line-height : normal !important ; vertical-align : top }
.vd-main .title a { display : inline-block ; height : auto !important ; padding-left : 0.3rem !important ; background : url(../images/vd-icon-3.png) left center no-repeat ; background-size : 0.16rem 0.17rem ; color : #999999 !important ; line-height : normal ; font-size : 0.18rem ; vertical-align : top }

.vd-main .content { padding : 0.49rem 0rem 1.16rem ; color : #666666 ; line-height : 0.36rem }
.vd-main .content iframe { width : 100% ; height : 4.5rem !important }

.vd-main .link { padding : 0.42rem 0rem 0.46rem ; color : #666666 ; position : relative }
.vd-main .link::before { content : "" ; display : block ; width : 6.4rem ; height : 0.01rem ; background-color : #DFDFDF ; position : absolute ; left : 50% ; top : 0rem ; transform : translateX(-50%) }
.vd-main .link a { display : block ; padding-left : 0.24rem ; background-repeat : no-repeat ; background-size : 0.1rem 0.09rem ; background-position : 0.04rem center ; line-height : 0.3rem }
.vd-main .link .prev { background-image : url(../images/vd-icon-4.png) ; margin-bottom : 0.1rem }
.vd-main .link .next { background-image : url(../images/vd-icon-5.png) }
.vd-main .link b { margin-left : 0.37rem }





/* space */
.space-nav { padding : 0.6rem 0rem 0.38rem ; background-color : #F9F9F9 ; position : relative ; --swiper-navigation-size : 0rem }
.space-nav .swiper-container { width : 76.5625% }
.space-nav a { display : block }
.space-nav .img-box { width : 1.59rem ; height : 1.66rem }
.space-nav .text { text-align : center }
.space-nav h5 { margin-top : 0.12rem ; font-size : 0.18rem }

.space-nav .button { width : 100% ; position : absolute ; top : 1.28rem }
.swiper-button-prev, .swiper-button-next { width : 0.4rem !important ; height : 0.4rem !important ; background : url(../images/space-icon-1.png) center center no-repeat ; background-size : 0.09rem 0.15rem ; border : solid 0.01rem #DCDCDC ; border-radius : 50% ; box-sizing : border-box ; opacity : 1 !important ; outline : none ; top : 0rem !important }
.swiper-button-prev { left : 0.2rem !important }
.swiper-button-next { right : 0.2rem !important ; transform : scale(-1) }

.space-main { padding : 0.22rem 0rem 1.35rem }
.space-main .route { color : #888888 ; font-size : 0.18rem }
.space-main .route span { color : #333333 }

.space-main .list { padding-top : 0.27rem }
.space-main .item { width : 2.9rem ; float : left ; margin-top : 0.1rem ; margin-right : 0.2rem }
.space-main .list .item:nth-of-type(2n) { margin-right : 0rem }
.space-main .item a { display : block }
.space-main .item .img-box { width : 2.9rem ; height : 3.1rem }
.space-main .item h5 { height : 0.57rem ; font-size : 0.18rem ; text-align : center ; line-height : 0.57rem }

.space-main .page { margin-top : 0.8rem }





/* space-detail */
.sd-main { /* padding-bottom : 1.15rem */ }
.sd-main h2 { height : 1.7rem ; padding-top : 0.55rem ; background : url(../images/sd-bg-1.jpg) top center no-repeat ; background-size : 100% auto ; box-sizing : border-box ; font-size : 0.25rem ; font-weight : bold ; text-align : center ; position : relative }
.sd-main h2::after { content : "" ; display : block ; width : 0.6rem ; height : 0.01rem ; background-color : #000000 ; position : absolute ; top : 1.1rem ; left : 50% ; transform : translateX(-50%) }
.sd-main .content { max-width : 6rem ; padding : 0.5rem 0rem ; margin : 0rem auto }