.product{
    width:100%;
    display:flex;
    flex-direction:column;
    position: relative;
}

.product .banner{
    height:840px;
    background-repeat: no-repeat;
    background-position:center;
    justify-content:flex-start;
    align-items: flex-start;
    cursor: pointer;
}
.product .swiper-container-pro01{
    width:100%;
}
.product .banner1{
    background-image: url('/h/images/home/pc_cn_play01.jpg?t=13');
}
.product .banner2{
    background-image: url('/h/images/home/pc_cn_play02.jpg?t=13');
}
.product .banner3{
    background-image: url('/h/images/home/pc_cn_play03.jpg?t=13');
}
.product .banner4{
    background-image: url('/h/images/home/pc_cn_play04.jpg?t=13');
}

.product .banner_en1{
    background-image: url('/h/images/home/pc_en_play01.jpg?t=13');
}
.product .banner_en2{
    background-image: url('/h/images/home/pc_en_play02.jpg?t=13');
}
.product .banner_en3{
    background-image: url('/h/images/home/pc_en_play03.jpg?t=13');
}
.product .banner_en4{
    background-image: url('/h/images/home/pc_en_play04.jpg?t=13');
}


.product .banneren{
    background-image: url('/h/images/n/pro_en.png?t=13');
}
.product .banner-text{
    width:850px;
    margin:0 auto;
    
    font-weight: 300;
    font-size: 18px;
    color: #0E161E;
    line-height: 30px;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    text-align:left;
    margin-top:189px;
}
.product .banner-text .etc{
    
    font-weight: bold;
    font-size: 38px;
    color: #E1251B;
    line-height: 57px;
}
.product .banner-text .t
{
    
    font-weight: bold;
    font-size: 43px;
    color: #0E161E;
    line-height: 64px;
}
.product .banner-text .btn{
    height:50px;
    margin-top:20px;
}
.product .banner-text span{
    background: #E50113;
    padding:15px 20px;
    border-radius:25px;
    color:#fff;
    
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 36px;
    margin-right:36px;
}
.product .banner-text span.active{
    background-color: #fff!important;
    color:#E50113!important;
}

/**newsPage 动画部分**/
.product .banner{
    opacity: 0;
    transform: translateY(50px);
}
.product .leftNav{
    opacity: 0;
    transform: translateY(50px);
}

