button{
    cursor: pointer;
}
.search-complex .button, .search-complex .button-primary,
.button-secondary{
    background: #02B484;
}
.button-primary{
    font-weight: bold;
}
.button-primary:hover{
    background: rgba(2,180,132,.9);
}
a:hover{
    color: #02B484;
}
.complex .input:focus{
    border: 1px solid #02B484;
}
.pagination-wrap .pagination .pagers{
    padding-left: 0;
}
.pagination-wrap .pagination .pagers .pager.active,
.pagination-wrap .pagination .pagers .pager:hover{
    border: 1px solid #02B484;
    color: #02B484;
}

.table-con .table-bar{
    margin-top: .18rem;
    margin-bottom: .1rem;
    color: #8d96a6;
}
.table-con .table-bar p, .table-con .table-bar p span{
    font-size: .16rem;
    line-height: .24rem;
}
.table-con .table-bar .full-nameBox{
    width: 90%;
}
.table-con .table-bar .sort-btn span{
    color: #262E3D;
    line-height: .24rem;
    cursor: pointer;
    margin-left: .2rem;
}
.table-con .table-bar .sort-btn span.active{
    color: #02B484;
}
.table-con .table-bar p .xinginfo{
    color: #8d96a6;
}

.table-con .table-main .table-list{
    border: none;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-con .table-main .table-list tr{
    cursor: pointer;
}
.table-con .table-main .table-list thead th,
.table-con .table-main .table-list tr td{
    font-size: .16rem;
    line-height: .24rem;
    text-align: center;
}
.table-con .table-main .table-list thead th{
    color: #262e3d;
    background: #e9edf2;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    padding: .16rem .2rem;
    font-weight: normal;
}
.table-con .table-main .table-list tr.even{
    background: #f5f6f7;
}
.table-con .table-main .table-list tr td{
    border-bottom: 1px solid #e6e8ea;
    padding: .09rem .2rem;
}

.input-icon .input{
    color: #262E3D;
}

.reg-panel{
    padding: .48rem .48rem .45rem;
    position: relative;
}
.reg-panel .uitab-wrap{
    margin-top: .5rem;
}
.reg-panel .bg-table{
    position: absolute;
    bottom: 0;
    right: .82rem;
}
.reg-panel .bg-table img{
    width: 4.94rem;
    height: 5.63rem;
    opacity: 0.5;
}
.reg-panel .relative{
    position: relative;
    z-index: 1;
}
.ellipsis{
    line-height: .24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.ellipsis-name, .ellipsis-bianjie{
    width: 90%;
}

.ellipsis-name{
    /*width: 4.46rem;*/
}
.ellipsis-bianjie{
    /*width: 2.26rem;*/
    /*padding-right: .12rem;*/
}

.ellipsis .icon{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.ellipsis .icon-up, .table—notes .icon-up{
    background: url(../images/icon-up.png) no-repeat;
    background-size: 100%;
}
.ellipsis .icon-down, .table—notes .icon-down{
    background: url(../images/icon-down.png) no-repeat;
    background-size: 100%;
}
.table—notes{
    margin-top: .2rem;
    display: flex;
    align-items: center;
    line-height: .34rem;
    font-size: .14rem;
}
.table—notes p{
    display: flex;
    align-items: center;
}
.ellipsis .icon,
.table—notes .icon{
    display: block;
    width: .18rem;
    height: .18rem;
}


/* banner */
.banner-container{
    height: 2.32rem;
    width: 100%;
}
.green-banner{
    display: block;
    height: 2.32rem;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    margin-bottom: .01rem;
}
@keyframes banner{
    0%{height: 0;}
    100%{height: 2.32rem}
}

.banner-all{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.banner-all .qiu{
    height: 5rem;
    position: absolute;
    left: .72rem;
    top: 50%;
    transform: translate(0, -50%);
    /*background: url(../images/banner/qiu.gif) no-repeat;*/
    /*background-size: contain;*/
}
.banner-all .logo{
    /*width: 100%;*/
    width: 5.7rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.green-banner-pos{
    position: absolute;
    right: .48rem;
    top: 50%;
    transform: translate(0, -50%);
    /*animation: bannerTextRight 1s 2s linear 1;*/
}
@keyframes bannerTextRight{
    0%{right: 0;}
    100%{right: .75rem}
}
.green-banner-pos h3{
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .15rem;
    letter-spacing: -.01rem;
}
.green-banner-pos .number-list{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: .2rem;
}
.green-banner-pos .number-list li, .green-banner-pos .btn{
    width: .36rem;
    line-height: .46rem;
    border-radius: .02rem;
    margin-left: .04rem;
    font-size: .4rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    text-align: center;
}
.green-banner-pos .flex{
    display: flex;
    align-items: center;
    justify-content: end;
}
.green-banner-pos .btn{
    width: auto;
    font-size: .16rem;
    margin-left: 0;
    padding: 0 .62rem;
    font-family: 'HanHei SC', 'PingFang SC', 'STHeitiSC-Light', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.green-banner-pos .btn:hover{
    color: #fff;
    background: #fff;
}

.banner-0 h3,
.banner-1 h3,
.banner-4 h3{
    color: #FFFFFF;
}
.banner-0 .number-list li, .banner-0 .btn{
    color: #6177FA;
    background: #FFFFFF;
}

.banner-1 .number-list li,
.banner-4 .number-list li,
.banner-1 .btn, .banner-4 .btn{
    background: #FFFFFF;
    color: #00B5A0;
}

.banner-2 h3{
    color: #2DA2AB;
}
.banner-2 .number-list li, .banner-2 .btn{
    background: #2DA2AB;
    color: #fff;
}

.banner-3 h3{
    color: #00887C;
}
.banner-3 .number-list li, .banner-3 .btn{
    background: #00887C;
    color: #fff;
}

.banner-5 h3{
    color: #52719e;
}
.banner-5 .number-list li, .banner-5 .btn{
    background: #52719e;
    color: #fff;
}

.banner-6 h3{
    color: #381d85;
}
.banner-6 .number-list li, .banner-6 .btn{
    background: #cad0f8;
    color: #371c87;
}

.banner-7 h3{
    color: #0F5938;
}
.banner-7 .number-list li, .banner-7 .btn{
    background: #0F5938;
    color: #F9B82A;
}

.banner-8 h3{
    color: #4C62C5;
}
.banner-8 .number-list li, .banner-8 .btn{
    background: #4C62C5;
    color: #fff;
}


.banner-0 .btn:hover{ background: #6177FA; }
.banner-1 .btn:hover, .banner-4 .btn:hover{ background: #00B5A0; }
.banner-2 .btn:hover{ color: #2DA2AB; }
.banner-3 .btn:hover{ color: #00887C; }
.banner-5 .btn:hover{ color: #52719e; }
.banner-6 .btn:hover{ color: #cad0f8; background: #371c87}
.banner-7 .btn:hover{ color: #0F5938; background: #F9B82A;}
.banner-8 .btn:hover{ color: #4C62C5; }


.backlist{
    margin-top: -.6rem;
    display: flex;
    padding-bottom: .1rem;
}
.backlist a{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .28rem;
    padding: 0 .08rem;
    color: #FFFFFF;
    background: #1BBB90;
    border-radius: .04rem;
}
.backlist .icon-back{
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(../images/icon-back.png) no-repeat;
    background-size: 100%;
    margin-right: .05rem;
}

/* TAB标签*/
.menu-list-Box{
    margin-top: .18rem;
}

.menu-list-one li{
    float: left;
    font-size: .2rem;
    color: #262E3D;
    padding-bottom: .09rem;
    border-bottom: .03rem solid #fff;
    margin-right: .5rem;
    cursor: pointer;
    position: relative;
}
.menu-list-one li.active{
    font-weight: bold;
    color: #02B484;
    border-bottom: .03rem solid #02B484;
}
.menu-list-one li em{
    position: absolute;
    top: -.08rem;
    background: #02B484;
    font-size: .12rem;
    line-height: .16rem;
    color: #fff;
    padding: 0 .05rem;
    border-radius: .02rem;
    margin-left: .02rem;
    font-weight: bold;
}

.seeMore-box{
    position: relative;
    overflow: hidden;
    height: .8rem;
}
.menu-list-two, .menu-list-three{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.menu-list-two5{
    display: block;
}
.menu-list-two li{
    font-size: .16rem;
    cursor: pointer;
    width: .8rem;
    margin-right: .4rem;
}
.menu-list-two li h6{
    color: #262E3D;
    padding: .12rem 0;
    font-size: .16rem;
}

.menu-list-two li.active h6{
    color: #02B484;
    font-weight: bold;
}
.menu-list-two li.activeMore h6{
    color: #02B484;
    font-weight: bold;
    background: #fff;
    text-align: center;
}
.menu-list-two li .full-name{
    display: none;
    width: calc(100% - .4rem);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: .16rem;
    line-height: .30rem;
    color: #02B484;
    background: #F0F2F6;
    padding: .1rem .2rem;
}

.menu-list-two .noclick{
    width: auto;
    display: flex;
    cursor: default;
}
.menu-list-two .noclick .name{
    width: .8rem;
}
.menu-list-three{
    width: calc(100% - .8rem);
}
.menu-list-three li{
    width: auto;
}

.menu-see-more{
    font-size: .16rem;
    color: #262E3C;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: .1rem;
}
.menu-see-more .icon-arrow{
    display: block;
    width: .12rem;
    height: .07rem;
    background: url(../images/icon-arrow.png) no-repeat;
    background-size: 100%;
    margin-left: .06rem;
}
.menu-see-more .all0{
    animation: rotate0 .1s linear 1;
    transform: rotate(0deg);
}
.menu-see-more .all180{
    animation: rotate180 .1s linear 1;
    transform: rotate(180deg);
}

@keyframes rotate0{
    0%{transform: rotate(180deg);}
    100%{transform: rotate(0deg);}
}
@keyframes rotate180{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(180deg);}
}

.copyright{
    margin-top: .7rem;
    align-items: center;
}
.copyright p{
    /*color: #262E3D;*/
    font-size: .14rem;
    line-height: .35rem;
    margin-right: .3rem;
}
.copyright p strong{
    color: #005596;
}
.copyright img{
    height: .28rem;
    margin-left: .1rem;
}
.copyright .logo-ipe{
    height: .3rem;
}


/* 筛选 */
.btn-filterBox{
    position: relative;
    margin-bottom: .28rem;
}
.btn-filter{
    display: flex;
    align-items: center;
    color: #262E3D;
    font-size: .14rem;
    line-height: .16rem;
    cursor: pointer;
    margin-top: .2rem;
    width: max-content;
}
.btn-filter .arrow{
    display: block;
    width: .07rem;
    height: .07rem;
    border: #262E3D solid;
    border-width: 1px 1px 0 0;
    transform: rotate(135deg);
    margin-left: .10rem;
    margin-top: -.03rem;
}
.btn-filter .arrowRotate {
    transform: rotate(-45deg);
    margin-top: .07rem;
}

.search-content{}
.filter-criteria-box{}
.filter-criteria-box li{
    float: left;
    margin-right: .1rem;
    display: flex;
    align-items: center;
    width: calc(25% - .075rem);
    margin-top: .2rem;
}
.filter-criteria-box li h6{
    font-size: .14rem;
    color: #262E3D;
    margin-right: .1rem;
    min-width: .86rem;
    text-align: right;
}
.filter-criteria-box li .select{
    width: 100%;
    max-width: none;
    height: .4rem;
    border-radius: .03rem;
    border: none;
    padding: 0 .06rem;
    background: #F0F2F6;
    font-size: .14rem;
    color: #444;
    appearance: auto;
}
.filter-criteria-box li:last-of-type{
    margin-right: 0;
}
.filter-criteria-box li .select option{
    font-size: .14rem;
}

.filter-content{
    position: relative;
}
.filter-content li{
    width: calc(25% - .075rem);
}
.filter-content li .flex-align{
    /*width: 100%;*/
    width: calc(100% - .86rem);
}
.filter-content li h6{}
.filter-content li .select:first-of-type{
    margin-left: 0;
}
.filter-content .posBtn{
    display: flex;
    justify-content: flex-end;
    margin-top: .2rem;
}
.filter-content .btn-screen{
    width: 1rem;
    line-height: .4rem;
    color: #fff;
    background: #02B484;
    text-align: center;
    border: none;
    border-radius: .03rem;
}



/* 详情页 */
.bg-fff{
    background: #fff;
}
.bg-FAFAFB{
    background: #FAFAFB;
}
.mt10{
    margin-top: -.1rem;
    padding-top: .1rem;
}
.mt10 .breadcrumbs{
    padding: .2rem 0;
}


.product-container{}
.product-container .content .module-box:nth-of-type(even){
    background: #FAFAFB;
}
.product-container .title{
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #323232;
}
.product-container .unit{
    color: #323232;
    font-size: .18rem;
    margin-left: .1rem;
}

.product-center{
    /*padding: 0 0 0 .35rem;*/
    position: relative;
    justify-content: center;
}
.product-img{
    width: 4rem;
    height: 4rem;
    position: relative;
}
.product-img img{
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product-name{
    margin-left: .8rem;
}
.product-name .item{
    margin-bottom: .33rem;
}
.product-name .item:last-of-type{
    margin-bottom: 0;
}
.product-name .item span{
    display: block;
    font-size: .24rem;
    line-height: .26rem;
    color: #323232;
    margin-bottom: .1rem;
}
.product-name .item h6, .product-name .item .pos strong{
    font-size: .42rem;
    line-height: .52rem;
    font-weight: bold;
    color: #323232;
    /*font-family: Microsoft YaHei;*/
}
.product-name .item h6{
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*word-break: break-all;*/
}
.product-name .item h6 strong{
    font-size: .3rem;
    font-weight: bold;
}
.product-name .item .pos{
    position: relative;
    width: 6.8rem;
    cursor: pointer;
}
.product-name .item .pos strong{
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FAFAFB;
}
.product-name .item .pos:hover strong{
    /*display: block;*/
}
.product-name .item .see-detail{
    display: inline-block;
    padding: 0 .2rem;
    line-height: .36rem;
    background: #323232;
    border-radius: .18rem;
    font-size: .14rem;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: .08rem;
}

.product-name .item:nth-of-type(1) h6,
.product-name .item .pos strong{
    letter-spacing: .02rem;
}


.update-time{
    position: absolute;
    bottom: .3rem;
    transform: translate(-60%, 0);
}
.update-time-left{
    /*left: 5.15rem;*/
    left: 50%;
}
.update-time-right{
    right: .05rem;
}
.update-time p{
    font-size: .16rem;
    color: #999;
}

.product-info .title h6{
    font-size: .2rem;
    line-height: .36rem;
}
.product-info .catalogue {
    position: relative;
    font-size: .14rem;
    line-height: .24rem;
    color: #8C95A5;
    cursor: pointer;
    font-weight: normal;
}
.product-info .catalogue .btn{
    display: block;
    padding: 0 .18rem;
    line-height: .32rem;
    border: .02rem solid #1D1C1F;
    border-radius: .18rem;
    font-size: .14rem;
    font-weight: bold;
    color: #1D1D20;
}
.product-info .classify-box {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2;
    padding-top: .1rem;
}
.product-info .classify{
    width: 3.2rem;
    padding: .3rem .28rem;
    background: #FFFFFF;
    box-shadow: 0 .02rem .1rem 0 rgba(0,0,0,0.3);
    border-radius: .1rem;
}
.product-info .classify h6{
    font-size: .24rem;
    line-height: .26rem;
    font-weight: bold;
    color: #000000;
}
.product-info .classify p{
    margin-top: .15rem;
    font-size: .16rem;
    color: #000;
    line-height: .26rem;
    font-weight: 400;
}

.product-info .list{
    margin-top: .35rem;
    width: calc(50% - .6rem);
}
.product-info .list li{
    width: 100%;
    padding: .13rem 0;
    border-bottom: 1px solid #D9D9D9;
}
.product-info .list li h4{
    width: 100%;
    font-size: .16rem;
    line-height: .28rem;
    font-weight: bold;
    color: #010101;
    /*margin-right: .88rem;*/
}
.product-info .list li b{
    display: block;
    width: .1rem;
    height: .1rem;
    border: #02B484 solid;
    border-width: .02rem .02rem 0 0;
    cursor: pointer;
}
.product-info .list li b.arrow-hide{
    animation: rotateHide .1s linear 1;
    transform: rotate(135deg);
    margin-top: .06rem;
}
.product-info .list li b.arrow-show{
    animation: rotateShow .1s linear 1;
    transform: rotate(-45deg);
    margin-top: .12rem;
}
@keyframes rotateHide{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(135deg);}
}
@keyframes rotateShow{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-45deg);}
}

.product-info .list .content{
    width: 90%;
}
.product-info .list .content h5{
    font-size: .16rem;
    line-height: .28rem;
    color: #010101;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.product-info .list .content h5.zk{
    white-space: normal;
}
.product-info .list .content .open-box{
    display: none;
    max-height: 2.72rem;
    overflow-y: auto;
}
.product-info .list .content p{
    font-size: .16rem;
    color: #999999;
    line-height: .28rem;
    margin-top: .16rem;
}
.product-info .list .content p.black{
    color: #000000;
}
.product-info .list .content p a{
    display: block;
    line-height: .28rem;
}
.product-info .list .arrowBox .content{
    max-height: 3rem;
    overflow-y: auto;
}


.ets-stage{
    width: 100%;
    height: 4.5rem;
}

.product-pdf-list{
    margin-top: .3rem;
}
.product-pdf-list li{
    width: 3rem;
    height: 3.88rem;
    background: #fff;
    float: left;
    margin-right: .3rem;
    position: relative;
    box-shadow: 0 .03rem .24rem 0 rgba(0,0,0,0.1);
    cursor: pointer;
}
.product-pdf-list li:last-of-type{
    margin-right: 0;
}
.product-pdf-list img{
    max-width: 3rem;
    max-height: 3.88rem;
    /*border-radius: .12rem;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s;
}
.product-pdf-list img:hover{
    max-width: 3.2rem;
    max-height: 4.08rem;
    /*transform: scale(1.1);*/
}

.mask-pdf-box .common-mask-content{
    width: auto;
    background: transparent;
    padding: 0;
}
.mask-pdf-box .common-mask-bg{
    background: #FFFFFF;
    border-radius: .08rem;
    padding: .4rem .4rem .3rem;
}
.mask-pdf-box .close-btn{
    width: .5rem;
    height: .5rem;
    border: 1px solid #fff;
    position: relative;
    border-radius: 50%;
    margin: .2rem auto 0;
}
.mask-pdf-box .icon-close{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: url(../images/icon-close-white.png) no-repeat;
    background-size: 100%;
}
.pdf-img{
    width: 5rem;
    height: 6.88rem;
    /*background: #fff;*/
    /*box-shadow: 0 .03rem .24rem 0 rgba(0,0,0,0.1);*/
    position: relative;
}
.pdf-img img{
    max-width: 5rem;
    max-height: 6.88rem;
    border-radius: .12rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 无数据 */
.read-pdfBox{
    align-items: center;
}
.read-pdfBox .content p{
    font-size: .3rem;
    line-height: .56rem;
    font-weight: bold;
    color: #1D1D20;
}
.read-pdfBox .content .pdf-btn-br{
    display: inline-block;
    line-height: .32rem;
    border: .02rem solid #1D1C1F;
    border-radius: .18rem;
    padding: 0 .26rem;
    font-size: .14rem;
    font-weight: bold;
    color: #1D1D20;
    margin-top: .44rem;
}
.read-pdfBox .pdf-box{

}
.read-pdfBox .pdf-box img{
    width: 3rem;
    height: 3.88rem;
    border-radius: .12rem;
    box-shadow: 0 .03rem .24rem 0 rgba(0,0,0,0.1);
}

.title-small{
    font-size: .2rem;
    font-weight: bold;
    color: #323232;
    margin-bottom: .2rem;
}
.other-list{}
.other-list li{
    /*width: 2.66rem;*/
    width: 2.53rem;
    margin-bottom: .38rem;
    margin-right: .45rem;
    float: left;
}
.other-list li:nth-of-type(6n){
    margin-right: 0;
}
.other-list li .cover-img{
    width: 100%;
    height: 2rem;
    position: relative;
    background: #fff;
    box-shadow: 0 .03rem .15rem 0 rgba(0,0,0,0.1);
    border-radius: .07rem;
}
.other-list li .cover-img img{
    max-width: 2.53rem;
    max-height: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.other-list li p{
    margin-top: .11rem;
    font-size: .16rem;
    line-height: .2rem;
    font-weight: bold;
    color: #323232;
    min-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}