@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: "Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;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);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
input, textarea { outline : none ; background : none ; 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:6.2rem;margin:0 auto;}
.img-box{display:table-cell;vertical-align:middle;text-align:center;}
.banner-box{width:100%;max-width:6.2rem;margin:0 auto}
.banner-box 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 : basictitlefont;
    src : url(../font/basictitlefont-1.ttf)
}

@font-face {
    font-family : Bahnschrift;
    src : url(../font/bahnschrift.ttf)
}




/* header */
.header { height : 1rem ; background-color : #0f2663 }
.header h1 { width : 1.5rem ; height : 0.8rem ; background : url(../images/header-logo-2.png) center center no-repeat ; background-size : 100% 100% ; float : left ; margin-top : 0.15rem ; margin-left : 0.24rem ; text-indent : -9.99rem ; text-overflow : ellipsis ; overflow : hidden ; position : relative }
.header a { display : block ; width : 100% ; height : 100% ; position : absolute ; left : 0rem ; top : 0rem }
.header i { display : block ; width : 0.42rem ; height : 0.34rem ; background : url(../images/header-icon.png) center center no-repeat ; background-size : 100% 100% ; float : right ; margin-top : 0.35rem ; margin-right : 0.28rem ; cursor : pointer }






/* nav */
.nav { background-color : #080808b0 }
.nav .sidebar-wrapper { height:100% ; overflow : auto }
.nav ul { padding : 0.2rem 0.2rem 0rem 0.2rem }
.nav li { height : 1rem ; border-bottom : solid 0.01rem /* #555 */#a4a4a4 ; background : url(../images/nav-icon.png) 85% center no-repeat ; background-size : 0.1rem 0.16rem }
.nav a { display : block ; color : #fefefe ; font-size : 0.26rem ; line-height : 1rem }





/* search */
.search { padding : 0.29rem 0rem }
.search form { width : 100% ; height : 0.54rem ; background-color : #EDEDED ; border-radius : 0.25rem ; position : relative }
.search form input:first-of-type { width : 5.6rem ; height : 100% ; vertical-align : top ; color : #999999 ; font-size : 0.22rem ; text-indent : 0.15rem }
.search form input:last-of-type { width : 0.7rem ; height : 0.54rem ; cursor : pointer ; position : absolute ; right : 0rem ; top : 0rem ; z-index : 1 }
.search form i { display : block ; width : 0.24rem ; height : 0.25rem ; background-image : url(../images/search-icon.png) ; background-size : 100% 100% ; position : absolute ; top : 0.16rem ; right : 0.2rem }





/* banner */
.banner .swiper-slide a { display : block }
.banner .swiper-slide img { width : 100% ; height : auto }
.banner .swiper-pagination { bottom : 0.1rem !important }
.banner .swiper-pagination span { width : 0.16rem ; height : 0.02rem ; background-color : #FFFFFF ; opacity : 1 ; border-radius : 0rem ; margin : 0rem 0.03rem !important }
.banner .swiper-pagination-bullet-active { background-color : #0f2663 !important }





/* vice-nav */
.vice-nav { margin-top : 0.22rem }
.vice-nav ul { height : 0.48rem ; border-bottom : solid 0.01rem #E5E5E5 }
.vice-nav li { width : 25% ; height : 100% ; float : left ; color : #666666 ; font-size : 0.22rem ; text-align : center ; line-height : 0.48rem }
.vice-nav li.on { background-color : #0f2663; color : #fff}
.vice-nav a { display : block ; height : 100% }





/* footer */
.footer { width : 100% ; height : 0.84rem ; background-color : #0f2663 ; box-shadow : 0rem 0.03rem 0.11rem 0rem rgba(0, 0, 0, 0.1) ; position : fixed ; left : 0rem ; bottom : 0rem ; z-index : 15 }
.footer li { width : 25% ; float : left }
.footer i { display : block ; height : 0.46rem ; background-position : center bottom ; background-repeat : no-repeat }
.footer ul li:first-of-type i { background-image : url(../images/footer-icon-a1.png) ; background-size : 0.39rem 0.35rem }
.footer ul li:nth-of-type(2) i { background-image : url(../images/footer-icon-b1.png) ; background-size : 0.31rem 0.31rem }
.footer ul li:nth-of-type(3) i { background-image : url(../images/footer-icon-c1.png) ; background-size : 0.33rem 0.35rem }
.footer ul li:last-of-type i { background-image : url(../images/footer-icon-d1.png) ; background-size : 0.3rem 0.32rem }
.footer ul li:first-of-type.on i { background-image : url(../images/footer-icon-a2.png) }
.footer ul li:nth-of-type(2).on i { background-image : url(../images/footer-icon-b2.png) }
.footer ul li:nth-of-type(3).on i { background-image : url(../images/footer-icon-c2.png) }
.footer ul li:last-of-type.on i { background-image : url(../images/footer-icon-d2.png) }
.footer span { display : block ; margin-top : 0.05rem ; color : #fff ; text-align : center }
.footer li.on span { color : #fff }






/* about */
.about-introduce { padding-bottom : 0.41rem ; border-bottom : solid 0.2rem #F2F2F2 ; margin-top : 0.48rem ;  }
.about-introduce .text-box { color : #666666 ; font-size : 0.22rem ; line-height : 0.4rem }
.about-introduce .img-container { width : 100% ; height : 3rem ; margin-top : 0.26rem ; margin-bottom : 0.32rem }
.about-introduce .img-box { width : 620rem ; height : 3rem }


.about-culture { padding-bottom : 0.56rem ; border-bottom : solid 0.2rem #F2F2F2 ; margin-top : 0.68rem }
.about-culture h2 { margin-bottom : 0.06rem ; color : #333333 ; font-size : 0.36rem }
.about-culture strong { color : #333333 ; font-size : 0.18rem }
.about-culture .img-container { margin-top : 0.3rem }
.about-culture .img-box { width : 6.2rem ; height : 3.5rem }
.about-culture ul { margin-top : 0.68rem }
.about-culture li { margin-bottom : 0.57rem }
.about-culture ul li:last-of-type { margin-bottom : 0rem }
.about-culture li::after { content : "" ; display : block ; clear : both }
.about-culture i { display : block ; width : 0.8rem ; height : 0.8rem ; background-size : 100% 100% ; float : left ; margin-right : 0.32rem }
.about-culture ul li:first-of-type i { background-image : url(../images/about-culture-icon1.png) }
.about-culture ul li:nth-of-type(2) i { background-image : url(../images/about-culture-icon2.png) }
.about-culture ul li:last-of-type i { background-image : url(../images/about-culture-icon3.png) }
.about-culture .right { width : 4.75rem ; float : left }
.about-culture .row { color : #666666 ; font-size : 0.22rem ; line-height : 0.4rem }
.about-culture b { display : inline-block ; font-weight : normal ; vertical-align : top }
.about-culture span { display : inline-block ; width : 3.5rem }


.about-process { border-bottom : solid 0.2rem #F2F2F2 }
.about-process .title { margin-top : 0.67rem }
.about-process h2 { margin-left : 0.1rem ; color : #333333 ; font-size : 0.36rem }
.about-process strong { display : block ; margin-top : 0.06rem ; margin-left : 0.1rem ; color : #333333 ; font-size : 0.18rem }
.about-process .swiper2 { margin-top : 0.75rem }
.about-process .swiper2 .swiper-slide { color : #666666 ; font-family : Bahnschrift ; font-size : 0.48rem ; text-align : center }
.about-process .swiper2 .swiper-slide::after { content : "" ; display : block ; width : 0.16rem ; height : 0.16rem ; background-image : url(../images/about-process-icon1.png) ; background-size : 100% 100% ; margin : 0.25rem auto 0rem auto }
.about-process .swiper2 .swiper-slide-thumb-active { color : #CD0000 }
.about-process .swiper2 .swiper-slide-thumb-active::after { content : "" ; display : block ; width : 0.16rem ; height : 0.16rem ; background-image : url(../images/about-process-icon2.png) ; background-size : 100% 100% ; margin : 0.25rem auto 0rem auto }
.about-process .swiper2 .line { width : 100% ; height : 1px ; background-color : #CFCFCF ; position : absolute ; left : 0rem ; bottom : 0.08rem }
.about-process .swiper3 { height : 3.47rem ; background-image : url(../images/about-process-bg.jpg) ; background-size : 100% 100% ; margin-top : 0.5rem ; --swiper-navigation-color : #666666 ; --swiper-navigation-size : 0.17rem }
.about-process .swiper3 .swiper-slide { width : 6.4rem ; height : 2.8rem ; padding : 0rem 0.375rem ; box-sizing : border-box ; overflow : hidden }
.about-process .swiper3 p { color : #666666 ; font-size : 0.18rem ; line-height : 0.48rem }
.about-process .swiper3 .button-container { position :absolute ; left : 50% ; bottom : 0.36rem ; transform : translateX(-50%) ; z-index : 1 }
.about-process .swiper3 .swiper-button-next, .about-process .swiper3 .swiper-button-prev { display : inline-block ; opacity : 1 ; margin : 0rem 0.04rem ; position : static ; margin-top : 0rem }


.about-honor .title { margin-top : 0.71rem }
.about-honor h2 { margin-bottom : 0.06rem ; color : #333333 ; font-size : 0.36rem }
.about-honor strong { color : #333333 ; font-size : 0.18rem }
.about-honor .swiper4 { padding : 0.65rem 0rem 1.3rem 0rem ; margin-bottom : 0.84rem }
.about-honor .swiper-slide { opacity : 1 ; transition : .5s }
.about-honor .swiper-slide-prev, .about-honor .swiper-slide-next { opacity : 0.8 ; transform : scale(0.76) }
.about-honor .img-box { width : 2.18rem ; height : 2.93rem }
.about-honor .swiper-slide span { display : block ; font-size : 0.2rem ; text-align : center }
.about-honor .swiper-pagination { bottom : 0.39rem !important }
.about-honor .swiper-pagination span { width : 0.09rem ; height : 0.09rem ; background-color : #a0a0a0 ; opacity : 1 ; border : solid 0.01rem #a0a0a0 ; border-radius : 50% }
.about-honor .swiper-pagination-bullet-active { background-color : transparent !important }





/* pro */
.pro-main .list { margin-top : 0.5rem }
.pro-main .item { margin-bottom : 0.64rem }
.pro-main .list .item:last-of-type { /* margin-bottom : 1.1rem */margin-bottom : 1.94rem }
.pro-main .item a { display : block }
.pro-main .img-box { width : 6.2rem ; height : 4.43rem }
.pro-main .text { margin-top : 0.69rem ; position : relative }
.pro-main .text span { font-family : basictitlefont ; font-size : 0.72rem }
.pro-main .text h3 { margin-top : 0.1rem ; margin-left : 0.86rem ; font-size : 0.3rem ; font-weight : bold }
.pro-main .text h3::after { content : "" ; display : inline-block ; width : 0.75rem ; height : 0.02rem ; background-color : #333333 ; margin-left : 0.1rem ; vertical-align : middle }
.pro-main .text strong { display : block ; width : 5.1rem ; margin-left : 0.86rem ; font-family : Arial }
.pro-main .text .text-box { margin-top : 0.49rem ; color : #666666 ; font-size : 0.22rem ; line-height : 0.36rem }
.pro-main .text b { display : block ; margin-top : 0.62rem ; font-size : 0.24rem ; font-weight : normal ; text-align : right }
.pro-main .text i { display : block ; width : 0.83rem ; height : 1.42rem ; background-image : url(../images/pro-line.png) ; background-size : 100% 100% ; position : absolute ; left : 0.3rem ; top : 0rem }





/* case */
.case-main .list { margin-top : 0.48rem }
.case-main .item { margin-bottom : 0.36rem }
.case-main .list .item:last-of-type { margin-bottom : 0.9rem }
.case-main .item a { display : block }
.case-main .img-box { width : 6.2rem ; height : 3.9rem }
.case-main .bottom { padding-bottom : 0.2rem ; margin-top : 0.26rem ; border-bottom : solid 0.01rem #E4E4E4 }
.case-main .title { width : 5.9rem ; float : left ; overflow : hidden }
.case-main strong { display : block ; color : #666666 }
.case-main span { display : block ; margin-top : 0.05rem ; color : #C8C8C8 ; font-family : Arial }
.case-main i { display : block ; width : 0.22rem ; height : 0.13rem ; background-image : url(../images/case-icon1.png) ; background-size : 100% 100% ; float : right ; margin-top : 0.16rem }





/* news */
.news-main .list { margin-top : 0.32rem }
.news-main .item { margin-bottom : 0.39rem ; background-color : #F2F2F2 ; padding : 0.28rem 0.2rem 0.45rem 0.2rem }
.news-main .item a { display : block }
.news-main .img-box { width : 5.8rem ; height : 3.1rem }
.news-main .text { margin-top : 0.2rem }
.news-main h3 { font-size : 0.3rem }
.news-main .text-box { margin-top : 0.18rem ; color : #767676 ; font-size : 0.22rem ; line-height : 0.36rem }
.news-main span { display : block ; margin-top : 0.18rem ; color : #828282 ; font-family : Arial ; font-size : 0.2rem }

.news-main .pages { /* padding : 0.13rem 0rem 0.42rem 0rem */padding : 0.13rem 0rem 1.26rem 0rem }
/* 分页共用 */
.pages { height : 0.36rem ; text-align : center }
.pages div { display : inline-block }
.pages a { display : inline-block ; width : 0.36rem ; height : 0.36rem ; border-radius : 50% ; margin : 0rem 0.07rem ; color : #666666 ; text-align : center ; line-height : 0.36rem ; vertical-align : top }
.pages a.on { background-color : #0f2663 ; color : #fff}
.pages .prev, .pages .next { background-repeat : no-repeat ; background-position : center center ; background-size : 0.09rem 0.15rem }
.pages .prev { background-image : url(../images/news-icon1.png) }
.pages .next { background-image : url(../images/news-icon2.png) }





/* pro-list */
.pl-main .classify { margin-top : 0.03rem }
/* 分类共用 */
.classify li { width : 2.1rem ; height : 0.56rem ; background-color : #f5f5f5 ; float : left ; margin-right : 0.05rem ; color : #000 ; text-align : center ; line-height : 0.56rem ; position : relative ; transition : .5s }
.classify ul li:last-of-type { margin-right : 0rem }
.classify div { display : none ; width : 6.2rem ; min-height : 1.67rem ; background-color : #FFFFFF ; box-shadow : 0rem 0.03rem 0.1rem 0rem rgba(0, 0, 0, 0.2) ; padding : 0.24rem 0.16rem ; border-top : solid 0.02rem #0f2663 ; box-sizing : border-box ; text-align : left ; line-height : 0rem ; position : absolute ; top : 0.86rem ; transition : .5s ; z-index : 1 }
.classify div::before { content : "" ; display : block ; width : 0.16rem ; height : 0.09rem ; background-image : url(../images/classify-icon.png) ; background-size : 100% 100% ; position : absolute ; top : -0.11rem }

.classify ul li:first-of-type div { left : 0.1rem }
.classify ul li:first-of-type div::before { left : 0.87rem }
.classify ul li:nth-of-type(2) div { left : -2.05rem }
.classify ul li:nth-of-type(2) div::before { left : 3rem }
/* .classify ul li:last-of-type div { left : -4.2rem } */
.classify ul li:last-of-type div::before { left : 0.8rem }

.classify a { display : inline-block ; color : #000000 ; font-size : 0.22rem ; line-height : 0.36rem }
.classify a.on { color : rgb(51, 51, 51) }
.classify li:first-of-type a { margin : 0rem 0.28rem }
.classify li:nth-of-type(2) a { width : 25% ; text-align : center }
.classify li:last-of-type a { width : 50% }


.pl-list { margin-top : 0.36rem ; margin-left : 0.1rem }
.pl-list .item { width : 3rem ; height : 3.66rem ; float : left ; margin-right : 0.2rem ; margin-bottom : 0.05rem ; overflow : hidden }
.pl-list .item:nth-of-type(2n) { margin-right : 0rem }
.pl-list .item a { display : block }
.pl-list .img-box { width : 3rem ; height : 3rem ; border : solid 1px #e5e5e5 ; box-sizing : border-box }
.pl-list em { display : block ; margin-top : 0.24rem ; text-align : center }

.pl-main .pages { /* padding : 0.4rem 0rem 0.45rem 0rem */padding : 0.4rem 0rem 1.29rem 0rem }





/* pro-detail */
.pd-swiper .swiper1 { width : 5.94rem ; height : 5.94rem ; border : solid 1px #E5E5E5 ; box-sizing : border-box ; --swiper-navigation-color : #999999 ; --swiper-navigation-size : 0.55rem }
.pd-swiper .swiper1 .a { display : block }
.pd-swiper .swiper1 .img-box { width : 5.92rem ; height : 5.92rem }
.pd-swiper .swiper1 .swiper-button-prev { left : 0.2rem }
.pd-swiper .swiper1 .swiper-button-next { right : 0.2rem }
.pd-swiper .swiper1 .swiper-button-disabled { opacity : 1 }

.pd-swiper span { display : block ; margin-top : 0.2rem ; margin-left : 0.15rem ; color : #696969 ; font-size : 0.22rem }

.pd-swiper .swiper2-container { width : 5.94rem ; margin : 0.18rem auto 0rem auto ; position : relative }
.pd-swiper .swiper2 { width : 5.24rem ; height : 0.97rem ; padding-bottom : 0.01rem }
.pd-swiper .swiper2 .img-box { width : 0.97rem ; height : 0.97rem ; border : solid 1px #DCDCDC ; box-sizing : border-box }
.pd-swiper .swiper-slide-thumb-active .img-box { border-color : #0f2663 }
.pd-swiper .swiper2-button { --swiper-navigation-size : 0rem }
.pd-swiper .swiper2-button .swiper-button-prev, .pd-swiper .swiper2-button .swiper-button-next { width : 0.29rem ; height : 0.97rem ; background-color : #B8B8B8 ; color : #FFFFFF ; font-family : Corbel ; font-size : 0.36rem ; text-align : center ; line-height : 0.97rem ; top : 0rem }
.pd-swiper .swiper2-button .swiper-button-prev { left : 0rem }
.pd-swiper .swiper2-button .swiper-button-next { right : 0rem }
.pd-swiper .swiper2-button .swiper-button-disabled { opacity : 1 }


.pd-parameter { padding-bottom : 0.54rem ; border-bottom : solid 0.2rem #F5F5F5 ; margin : 0.49rem auto 0rem auto }
.pd-parameter .main { max-width : 5.94rem }
.pd-parameter h3 { font-size : 0.3rem }
.pd-parameter ul { padding : 0.31rem 0rem 0.37rem 0rem }
.pd-parameter li { margin-bottom : 0.24rem ; line-height : 0.36rem }
.pd-parameter ul li:last-of-type { margin-bottom : 0rem }
.pd-parameter em { display : inline-block ; color : #000000 ; font-size : 0.22rem ; vertical-align : top }
.pd-parameter span { display : inline-block ; width : 4.7rem ; color : #666666 ; font-size : 0.22rem }
.pd-parameter a { display : block ; width : 1.53rem ; height : 0.41rem ; background-image : url(../images/pd-button.jpg) ; background-size : 100% 100% ; background-repeat : no-repeat }


.pd-img {  }
.pd-img .main { max-width : 5.89rem }
.pd-img .title { padding : 0.3rem 0rem 0.24rem }
.pd-img h2 { display : inline-block ; margin-right : 0.1rem ; font-size : 0.24rem }
.pd-img strong { color : #ABABAB ; font-family : Arial ; font-size : 0.24rem ; position : relative ; top : 0.02rem }
.pd-img .img-box { width : 5.89rem ; height : 3.81rem }
.pd-img .bottom { /* padding : 0.23rem 0rem 1.16rem 0rem */padding : 0.23rem 0rem 2rem 0rem ; border-top : solid 0.01rem #D9D9D9 ; margin-top : 0.53rem }
.pd-img a { display : block ; margin-top : 0.16rem ; color : #696969 ; font-size : 0.22rem }
.pd-img .bottom a:first-of-type { margin-top : 0rem }





/* contact */
.contact-information { padding-bottom : 0.45rem ; border-bottom : solid 0.2rem #F2F2F2 }
.contact-information .contact { padding : 0.49rem 0rem 0.38rem 0.08rem ; border-bottom : solid 0.01rem #DCDCDC ; color : #444444 ; font-size : 0.24rem ; line-height : 0.48rem }
.contact-information ul { padding : 0.45rem 0rem 0.21rem 0.06rem }
.contact-information li { margin-top : 0.12rem ; color : #666666 ; font-size : 0.22rem ; line-height : 0.36rem }
.contact-information ul li:first-of-type { margin-top : 0rem}
.contact-information .img-box { width : 1.55rem ; height : 1.51rem }


.contact-form { padding : 0.69rem 0rem 0.43rem 0rem }
.contact-form form { font-size : 0rem }
.contact-form input { height : 0.48rem ; background-color : #EEEEEE ; border-radius : 0.06rem ; color : #666666 ; font-size : 0.18rem ; text-indent : 0.2rem }
.contact-form form input:first-of-type { width : 2.9rem ; margin-right : 0.4rem }
.contact-form form input:nth-of-type(2) { width : 2.9rem }
.contact-form form input:nth-of-type(3) { width : 1.88rem ; margin-right : 0.4rem }
.contact-form form input:last-of-type { width : 6.2rem ; background-color : #9B9B9B ; margin-top : 0.28rem ; color : #FFFFFF ; text-indent : 0rem }
.contact-form textarea { width : 6.2rem ; height : 2.18rem ; background-color : #EEEEEE ; padding : 0.1rem 0.2rem ; border-radius : 0.06rem ; box-sizing : border-box ; margin : 0.28rem 0rem ; color : #666666 ; font-family : "微软雅黑" ; font-size : 0.18rem ; line-height : 0.3rem }
.contact-form img { width : 1.5rem ; height : 0.48rem ; vertical-align : top ; cursor : pointer }


.contact-map { margin-bottom : /* 0.35rem */1.19rem }
.contact-map .main {height : 5rem }





/* index */
.index-nav { padding-bottom : 0.18rem ; border-bottom : solid 0.2rem #F2F2F2 }
.index-nav li { width : 50% ; float : left ; text-align : center }
.index-nav a { display : block }
.index-nav i { display : block ; height : 0.74rem ; background-repeat : no-repeat ; background-position : center bottom ; margin-bottom : 0.17rem }
.index-nav ul li:first-of-type i { background-image : url(../images/index-icon1.png) ; background-size : 0.41rem 0.41rem }
.index-nav ul li:last-of-type i { background-image : url(../images/index-icon2.png) ; background-size : 0.43rem 0.42rem }
.index-nav span { color : #666666 ; font-size : 0.24rem }


.index-main .classify { margin-top : 0.43rem }


.index-recommend .title { margin-top : 0.4rem }
.index-recommend h2 { color : #666666 ; font-size : 0.2rem ; text-align : center ; position : relative }
.index-recommend h2::after { content : "" ; display : block ; width : 2.51rem ; height : 0.01rem ; background-color : #EDEDED ; position : absolute ; right : 0rem ; top : 50% ; transform : translateY(-50%) }
.index-recommend h2::before { content : "" ; display : block ; width : 2.51rem ; height : 0.01rem ; background-color : #EDEDED ; position : absolute ; left : 0rem ; top : 50% ; transform : translateY(-50%) }
.index-recommend .list { padding : 0rem 0.1rem ; margin-top : 0.49rem }
.index-recommend .list .item { width : 3rem ; float : left ; margin-right : 0.2rem ; margin-bottom : 0.01rem }
.index-recommend .list .item:nth-of-type(2n) { margin-right : 0rem }
.index-recommend .list .item:last-of-type { margin-bottom : /* 0.15rem */0.99rem }
.index-recommend .list .item a { display : block }
.index-recommend .list .img-box { width : 3rem ; height : 3rem ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.index-recommend .list em { display : block ; height : 0.42rem ; margin-top : 0.2rem ; text-align : center ; overflow : hidden }





/* news-detail */
.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 .text-box { padding : 0.4rem 0; color : #666666 ; font-size : 0.22rem ; line-height : 0.4rem }
.nd-main .img-container { width : 4.41rem ; height : 3.25rem ; margin : 0.45rem auto 0.65rem auto }
.nd-main .img-box { width : 4.41rem ; height : 3.25rem }
.nd-main .button { /* padding : 0.35rem 0rem 0.41rem 0.29rem */padding : 0.35rem 0rem 1.25rem 0.29rem ; border-top : solid 0.01rem #DEDEDE ; font-size : 0rem }
.nd-main .button a { margin-right : 0.24rem ; color : #999999 ; font-size : 0.18rem }
.nd-main .button 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 .button 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 .button a:last-of-type { margin-right : 0rem }



.pub_nav{
	padding:.15rem 0;
	background-color: #F2F2F2;
}
.pub_nav ul{
	display:block;
	width:100%;
}
.pub_nav ul li{
	width:49.5%;
	margin-right:1%;
	margin-bottom:.1rem;
	height:.5rem;
	line-height:.5rem;
	text-align:center;
	font-size:.2rem;
	background:#ddd;
	color:#333;
	float:left;
}
.pub_nav ul li:nth-child(1),
.pub_nav ul li:nth-child(2){
    font-weight: bold;
}

.pub_nav ul li:nth-child(2n){
	margin-right:0;
}
.pub_nav ul li.on{
	background:#0f2663;
	color:#fff;
}
.pub_nav ul li a{
	display:block;
}