.col_a .bd{display: flex;justify-content: space-between;    align-items: flex-start;}
.col_a .bd .col_a2{display: flex;width: 716px;} 
.col_a .bd .col_a2 .pc img{border-radius: 0px 70px 0px 70px;}





.col_a{padding: 85px 0;background: url(bg1.png)no-repeat top center;background-size: cover;}
.col_a1{width: 784px;}
.col_a1 .b_bd .t{color: #b81c22;font-size: 30px;line-height: 40px;}
.col_a1 .b_bd .mt{color: #343434;font-size: 54px;line-height: 64px;margin-top: 15px;}
.col_a1 .b_bd .mc{color: #666666;font-size: 16px;line-height: 30px;margin-top: 20px;text-align: justify;}
.col_a1 .b_bd ul{display: flex;justify-content: space-between;margin-top: 45px;padding-right: 35px;}
.col_a1 .b_bd ul li .time{color: #2d2c30;font-weight: bold;line-height: 50px;font-size: 50px;position: relative;}
.col_a1 .b_bd ul li .time::after{ content: "+"; position: absolute; right: -35px; top: -18px; width: 27px; height: 27px; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; -ms-border-radius: 27px; -o-border-radius: 27px; background: #b81c22;text-align: center;line-height: 25px;font-size: 20px;color: white;}
.col_a1 .b_bd ul li:nth-child(1) .time::after{content: "年";font-size: 14px;}
.col_a1 .b_bd ul li .tle{color: #666666;line-height: 26px;font-size: 16px;margin-top: 15px;}
.col_a1 .b_bd .morebox{margin-top: 90px;}
.col_a1 .b_bd .morebox img:hover{ transform:rotateZ(45deg) ; -webkit-transform:rotateZ(45deg) ; -moz-transform:rotateZ(45deg) ; -ms-transform:rotateZ(45deg) ; -o-transform:rotateZ(45deg) ; }
.col_a2 ul{width: 153px;}
.col_a2>.pc {position: relative;}
.col_a2>.pc .play{}
.col_a2>.pc .play{ background:url(ico4.png) center center no-repeat; width:52px; height:52px; background-size:cover; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; cursor:pointer;box-shadow: 0 0 rgba(184,28, 34, 0.3),0 0 0 15px rgba(184,28, 34, 0.3),0 0 0 30px rgba(184,28, 34,0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8); border-radius:50%}
	
	
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(184,28, 34, 0.3),0 0 0 30px rgba(184,28, 34, 0.3),0 0 0 45px rgba(184,28, 34, 0.1)
	}
}



.col_a2 ul li{height: 177px;padding-left: 23px;box-sizing: border-box;padding-top: 39px;background: #b81c22;}
.col_a2 ul li .t1{color: #ffffff;font-size: 18px;line-height: 28px;margin-top: 12px;}
.col_a2 ul li .t2{color: #ffffff;font-size: 16px;line-height: 26px;opacity: 0.47;margin-top: 5px;}

.col_b{position: relative;}
.col_b .mySwiper2 .swiper-slide{position: relative;}
.col_b .mySwiper2 .swiper-slide .txt{position: absolute;left: 50%;width: 1600px;margin-left: -800px;top: 24.65%;}
.col_b .mySwiper2 .swiper-slide .txt .t1{color: #ffffff;font-size: 54px;line-height: 64px;}
.col_b .mySwiper2 .swiper-slide .txt .t2{color: #ffffff;font-size: 16px;line-height: 26px;margin-top: 18px;}
.col_b .mySwiper2 .swiper-slide .more{position: absolute;right: 161px;top: 50%;margin-top:-57px;}
.col_b .mySwiper2 .swiper-slide .more a{width: 113px;height: 113px;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #ffffff;font-size: 18px;position: absolute;left: 0;top: 0;}
.col_b .mySwiper2 .swiper-slide .more .pc img{animation: rotate 2s linear infinite;}
@keyframes rotate {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }


.col_b .mySwiper{position: absolute;left: 50%;bottom: 120px;z-index: 9;width: 1600px;overflow: hidden;margin-left: -800px;}
.col_b .mySwiper .swiper-slide{background:#0670C3;height: 189px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;width: 150px !important; }
.col_b .mySwiper .swiper-slide{ background: transparent; border: 1px solid rgba(255,255, 255, 0.42); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden;}
/* .col_b .mySwiper .swiper-slide:nth-child(2){background: #005BA2;}
.col_b .mySwiper .swiper-slide:nth-child(3){background: #b81c22;background-size: cover;}
.col_b .mySwiper .swiper-slide:nth-child(4){background: #2185AF;} */
.col_b .mySwiper .swiper-slide .s1{color: #ffffff;font-size: 24px;line-height: 34px;}
.col_b .mySwiper .swiper-slide .s2{color: #ffffff;font-size: 18px;line-height: 28px;opacity: 0.42;}
.col_b .mySwiper .swiper-slide .s3{position: absolute;left: 50%;margin-left: -17px;top: 114px;display: none;}
.col_b .mySwiper .swiper-slide-thumb-active .s3{display: block;}
.col_b .mySwiper .swiper-slide-thumb-active .s1{ transform:translateY(-30px) ; -webkit-transform:translateY(-30px) ; -moz-transform:translateY(-30px) ; -ms-transform:translateY(-30px) ; -o-transform:translateY(-30px) ; }
.col_b .mySwiper .swiper-slide-thumb-active .s2{ transform:translateY(-30px) ; -webkit-transform:translateY(-30px) ; -moz-transform:translateY(-30px) ; -ms-transform:translateY(-30px) ; -o-transform:translateY(-30px) ; }
/* .col_b .mySwiper .swiper-slide-thumb-active:nth-child(2){background: url(bg22.png)no-repeat top left;background-size: cover;}
.col_b .mySwiper .swiper-slide-thumb-active:nth-child(3){background: url(ico8.png)no-repeat top left;background-size: cover;}
.col_b .mySwiper .swiper-slide-thumb-active:nth-child(4){background: url(bg24.png)no-repeat top left;background-size: cover;}
.col_b .mySwiper .swiper-slide-thumb-active:nth-child(1){background: url(bg23.png)no-repeat top left;background-size: cover;} */
.col_b .mySwiper .swiper-slide-thumb-active{background: #b81c22;border: 1px solid #b81c22;}
.col_b .mySwiper .swiper-slide:hover{background: #b81c22;border: 1px solid #b81c22;}
/* .col_b .mySwiper .swiper-slide:nth-child(2):hover{background: url(bg22.png)no-repeat top left;background-size: cover;}
.col_b .mySwiper .swiper-slide:nth-child(3):hover{background: url(ico8.png)no-repeat top left;background-size: cover;}
.col_b .mySwiper .swiper-slide:nth-child(4):hover{background: url(bg24.png)no-repeat top left;background-size: cover;}
.col_b .mySwiper .swiper-slide:nth-child(1):hover{background: url(bg23.png)no-repeat top left;background-size: cover;} */


.col_c{padding: 85px 0 70px;background: url(bg2.png)no-repeat bottom center;background-size: cover;}
.col_c .g-in{position: relative;}
.col_c .swiper-button-next, .col_c .swiper-button-prev{width: 66px;height: 66px;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.col_c .swiper-button-next{ right: 0; top: 0; margin-top: 0; background: url(ico14.png) no-repeat center; transform: rotateX(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); background-size: 100%;}
.col_c .swiper-button-prev{ left: unset !important; right: 81px; top: 0; margin-top: 0; background: url(ico14.png) no-repeat center; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); background-size: 100%;}
.col_c .swiper-button-next:hover{ background: url(ico15.png) no-repeat center; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); background-size: 100%;}
.col_c .swiper-button-prev:hover{ left: unset !important;  background: url(ico15.png) no-repeat center; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); background-size: 100%;}


.col_c .swiper-button-prev::before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #b81c22; width: 100%;height: 100%;  border-radius:100%;  opacity: 0}
.col_c .swiper-button-prev::after { content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; border: 1px solid #b81c22!important; width: 100% !important; height: 100% !important; border-radius: 100% !important; opacity: 0; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; -ms-border-radius: 100% !important; -o-border-radius: 100% !important; display: block;}

.col_c .swiper-button-prev:hover::before { animation: serv_one_border .9s 0s ease 1; }
.col_c .swiper-button-prev:hover::after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }

.col_c .swiper-button-next::before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #b81c22; width: 100%;height: 100%;  border-radius:100%;  opacity: 0}
.col_c .swiper-button-next::after { content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; border: 1px solid #b81c22!important; width: 100% !important; height: 100% !important; border-radius: 100% !important; opacity: 0; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; -ms-border-radius: 100% !important; -o-border-radius: 100% !important; display: block;}

.col_c .swiper-button-next:hover::before { animation: serv_one_border .9s 0s ease 1; }
.col_c .swiper-button-next:hover::after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }
@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}


.col_c .hd .h1{color: #b81c22;font-size: 30px;line-height: 40px;}
.col_c .hd .h2{color: #343434;font-size: 54px;line-height: 64px;margin-top: 12px;}
.col_c .bd{margin-top: 35px;}
.col_c .bd .swiper-slide .m{display: flex;}
.col_c .bd .swiper-slide .m .pc{overflow: hidden;}
.col_c .bd .swiper-slide .m .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 ; }
.col_c .bd .swiper-slide .m .pc: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_c .bd .swiper-slide .m .m2{width: 545px;}
.col_c .bd .swiper-slide .m .m1{width: calc(100% - 545px);padding-right: 167px;}
.col_c .bd .swiper-slide .m .m1 .mt{color: #b81c22;line-height: 42px;font-size: 30px;height: 84px;overflow:hidden;
text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.col_c .bd .swiper-slide .m .m1 .mc{color: #666666;line-height: 32px;font-size: 18px;height: 64px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 20px;}
.col_c .bd .swiper-slide .m .time{color: #999999;font-size: 18px;line-height: 28px;margin-top: 37px;}
.col_c .bd .swiper-slide .ul{display: flex;margin-top: 45px;border-top: 1px solid #bfc5cc;}
.col_c .bd .swiper-slide .ul li{width: 32%;margin-right: 2%;} 
.col_c .bd .swiper-slide .ul li:nth-child(3n){margin-right: 0;}

.col_c .bd .swiper-slide .ul li .mt{color: #242424;font-size: 24px;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col_c .bd .swiper-slide .ul li:hover .mt{color: #b81c22;}
.col_c .bd .swiper-slide .ul li .mc{color: #666666;font-size: 18px;line-height: 32px;height: 64px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 5px;}
.col_c .bd .swiper-slide .ul li .time{color: #999999;font-size: 18px;line-height: 28px;margin-top: 15px;}
.col_c .bd .swiper-slide .ul li a{display: block;padding: 40px 0 ;}
.col_c .bd .swiper-slide .ul li{border-bottom: 1px solid #bfc5cc;}


@media (max-width:1640px) {
	.col_a{padding: 60px 0;}
	.col_a1{width: 600px;}
	.col_a .bd .col_a2{width: 640px;}
	.col_a1 .b_bd .mt{font-size: 40px;line-height: 50px;}
	/* .col_a1 .b_bd .mc{height: 385px;overflow-y: auto;} */
	.col_a1 .b_bd ul li .time{font-size: 40px;line-height: 40px;}
	.col_a1 .b_bd .morebox{margin-top: 60px;}

	.col_b .mySwiper2 .swiper-slide .txt{width: 1300px;margin-left: -650px;}

	.col_c{padding: 60px 0;}
	.col_c .hd .h2{font-size: 40px;line-height: 40px;}
	.col_c .bd .swiper-slide .m .m1{padding-right: 50px;}
	.col_b .mySwiper{width: 1340px;margin-left: -670px;}
}

@media (max-width:1340px) {
	.col_a{padding: 40px 0;}
	.col_a1 .b_bd .morebox{margin-top: 40px;}
	.col_a1 .b_bd ul li .time{font-size: 30px;line-height: 30px;}

	.col_a1{width: 500px;}
	.col_a .bd .col_a2{width: 465px;}
	.col_a2>.pc{width: calc(100% - 130px);}
	.col_a .bd .col_a2 .pc img{height: 100%;}
	.col_a2 ul{width: 130px;}
	/* .col_a1 .b_bd .mc{height: 300px;} */
	.col_a1 .b_bd ul{padding-right: 35px;}
	.col_a1 .b_bd .mt {font-size: 30px;line-height: 40px;}

	.col_b .mySwiper2 .swiper-slide .txt{width: 1000px;margin-left: -500px;top: 12.65%;}
	.col_b .mySwiper2 .swiper-slide .txt .t1{font-size: 30px;line-height: 40px;}
	.col_b .mySwiper .swiper-slide{height: 160px;}

	.col_c .hd .h2{font-size: 30px;line-height: 40px;}
	.col_c .bd .swiper-slide .m .m1{padding-right: 30px;width: calc(100% - 400px);}
	.col_c .bd .swiper-slide .m .pc{width: 400px;}
	.col_c .bd .swiper-slide .m .m1 .mt{font-size: 20px;line-height: 30px;height: 60px;}
	.col_c{padding: 40px 0;}
	.col_b .mySwiper{width: 1040px;margin-left: -520px;bottom: 40px;}
}

@media (max-width:1040px) {

	.g-in{width: 100% ;padding: 0 4%;}
	.col_a1 .b_bd .morebox{margin-top: 20px;}
	.col_a1 .b_bd ul li .time{font-size: 26px;line-height: 26px;}
	.col_a{padding: 30px 0;}
	.col_c{padding: 30px 0;}

	.col_a .bd{flex-direction: column;}
	.col_a1{width: 100%;}
	.col_a2{width: 100% !important;margin-top: 30px;display: flex;flex-direction: column;}

	.col_a1 .b_bd .t{font-size: 20px;line-height: 30px;}
	.col_a1 .b_bd .mt{font-size: 26px;line-height: 36px;}
	.col_a1 .b_bd .mc{height: unset;overflow: unset;}
	.col_a1 .b_bd ul li .time::after{top: -28px;right: -25px;}
	.col_a1 .b_bd ul{padding-right: 17px;}
	.col_a2 ul{width: 100%;display: flex;}
	.col_a2 ul li{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 0;padding-left: 0;}
	.col_a2>.pc{width: 100%;margin-top: 30px;}
	.col_a2>.pc>img{width: 100%;}

	.col_b .mySwiper2 .swiper-slide>.pc img{height: 600px;object-fit: cover;}

	.col_b .mySwiper2 .swiper-slide .txt{width: 100%;margin-left: 0;left: 0;padding: 0 20px;box-sizing: border-box;}
	.col_b .mySwiper2 .swiper-slide .more{left: 5%;right: unset;margin-top: 0;}
	.col_b .mySwiper{width: 100%;}
	.col_b .mySwiper .swiper-slide{width: 100px !important;width: calc(50% - 10px) !important;}
	.col_b .mySwiper .swiper-slide:nth-child(3),	.col_b .mySwiper .swiper-slide:nth-child(4){margin-top: 10px;}
	.col_b .mySwiper .swiper-slide{height: 100px;}
	.col_b .mySwiper .swiper-slide .s1{font-size: 18px;line-height: 28px;}
	.col_b .mySwiper .swiper-slide .s2{font-size: 14px;line-height: 24px;}
	.col_b .mySwiper .swiper-wrapper{flex-wrap: wrap;}
	.col_b .mySwiper2 .swiper-slide .more a{width: 80px;height: 80px;font-size: 16px;}
	.col_b .mySwiper2 .swiper-slide .more {width: 80px;left: 5%; margin-top: 8px;margin-top: -70px;}
	.col_b .mySwiper2 .swiper-slide .more .pc img{width: 100%;}
	.col_c .bd .swiper-slide .m{flex-direction: column;}
	.col_b .mySwiper .swiper-slide .s3{display: none;}
	.col_b .mySwiper .swiper-slide-thumb-active .s1{ transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
	.col_b .mySwiper .swiper-slide-thumb-active .s2{ transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }

	.col_c .hd .h1{font-size: 20px;line-height: 30px;}
	.col_c .hd .h2{font-size: 26px;line-height: 36px;}

	.col_c .bd .swiper-slide .m .m1{width: 100%;padding-right: 0;}
	.col_c .bd .swiper-slide .m .pc{width: 100%;margin-top: 20px;}
	.col_c .bd .swiper-slide .m .m1 .mt{height: unset;}
	.col_c .bd .swiper-slide .m .m1 .mc{height: unset;}
	.col_c .bd .swiper-slide .ul{margin-top: 20px;}
	.col_c .bd .swiper-slide .ul{flex-wrap: wrap;}
	.col_c .bd .swiper-slide .ul li{width: 100%;margin-right: 0;}
	.col_c .bd .swiper-slide .ul li a{padding: 20px;}
	.col_c .bd .swiper-slide .ul li .mt{font-size: 20px;line-height: 30px;}

	.col_c .bd .swiper-slide .m .time{margin-top: 20px;}
	.col_b .mySwiper2 .swiper-slide .txt .t1{font-size: 26px;line-height: 36px;}
	.footer .ft01 .bd .bd1{max-width: 350px;width: 100%;}
	.footer .ft01 .bd .bd1 .t2 ul li{margin-right: 48px;}
	.footer .ft01 .bd .bd1 .t2 ul li::after{right: -24px;}

	.col_c .swiper-button-next, .col_c .swiper-button-prev{width: 33px;height: 33px;}
	.col_c .swiper-button-prev{right: calc(4% + 40px);}
	.col_c .swiper-button-next{right: 4%;}
	.col_b .mySwiper{ width: 90%; margin-left: 0; left: 5%; }
	.col_b .mySwiper2 .swiper-slide .txt{top: 40px;}
}