﻿@charset "utf-8";

.banner { position: relative; width: 100%; overflow: hidden; }

.banner .swiper-container { position: relative; width: 100%; }

.banner .swiper-container .swiper-slide,

.banner .swiper-container .swiper-slide a { display: block; width: 100%; }

.banner .swiper-container .swiper-slide .swiper-slide-img img { position: relative; width: 100%; height:auto; }

.banner .swiper-container .swiper-pagination { position:absolute;bottom: 45px;left:0;height:13px;width: 100%;text-align: center;z-index: 999;}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; margin: 0 8px; color:#fff; border-radius: 24px; position:relative; transition:all 0.3s; display:inline-block; width:13px; height:13px; font-size:0; line-height:13px; vertical-align: top; opacity: 0.3; }

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 13px; opacity: 1; }

.banner .swiper-button-prev,

.banner .swiper-button-next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; transform: translateY(-50%); z-index: 9; }

.banner .swiper-button-prev { left: 20px; background: url(../images/pv2.png) no-repeat;}

.banner .swiper-button-next { right: 20px; background: url(../images/nv2.png) no-repeat;}

@media (max-width: 1680px){

    .banner .swiper-container .swiper-pagination { bottom: 50px; }

    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; width:8px; height:8px; line-height:8px; }

    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 18px; }

    .banner .swiper-container .swiper-button-prev,

    .banner .swiper-container .swiper-button-next { display: none; }

}

@media (max-width: 1280px){

    .banner .swiper-container .swiper-pagination { bottom: 50px; }

}

@media (max-width: 1100px){

    .banner .swiper-container .swiper-pagination { bottom: 10px; }

}