.product.DSActive .banner{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.product.DSActive .leftNav{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}

.productLists .produceListsBox,.productLists .rightListsBox{
    opacity: 0;
    transform: translateY(50px);
}
.productLists.DSActive .produceListsBox,.productLists.DSActive .rightListsBox{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.productLists.DSActive .produceListsBox,.productLists.DSActive .rightListsBox{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}


.product .product_h1{
    display:flex;
    flex-direction:column;
    justify-content: center;
    padding-top:20px;
    padding-bottom:70px;
    font-weight: bold;
    font-size:38px;
    color: #0D161D;
    line-height: 62px;
    gap:20px;
    align-items: center;
}
.product .product_h1 .h-t1{
    display:flex;
    flex-direction:row;
    justify-content: center;
    gap:20px;
}
.product .product_h1 .h-t2{
    text-align:center;
}

.product .content-pro-container{
    border-top:6px #0E161E solid;
    /* border-bottom:6px #0E161E solid; */
    background-color: #fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    
    font-weight: 400;
    font-size: 24px;
    color: #A6A6A6;
    line-height: 48px;
    gap:100px;
    padding-top:50px;
    padding-bottom:240px;
}


/** 产品页 **/
.product .news-content{
    background-color: #fff;
    width:100%;
}
.product .news-content .hbg{
    width:100%;
    height:430px;
    background: #F9F9F9;
}
.product .content-wrap{
    margin:0 auto;
    width:1310px;
    margin-top:-430px;
}
.product .content-wrap>h1{
    height:190px;
    
    font-weight: 300;
    font-size: 22px;
    color: #0E161E;
    line-height: 190px;
    text-align:center;
}

.product .news-content .content-list{
    border-top:6px #0E161E solid;
    background-color: #fff;
}
.product .news-content .content-list .item{
    justify-content: space-between;
    border-bottom: #E4E4E4 1px solid;
    padding:45px;
}
.product .news-content .content-list .item .img{
    padding:0px;
    width:308px;
    height:200px;
    margin-right:70px;
}
.product .news-content .content-list .item .img>img{
    width:308px;
    height:200px;
}
.product .news-content .content-list .item .con{
    flex:1;
    justify-content: space-between;
    cursor: pointer;
}
.product .news-content .content-list .item .con>h2{
    
    font-weight: 400;
    font-size: 24px;
    color: #0E161E;
    line-height: 36px;
}
.product .news-content .content-list .item .con > .des{
    
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 24px;
}


.product .content-box{
    width:100%;
    background: #fff;
}
.product .content-box .hbg{
    width:100%;
    height:430px;
    background: #F9F9F9;
}
.product .content{
    width:1310px;
    margin:0 auto;
    margin-top:-430px;
    padding-top:60px;
    color:#666666;
}
.product .titlebox{
    display:flex;
    flex-direction:row;
    justify-content:space-between;

}
.product .titlebox .titleH1{
    display:flex;
    flex-direction:column;
    flex:1;
}
.product .content .otc{
    margin-top:20px;
    width:90px;
    height:78px;
}
.product .content .ml{
    color:#E1251A;
    font-weight: 400;
    font-size: 24px;
    color: #E1251A;
    line-height:45px;
    background-color:#FDF2F1;
    border-radius:15px;
    padding:0 10px;
}
.product .content .etc{
    font-weight: bold;
    font-size: 30px;
    color: #E1251B;
}
.product .content .con1{
    
    font-weight: 300;
    font-size: 24px;
    color: #0E161E;
    line-height: 36px;
    padding-bottom:30px;
}
.product .content .titleH1 h1{
    
    font-weight: bold;
    font-size: 40px;
    color: #0D161D;
    line-height: 24px;
    line-height:80px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
}
.product .content>.time{
    
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    background-image: url("/h/images/n/time.png");
    background-repeat: no-repeat;
    text-indent: 40px;
    height:40px;
}
.product .content-container{
    border-top:6px #0E161E solid;
    border-bottom:6px #0E161E solid;
    background-color: #fff;
}


.product .content-container{
    padding:0px;
    padding-bottom:100px;
    padding-top:40px;
}

.product .content-container .produce_ico{
    float: right;
}

.product .content-container p{
    text-indent:0;
    font-size:16px;
    padding:0px;
    margin:0px;
    line-height:30px;  
    color:#666666;
    padding:0px 110px;
    padding-right:10px;
}
.product .content-container p.p1{
    padding-left:140px;
}
.product .content-container h3{
    font-size:18px;
    font-weight:400;
    color:#0D161D;
    line-height:40px;
    padding:0px 3em;
    padding-top:10px;
}

.product .content-container strong{
    color:#0D161D;
}
.product .content-container h4{
    font-size:16px;
    padding:0px;
    margin:0px;
    line-height:30px;  
    color:#626262;
    font-weight:400;
    text-decoration: underline;
    margin-top:20px;
    padding:0px 110px;
}

.product .content-container .table table{
    width:630px;
    border-top:2px #A6A6A6 solid;
    border-bottom:0px;
    border-right:0px;
    border-bottom:2px #A6A6A6 solid;
    margin:10px 0;
    margin-left:110px;
}
.product .content-container .table table tr td,.product .content-container .table table th{
    border-bottom:1px #DCDCDC solid;
    padding:12px;
    text-align:left;
    font-size:16px;
    text-indent:3em;
}

.product .content-container .table1 table{
    width:870px;
    border-top:2px #B5B5B5 solid;
    border-bottom:0px;
    border-right:0px;
    border-bottom:2px #B5B5B5 solid;
    margin:10px 0;
    margin-left:110px;
}
.product .content-container .table1 table th{
    border-bottom:1px #DCDCDC solid;
    padding:12px;
    text-align:center;
    font-size:16px;
    font-weight: 400;
}
.product .content-container .c6{
    color:#666;
}
.product .content-container .c6d{
    color:#0D161D;
}

.product .content-container .table1 table tr td{
    border-bottom:1px #e6e6e6 solid;
    padding:12px;
    text-align:center;
    font-size:16px;
}
.product .table-bordered-left-width{
    text-align:left!important;
    padding-left:30px!important;
    text-indent:0px!important;
}
/** 产品列表 **/
.produceListsBoxWrap{
    width:100%;
    background-color:#fff;
}
.produceListsBox{
    width:1310px;
    margin:0 auto;
    margin-top:100px;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    gap:140px;
    padding-bottom:170px;
}
.leftTabBox{
    display:flex;
    flex-direction:column;
}
.leftTabBox div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:174px;
    height:174px;
    cursor: pointer;
}
.rightListsBox{
    flex:1;
}
.rightListsBox .tabBox{
    width:100%;
}
.rightListsBox .tabBox .tabName{
    font-weight: bold;
    font-size: 30px;
    color: #E1251A;
    line-height: 32px;
    padding-bottom:50px;
}
.rightListsBox .tabBox .ListsBox{
    display:flex;
    flex-direction:column;
    gap:70px;
}
.rightListsBox .tabBox .ListsBox .item{
    display:flex;
    flex-direction:row;
    gap:60px;
    width:100%;
}
.rightListsBox .tabBox .ListsBox .item .img{
    min-width:300px;
    height:300px;
    width:300px;
}
.rightListsBox .tabBox .ListsBox .item .img img{
    width:300px;
    height:300px;
}
.rightListsBox .tabBox .ListsBox .cons{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    padding-bottom:15px;
    width:100%;
}

.rightListsBox .tabBox .ListsBox .cons .title{
    font-weight: 400;
    font-size: 24px;
    color: #0D161D;
    gap:10px;
    padding-bottom:10px;
    border-bottom:1px #E5E5E5 solid;
    vertical-align: middle;
    line-height:24px;
}
.rightListsBox .tabBox .ListsBox .cons .title_en{
    display:flex;
    flex-direction:column;
    line-height:30px;
}

.rightListsBox .tabBox .ListsBox .cons .title_en img{
    width:149px;
    height:26px;
}
.rightListsBox .tabBox .ListsBox .cons .title img{
    min-width:149px;
    min-height:26px;
    float: left;
    padding-right:10px;
    vertical-align: bottom;
}
.rightListsBox .tabBox .ListsBox .cons .title .etc{
    width:100%;
    font-weight: bold;
    font-size: 20px;
    color: #E1251A;
    display:block;
    line-height:35px;
}

.rightListsBox .tabBox .ListsBox .cons .des{
    padding:10px 0;
    font-weight: 400;
    font-size: 18px;
    color: #0D161D;
    line-height: 24px;
    min-height:100px;
    height:auto;
    padding-bottom:10px;
}
.rightListsBox .tabBox .ListsBox .cons a{
    width:100%;
    border-bottom:1px #E5E5E5 solid;
    padding-bottom:10px;
}
.leftTabBox div:first-child{
    border-bottom:1px #E6E6E6 solid;
    border-top:2px #E1251B solid;
}


.m_product_lists{
    width:100%;
    display:flex;
    flex-direction:column;
    z-index: 1000;
    position: relative;
    background-color:#fff;
}
.m_product_lists .tab{
    display:flex;
    flex-direction:row;
    margin:0 auto;
    width:6.7rem;
}
.m_product_lists .tab div{
    display:flex;
    flex-direction:column;
    width:50%;
    align-items:center;
    height:auto;
}
.m_product_lists .tab div img{
    width:.88rem;
    height:.92rem;
    margin-top:.3rem;
}
.m_product_lists .tab div span{
    border-bottom:#E6E6E6 solid .01rem;
    padding:.3rem 0;
    width:100%;
    text-align:center;
}
.m_product_lists .tab div .a{
    color:#E1251A;
    border-bottom:#E1251A solid .01rem;
}



.m_product_lists .tab {
    font-weight: bold;
    font-size: .3rem;
    color:#E6E6E6;
    line-height: 32px;
}

.m_product_lists .item{
    display:flex;
    flex-direction:column;
    padding-top:.7rem;
}
.m_product_lists .item .pic{
    margin:0 auto;
    width:3.5rem;
    height:3.5rem;
}
.m_product_lists .item .cons{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.1rem;
    margin:0 auto;
    width:6rem;
    border-bottom: #E6E6E6 solid .01rem;
    padding-bottom:.2rem;
    padding-top:.3rem;
    position: relative;
}
.m_product_lists .item .cons img{
    width:1.49rem;
    height:.26rem;
}
.m_product_lists .item .cons .title{
    font-weight: bold;
    font-size: .24rem;
    color: #0D161D;
    padding:.2rem 0;
    padding-top:0px;
    text-align:center;
}
.m_product_lists .item .cons .etc{
    color:#E1251A;
    font-weight: bold;
    font-size: .24rem;
    color: #E1251A;
    position:absolute;
    top:0px;
    left:.5rem;
}
.m_product_lists .item .cons .des{
    font-weight: 400;
    font-size: .18rem;
    color: #0D161D;
    line-height: .24rem;
    border-top: #051F5C solid .02rem;
    padding-top:.3rem;
    text-align:center;
}
.m_product_lists .item .cons a{
    font-weight: 400;
    font-size: .16rem;
    color: #0D161D;
    line-height: .24rem;
    margin-top:.3rem;
}
/**手机产品页详情**/


.mobile-product .bander{
    width:7.5rem;
    height:auto;
    display: table;
    min-height:7.98rem;
    margin-top:0rem;
}
.mobile-product .bander img{
    width:7.5rem;
    height:7.98rem;
}
.mobile-product .mobile-leftnav{
    margin-bottom:-1.60rem;
}

.mobile-product .swiper-container-pro02{
    width:7.5rem;
}

.mobile-product .content-box{
    width:100%;
    background: #fff;
}
.mobile-product .content-box .hbg{
    width:100%;
    height:4.3rem;
    background: #F9F9F9;
}

.mobile-product .content{
    margin:0 auto;
    margin-top:-4.3rem;
    padding-top:.6rem;
    padding-left:.5em;
    padding-right:.5rem;
}

.mobile-product .product_h1{
    display:flex;
    flex-direction:column;
    justify-content: center;
    padding-top:.2rem;
    padding-bottom:.7rem;
    font-weight: bold;
    font-size:.36rem;
    color: #0D161D;
    line-height: .62rem;
    gap:.2rem;
    width:100%;
}
.mobile-product .product_h1 .h-t1{
    display:flex;
    flex-direction:row;
    gap:.1rem;
    justify-content: center;
    white-space: nowrap;
}
.mobile-product .product_h1 .h-t2{
    text-align:center;
}
.mobile-product .content-pro-container{
    border-top:.06rem #0E161E solid;
    background-color: #fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    
    font-weight: 400;
    font-size: .24rem;
    color: #A6A6A6;
    line-height: .48rem;
    gap:1rem;
    padding-top:.5em;
    padding-bottom:2.4rem;
}

.mobile-productdetail .content-box{
    width:100%;
    position: relative;
    display:table;
    margin-top:.0rem;
    background-color: #fff;
}
.mobile-productdetail .content-box .bg{
    margin-top:0rem;
    background-image: url('/h/images/home/bg.png');
    height:5rem;
    background-color: #000;
    margin-bottom:-5rem;
}
.mobile-productdetail .content{
    width:6.7rem;
    margin:0 auto;
    height:auto;
    display:table;
    padding-top:.4rem;
}
.mobile-productdetail .content .etc{
    
    font-weight: bold;
    font-size: .24rem;
    color: #E1251B;
    margin-bottom:.1rem;
}
.mobile-productdetail .content h1{
    
    font-weight: bold;
    font-size: .36rem;
    color: #0E161E;
    line-height: .34rem;
    margin-bottom:.2rem;
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items: center;
    gap:.1rem;
}
.mobile-productdetail .content .con1{
    
    font-weight: 300;
    font-size: .2rem;
    color: #0E161E;
    line-height: .36rem;
    padding-bottom:.3rem;
}
.mobile-productdetail .content-container{
    border-top:.06rem #0E161E solid;
    border-bottom:.06rem #0E161E solid;
    background-color: #fff;
}

.mobile-productdetail .titlebox{
    display:flex;
    flex-direction:row;
    justify-content:space-between;

}
.mobile-productdetail .titlebox .titleH1{
    display:flex;
    flex-direction:column;
    flex:1;
}
.mobile-productdetail .titlebox .titleH1 img{
    width:2.4rem;height:.43rem;
    margin-bottom:.1rem;
}
.mobile-productdetail .content .otc{
    margin-top:.2rem;
    width:.9rem;
    height:.78rem;
}
.mobile-productdetail .titlebox .titleH1 .sh1{
    font-size:.30rem;line-height:.45rem;
}
.mobile-productdetail .titlebox .titleH1 .con1{
    font-size:.24rem;
    padding-bottom:.1rem;
}
.mobile-productdetail .titlebox .titleH1 .con1.en{
    line-height:.3rem;
    font-size:.18rem;
}
.mobile-productdetail .titlebox .ml{
    color:#E1251A;
    font-weight: 400;
    font-size: .24rem;
    color: #E1251A;
    line-height:.45rem;
    background-color:#FDF2F1;
    border-radius:.15rem;
    padding:0 .1rem;
}

.mobile-productdetail .content-container .table1 table{
    width:6rem;
    border-top:.02rem #B5B5B5 solid;
    border-bottom:0px;
    border-right:0px;
    border-bottom:.02rem #B5B5B5 solid;
    margin:.1rem 0;
    margin-left:.8rem;
}
.mobile-productdetail .content-container .table1 table th{
    border-bottom:.01rem #DCDCDC solid;
    padding:.12rem;
    text-align:center;
    font-size:.16rem;
    font-weight: 400;
}
.mobile-productdetail .content-container .c6{
    color:#666;
}
.mobile-productdetail .content-container .c6d{
    color:#0D161D;
}

.mobile-productdetail .content-container .table1 table tr td{
    border-bottom:.01rem #e6e6e6 solid;
    padding:.12rem;
    text-align:center;
    font-size:.16rem;
}

.mobile-productdetail .table-bordered-left-width{
    text-align:left!important;
    padding-left:.3rem!important;
    text-indent:0px!important;
}

.mobile-productdetail .content-container{
    padding:0px;
    padding-bottom:1rem;
    padding-top:.4rem;
}
.mobile-productdetail .content-container .produce_ico{
    float: right;
    width:1.69rem;
    height:1.69rem;
}
.mobile-productdetail .content-container p{
    text-indent:0;
    font-size:.16rem;
    padding:0px;
    margin:0px;
    line-height:.3rem;  
    color:#626262;
    padding:0px .86rem;
    padding-right:.2rem;

}
.mobile-productdetail .content-container p.p1{
    padding-left:0.95rem;
}
.mobile-productdetail .content-container p.pindex{
    text-align: justify;
    text-indent: -2em; 
    padding:0px 1.06rem;
    padding-right:.2rem;
}
.mobile-productdetail .content-container h3{
    font-size:.18rem;
    font-weight:400;
    color:#1A1A1A;
    line-height:.4rem;
    padding:0px .28rem;
    padding-top:.1rem;
}

.mobile-productdetail .content-container h4{
    font-size:.16rem;
    padding:0px;
    margin:0px;
    line-height:.3rem;  
    color:#626262;
    font-weight:400;
    text-decoration: underline;
    margin-top:.2rem;
    padding:0px .9rem;
}

.mobile-productdetail .content-container .table table{
    width:5.1rem;
    border-top:2px #A6A6A6 solid;
    border-bottom:0px;
    border-right:0px;
    border-bottom:2px #A6A6A6 solid;
    margin:.1rem 0;
    margin-left:.9rem;
}
.mobile-productdetail .content-container .table table tr td,.mobile-productdetail .content-container .table table th{
    border-bottom:1px #DCDCDC solid;
    padding:0px;
    margin:0px;
    padding:.12rem;
    text-align:left;
    font-size:.16rem;
}
.mobile-productdetail .cl{
    padding-bottom:.04rem;
}
.mobile-productdetail .cr{
    font-size:.1rem;
    margin-top:.1rem;
    padding-top:.1rem;
    padding-left:0px;
    vertical-align:text-top;
}


.product .cl{
    padding-bottom:4px;
}
.product .cr{
    font-size:10px;
    margin-top:10px;
    padding-top:10px;
    padding-left:0px;
    vertical-align:text-top;
}