@charset "utf-8";

.col_a{background: #F2F2F2;padding: 75px 0 0;}
.col_b{background: #F2F2F2;padding: 75px 0 75px;}
.col_c{background: #F2F2F2;padding: 75px 0 100px;}
.hd_box{text-align: center;color: #333333;font-size: 40px;line-height: 50px;}
.col_a .bd{margin-top: 80px;}
.col_a .bd ul {display: flex;flex-wrap: wrap;width: 854px;margin: 0 auto;}
.col_a .bd ul li{width: 32%;margin-right: 2%;margin-top: 59px;}
.col_a .bd ul li:nth-child(-n+3){margin-top: 0;}
.col_a .bd ul li:nth-child(3n){margin-right: 0;}
.col_a .bd ul li a{display: flex;flex-direction: column;align-items: center;}
.col_a .bd ul li a .pc{width: 104px;height: 78px;display: flex;justify-content: center;align-items: center;}
.col_a .bd ul li:hover a .pc img{opacity: 0.8;}
.col_a .bd ul li a span{display: block;color: #333333;line-height: 34px;font-size: 24px;position: relative;padding-bottom: 10px;margin-top: 25px;}
.col_a .bd ul li:hover a span::after{content: "";left: 0;bottom: 0;width: 100%;border-bottom:solid 1px #033333;position: absolute;}
.col_a .bd .more{display: flex;justify-content: center;margin-top: 57px;}
.col_a .bd .more a{display: flex;align-items: center;color: #333333;font-size: 18px;line-height: 28px;justify-content: center;padding-bottom: 5px;border-bottom: 1px solid #033333;padding-right: 8px;}
.col_a .bd .more a img{ transform:translateX(8px) ; -webkit-transform:translateX(8px) ; -moz-transform:translateX(8px) ; -ms-transform:translateX(8px) ; -o-transform:translateX(8px) ; 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 .bd .more a:hover img { transform:translateX(20px) ; -webkit-transform:translateX(20px) ; -moz-transform:translateX(20px) ; -ms-transform:translateX(20px) ; -o-transform:translateX(20px) ; }

.col_b .bd{margin-top: 55px;}
.col_b .bd .swiper{overflow: hidden;}
.col_b .bd .swiper-slide a{display: block;}
.col_b .bd .swiper-slide .pc img{width: 100%;}
.col_b .bd .swiper-slide:hover .pc img{opacity: 0.8;}
.col_b .bd .swiper-slide .desc{padding: 35px 24px 0 0;}
.col_b .bd .swiper-slide .desc .mt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333333;font-size: 24px;line-height: 34px;}
.col_b .bd .swiper-slide .desc .mc{color: #333333;font-size: 16px;line-height: 30px;height: 60px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 15px;}

.col_b .bd .swiper-slide .desc .more {color: #333333;font-size: 16px;line-height: 26px;padding-bottom: 5px;border-bottom: 1px solid #033333;display: inline-block;margin-top: 30px;}
.col_b .bd .swiper-slide .desc .more img{ transform:translateX(8px) ; -webkit-transform:translateX(8px) ; -moz-transform:translateX(8px) ; -ms-transform:translateX(8px) ; -o-transform:translateX(8px) ; 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;     vertical-align: middle;}
.col_b .bd .swiper-slide:hover .desc .more img { transform:translateX(20px) ; -webkit-transform:translateX(20px) ; -moz-transform:translateX(20px) ; -ms-transform:translateX(20px) ; -o-transform:translateX(20px) ; }

.col_c .b_hd ul{display: flex;justify-content: center;}
.col_c .b_hd ul li {margin-right: 97px;}
.col_c .b_hd ul li:last-child{margin-right: 0;}
.col_c .b_hd ul li a{ color: #333333; line-height: 26px; font-size: 16px; transition:unset ; -webkit-transition:unset ; -moz-transition:unset ; -ms-transition:unset ; -o-transition:unset ; }
.col_c .b_hd ul li.on a{padding-bottom: 5px;border-bottom: 1px solid #033333;}
.col_c .bd{margin-top: 40px;}

.col_c .b_bd ul li a{display: block;position: relative;padding: 50px 0 45px;border-bottom: 1px solid #acacac;}
.col_c .b_bd ul li a .t1{ color: #333333; font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  position: relative; 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;left: 0;width: 1200px;}
.col_c .b_bd ul li a .t2{ color: #333333; font-size: 16px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 17px; position: relative; left: 0; 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: 1200px;}
.col_c .b_bd ul li a .t3{ display: flex; align-items: center; justify-content: space-between; margin-top: 15px; position: relative; left: 0; width: 100%; 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_c .b_bd ul li a .t3 span{	color: #333333;opacity: 0.8;	font-size: 16px;line-height: 26px;display: block;}
.col_c .b_bd ul li:hover a{border-bottom: 1px solid #666666;}
.col_c .b_bd ul li:hover a .t1{left: 50px;width: 1200px;}
.col_c .b_bd ul li:hover a .t2{left: 50px;width: 1200px;}
.col_c .b_bd ul li:hover a .t3{left: 50px;width: 1200px;}



@media (max-width: 1340px){
    .hd_box{font-size: 32px;line-height: 42px;}
    .col_a{padding: 60px  0 0; }
    .col_a .bd{margin-top: 60px;}
    .col_b{padding: 60px  0 60px; }
    .col_b .bd{margin-top: 60px;}
    .col_b .bd .swiper-slide .desc{padding: 20px 0 0 ;}
    .col_c{padding: 60px  0 60px; }
    .col_c .bd{margin-top: 60px;}
    .col_c .b_bd ul li a .t1{width: 100%;}
    .col_c .b_bd ul li a .t2{width: 100%;}
    .col_c .b_bd ul li:hover a .t2{width: 950px;}
    .col_c .b_bd ul li:hover a .t1{width: 950px;}
    .col_c .b_bd ul li:hover a .t3{width: 900px;}
}
@media (max-width:1200px) {

}
@media (max-width: 1040px){
    .hd_box{font-size: 24px;line-height:34px;}
    .col_a{padding: 30px  0 0; }
    .col_a .bd{margin-top: 30px;}
    .col_a .bd .more{margin-top: 30px;}
    .col_a .bd ul li{width: 49%;margin-top: 2%;margin-right: 2%;}
    .col_a .bd ul li:nth-child(-n+3){margin-top: 2%;}
    .col_a .bd ul li:nth-child(3n){margin-right: 2%;}
    .col_a .bd ul li:nth-child(-n+2){margin-top: 0%;}
    .col_a .bd ul li:nth-child(2n){margin-right: 0%;}
    .col_a .bd ul li a span{font-size: 16px;line-height: 26px;}
    .col_a .bd .more a{font-size: 14px;line-height: 24px;}
    .col_b{padding: 30px  0 ; }
    .col_b .bd{margin-top: 30px;}
    .col_b .bd .swiper-slide .desc{padding: 15px 0 0 ;}
    .col_b .bd .swiper-slide .desc .mt{font-size: 18px;line-height: 28px;}
    .col_b .bd .swiper-slide .desc .mc{font-size: 14px;line-height: 24px;height: 48px;}
    .col_b .bd .swiper-slide .desc .more{font-size: 14px;line-height: 24px;margin-top: 20px;}
    .col_c{padding: 30px  0 30px; }
    .col_c .bd{margin-top: 30px;}
    .col_c .b_bd ul li a{padding: 20px 0;}
    .col_a .bd ul{width: 100%;}

    .col_c .b_bd ul li:hover a .t2{width: calc(100% - 20px);left: 20px;}
    .col_c .b_bd ul li:hover a .t1{width: calc(100% - 20px);left: 20px;}
    .col_c .b_bd ul li:hover a .t3{width: calc(100% - 40px);left: 20px;}
}