﻿@charset "utf-8";
.hd-box {text-align: center;margin-top: 52px;}
.hd-box h3{font-size: 32px;line-height: 52px;color: #313131;}
.hd-box h5{font-size: 29px;line-height: 52px;color: #d70000;font-weight: normal;margin-bottom: 40px;}
.col-a .bd{width: 1400px;margin: 0 auto;margin-top: 0;position: relative;}
.col-a  .swiper{overflow: hidden; position: relative;}
.col-a  .mySwiper3 {overflow: inherit; position: relative;}
.col-a .bd .gallery-thumbs .pc{display: flex;flex-direction: column;align-items: center; }
.col-a .bd .gallery-thumbs .pc p{font-size: 20px;line-height: 1.8;color: #3c3c3c;margin-top: 28px; padding: 0 8px; }
.col-a .bd .gallery-thumbs .swiper-slide-thumb-active .pc p { background-color: #d70000; color: #fff;}
.gallery-thumbs .swiper-button-prev{background: url(prev1.png) no-repeat center;}
.gallery-thumbs .swiper-button-prev:hover{background: url(prev1-1.png) no-repeat center;}
.gallery-thumbs .swiper-button-next{background: url(next1.png) no-repeat center;}
.gallery-thumbs .swiper-button-next:hover{background: url(next1-1.png) no-repeat center;}
.gallery-thumbs .swiper-button-next,.gallery-thumbs .swiper-button-prev{width: 24px;height: 36px;margin-top: -18px;}
.gallery-thumbs .img2{display: none;}
.col-a .bd .gallery-thumbs .swiper-wrapper { padding-top: 20px; }
.col-a .bd .gallery-thumbs .swiper-slide { cursor: pointer; position: relative; transition: all .3s ease; }
.col-a .bd .gallery-thumbs .swiper-slide:hover { transform: translateY(-20px); }
.col-a .bd .gallery-thumbs .swiper-slide:hover .img2{display: block;}
.col-a .bd .gallery-thumbs .swiper-slide:hover .img1{display: none;}
.col-a .bd .gallery-thumbs .swiper-slide:hover .pc p{color: #d70000;}


.col-a .bd .gallery-thumbs .swiper-slide-thumb-active { transform: translateY(-10px); }
.col-a .bd .gallery-thumbs .swiper-slide-thumb-active:hover .pc p { color: #fff;}


.col-a .bd .gallery-thumbs .swiper-slide-thumb-active .pc .img2{display: block;}
.col-a .bd .gallery-thumbs .swiper-slide-thumb-active .pc .img1{display: none;}
.col-a .bd .gallery-top  .pc-sw{width: 57.2%; position: relative;}
.col-a .bd .gallery-top .desc-box{margin-top: 90px; padding: 0 120px; }
.col-a .bd .gallery-top .desc-box .desc{width: 471px;position: relative;}
.col-a .bd .gallery-top .desc-box .desc  .mt{color: #1e1e1e;font-size: 36px;margin-bottom: 34px;}
.col-a .bd .gallery-top .desc-box .desc  .mc{color: #434343;font-size: 18px;line-height: 30px;}
.col-a .bd .gallery-top .desc-box .desc  .more {color: #1a1a1a;font-size: 16px;line-height: 36px;align-items: center;margin-top: 77px;margin-left: 47px;border: 1px solid #999;display: inline-block;border-radius: 5px;padding: 0 15px;}
.col-a .bd .gallery-top .desc-box .desc  .more img { vertical-align: middle; }
.col-a .bd .gallery-top .desc-box .desc a{display: block;}
.pc-sw .swiper-button-prev{background: url(prev1.png) no-repeat center;opacity: 1 !important;left: -560px;}
.pc-sw .swiper-button-prev:hover{background: url(prev1-1.png) no-repeat center;}
.pc-sw .swiper-button-next{background: url(next1.png) no-repeat center;opacity: 1 !important; right: -30px;}
.pc-sw .swiper-button-next:hover{background: url(next1-1.png) no-repeat center;}
.pc-sw a{display: block;text-align: center;}
.act{font-size: 116px; color: rgba(57, 57, 57, .09);font-weight: bold;position: absolute;bottom: 71px;left: 120px;}
.col-a .bd .gallery-top .desc-box .desc .more:hover{color: #d70000;}

.gallery-top .swiper-slide { overflow: hidden; }
@media all and (max-width:1500px){
	.hd-box{margin-top: 20px;}
	.hd-box h3{font-size: 25px;line-height: 40px;}
	.hd-box h5{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
	.col-a .bd{width: 96%;padding: 0 ;}
	.col-a .bd .gallery-top .desc-box .desc{width: 49%;}
	.col-a .bd .gallery-top .pc-sw{width: 49%;}
	.pc-sw .swiper-button-next{right: -30px;}
    .col-a .bd .gallery-top .desc-box{margin-top: 45px;padding: 0 80px;}
    .pc-sw .swiper-button-prev{left: -690px;}
}
@media all and (max-width:1440px){
    .pc-sw .swiper-button-prev{left: -660px;}
}
@media all and (max-width:1366px){
    .pc-sw .swiper-button-prev{left: -630px;}
}
@media all and (max-width:1280px){
    .pc-sw .swiper-button-prev{left: -580px;}
}
@media all and (max-width:1080px){
	.col-a .bd .gallery-top .desc-box{margin-top: 5px;padding: 0 20px;}
	.col-a .bd .gallery-top .desc-box .desc .mt{font-size: 28px;margin-bottom:14px;}
	.col-a .bd{width: 96%;padding: 0;}
	.col-a .bd .gallery-top .desc-box .desc{width: 49%;}
	.col-a .bd .gallery-top .pc-sw{width: 49%;}
	.pc-sw .swiper-button-next{right: 20px;}
    .pc-sw .swiper-button-prev{left: -500px;}
}
@media all and (max-width:992px){

	.hd-box{margin-top: 20px;}
	.hd-box h3{font-size: 20px;line-height: 1.8;}
	.hd-box h5{font-size: 16px;line-height: 1.8;margin-bottom: 20px;}
	.col-b .hd-box{margin-top: 0;}

	.col-a .bd{width: 92%; }
	.col-a .bd .gallery-top .desc-box .desc{width: 100%;float: unset;}
	.col-a .bd .gallery-top .pc-sw{width: 100%;float: unset;}
	.pc-sw .swiper-button-next{right: 20px;}
    .act{top: 250px;display: none;}
	.col-a .bd .gallery-top .desc-box .desc .more{display: none;}
	.col-a .bd .gallery-top .desc-box .desc .mt { text-align: center; }
	.col-a .bd .gallery-thumbs .pc i { width: 50px; }
	.col-a .bd .gallery-thumbs .pc p { font-size: 14px; margin-top: 8px; text-align: center; padding: 0 18%; line-height: 1.6; }
	.gallery-thumbs .swiper-button-prev { left:0; }
	.gallery-thumbs .swiper-button-next { right:0; }
    .pc-sw .swiper-button-prev{left: 20px;}
}

.col-b .bd{background: url(bg.png) no-repeat top center;padding: 56px 0 79px;padding:  0 ;}
.col-b .bd ul {display: flex;flex-wrap: wrap;}
.col-b .bd ul li{width: 16.6%;border:1px solid #e1e1e1 ;margin-left: -1px;margin-top: -1px;padding: 0 0 18px;box-sizing: border-box;height: 346px;}
.col-b .bd ul li .li-box{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.col-b .bd ul li .li-box span{font-size: 18px;line-height: 20px;color: #3f3f3f;font-weight: bold;}
.col-b .bd ul li .li-box i{overflow: hidden;height: 274px;display: flex;align-items: center;justify-content: center;}
.col-b .bd ul li .li-box  i img{transition: all 0.6s ease;}
.col-b .bd ul li .li-box  i:hover img{transform: scale(1.1);}
.col-b .bd ul li .li-box:hover span{color: #d70000;}
@media all and (max-width:1080px){
	.col-b .bd ul li{width: 25%;}
	.col-b .bd{padding: 36px 0;background: url(bg.png) no-repeat top center;background-size: cover;}
	.col-b .bd ul li{padding: 0;height: 328px;}
	
}
@media all and (max-width:992px){


	.col-b .bd{ padding:0; background-size: cover; }
    .col-b .bd ul li {width: 33.33%;height: auto;}
    .col-b .bd ul li .li-box i {height: 120px;}
    .col-b .bd ul li .li-box i img {height: auto;width: 100%;}
    .col-b .bd ul li .li-box span { min-height: 20px; line-height: 20px; font-size: 14px;}


}


.col-c .bd{background: url(bg1.png) no-repeat top center;}
.col-c .bd .b-box{display: flex;}
.col-c .bd .b-box-gin{height: 592px;padding: 58px 58px 0 58px; box-sizing: border-box;width: 25%;border-right: 1px solid rgba(240, 240, 238, 0.5);position: relative;z-index: 1;}
.col-c .bd .b-box-gin::after{content: "";position: absolute;left: 0;top: 0;background-color: rgba(255, 255, 255, 0.8);width: 100%;height: 0;transition: all .6s ease;pointer-events: none;}
.col-c .bd .b-box .b-box-gin:first-child{border-left: 1px solid rgba(240, 240, 238, 0.5);}
.col-c .bd .b-box .b-box-gin .desc .pc .i1-1{display: none;}
.col-c .bd .b-box .b-box-gin .desc .pc {margin-bottom: 10px;position: relative;z-index: 1;}
.col-c .bd .b-box .b-box-gin .desc>span{font-size: 14px;line-height: 24px;color: white;position: relative;z-index: 1;}
.col-c .bd .b-box .b-box-gin .desc .mt{color: white;font-size: 24px;line-height: 52px;margin-bottom: 14px;display: block;margin-top: 38px;font-weight: bold;}
.col-c .bd .b-box .b-box-gin .desc .mc{color: white;font-size: 12px;line-height: 24px;height: 106px;}
.col-c .bd .b-box .b-box-gin .desc .more1 i{font-size: 14px;line-height: 36px;color: #1a1a1a;padding-right: 28px;position: relative;background: url(icon6.png) no-repeat  right center;z-index: 1;margin-top: 36px;display: none;}
.col-c .bd .b-box .b-box-gin .desc .more1 i::after {position:absolute;content: "";left: 0;bottom: 0;width: 100%;border-bottom: 1px solid #000;z-index:1 ;}
.col-c .bd .b-box .b-box-gin .desc .more1 span{color: #bfbab8;font-size: 72px;font-weight: bold;z-index: 1;position: absolute;opacity: 0.5;right: 0;bottom: 0;}
.col-c .bd .b-box-gin:hover::after{height: 100%;}
.col-c .bd .b-box .b-box-gin:hover .desc .pc .i1-1{display: block;}
.col-c .bd .b-box .b-box-gin:hover .desc .pc .i1{display: none;}
.col-c .bd .b-box .b-box-gin:hover .desc>span{color: #333;}
.col-c .bd .b-box .b-box-gin:hover  .desc  .mt{color: #333;position: relative;z-index: 1;}
.col-c .bd .b-box .b-box-gin:hover  .desc  .mc{color: #333;position: relative;z-index: 1;}
.col-c .bd .b-box .b-box-gin:hover .desc .more1 i{display: inline-block;}
.col-c .bd .b-box .b-box-gin .desc .more1:hover i{color: #d70000;}
@media all and (max-width:1600px){

	.col-c .bd .b-box-gin{height: 511px;padding:54px 8px 0 8px;}
}
@media all and (max-width:1300px){

	.col-c .bd .b-box .b-box-gin .desc .more1 i{float: unset;}
	.col-c .bd .b-box .b-box-gin .desc .more1 span{float: unset;display: block;} 
	.col-c .bd .b-box-gin{height: 511px;padding:54px 8px 0 8px;}
	.col-c .bd .b-box .b-box-gin .desc .mt{margin-top: 20px;}
}
@media all and (max-width:750px){
	.col-c .bd{background: url(bg1.png) no-repeat top center;background-size: cover;}
	.col-c .bd .b-box{flex-wrap: wrap;}
	.col-c .bd .b-box-gin{width: 50%;border: 1px solid rgba(240, 240, 238, 0.5);margin-top: -1px;margin-left: -1px;padding-top: 20px;height: 294px;}
	.col-c .bd .b-box .b-box-gin .desc .more1 span{font-size: 36px;}
	.col-c .bd .b-box .b-box-gin:hover .desc .more1 i{display:none ;}
	.col-c .bd .b-box .b-box-gin .desc .mt{margin-top: 0;margin-bottom: 0;font-size: 20px;line-height: 40px;}
}

.col-d .bd{background: url(bg2.png) no-repeat top center;padding: 28px 0 28px;}
.col-d .bd .bd-d{padding: 0 137px;display: flex;}
.col-d .bd .bd-d .bd-d-a{display: flex;flex-wrap: wrap;width: 50%;padding-top: 48px;}
.col-d .bd .bd-d .bd-d-a .bd-a-box{display: flex;flex-direction: column;align-items: center;margin: 0 68px;width: 201px;margin-top: 45px;}
.col-d .bd .bd-d .bd-d-a .bd-a-box i{height: 67px;}
.col-d .bd .bd-d .bd-d-a .bd-a-box span{font-size: 54px;color: #414141;font-weight: bold;position: relative;margin-top: 11px;}
.col-d .bd .bd-d .bd-d-a .bd-a-box p{font-size: 24px;color: #414141;line-height: 30px; position: relative;text-align: center;}
.col-d .bd .bd-d .bd-d-a .bd-a-box span::after{content: "";position: absolute;right: -28px;top: 0;background: url(icon11.png) no-repeat center;width: 16px;height: 14px;}
.col-d .bd .bd-d .bd-d-a .bd-a3 span::after{display: none;}
.col-d .bd .bd-d .bd-d-a .bd-a3 .a{font-size: 54px;color: #414141;font-weight: bold;margin-top: 11px;}
.col-d .bd .bd-d .pc{width: 50%;}
.col-d .bd .bd-d .pc .pc1{position: relative; }
.col-d .bd .bd-d .pc .pc1 a{display: block;overflow: hidden; border-radius: 20px;}
.col-d .bd .bd-d .pc .pc1 a img{transition: all 0.6s ease;}
.col-d .bd .bd-d .pc .pc1 a:hover img{transform: scale(1.1);}
.col-d .bd .bd-d .pc .pc1 .tle{position: absolute;top: 28.093%;left: 10.668%;}
.col-d .bd .bd-d .pc .pc1 .tle  .mt{font-size: 24px;line-height: 52px;color: white;font-weight: bold;}
.col-d .bd .bd-d .pc .pc1 .tle  span{font-size: 14px;line-height: 36px;color: white;position: relative;padding-right: 28px;background: url(icon12.png) no-repeat right center;display: inline-block;}
.col-d .bd .bd-d .pc .pc1 .tle  span::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid white;}
.col-d .bd .bd-d .pc .pc3{position: relative;}
.col-d .bd .bd-d .pc .pc3 a{display: block; overflow: hidden;}
.col-d .bd .bd-d .pc .pc3 a img{transition: all 0.6s ease;}
.col-d .bd .bd-d .pc .pc3 a:hover img{transform: scale(1.1);}
.col-d .bd .bd-d .pc .pc2 {margin-top: 26px;}
.col-d .bd .bd-d .pc .pc2 .tle{position: absolute;top: 30.215%;left: 22.189%;}
.col-d .bd .bd-d .pc .pc2 .tle  .mt{font-size: 24px;line-height: 52px;color: white;font-weight: bold;}
.col-d .bd .bd-d .pc .pc2 .tle  span{font-size: 14px;line-height: 36px;color: white;position: relative;padding-right: 28px;background: url(icon12.png) no-repeat right center;display: inline-block;}
.col-d .bd .bd-d .pc .pc2 .tle  span::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid white;}

@media all and (max-width:1701px){
	.col-d .bd .bd-d .bd-d-a{padding-top: 0px;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box{width: 49%;}
	.col-d .bd .bd-d .pc{width: 49%;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box{width: 50%;margin-left:0 ;margin-right: 0;margin-top:20px ;}
	.col-d .bd .bd-d .pc .pc3{width: 49%;}
	.col-d .bd .bd-d {align-items: center;}

}
@media all and (max-width:1400px){
	.col-d .bd .bd-d{padding: 0;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box{width: 49%;}
	.col-d .bd .bd-d .pc{width: 49%;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box{width: 50%;margin-left:0 ;margin-right: 0;margin-top:20px ;}
	.col-d .bd .bd-d .pc .pc3{width: 49%;}
	.col-d .bd .bd-d .bd-d-a{padding-top: 0;}
}
@media all and (max-width:992px){
	.col-d .bd .bd-d{flex-direction: column;justify-content: center;}
	.col-d .bd .bd-d .bd-d-a{width: 100%;}
	.col-d .bd .bd-d .pc{width: 100%;margin-top: 0;}
	.col-d .bd{background: url(bg2.png) no-repeat top center;background-size: cover;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box span{font-size: 34px;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box p{font-size: 20px;}
	.col-d .bd .bd-d .pc .pc1 .tle .mt,.col-d .bd .bd-d .pc .pc2 .tle .mt{font-size: 20px;}
	.col-d .bd{padding: 0;}
	.col-d .bd .bd-d .pc .pc1 a,.col-d .bd .bd-d .pc .pc3 a{display: block;text-align: center;}
	.col-d .bd .bd-d .bd-d-a .bd-a3 .a{font-size: 34px;}

    .col-d .bd .bd-d .bd-d-a {padding-top: 0;padding-bottom: 10px;margin-top: 10px;flex-wrap: wrap;}
	.col-d .bd .bd-d .bd-d-a .bd-a-box { flex: 0 0 50%; margin-bottom: 15px; }
    .col-d .bd .bd-d .bd-d-a .bd-a-box i { width: 50px; }
	.col-d .bd .bd-d .bd-d-a .bd-a-box span { font-size: 24px; }
    .col-d .bd .bd-d .bd-d-a .bd-a-box p { font-size: 14px; line-height: 1.6; }

}

.col-e{margin-bottom: 116px;}
.col-e .bd{padding: 0 50px;margin-top: 40px;}
.col-e .bd .bd-e-box .desc .mt{color: #333;font-size: 18px;line-height: 52px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 19px;}
.col-e .bd .bd-e-box .desc .mc{color: #333;font-size: 14px;line-height: 24px;opacity: 0.6;	overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.col-e .bd .bd-e-box .a1  .time span{font-size: 24px;line-height: 36px;opacity: 0.78;color: #333;}
.col-e .bd .bd-e-box .a1 i {font-size: 14px;line-height: 36px;color: rgba(51, 51, 51, 0.431);position: relative;margin-left: 21px;}
.col-e .bd .bd-e-box .a1  .time{display: flex;align-items: center;}
.col-e .bd .bd-e-box .a1 .more2{font-size: 14px;line-height: 36px;position: relative;padding-right: 43px;background: url(icon13.png) no-repeat right center;position: relative;color: #d70000;transition: all 0.6s ease;}
.col-e .bd .bd-e-box .a1 .more2:hover {transform: translateX(-10px);}
.col-e .bd .bd-e-box .a1 .more2::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #d70000;}
.col-e .bd .bd-e-box .a1{box-sizing: border-box;margin-top: 37px;}
.col-e .bd .bd-e-box i img { position: relative;  transform: scale(1); transition: all 0.6s ease;}
.col-e .bd .bd-e-box:hover i img { transform: scale(1.1); }

@media all and (max-width:1600px){

}
@media all and (max-width:1500px){
	.col-e{margin-bottom: 58px;}
	.col-e .bd{margin-top: 0; padding: 0;}
}
@media all and (max-width:1280px){

}
@media all and (max-width:1080px){
	.col-e .bd .bd-e-box .desc .mt{font-size: 16px;}
	.col-e .bd .bd-e-box .a1 i{display: none;}
	.col-e .bd{margin-top: 0;}
	.col-e .bd .bd-e-box .a1{margin-top: 17px;}
	.col-e .bd .bd-e-box .desc .mt{margin-top: 0;}
	.col-e .bd .bd-e-box .a1 .time span{font-size: 14px;}
}
@media all and (max-width:992px){
	.col-e{margin-bottom: 30px;}
	.col-e .bd .bd-e-box .desc .mt{font-size: 15px;line-height: 36px;margin-top: 8px;}
	.col-e .bd .bd-e-box .desc .mc{ line-height: 1.5;}
	.col-e .bd .bd-e-box .a1  .time span{font-size: 13px;line-height: 24px;}
	.col-e .bd .bd-e-box .a1 .more2{display: none;}
	.col-e .bd .bd-e-box .a1{margin-top: 12px;}

}