/*banner*/
.banner{
    height:4rem;
    background:url("/static/default/pc/images/xwzx-hd.png") no-repeat;
    background-size:cover;
}
.cp-banner{
    height:4rem;
    background:url("/static/default/pc/images/cpzx-hd.png") no-repeat;
    background-size:cover;
}
.b-text{
    width:12rem;
    margin:0 auto;
    position:relative;
}
.b-text h1{
    font-size: 0.5rem;
    font-weight: bold;
    color: #FFF;
    letter-spacing: 0.01rem;
    position:absolute;
    top:1.3rem;
    left:50%;
    transform: translateX(-50%);
}
.b-text p{
    width: 9rem;
    font-size: 0.26rem;
    font-weight: 400;
    color: rgba(255,255,255);
    line-height: 0.36rem;
    letter-spacing: 0.01rem;
    position:absolute;
    top:2.15rem;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
}

/*文章分类*/
.newF-wrapper{
    background:#F8F8F8;
    height:8.5rem;
}
.newF{
    width:12rem;
    margin:0 auto;
}
.newF-content{
    margin-top:0.5rem;
}
.F-Hits{
    width:8rem;
    float:left;
}
.F-Hits-item{
    width: 3.87rem;
    height: 1.62rem;
    background: #FFFFFF;
    /*box-shadow: 0px 0px 0.09rem 0.01rem #000000;*/
    border-radius: 0.06rem;
    padding:0.2rem;
    float:left;
    margin-right:0.2rem;
    margin-bottom:0.18rem;
}
.F-Hits .F-Hits-item:nth-child(2n){
    margin-right:0;
}
.F-Hits-item h5{
    font-size: 0.18rem;
    font-weight: bold;
    color: #303133;
    padding-bottom:0.1rem;
    border-bottom:0.01rem solid #DCDFE6;
}
.F-Hits-item:hover h5{
    color: #0067A6;
}
.F-Hits-item h5 img{
    float:right;
    width:0.21rem;
    height:0.18rem;
}
.F-Hits-item div{
    font-size: 0.14rem;
    font-weight: 400;
    color: #909399;
    margin-top:0.15rem;
}