.container { background: #fff; }

.col-title .hd { position: relative; height: 52px; border-bottom: 1px solid #f2f2f2; }

.col-title .hd h2 { position: relative; float: left; border-bottom: 4px solid #145591; font-size: 24px; line-height: 49px; z-index: 2; }

.more { position: absolute; right: 0; top: 50%; margin-top: -15px; color: #666; font-size: 14px; line-height: 30px; z-index: 1; }

.more:hover { color: #1054c8; }

@media (max-width: 1100px){

    .col-title .hd { height: 50px; }

    .col-title .hd h2 { border-bottom: 2px solid #145591; font-size: 18px; line-height: 48px; }

}

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }



/* 通知公告 */

.col-a { position: relative; margin-top: 0; margin-bottom: 40px; height: 80px; z-index: 2; }

.col-a .g-in { /*display: flex;align-items: center;justify-content: space-between;*/ background: #fff; }

.col-a .hd { position: relative; float: left; padding-left:50px; padding-right: 38px; font-size: 24px; font-weight: bold; line-height: 80px; }

.col-a .hd::after { position: absolute; top: 50%; left: 25px; width: 4px; height: 18px; transform: translateY(-50%); background-color: #ff7900; content: ''; }

.col-a .bd { display: block; overflow: hidden; }

.col-a .bd li { float: left; width: 30%; margin-right: 80px; font-size: 16px; line-height: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



@media (max-width: 1280px){

    .col-a { display: none; }

}

.news { padding: 28px 0 38px; }

.news .hd { margin-bottom: 28px; }

.pic-news { float: left; width: 41.8%; overflow: hidden; }

.pic-news .swiper-slide img { width: 100%; height: 100%; transform:scale(1); transition: all .6s ease; }

.pic-news .swiper-slide .time { position:absolute; left:0; bottom:0; background:#145591; width:74px; height:74px; text-align:center; color:#fff; z-index:2;}

.pic-news .swiper-slide .time .d { font-size:20px; font-weight:bold; padding:12px 0 10px 0; line-height:1; }

.pic-news .swiper-slide .title{ background:rgba(0,0,0,.6); width:calc(100% - 74px); font-size:16px; line-height:74px; color:#fff; position:absolute; right:0; bottom:0; z-index:2; padding:0 105px 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pic-news .swiper-slide:hover img { transform:scale(1.05); }

.pic-news .swiper-pagination{ width:auto !important; left:auto !important; right:6px !important; font-size:0; bottom:30px !important;}

.pic-news .swiper-pagination-bullet{ background:#fff; width:10px; height:10px; border-radius: 10px; margin:0 10px 0 0!important; vertical-align:top; opacity:1; }

.pic-news .swiper-pagination-bullet-active{ background:#ff0000;}

.news .items { float: left; width: calc( ( 100% - 41.8% ) / 2 ); /*height: 460px;*/ }

.news .bd .item { width: calc( 100% - 20px ); margin: 0 0 20px 20px; }

.news .bd .item a { position: relative; display: flex; height: 100%; padding: 0 30px; border: 1px solid #dfe1e3; transition: all .3s ease; align-items: center; }

.news .bd .item a .cbox { display: block; width: 100%; }

.news .bd .item .title { margin-bottom: 10px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news .bd .item .desc { min-height: 48px; opacity: .7; font-size: 14px; line-height: 24px; }

.news .bd .item .time-box { position: relative; height: 52px; margin-top: 24px; padding: 20px 0 0 ; border-top: 1px solid #ededed; }

.news .bd .item .time-box .time span { display: inline-block; margin-right: 7px; color: #444; font-family: Arial; }

.news .bd .item .time-box .time .d { font-size: 20px; line-height: 32px; }

.news .bd .item .time-box .time .ym { opacity: .6; font-size: 14px; line-height: 16px; }

.news .bd .item .more { width: 26px; height: 26px; margin-top: -3px; border-radius: 26px; border: 1px solid #c4c4c4; color: #c4c4c4; overflow: hidden; text-align: center; }

.news .bd .item a:hover { border: 1px solid #1054c8; background: #1054c8; color: #fff; }

.news .bd .item a:hover .time-box .time span,

.news .bd .item a:hover .more { color: #fff; }

.news .bd .item a:hover .desc { opacity: 1; }

.news .items-2 .item { height: calc( (100% / 2) - 10px ); }

.news .items-3 .item { height: calc( (100% / 3) - 13px ); }

.news .items-3 .item .title { margin-bottom: 3px; }

.news .items-3 .item .desc { height: 24px; min-height: 24px; }

.news .items-3 .item .time-box { height: 42px; margin-top: 0; padding: 10px 0 0 ; border-top: 0; }

.news .items-3 .item .more { width: 16px; height: 16px; margin-top: -3px; border-radius: 16px; }

.news .items-3 .item .more svg { width: 10px; height: 10px; display: block; margin: 2px auto 0; }

@media (max-width: 1480px){

    .news .bd .item .time-box { display: none; }

}

@media (max-width: 1100px){

    .news { padding: 3%; }

    .news .hd { margin-bottom: 3%; }

    .pic-news { float: none; width: 100%; margin-bottom: 3%; overflow: hidden; }

    .pic-news .swiper-slide .time { width:74px; height:60px; }

    .pic-news .swiper-slide .time .d { font-size:18px; font-weight:bold; padding:10px 0 2px; line-height:1; }

    .pic-news .swiper-slide .title { width:calc(100% - 74px); font-size:16px; line-height:60px; padding:0 20px; }

    .pic-news .swiper-pagination { right:6px !important; bottom:70px !important;}

    .pic-news .swiper-pagination-bullet { margin:0 5px 0 0!important; }

    .news .items { float: none; width: 100%; height: auto; }

    .news .bd .item { width: 100%; margin: 0 0 3% 0; }

    .news .bd .item a { padding: 5%; }

    .news .bd .item .title { margin-bottom: 10px; font-size: 16px; }

    .news .bd .item .time-box { height: auto; margin-top: 3%; padding: 3% 0 0 ; }

    .news .bd .item .more { width: 20px; height: 20px; margin-top: -5px; border-radius: 20px; }

    .news .bd .item .more svg { width: 12px; height: 12px; display: block; margin: 3px auto 0; }

    .news .items-3 .item .desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; height: auto; }

    .news .items-3 .item .more { width: 20px; height: 20px; margin-top: -5px; border-radius: 20px; }

    .news .items-3 .item .more svg { width: 12px; height: 12px; display: block; margin: 3px auto 0; }

}

.box { border: 1px solid #dfe1e3; background-color: #fff; }

.box .hd { height: 70px; padding: 0 25px; border-bottom: 1px solid #f2f2f2; }

.box .hd h2 { border-bottom: 0; font-size: 24px; line-height: 68px; }

.box .more { right: 25px; }

.col-c { padding: 52px 0; background: #f3f3f3; }

.col-c .hd { position: relative; }

.col-c .hd .column { position: absolute; top: 0; left: 25px; }

.col-c .hd .column li { position: relative; float: left; margin-right: 25px; padding-right: 25px; font-size: 24px; line-height: 68px; }

.col-c .hd .column li::after { position: absolute; right: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background-color: #e3e3e3; content: ''; z-index: 1; }

.col-c .hd .column li:last-child::after { content: none; }

.col-c .hd .column li a { display: block; }

.col-c .hd .column li.on a { color: #1054c8; border-bottom: 4px solid #145591; }

.col-c .list-left { position: relative; float: left; width: 41.8%; }

.col-c .list-right { position: relative; float: right; width: calc( 100% - 41.8% - 20px );}

.col-c .bd { position: relative; padding: 8px 20px; overflow: hidden; }

.ibw-ptxt { margin-bottom: 12px; padding: 0 0 22px; border-bottom: 1px dashed #c2c2c2; }

.ibw-ptxt .pic { float: left; width: 191px; margin-right: 20px; }

.ibw-ptxt .pic img { width: 100%; height: auto; }

.ibw-ptxt .txt { display: block; overflow: hidden; }

.ibw-ptxt .txt h4 {position: relative;margin-bottom: 5px; font-size: 18px; line-height: 26px;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.ibw-ptxt .txt .time { margin-bottom: 10px; color: #777; line-height: 24px; }

.ibw-ptxt .txt .desc { color: #777; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-orient: vertical; }

.list-1 li { white-space:nowrap;text-overflow:ellipsis;overflow:hidden; padding-left: 20px; background: url(../images/list1.gif) no-repeat 0 50%; color: #777; font-size: 16px; line-height: 42px; }

.list-1 li a { color: #555; }

.list-1 li span { float: right; margin-left: 20px; font-size: 14px; }

.list-1 li:hover a { color: #1054c8; }

.col-c .list-left .bd { padding-top: 8px; }

@media (max-width: 1100px){

    .box .hd { height: 50px; padding: 0 15px; }

    .box .hd h2 { font-size: 18px; line-height: 48px; }

    .box .more { right: 15px; }

    .col-c { padding: 3%; }

    .col-c .hd .column { left: 15px; }

    .col-c .hd .column li { margin-right: 10px; padding-right: 10px; font-size: 18px; line-height: 48px; }

    .col-c .hd .column li::after { height: 16px; margin-top: -8px; }

    .col-c .hd .column li.on a { border-bottom: 2px solid #145591; }

    .col-c .list-left,

    .col-c .list-right { float: none; width: 100%; }

    .col-c .list-left { margin-bottom: 3%; }

    .list-1 li { font-size: 15px; line-height: 32px; }

    .ibw-ptxt .pic { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }

}

@media (max-width: 321px){

    .col-c .hd .column li { font-size: 14px; }

}
