@charset "UTF-8";
html,body,.app{padding:0; margin:0; width:100%; height:100%; }
*{box-sizing: border-box;}
a{color:inherit; text-decoration: none;}
.app{z-index:1; min-width: 1400px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top:90px;}

.nav-bar{position: fixed; top:0; left:0; right:0; z-index:2; flex:0 0 auto;  width:100%; height:90px; display: grid; grid-template-columns:45px 350px minmax(10px, auto) repeat(9,100px) 60px 60px; place-items:center start; gap:0; background:rgba(255,255,255,0.9); box-shadow: 0 0 8px rgba(0,0,0,0.15);}
.nav-bar .item{width:100%; height:100%; font-size:18px; color:#000; cursor:pointer; display: flex; justify-content: center; align-items: center; transition: all 0.3s; padding-top:8px; position:relative;}
.nav-bar .item a{display: flex; width:100%; height:100%; align-items: center; justify-content: center;}
.nav-bar .item.red>a{color:#a70808 !important;}
/*.nav-bar .item:not(.red):hover{background:#a70808; }
.nav-bar .item:not(.red):hover>a{color:#fff !important; }*/
.nav-bar .item:hover{background:#a70808; }
.nav-bar .item:hover>a{color:#fff !important; }

.nav-bar .pop{position:absolute; left:0; top:90px; z-index:20; width:100%; padding:5px; background:rgba(255,255,255,0.9); display:none; box-shadow:3px 3px 15px rgba(0,0,0,0.5) }
.nav-bar .pop .menu{width:100%; height:40px; background: #efefef; display:flex; justify-content:center; align-items: center; font-size:16px; transition: all 0.3s;}
.nav-bar .pop .menu:nth-of-type(n+2){margin-top:5px; }
.nav-bar .pop .menu:hover{color:#fff; background: #a70808; cursor:pointer;}

.body{flex:1 0 auto; width:1280px;}

.link{flex:0 0 auto; width:100%;  height:60px; background: #efefef; display: flex; justify-content: center; align-items: stretch;}
.link .link-box{width:1280px; display: flex; justify-content: flex-start; align-items: center;}
.link .title{font-weight: bold; color:#333; font-size:17px;}
.link .item{color:#666; padding:0 20px; position: relative;}
.link .item .left-border{position:absolute; left:0; top:5px; bottom:3px; border-left:solid 1px #999; }
.bottom{flex:0 0 auto; width:100%; height:180px; background: #2d2d32; display: flex; justify-content: center; align-items: stretch;}
.bottom .box{width:1280px; display: flex; justify-content: space-between; align-items: center;}
.bottom .left{flex:1 0 auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.bottom .line{display: flex; align-items: center;}
.bottom .text{color:#c3c3c3; line-height: 200%;}
.bottom .line .text{margin-right:30px;}
.bottom .right{flex:0 0 auto; }
.bottom .right img{display: block}

/*公司概况的二级栏目*/
.banner-1{flex:0 0 auto; width: 100%; height:420px; }
.sub-cat-1{width:100%; border-bottom: solid 1px #e6e6e6; display: flex; justify-content: center; align-items: center;}
.sub-cat-1 .width-limit{width:1280px; height:80px;  display: flex; justify-content: center; align-items: center; }
.sub-cat-1 .item{flex:1 0 auto; display: flex; justify-content: center; align-items: center; font-size: 18px; color:#444; border-left: solid 1px #ccc; cursor:pointer; transition: all 0.3s; }
.sub-cat-1 .item:first-child{border-left: 0}
.sub-cat-1 .item.active{font-size: 19px; font-weight: bold; color:#a90e15; cursor: default;}
.sub-cat-1 .item:hover{color:#a90e15}

/*企业文化*/
.banner-2{flex:0 0 auto; width: 100%; height:420px; }


.page{flex:0 0 auto; margin-bottom:30px; }
.pagination{margin:0; padding:0; list-style: none; display: flex; justify-content: center; align-items: center; }
.pagination li{flex:0 0 auto; margin:0 3px; display:flex; justify-content:center; align-items:center; padding:5px 10px; border:solid 1px #ddd; border-radius:3px; font-size:14px; color:#444 }
.pagination li.active{background: #a70808; color:#fff; border-color:#a70808}