.F-newest{
    float:right;
    width:3.66rem;
    height:5.22rem;
    position:relative;
}
.F-newest-title{
    border-bottom: 0.01rem solid #0067A6;
}
.F-newest-title div{
    font-size: 0.22rem;
    font-weight: bold;
    color: #303133;

    white-space: nowrap;
    width: 0.7rem;
    border-bottom: 0.06rem solid #0067A6;
    padding-bottom:0.07rem;
}
.F-newest-content .F-newest-item:first-child{
    margin-top:0.35rem;
}
.F-newest-content .F-newest-item{
    margin-top:0.4rem;
}
.F-newest-item div div{
    width: 0.08rem;
    height: 0.08rem;
    background: #0067A6;
    border-radius: 50%;
    float:left;
    margin:0.06rem 0.1rem 0 0;
}
.F-newest-item div h6{
    font-size: 0.16rem;
    font-weight: bold;
    color: #303133;
}
.F-newest-item:hover div h6{
    color:#0067A6;
}
.F-newest-item p{
    font-size: 0.14rem;
    font-weight: 400;
    color: #909399;
    margin:0.08rem 0 0 0.18rem;
}
.Fjump{
    position:absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.Fjump button{
    width: 1.5rem;
    height: 0.5rem;
    border-radius: 0.06rem;
    border: 0.01rem solid #0067A6;
    background:none;

    font-size: 0.16rem;
    font-weight: 400;
    color: #0067A6;
    cursor: pointer;
}
.Fjump button:hover{
    background: #0067A6;
    color: #FFFFFF;
}

/*第二板块*/
.newS-wrapper{
    height:8.5rem;
}
.newS-content{
    width:12rem;
    margin: 0 auto;
}
.newS-content{
    margin-top:0.5rem;
}
.S-Hits{
    width:5.57rem;
    float:left;
}
.S-Hits .S-Hits-item{
    float:left;
    margin-right:0.17rem;
    margin-bottom:0.3rem;
}
.S-Hits .S-Hits-item:nth-child(2n){
    margin-right:0;
}
.S-Hits .S-Hits-item img{
    width:2.7rem;
    height:1.95rem;
    border-radius: 0.05rem;
}
.S-Hits-item h5{
    font-size: 0.22rem;
    font-weight: 400;
    color: #303133;
    margin-top:0.12rem;
}
.S-Hits-item:hover h5{
    color: #0067A6;
}

.S-newest{
    float:right;
    width:5.85rem;
    position:relative;
    height:5rem;
}
.S-newest-title{
    border-bottom: 0.01rem solid #0067A6;
}
.S-newest-content .S-newest-item{
    margin-top:0.38rem;
}
.S-newest-title div{
    font-size: 0.22rem;
    font-weight: bold;
    color: #303133;

    white-space: nowrap;
    width: 0.7rem;
    border-bottom: 0.06rem solid #0067A6;
    padding-bottom:0.07rem;
}
.S-newest-item div div{
    width: 0.08rem;
    height: 0.08rem;
    background: #0067A6;
    border-radius: 50%;
    float:left;
    margin:0.06rem 0.1rem 0 0;
}
.S-newest-item div h6{
    font-size: 0.16rem;
    font-weight: bold;
    color: #303133;
    float:left;
}
.S-newest-item:hover div h6{
    color:#0067A6;
}
.S-newest-item p{
    font-size: 0.14rem;
    font-weight: 400;
    color: #909399;
    margin:0.08rem 0 0 0.18rem;
}
.S-newest-item span{
    font-size: 0.16rem;
    font-weight: 400;
    color: #909399;
    float:right;
}
.Sjump{
    position:absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.Sjump button{
    width: 1.5rem;
    height: 0.5rem;
    border-radius: 0.06rem;
    border: 0.01rem solid #0067A6;
    background:none;

    font-size: 0.16rem;
    font-weight: 400;
    color: #0067A6;
    cursor: pointer;
}
.Sjump button:hover{
    background: #0067A6;
    color: #FFFFFF;
}

/*第三板块*/
.newT-wrapper{
    background:#F8F8F8;
    height:8.5rem;
}
.newT-content{
    width:12rem;
    margin: 0 auto;
}
.newT-content{
    margin-top:0.5rem;
}
.T-Hits{
    width:6.4rem;
    float:left;
}
.T-Hits-title{
    font-size: 0.22rem;
    font-weight: bold;
    color: #303133;
}
.T-Hits .T-Hits-item{
    float:left;
    width: 6.4rem;
    height: 5.42rem;
    background: #FFFFFF;
    border-radius: 0.06rem;
}
.T-Hits .T-Hits-item:nth-child(2n){
    margin-right:0;
}
.T-Hits .T-Hits-item img{
    width: 6.4rem;
    height:3.25rem;
    border-radius: 0.06rem;
}
.T-Hits .T-Hits-item a p:nth-child(2){
    font-size: 0.16rem;
    font-weight: 400;
    color: #303133;
    margin-left:0.2rem;
    margin-top:0.15rem;
}
.T-Hits-item h5{
    font-size: 0.22rem;
    font-weight: 400;
    color: #303133;
    margin-top:0.12rem;
    margin-left:0.2rem;
}
.T-Hits-item:hover h5{
    color: #0067A6;
}
.T-Hits .T-Hits-item a p:nth-child(4){
    font-size: 0.16rem;
    font-weight: 400;
    color: #303133;
    margin-left:0.2rem;
    margin-top:0.12rem;
}
.T-Hits-item .T-jump{
    width: 1.17rem;
    height: 0.39rem;
    background: #FFFFFF;
    border-radius: 0.06rem;
    border: 0.01rem solid #0067A6;
    background:none;
    margin-top:0.28rem;
    margin-left:0.2rem;

    font-size: 0.16rem;
    font-weight: 400;
    color: #0067A6;
    cursor: pointer;
}
.T-Hits-item .T-jump:hover{
    background: #0067A6;
    color:#FFF;
}


.T-newest{
    float:right;
    width:5.25rem;
    position:relative;
    height:5rem;
}
.T-newest-content .T-newest-item{
    margin-top:0.18rem;
}
.T-newest-title div:nth-child(1){
    font-size: 0.22rem;
    font-weight: bold;
    color: #303133;
    float:left;
    margin-left:0.2rem;
}
.T-newest-title div:nth-child(2){
    float:right;
    font-size: 0.22rem;
    font-weight: 400;
    color: #909399;
    cursor: pointer;
}
.T-newest-title div:nth-child(2):hover{
    color:#0067A6;
}
.T-newest-item{
    width: 5.25rem;
    height: 1.1rem;
    border-radius: 0.06rem;
    padding:0.25rem 0 0 0.33rem;
}
.T-newest-item:hover{
    background:#FFF;
}
.T-newest-item div h6{
    width:4.7rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #303133;
}
.T-newest-item:hover div h6{
    color:#0067A6;
}
.T-newest-item p{
    font-size: 0.14rem;
    font-weight: 400;
    color: #909399;
    margin:0rem 0 0.1rem 0;
}


/*第四板块*/

.newsFo-wrapper{
    /*background:#F8F8F8;*/
    height:8.5rem;
}
.newsFo-content{
    width:12rem;
    margin: 0.7rem auto;
}
.Fo-Hits-content{
    width:6.87rem;
    height:5rem;
}
.Fo-Hits{
    float:left;
}
.Fo-Hits-item{
    position:relative;
    width:6.87rem;
    height:5rem;
}
.Fo-Hits-item img{
    width:6.87rem;
    height:5rem;
}
.Fo-Hits-item .Fotext{
    position:absolute;
    bottom:0.2rem;
    width:5.76rem;
    border-radius: 0.08rem;
    background:rgba(48, 49, 51, 0.36);
    padding:0.1rem 0.23rem;
    left:50%;
    transform: translateX(-50%);
}
.Fo-Hits-item .Fotext h5{
    font-size: 0.2rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
}
.Fo-Hits-item .Fotext p{
    font-size: 0.16rem;
    font-weight: bold;
    color: #DCDFE6;
    margin-top:0.1rem;
    text-align: left;
}
.Fo-newest{
    float:right;
    width:5rem;
    height:5rem;
    position:relative;
}
.Fo-newest-content{
    position:relative;
}
.To-newest-item{
    width:100%;
    margin-bottom:0.12rem;
}
.To-newest-item img{
    width:1.5rem;
    height:1.33rem;
    border-radius: 0.08rem;
    float:left;
}
.To-newest-item div:nth-child(1){
    float:left;
}
.To-newest-item div:nth-child(2){
    float:left;
    margin-left:0.1rem;
    width:3.4rem;
    height:1.33rem;
    position:relative;
}
.To-newest-item div:nth-child(2) h5{
    font-size: 0.2rem;
    font-weight: bold;
    color: #303133;
}
.To-newest-item:hover div:nth-child(2) h5{
    color:#027AFF;
}
.To-newest-item div:nth-child(2) p:nth-child(2){
    font-size: 0.16rem;
    font-weight: 400;
    color: #909399;
    margin-top:0.06rem;
}
.To-newest-item div:nth-child(2) p:nth-child(3){
    font-size: 0.17rem;
    font-weight: 400;
    color: #303133;
    position:absolute;
    bottom:0;
}
.Fo-newest .Fo-jump{
    width: 1.2rem;
    height: 0.4rem;
    background: #FFFFFF;
    border-radius: 0.06rem;
    border: 0.01rem solid #0067A6;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0067A6;
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
}
.Fo-newest .Fo-jump:hover{
    background:#0067A6;
    color:#FFF;
    cursor: pointer;
}





/*产品中心*/

/*产品头部*/
.cpzx-title{
    padding-top:0.8rem;
}
.cpzx-title div:nth-child(1) img{
    width: 0.46rem;
    height: 0.26rem;
}
.cpzx-title div:nth-child(1){
    text-align:center;
}
.cpzx-title div:nth-child(1) span{
    font-size: 0.36rem;
    font-weight: bold;
    color: #303133;
    margin:0 0.15rem;
}
.cpzx-title div:nth-child(2){
    font-size: 0.20rem;
    font-weight: 400;
    color: #909399;
    text-align: center;
    margin-top:0.05rem;
}

/*第一板块*/
.cnewF-wrapper{
    background: #F8F8F8;
    height:8.5rem;
}
.cpF-content{
    height:6rem;
}
.cpF{
    width:12rem;
    /* height:6rem; */
    margin:0 auto;
    padding-top:0.65rem;
    position:relative;
    overflow: hidden;
}
.cpF-Hits-item{
    width: 3.5rem;
    height: 4.5rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    float:left;
    margin-right:0.2rem;
    position:relative;

    transition:all .3s ease;
}
.cpF-Hits-item img{
    width:3rem;
    height:2.1rem;
    margin:0.6rem auto 0;
    display: block;
}
.cpF-Hits-item h5{
    font-size: 0.18rem;
    font-weight: bold;
    color: #303133;
    margin:0.3rem 0 0 0.25rem;
}
.cpF-Hits-item div{
    width:3rem;
    margin:0.1rem 0 0 0.25rem;

    font-size: 0.16rem;
    font-weight: 400;
    color: #909399;
}
.cpF-Hits-item:hover{
    height:5rem;
    transform:translateY(-0.25rem);
}
.cpF-Hits-item:hover img{
    margin-top:0.5rem;
}

.cpF-Hits-item .ckxq{
    width: 1.17rem;
    height: 0.4rem;
    background: #FFFFFF;
    border: 0.01rem solid #0067A6;
    margin:0 auto;
    border-radius: 0.05rem;

    opacity: 0;
    position:absolute;
    bottom:0.5rem;
    left:0;right:0;
}
.cpF-Hits-item .ckxq a{
    font-size: 0.16rem;
    font-weight: 400;
    color: #0067A6;
    line-height: 0.4rem;
}
.cpF-Hits-item:hover .ckxq{
    opacity: 1;
}
.cpFjump{
    width: 1.2rem;
    height: 0.4rem;
    border: 0.01rem solid #0067A6;
    margin:0 auto;
    border-radius: 0.05rem;
}
.cpFjump a{
    width:100%;
    height:100%;
    display: block;
    background:url("/static/default/pc/images/blue-arrow.png") no-repeat center center;
}
.cpFjump:hover{
    background:#0067A6;
}
.cpFjump:hover a{
    background:url("/static/default/pc/images/white-arrow.png") no-repeat center center;
}

/*第二板块*/
.cpS-wrapper{
    height:8.5rem;
}
.cpS{
    width:12rem;
    height:8.5rem;
    margin:0 auto;
}
.cpS-content{
    margin-top:0.25rem;
    height:4.5rem;
    position:relative;
}
.cpS-content a{
    display: block;
    height:100%;
    width:100%;
}
.cpS-content img{
    width:100%;
    height:100%;
}



.ring, .img {
    width:100%;
    height: 100%;
    transform-style: preserve-3d;
    user-select:none;
}

.stage {
    overflow:hidden;
}

.img {
    position: absolute;
}

.pt-container {
    perspective: 20rem;
    width: 4rem;
    height: 3rem;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.cpSjump{
    width:12rem;
    height:1.57rem;
    background:url("/static/default/pc/images/ptxl-ckgd.png") no-repeat;
    background-size:100%;
}
.cpSjump p{
    font-size: 0.22rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}
.cpSjump p:nth-child(1){
    padding-top:0.3rem;
}
.cpSjump a p:nth-child(2){
    font-size:0.18rem;
    margin-top:0.25rem;
}

/*第三板块*/
.cpT-wrapper{
    height:8.5rem;
    background:#F8F8F8;
}
.cpT{
    width:12rem;
    margin:0 auto;
    overflow: hidden;
    position:relative;
}
.cpT-content{
    margin-top:1rem;
    height:4.5rem;
}
.cpT-Hits-item {
    width:2.91rem;
    height:4.1rem;
    position:relative;
    transition:all .3s ease;
    margin-right:0.4rem !important;
}
.cpT-Hits-item>a>div{
    height:4.1rem;
}
.cpT-Hits-item a div h4{
    font-size: 0.16rem;
    font-weight: bold;
    color: #FFFFFF;
    position:absolute;
    top:2.45rem;
    text-align: center;
    left:0;right:0;
    z-index:4;
    transition:all .3s ease;
}
.cpT-Hits-item a div .curtain{
    background:url("/static/default/pc/images/curtain-deep.png") no-repeat;
    background-size:cover;
    width:2.36rem;
    height:1.01rem;
    position:absolute;
    left:0;
    right:0;
    margin:2.14rem auto 0;
    z-index:3;
    transition:all .3s ease;
}
.cpT-Hits-item a div .cp-img{
    width:2.36rem;
    height:2.96rem;
    border-radius:0.05rem;
    display: block;
    margin:0 auto;
    position:relative;
    z-index:2;
    transition:all .3s ease;
}
.cpT-Hits-item a div .cpT-background{
    background:url("/static/default/pc/images/cpT-background.png") no-repeat;
    background-size:cover;
    width:2.36rem;
    height:3.27rem;

    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index:1;
    transition:all .3s ease;
}
.cpT-Hits-item .pedestal{
    width:2.91rem;
    height:0.99rem;
    background:url("/static/default/pc/images/pedestal-s.png") no-repeat;
    background-size:cover;
    position:absolute;
    bottom:0;
    transition:all .3s ease;
}

.cpT-Hits-item:hover{
    width:3.19rem;
    height:4.5rem;
}

.cpT-Hits-item:hover .cp-img{
    width:2.6rem;
    height:3.26rem;
}
.cpT-Hits-item:hover a div .cpT-background{
    width:2.6rem;
    height:3.59rem;
}
.cpT-Hits-item:hover a div h4{
    font-size:0.18rem;
}
.cpT-Hits-item:hover a div .curtain{
    width:2.6rem;
    height:1.11rem;
    margin-top:2.33rem;
}
.cpT-Hits-item:hover .pedestal{
    background:url("/static/default/pc/images/pedestal-b.png") no-repeat;
    width:3.19rem;
    height:1.09rem;
}
.cpT .swiper-wrapper .swiper-slide{
    background:none;
}


.cpTjump{
    width: 1.2rem;
    height: 0.4rem;
    border: 0.01rem solid #0067A6;
    margin:0 auto;
    border-radius: 0.05rem;
}
.cpTjump a{
    width:100%;
    height:100%;
    display: block;
    background:url("/static/default/pc/images/blue-arrow.png") no-repeat center center;
}
.cpTjump:hover{
    background:#0067A6;
}
.cpTjump:hover a{
    background:url("/static/default/pc/images/white-arrow.png") no-repeat center center;
}



/*第四板块*/
.cpFo-wrapper{
    height:8.5rem;
}
.cpFo{
    width:12rem;
    margin:0 auto;
    overflow: hidden;
    position:relative;
    top:-1rem;
    padding-top:1rem;
}
.cpFo-content{
    margin-top:0.7rem;
    height:4.5rem;
}
.cpFo-Hits-item{
    width:3.05rem;
    height:4.06rem;
    border-radius:0.05rem;
    background:url("/static/default/pc/images/xnxs-item-bgs.png") no-repeat;
    background-size:cover;
    position:relative;
    margin-right:0.2rem !important;
    transition:all .3s ease;
}
.cpFo-Hits-item a .cp-img{
    width:2.74rem;
    height:2.88rem;
    border-radius:0.05rem;
    display: block;
    margin:0.16rem auto 0;
    position:relative;
    z-index:2;
    transition:all .3s ease;
}
.cpFo-Hits-item .Fotext{
    width:3.05rem;
    height:1.5rem;
    border-radius:0.05rem;
    background:url("/static/default/pc/images/xnxs-item-black-curtain.png") no-repeat;
    background-size:cover;
    position:absolute;
    bottom:0;
    z-index:3;
    transition:all .3s ease;
}
.cpFo-Hits-item .Fotext h5{
    font-size: 0.18rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align:left;
    margin-left:0.15rem;
    margin-top:0.5rem;
    transition:all .3s ease;
}
.cpFo-Hits-item .Fotext p{
    font-size: 0.16rem;
    font-weight: 400;
    color: #F5F7FA;
    text-align:left;
    margin:0.1rem 0.15rem 0;
    transition:all .3s ease;
}

.cpFo-Hits-item:hover{
    background:url("/static/default/pc/images/xnxs-item-bgb.png") no-repeat;
}
.cpFo-Hits-item:hover a .cp-img{
}
.cpFo-Hits-item:hover .Fotext{
    background:url("/static/default/pc/images/xnxs-item-blue-curtain.png") no-repeat;
}


.cpFojump{
    width: 1.2rem;
    height: 0.4rem;
    border: 0.01rem solid #0067A6;
    margin:0 auto;
    border-radius: 0.05rem;
}
.cpFojump a{
    width:100%;
    height:100%;
    display: block;
    background:url("/static/default/pc/images/blue-arrow.png") no-repeat center center;
}
.cpFojump:hover{
    background:#0067A6;
}
.cpFojump:hover a{
    background:url("/static/default/pc/images/white-arrow.png") no-repeat center center;
}