.index_link{
    color: #AFBBCC;
}

.news_banner{
    background-image: url('../images/_2020051213414717.jpg');
    background-size: 100% 100%;
    width: 100%;
    height: 31.25rem;
    position: relative;
}

.news_banner_context{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(20,33,51,.6);
}

.news_banner_content{
    line-height: 1.67rem;
}

.news_banner_content h1{
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    letter-spacing: 3px;
}

.news_banner_content span{
    color: #fff;
    text-align: center;
    font-size: 0.83rem;
    letter-spacing: 3px;
}

.news_banner_content h1:nth-of-type(2){
    font-size: 0.83rem;
}

.product_nav{
    height: 8.41rem;
    background-color: #212E42;
    /* padding: 1.68rem 10.35rem; */
    box-sizing: border-box;
    position: relative;
}

.product_nav_content{
    width: 92rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.product_nav_content .action span{
    color: #fff;
}

.product_nav_content .action .icon{
    fill: #fff;
}

.product_nav_item:hover span{
    color: #fff;
}

.product_nav_item:hover .icon{
    fill: #fff;
}

.product_nav_item{
    border-right: 0.05rem solid #425166;
    width: 15.4rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* .product_nav_item:nth-last-of-type(6){
    border: none;
} */

.urlpath{
    position: absolute;
    right: 4.2rem;
    bottom: 1.26rem;
    color: #AFBBCC;
    font-size: 0.84rem;
    letter-spacing: 3px;
}

.product_nav_item .icon{
    width: 2.21rem;
    height: 2.94rem;
    fill: rgba(175, 187, 204, 1);
    margin-bottom: 0.53rem;
}

.product_nav_item span{
    color: rgba(175, 187, 204, 1);
    font-size: 0.84rem;
}

.product_icon{
    position: absolute;
    bottom: 0;
    display: block;
    width:7.15rem;
    height:0.21rem;
    background:rgba(255,255,255,1);
    transition: all .5s;
    transform: translateX(4.125rem);
}

.newitem{
    margin-bottom: 1.47rem;
}

.newslist{
    background-color: #121F32;
    padding: 4.2rem 4.2rem 2.08rem;
}

.new_item_content{
    background-color: #212E42;
    height: 28.8rem;
    cursor: pointer;
    position: relative;
}

.product_items_bg{
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 22.02rem;
    transition: all .5s;
}

.product_item_show{
    position: relative;
    z-index: 30;
}

.new_item_content:hover .product_items_bg{
    height: 100%;
}

.new_item_content:hover .product_item_context{
    color: #142133;
}

.new_item_content:hover .product_items_more{
    background-color: #E60D1E;
    border-color: #E60D1E;
}

.new_item_content:hover .product_items_more span{
    color: #fff;
}

.new_item_content:hover .product_items_more .icon{
    fill: #fff;
}

.product_item_pic{
    width: 100%;
    height: 22.02rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.product_item_pic img{
    width: 100%;
    height: auto;
}

.product_item_context{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1.05rem 0;
    color: #fff;
    transition: all .5s;
    
}

.product_items_more{
    width: 7.83rem;
    height: 2.52rem;
    border: 0.05rem solid #AFBBCC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.1rem 0 1.05rem;
    margin-top: 1.05rem;
    transition: all .3s 0.25s;
    
}

.product_items_more span{
    color: #AFBBCC;
}

.product_items_more .icon{
    width: 0.5rem;
    height: 0.84rem;
    fill: #AFBBCC;
}

.news_page_box{
    background-color: #121F32;
    display: flex;
    justify-content: center;
    padding-bottom: 6.4rem;
}

.news_page_box ul{
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    padding-bottom: 6.52rem;
}

.news_page_box .pageWrap a,.news_page_box .pageWrap span{
    width:2.52rem;
    height:2.52rem;
    background:rgba(255,255,255,1);
    float: left;
    margin-right: 0.42rem;
    cursor: pointer;
    color: #425166;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_page_box ul a .icon{
    width: 1.39rem;
    height: 1.68rem;
    fill: #425166;
}

.news_page_box .pageWrap a:hover{
    background-color: #E60D1E !important;
    color: #fff;
    text-decoration: none;
}

.news_page_box .current{
    background-color: #E60D1E !important;
    color: #fff !important;
}