.col-side{background-color: white;height: 84px;line-height: 84px;}
.col-side .col-side-left .tle{color: #d7000e;font-size: 22px;font-weight: bold;;padding-left: 52px;background: url(../images/ico4.png) no-repeat left center;}
.col-side .col-side-left .tle a{color: #d7000e;} 
.col-side .col-side-left .bd{margin-left: 31px;width: 660px;padding-right: 70px;position: relative;}
.col-side .col-side-left .bd .mt{max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222222;font-size: 18px;}
.col-side .col-side-left .bd .time{color: #666;font-size: 14px;}
.col-side .col-side-right a {color: #666666;font-size: 14px;background: url(../images/ico3.png) no-repeat right center;padding-right: 29px;}
.col-side .col-side-left .bd .b-hd{ position: absolute; right: 0; 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%); z-index: 9;display: flex;justify-content: center;align-items: center;}
.col-side .col-side-left .bd .b-hd a{width: 7px;height: 16px;display: block;}
.col-side .col-side-left .bd .b-hd a.prev{background: url(../images/prev1.png) no-repeat center;background-size: 100%;}
.col-side .col-side-left .bd .b-hd a.next{ background: url(../images/prev1.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); background-size: 100%;margin-left: 12px;}

.col-a{padding-top: 30px;}
.col-a .g-in{background: white;padding: 30px 20px;}
.col-a-left{width: 580px;}
.col-a-left .hd{font-size: 22px;color: #333;line-height: 28px;font-weight: bold;margin-bottom: 40px;}
.col-a-left 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 ; }
.col-a-left .swiper-slide{overflow: hidden;position: relative;}
.col-a-left .swiper-slide .txt{height: 74px;position: absolute;background: rgba(0, 0, 0, 0.6);width: 100%;left: 0;bottom: 0;}
.col-a-left .swiper-slide .txt .time{display: flex;width: 74px;background: #d7000e;color: white;flex-direction: column;align-items: center;justify-content: center;font-size: 14px;line-height: 24px;height: 74px;}
.col-a-left .swiper-slide .txt .time i{font-style: normal;font-size: 22px;line-height: 28px;margin-bottom: 4px;font-weight: bold;}
.col-a-left .swiper-slide .txt .mt{width: calc(100% - 74px);padding:0 148px 0 14px;color: white;font-size: 16px;line-height: 28px;display: flex;align-items: center;height: 74px;}
.col-a-left .swiper-slide .txt .mt .mta{overflow:hidden;text-overflow:ellipsis;
display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.col-a-left .swiper-pagination-bullet{ width: 9px; height: 9px; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; opacity: 1;background: white;position: relative;}
.col-a-left .swiper-pagination{display: inline-block !important;left: unset!important;right: 16px!important;bottom: 30px!important;width: unset!important;}
.col-a-left .swiper-pagination-bullet-active::after{ width: 15px; height: 15px; background: #d7000e; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; position: absolute; left: 50%; top: 50%; content:""; transform: translate(-50%,); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,); -ms-transform: translate(-50%,); -o-transform: translate(-50%,);}
.col-a-left .swiper-slide: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); }

.hd-box{font-size: 22px;font-weight: bold;line-height: 28px;color: #333;border-bottom: 1px solid #dddddd;padding-bottom: 15px;}
.hd-box .tle{padding-left: 18px;border-left: 6px solid #d7000e;}
.hd-box .more img{vertical-align: middle;}
.col-a-right{width: calc(100% - 580px);padding: 0 20px 0 30px;background: white;}
.col-a-right .hd .tle,.col-a-left .hd .tle{padding-left: 18px;border-left: 6px solid #d7000e;}
.col-a-right .bd li,.col-a-left .bd li{border-bottom: 1px solid  #f2f2f2; }
.col-a-right .bd ul li:last-child,.col-a-left .bd ul li:last-child{border-bottom:none;}
.col-a-right .bd ul li a,.col-a-left .bd ul li a{ display: block; line-height: 60px; 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 ; }
.col-a-right .bd ul li  .mc,.col-a-left .bd ul li  .mc{color: #222;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 77%;}
.col-a-right .bd ul li  .time,.col-a-left .bd ul li  .time{color: #666;font-size: 14px;margin-right: 23px;}
.col-a-right .bd ul li  .time i,.col-a-left .bd ul li  .time i{font-size: 20px;font-weight: bold;color: #333;margin-right: 11px;}
.col-a-right .bd ul li:hover,.col-a-left .bd ul li:hover{ box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); }
.col-a-right .bd ul li:hover a,.col-a-left .bd ul li:hover a{transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }

.col-b{padding-top: 30px;}
.col-b2{margin-top: 30px;position: relative;padding: 0 50px;}
.col-b2 .swiper-slide {position: relative;}
.col-b2 .swiper-slide .tle{position: absolute;left: 0;bottom: 0;text-align: center;line-height: 40px;background: rgba(60, 65, 77, 0.9);width: 100%;color: white;font-size: 18px;}
.col-b2 .swiper-button-next,.col-b2   .swiper-button-prev{width: 40px;height: 190px;margin-top: 0;left: unset;top: unset;bottom: 0;}
.col-b2  .swiper-button-prev{background: url(../images/prev.png) no-repeat center;left: 0;background-size: 100%;}
.col-b2  .swiper-button-next{ background: url(../images/prev.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);right: 0;background-size: 100%; }

.col-c{padding-top: 30px;}
.col-c .g-in{background: white;padding: 20px 20px 30px;}
.col-c .bd{margin-top: 20px;}
.col-c .b-hd ul{display: flex;width: 100%;height: 296px;}
.col-c .b-hd ul li{position: relative;background: #d7000e;}
.col-c .b-hd ul .tle{ font-size: 18px; color: white; writing-mode:vertical-rl ; -webkit-writing-mode:vertical-rl ; -ms-writing-mode:vertical-rl ; position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); top: 21.959%;}
.col-c .b-hd ul .mt{width: 145px;background: #d7000e;padding: 40px 20px 20px;color: white;font-size: 20px;line-height: 30px;height: 296px;}
.col-c .b-hd ul .mt a{color: white;}
.col-c .b-hd ul .pc-box{width: 330px;}
.col-c .b-hd ul .mt .pc{margin-bottom: 22px;}
.col-c .b-hd ul li{ width: 6%; height: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; margin-right: 1%; }
.col-c .b-hd ul li:last-child{margin-right: 0;}
.col-c .b-hd ul li .desc{display: none;width: 42.279%;}
.col-c .b-hd ul li .desc .mc{width: calc(100% - 475px);padding: 30px 46px 0 24px;}
.col-c .b-hd ul li .desc .mc1{color: #333333;font-size: 16px;line-height: 32px; overflow:hidden;text-overflow:ellipsis;display: -webkit-box;
    display:box;-webkit-box-orient:vertical;-webkit-line-clamp:5;height: 160px;}
.col-c .b-hd ul li .desc .more{margin-top: 37px;width: 122px;height: 36px;border-radius: 18px;border: solid 1px #898989;color: #666;font-size: 14px;line-height: 36px;display: flex;align-items: center;justify-content: center;}
.col-c .b-hd ul li .desc .more a{color: #666;}
.col-c .b-hd ul li .desc .more img{margin-left: 13px;}
.col-c .b-hd ul li.on{width: 73%;background: white; overflow: hidden; } 
.col-c .b-hd ul li.on .tle{display: none;}
.col-c .b-hd ul li.on .desc{display: block;width: 100%;}
/* .col-c .b-hd ul li{display: none;} */
.col-c .b-hd ul li.current{display: block;}
/* .col-c .b-bd{display: none;} */



















.col-d{padding-top: 30px;padding-bottom: 50px;}
.col-d .g-in{background: white;padding: 20px 20px 30px;}
.col-d .swiper-slide{position: relative;}
.col-d .swiper-slide .desc{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 91.66666666666%;height: 86.666666666665%;background: rgba(214, 23, 24, 0.9);text-align: center;color: white;padding: 35px 20px 20px;display: none;}
.col-d .swiper-slide .desc .mt{font-size: 24px;font-weight: bold;line-height: 34px;position: relative;margin-bottom: 42px;} 
.col-d .swiper-slide .desc .mt::after{ content: ""; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);bottom: -22px; border-bottom: 1px solid #fff;opacity: 0.8;position: absolute;width: 20px;}
.col-d .swiper-slide .desc .mc{font-size: 14px;line-height: 28px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:5;height: 140px;}
.col-d .swiper-slide:hover .desc{display: block;}
.col-d  .bd{margin-top: 20px;}








@media (max-width: 1300px) {
    .col-side-left{width: calc(100% - 90px);}
    .col-side .col-side-left .bd{width: calc(100% - 160px);}

    .col-a .g-in{padding: 20px 2%;}
    .col-a{padding-top: 20px;}
    .col-side .col-side-left .tle{font-size: 20px;background: url(../images/ico4.png) no-repeat left center;background-size: 30px;padding-left: 38px;}
    .col-side{height: 60px;line-height: 60px;}
    .col-a-left{width: 460px;}
    .col-a-left .swiper-slide .txt{height: 64px;}
    .col-a-left .swiper-slide .txt .time i{font-size: 20px;margin-bottom: 0;}
    .col-a-left .swiper-slide .txt .time{width: 64px;height: 64px;}
    .col-a-left .swiper-slide .txt .mt{height: 64px;}
    .col-a-left .swiper-pagination{bottom: 20px !important;}
    .col-a-right{width: calc(100% - 460px);}
    .col-a-right{padding: 0 0 0 20px;}
    .col-a-right .bd ul li a{line-height: 44px;}
    .col-a-right .bd ul li .mc {font-size: 16px;width: calc(100% - 120px);}

    .hd-box{font-size: 20px;padding-bottom: 10px;}

    .col-b{padding-top: 20px;}
    .col-b2{margin-top: 20px;padding: 0 5%;}
    .col-b2 .swiper-button-next, .col-b2 .swiper-button-prev{width: 4%;height: 100%;}
    .col-b2 .swiper-slide .tle{line-height: 30px;font-size: 16px;}

    .col-c{padding-top: 20px;}
    .col-c .b-hd ul li .desc .mc{padding: 20px 20px 0 20px;width: calc(100% - 380px);}
    .col-c .b-hd ul .mt .pc{margin-bottom: 20px;width: 60px;}
    .col-c .b-hd ul .pc-box{width: 250px;}
    .col-c .b-hd ul .mt{font-size: 18px;width: 130px;height: 224px;}
    .col-c .b-hd ul li{height: 224px;overflow: hidden;}
    .col-c .b-hd ul li .desc .mc1{line-height: 26px;height: 130px;}
    .col-c .b-hd ul li .desc .more{margin-top: 16px;}
    .col-c .b-hd ul li .desc .more {width: 110px;height: 30px;}
    .col-c .b-hd ul{height: 244px;}
    .col-c .g-in{padding-bottom: 20px;}

    .col-d .swiper-slide .desc{padding: 20px 20px 0;}
    .col-d .swiper-slide .desc .mt{font-size: 18px;line-height: 28px;margin-bottom: 20px;}
    .col-d .swiper-slide .desc .mt::after{bottom: -12px;}
    .col-d .swiper-slide .desc .mc{line-height: 20px;height: 100px;}
    .col-d .g-in{padding: 20px 2%;}

    .col-d{padding:0 20px;}
}

@media (max-width:768px) {
    .col-side-left{width: 100%;float: unset;padding-top: 10px;}
    .col-side-right{display: none;}
    .col-side .col-side-left .tle{float: unset;}
    .col-side .col-side-left .bd{width: 100%;float: unset;margin-left: 0;padding-right: 38px;}
    .col-side{height: unset;line-height: 40px;}
    .col-side .col-side-left .bd .mt{font-size: 16px;}

    .col-a .g-in{padding: 15px 3% 0;}
    .col-a-left{width: 100%;float: unset;}
    .col-a-right{width: 100%;float: unset;margin-top: 20px;padding-left: 0;}

    .col-b2{padding: 0 6%;}
    .col-b2 .swiper-button-next, .col-b2 .swiper-button-prev{width: 6%;}

    .col-c .b-hd ul{flex-direction: column;height: unset;}
    .col-c .b-hd ul .mt{width: 100%;float: unset;height: unset;display: flex;align-items: center;padding: 10px;}
    .col-c .b-hd ul .mt .pc{margin-bottom: 0;margin-right: 20px;width: 40px;}
    .col-c .b-hd ul li{width: 100%;margin-right: 0;height: 65px;margin-bottom: 20px;}
    .col-c .b-hd ul li:last-child{margin-bottom: 0;}
    .col-c .b-hd ul li.on{width: 100%;height: unset;}
    .col-c .b-hd ul .pc-box{width: 100%;float: unset;height: unset;}
    .col-c .b-hd ul .pc-box img{width: 100%;}
    .col-c .b-hd ul li .desc .mc{width: 100%;float: unset;height: unset;padding: 20px 0 0;}
    .col-c .b-hd ul .tle{ writing-mode: unset; -webkit-writing-mode: unset; -ms-writing-mode: unset; position: unset; transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ;line-height: 65px; padding-left: 60px;}

    .col-d{padding: 0;margin-top: 20px;margin-bottom: 20px;}
    .col-d .g-in{padding: 15px 3% ;}
}