[v-cloak]{
    display: none;
}
body,ul,ol,li,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size:100%;
    font-weight: normal;
}
body, div, ul, ol, li, dl, dt, dd, nav, header, footer, main, input, button, textarea,form{
    box-sizing: border-box;
    outline: none;
    font-family:  "PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Arial,Helvetica,sans-serif,"\5B8B\4F53";
}
input, select, datalist{vertical-align: middle; outline: none;}
button{border: none;cursor: pointer;}
a, a:visited{ text-decoration: none; cursor: pointer; }
a:hover {text-decoration:none;}
fieldset,img {border:0}
table {border-collapse:collapse;border-spacing:0}
body{background: #F7F7F7; min-width: 1270px; overflow-x: hidden;}

.top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding:10px;
    width: 100%;
    background-color: #FFF;
}
.top>div{
    box-sizing: border-box;
    flex-grow: 0; flex-shrink: 0;
}
.top>div:nth-child(1){
    flex-basis: auto;
    padding:0 .416667rem;
    border-right: 2px solid #213D6D;
    margin-right: .416667rem;
}
.top>div:nth-child(1) img{
    width: 2.854167rem;
    border:none;
}
.top>div:nth-child(2){
    flex-basis: auto;
    font-size: .375rem;
    line-height: .625rem;
}
.top>div:nth-child(3){
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: 20px;
    font-size: .291667rem;
}

.article{
    box-sizing: border-box;
    width: 100%;
    height: 6rem;
    background-image: url(../img/homePage/bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding:.208333rem 1.291667rem;
}
.article>h2{
    font-size: .333333rem;
    font-weight: bold;
    margin-bottom: .166667rem;
}
.article_group{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.article_group li {
    flex-basis: 4.729167rem; flex-grow: 0; flex-shrink: 0;
    margin-right: 1.208333rem;
    line-height: 160%;
    background-color: #FFF;
    cursor: pointer;
}
.article_group li>span{
    display: block;
    height:2.583333rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    transition: .3s;
}
.article_group li:hover>span{
    background-size: 120% 120%;
}
.article_group li>span img{
    width: 4.729167rem; height: 2.583333rem;
    object-fit: cover;
}
.article_group li>div{
    box-sizing: border-box;
    padding:0 .208333rem;
}
.article_group li>div.news_date{
    font-size: .25rem;
}
.article_group li>div.news_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    word-break: break-all;
    font-size: .291667rem;
    font-weight: bold;
}
.article_group li>div.read_more{
    padding:.333333rem .208333rem .166667rem .208333rem;
    font-size: .25rem;
}
.article_group li>div.read_more i{
    font-weight: bold;
    color: #C01B00;
}
.article_group li.article_more{
    flex-basis: 2.375rem; flex-grow: 0; flex-shrink: 0;
    height: .75rem;
    line-height: .75rem;
    margin-right: 0;
    text-align: center;
    background-color: #213D6D;
    color: #FFF;
    font-weight: bold;
}

.prods{
    box-sizing: border-box;
    width: 100%;
    padding:.208333rem 1.291667rem;
    margin-top: .416667rem;
}
ul.prod_list{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
ul.prod_list li{
    flex-basis: 6.5rem; flex-grow: 0; flex-shrink: 0;
    margin-top: .75rem;
    margin-right: .875rem;
    margin-bottom: .75rem;
    box-shadow: 0 0 .208333rem .083333rem #cccccca2;
    cursor: pointer;
    transition: .3s;
}
ul.prod_list li:hover{
    margin-top: .5rem;
    margin-bottom: .9rem;
    box-shadow: 0 0 .208333rem .1rem #acacaca2;
}
ul.prod_list li span{
    line-height: 0;
}
ul.prod_list li span img{
    width: 6.5rem; height: 3.8125rem;
    object-fit: cover;
}
ul.prod_list li div.prod_title{
    height: 48px;
    width: 100%;
    /* white-space:nowrap;  */
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: .291667rem;
    font-weight: bold;
    line-height: 400%;
}

footer{
    width: 100%;
    background-color: #29292A;
    font-size: .291667rem;
    color: #FFF;
    line-height: 200%;
    text-align: center;
}

.lang_change{
    border:1px solid #CCC;
    border-radius: 5px;
    cursor: pointer;
}
.lang_change span{
    display: inline-block;
    width: 16px;
    padding:4px;
    text-align: center;
    margin: 0 5px;
}
.active_lang{
    color: #a90000;
    font-weight: bold;
}