﻿@charset "utf-8";
:root{--color:#2347a5}
.table tr:nth-child(even){background:#fff}
.table tr:nth-child(odd){background:#eee}
table td,table th{padding:5px}
.page-main{flex:inherit;width:calc(100% - 380px)}
@media (max-width:1280px){.page-main{width:calc(100% - 320px)}}
@media (max-width:1024px){.page-main{width:100%}}
.home-brand{margin:4% 0;}
.home-brand-list{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:space-between}
.home-brand-list li{width:16%;border:1px solid #ccc;margin-top:10px}
.home-brand-list li img{height:90px;object-fit:contain;width:100%;padding:5px}
@media (max-width:800px){.home-brand-list li{width:32%}}
@media (max-width:500px){.home-brand-list{margin-top:10px}
.home-brand-list li img{height:80px}}
@media (min-width:769px){.contact-list .contact-item{height:300px}}
#tagTabs .tagItem:nth-child(2){display:none}
#jljw_IM_GdImBox {z-index:999999999!important;}
.compare-panel {z-index:214748364799999!important;}
.mobile-bottom-bag p{font-size:12px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mobile-bottom-bag p em {display:block;}
.head-top .text{background: linear-gradient(90deg, #999, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px;font-weight: bold;}
.home-about{padding-top:0;}
 .home-title{color:var(--color);margin-top:20px}
.home-des{position:relative}
.home-des::after{position:absolute;content:'';width:100%;height:2px;background-color:var(--color);top:50%;left:0;transform:translate(0,-50%);z-index:-1}
.home-des span{display:inline-block;padding:0px 15px;height:40px;background:var(--color);color:#fff;position:relative;line-height:40px;z-index:1}
.home-des span::before{position:absolute;content:'';left:-20px;width:0;height:0;border:0 solid transparent;border-top-width:20px;border-bottom-width:20px;border-right:20px solid var(--color)}
.home-des span::after{position:absolute;content:'';right:-20px;width:0;height:0;border:0 solid transparent;border-bottom-width:20px;border-top-width:20px;border-left:20px solid var(--color)}
.home-news .home-des::after{display:none}

.home-activity::before{background:rgba(0,0,0,.65)}
.home-activity .act-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-activity .act-li{width:25%;min-height:650px;display:flex;flex-direction:column;justify-content:space-between}
.home-activity .li-box1{padding:32px 40px;background:0 0;height:100%}
.home-activity .li-box1-contant{opacity:0;transition:all .3s linear}
.home-activity .li-box2{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 60px 20px 15px;background:rgba(5,21,94,.4)}
.home-activity .li-box2 .a-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-activity .act-li .li-num{font-size:90px;font-weight:700;color:rgba(255,255,255,.1);line-height:1;text-align:right}
.home-activity .act-li .li-info{margin-bottom:12px}
.home-activity .act-li .a-title{display:block;font-size:var(--fontsize20);color:#fff;line-height:1.2;transition:all .3s linear}
.home-activity .act-li .a-text{display:block;font-size:16px;color:#fff;line-height:30px;padding-top:20px}
.home-activity .act-li .more{position:absolute;bottom:0;right:0;display:inline-block;vertical-align:top;background:rgba(49,173,252,.89);padding:20px 24px;text-align:center;font-size:12px;color:#fff}
.home-activity .act-li .more .iconfont{display:inline-block;transform:rotate(90deg)}
.home-activity .act-li:hover{background:rgba(5,21,94,.8)}
.home-activity .act-li:hover .li-box1-contant{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-bottom:20px;opacity:1}
.home-activity .act-li:hover .li-box2 .a-title{display:none}
@media (max-width:1024px){.home-activity .act-li{width:50%;min-height:350px}
.home-activity .act-li .a-text{padding-top:10px}
}
@media (max-width:990px){.home-activity.li-box2{padding:16px 20px}
.home-activity.li-box2 .a-title{font-size:var(--fontsize18)}
.home-activity.act-li .more{padding:14px 20px}
}
@media (max-width:600px){.home-activity .act-li{width:1000%;min-height:200px}
.home-activity .act-li:hover .li-box1-contant{padding-bottom:0}
.home-activity .li-box1{padding:10px 20px}
.home-activity .act-li .li-num{font-size:46px}
.home-activity .act-li .a-text{padding:0}
}
