@charset "utf-8";
.flex{display: flex; justify-content: space-between;}
.img img{width: 100%; height: 100%; object-fit: cover;}
.oneline{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.towline{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.threeline{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.fourline{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.hide {display: none}

.index_tit{margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.index_tit dt{font-size: 24px; font-weight: normal; line-height: 1;}
.index_tit dt small{font-size: 12px; color: #666; margin-left: 6px;}
.index_tit dd{color: #8A8A8A;}
.index_tit dd span{color: #F36161; margin: 0 5px; font-size: 16px; font-weight: bold;}
.index_tit2{background: #FAFAFA; height: 50px;}


.banner_bod2{background: #fff; padding: 30px 20px 0 20px;width: 1160px;margin: 20px auto 0;}
.banner_bod2 .fl{width: 300px;}
.banner_bod2 .fl .bod .item{margin-bottom: 20px;}
.banner_bod2 .fl .bod .item:nth-last-of-type(1){margin-bottom: 0;}
.banner_bod2 .fl .bod .item .info{position: relative; padding: 18px 0;}
.banner_bod2 .fl .bod .item .info .img{height: 140px;}
.banner_bod2 .fl .bod .item .info .img img{transition: 0.5s;}
.banner_bod2 .fl .bod .item .info .img img:hover{transform: scale(1.2);}
.banner_bod2 .fl .bod .item .info dl{position: absolute;top: 0;left: 0;width: 100px;background: rgba(49, 152, 251, 0.7);height: 126px;color: #fff;padding: 25px 8px;display: flex;flex-direction: column;justify-content: space-between;text-align: center;}
.banner_bod2 .fl .bod .item .info dl dt{font-size: 16px;}
.banner_bod2 .fl .bod .item .info dl dt a{color: #fff;}
.banner_bod2 .fl .bod .item .info dl dd{font-size: 25px;font-family: YankaiEG-Heavy-GB;}
.banner_bod2 .fl .bod .item p{margin: 8px 0 16px;}
.banner_bod2 .fl .bod .item .more{display: block; width: 78px; height: 32px; line-height: 28px; text-align: center; border: 2px solid #3298FB; color: #3298FB;}
.banner_bod2 .fl .bod .item .more:hover{background: #3298FB; color: #fff;}
.banner_bod2 .ce{width: 300px;}
.banner_bod2 .ce .swiper-slide{height: 180px; position: relative;}
.banner_bod2 .ce .swiper-slide img{width: 100%; height: 100%;}
.banner_bod2 .ce .swiper-slide p{position: absolute; bottom: 0; left: 0; right: 0; height: 30px; line-height: 30px; padding: 0 100px 0 20px; background: rgba(0,0,0,0.5); color: #fff;}
.banner_bod2 .ce .swiper-pagination{width: auto; left: auto; right: 20px; bottom: 5px;}
.banner_bod2 .ce .swiper-pagination span{opacity: 1; background: #fff;}
.banner_bod2 .ce .swiper-pagination span.swiper-pagination-bullet-active{background: #F36161;}
.banner_bod2 .ce .bod{margin-top: 20px;}
.banner_bod2 .ce .bod .tit{font-size: 18px; color: #F8AB1D; margin-bottom: 10px; font-weight: bold;}
.banner_bod2 .ce .bod ul{margin-bottom: 15px;}
.banner_bod2 .ce .bod ul:nth-last-of-type(1){margin-bottom: 0;}
.banner_bod2 .ce .bod ul li{display: flex; align-items: center; margin-bottom: 6px;}
.banner_bod2 .ce .bod ul li:nth-last-of-type(1){margin-bottom: 0;}
.banner_bod2 .ce .bod ul li em{color: #888; white-space: nowrap; margin-right: 5px; font-size: 12px;}
.banner_bod2 .ce .bod ul li a{flex-grow: 1; overflow: hidden;}
.banner_bod2 .ce .bod ul li span{white-space: nowrap; color: #888; font-size: 12px; margin-left: 5px;}
.banner_bod2 .fr{width: 440px;}
.banner_bod2 .fr .tit{border-top: 1px solid #D4D6D9; display: flex; align-items: center; padding-top: 8px; margin-bottom: 20px; overflow: hidden;}
.banner_bod2 .fr .tit li{flex: 1; text-align: center; position: relative; cursor: pointer;}
.banner_bod2 .fr .tit li.active{color: #F36161;}
.banner_bod2 .fr .tit li.active:before{content: ""; position: absolute; top: -13px; left: 0; right: 0; margin: auto; width: 10px; height: 10px; background: #F36161; transform: rotate(45deg);}
.banner_bod2 .fr .bod{display: none;}
.banner_bod2 .fr .bod .title{font-size: 18px; font-weight: bold; color: #F36161; margin-bottom: 20px; text-align: center;}
.banner_bod2 .fr .bod ul li{display: flex; align-items: center; padding-left: 12px; background: url(../images/list_news_ico.png) left center no-repeat; margin-bottom: 13px;}
.banner_bod2 .fr .bod ul li:nth-last-of-type(1){margin-bottom: 0;}
.banner_bod2 .fr .bod ul li span{width: 36px;height: 18px;line-height: 18px;text-align: center;flex-shrink: 0;background: #3298FB;color: #fff;border-radius: 3px;}
.banner_bod2 .fr .bod ul li em{color: #FF6801; font-weight: bold; white-space: nowrap;}
.banner_bod2 .fr .bod ul li a{margin: 0 8px;}
.banner_bod2 .fr .bod ul li small{color: #999; white-space: nowrap; margin-left: auto;}


.title{height:60px;line-height:60px;padding:0 10px;overflow:hidden;border-bottom:1px solid #efeff4;display:-webkit-box;display:-ms-flexbox;display:flex}
.title .bt{float:left;font-size: 24px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.title .labbox{float:left;text-align:right;padding-right:30px}
.title .labbox .lab{cursor:pointer}
.title .labbox .lab:last-child span{display:none}
.title .labbox .lab span{padding:0 10px;color:#999}
.title .labbox .on{color:#f94f28}
.title .more{float:right;color:#cacaca}

.Min4{width: 1200px;margin: 20px auto 0;}
.Min4 .list{padding:20px 0 0 0}
.Min4 .list li{float:left;width:260px;margin:0 10px 20px 26px}
.Min4 .list li .img{height:150px;display:block;width:100%}
.Min4 .list li .name{height:30px;line-height:30px;overflow:hidden;text-align:center;display:block;padding-top:5px}


.box3bj_change{width: 1200px;margin: 20px auto;}
.box3bj_change .bod{display: flex; align-items: center; height: 258px;}
.box3bj_change .bod .item{width: 210px; height: 240px; position: relative; overflow: hidden; transition: 0.5s;}
.box3bj_change .bod .item img{width: 100%; height: 100%; object-fit: cover;}
.box3bj_change .bod .item dl{position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 20px; background: rgba(0,0,0,0.3); color: #fff; transform: translate(0,100%); transition: 0.5s;}
.box3bj_change .bod .item dl a{color: #fff;}
.box3bj_change .bod .item dl dt{font-size: 22px; margin-bottom: 10px;}
.box3bj_change .bod .item.active{width: 358px; height: 258px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); z-index: 1;}
.box3bj_change .bod .item.active dl{transform: translate(0,0)}

