/* CSS Document */
@charset "utf-8";
/* .wrapper{background: #f7f7f7;} */

.hd-box{background: #edf0f5; display: flex;align-items: center;justify-content: space-between;padding-right: 10px; box-sizing: border-box;height: 48px;}
.hd-box ul{display: flex;}
.hd-box ul li a{display: block;width: 170px;height: 48px;text-align: center;line-height: 48px;color: #333333;font-size: 20px;}
.hd-box ul li.on a{background: url(ico3.png) left top;background-size: cover;font-weight: bold;color: white;}
.hd-box .tle{background: url(ico3.png) left top;background-size: cover;font-weight: bold;color: white;display: block;width: 170px;height: 48px;text-align: center;line-height: 48px;color: #fff;font-size: 20px;} 
/* .hd-box .tle img{margin-right: 16px;} */
/* .hd-box a{line-height: 24px;font-size: 14px;color: #ffffff;} */
 

.col-a{margin-top: 40px;}
.col-a .hd{text-align: center;font-size: 36px;line-height: 46px;color: #010101;font-weight: bold;}
.col-a>.bd{display: flex;}
.col-a-left{width: 620px;}
.col-a-left .swiper a{display: block;position: relative;overflow: hidden;}
.col-a-left .swiper a img{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ;height: unset; }
.col-a-left .swiper a:hover img { transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.col-a-left .swiper a p{position: absolute;left: 0;bottom: 0;color: #fff;font-size: 16px;width: 100%;background-color: rgba(0, 0, 0, 0.7);line-height: 60px;padding: 0 140px 0 19px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}

.col-a-left .swiper-pagination-bullet{ width: 11px; height: 11px; border-radius: 11px; background-color: #fff; opacity: 0.7; margin: 0 6px !important; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; z-index: 99; }
.col-a-left .swiper-pagination-bullet-active{opacity: 1;}
.col-a-left .swiper-pagination{bottom: 16px !important;width: unset !important;left: unset !important;right: 20px !important; z-index: 9;opacity: 1;}
.col-a-right{width: calc(100% - 620px);background: white;padding-left: 30px;box-sizing: border-box;}
.col-a-right .bd1 {padding: 25px 0 20px;border-bottom: 1px solid #dcdcdc;}
.col-a-right .bd1 .mt a{color: #1b3c7b;font-size: 24px;font-weight: bold;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 34px;max-width: 100%;}
.col-a-right .bd1 .time{color: #666666;opacity: 0.8;font-size: 16px;line-height: 26px;margin-top: 10px;}
.col-a-right .bd1 .mc{color: #555555;font-size: 16px;line-height: 26px;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;
display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 52px;}
.col-a-right .bd2  ul{margin-top: 10px;padding-right: 10px;}
.col-a-right .bd2  ul li{background: url(ico4.png) no-repeat left center;padding-left: 21px;box-sizing: border-box;line-height: 46px;}
.col-a-right .bd2  ul li a{display: flex;justify-content: space-between;align-items: center;color: #333333;font-size: 18px;line-height: 40px;}
.col-a-right .bd2  ul li a .time{color: #666;font-size: 16px;opacity: 0.6;}
.col-a-right .bd2  ul li a .mt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 75%;}
.col-a-right .bd2  ul li:hover a .mt{color: #1b3c7b;}

.col-a-right .bd2  ul li:hover a .mt{color:#fb3d34;font-weight: bold;} 

.col-b{margin: 30px 0 30px;}
.col-b {display: flex;}
.col-b .col-b1{width: 880px;}
.col-b .col-b1 .bd{margin-top: 20px;}
.col-b .col-b1 .bd .pc{overflow: hidden;}
.col-b .col-b1 .bd .pc img{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; width: 100%;}
.col-b .col-b1 .bd .swiper-slide:hover .pc img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.col-b .col-b1 .bd .tle{line-height: 50px;background-color: #f7f7f7;text-align: center;padding: 0 16px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333333;font-size: 16px;}
.col-b .col-b2{width: calc(100% - 880px);padding-left: 30px;box-sizing: border-box;}
.col-b .col-b2 .bd  ul{margin-top: 10px;padding-right: 10px;}
.col-b .col-b2 .bd  ul li{background: url(ico4.png) no-repeat left center;padding-left: 21px;box-sizing: border-box;line-height: 42px;}
.col-b .col-b2 .bd  ul li a{display: flex;justify-content: space-between;align-items: center;color: #333333;font-size: 18px;line-height: 42px;}
.col-b .col-b2 .bd  ul li a .time{color: #666;font-size: 16px;opacity: 0.6;}
.col-b .col-b2 .bd  ul li a .mt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 70%;}
.col-b .col-b2 .bd  ul li:hover a .mt{color:#fb3d34;font-weight: bold;}
.col-b .col-b1 .bd .swiper-slide:hover .tle{background: #1b3c7b;color: white;font-weight: bold;}

.col-c{margin-top: 30px;padding-bottom: 77px;}
.col-c .bd{margin-top: 20px;}
.col-c .swiper-slide a{display: block;}
.col-c .swiper-slide a .pc img{width: 100%;}
.col-c .swiper-slide a .tle{line-height: 50px;background-color: #f7f7f7;text-align: center;padding: 0 16px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333333;font-size: 16px;}
.col-c .swiper-slide:hover a .tle{background: #1b3c7b;color: white;font-weight: bold;}
/* .col-c .bd .swiper-button-next,.col-c .bd  .swiper-button-prev{top: 50%;margin-top: -20px;left: 40px;width: 41px;height: 41px;}
.col-c .bd .swiper-button-next{ background: url(left.png) no-repeat  center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); right: calc(100% - 1278px);right: 40px;left: unset; }
.col-c .bd  .swiper-button-prev{background: url(left.png) no-repeat  center;right: calc(100% - 1218px); width: 41px;height: 41px; }
.col-c .bd  .swiper-button-next:hover{ background: url(right.png) no-repeat  center; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
.col-c .bd .swiper-button-prev:hover{ background: url(right.png) no-repeat  center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.col-c .swiper-button-prev::after, .col-c .swiper-button-next::after{display: none;} */




.col-d{margin-top: 30px;margin-bottom: 30px;}
.col-d  ul{display: flex;}
.col-d  ul li{position: relative;width: 460px;margin-right: 28px;}
.col-d  ul li:last-child{margin-right: 0;}
.col-d  ul li .tle{ color: #ffffff; font-size: 20px; line-height: 30px; font-weight: bold; position: absolute; left: 40px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }