.col-a{margin-top: 130px;padding-bottom: 95px;}
.hd-box h5{font-weight: normal;font-size: 30px;color: #333;text-align: center;position: relative;}
.hd-box h5::after{content: "";position: absolute;width: 62px;height: 6px;background: url(bg1.png) no-repeat center;left: 50%;transform: translate(-50%,0);bottom: -15px;}
.hd-box h3{font-size: 119px;opacity: 0.1;text-align: center;margin-top: -57px; color: #333;font-weight: normal;}
.col-a .bd{margin-top: -80px;}
.col-a .a-box{margin-right: 7px;}
.col-a .a-box:last-child{margin-right: 0;}
.col-a .a-box1{display: none;position: relative;}
.col-a .a-box1.on{display: block;transition: all 0.6s ease;}
.col-a .a-box1_1.off{display: none;transition: all 0.6s ease;}
.col-a .a-box1 .mt{position: absolute;top: 50px; left: 57px;}
.col-a .a-box1 .a-musk{position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, .1);width: 100%;line-height: 90px;box-sizing: border-box;padding:0 70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: white;font-size: 14px;}
.col-a .a-box1 .mt h3{color: white;font-size: 30px;}
.col-a .a-box1 .mt h5{color: white;font-size: 18px;font-weight: normal;}
.col-a .a-box1_1{position: relative;}
.col-a .bd .a-box1_1::after{content: "";position: absolute;background: url(dp.png) no-repeat center; width: 49px;height: 104px;left: 50%;transform: translate(-50%,0);bottom: 51px;}
.col-a .bd .a-box:nth-child(3) .a-box1_1::after{background: url(dw.png) no-repeat center;}
.col-a .bd .a-box:nth-child(4) .a-box1_1::after{background: url(ds.png) no-repeat center; }


.col-b{background: url(bg2.png) no-repeat top center;padding: 83px 0 0 0;height: 754px;}
.col-b .hd-box h5::after{background: url(bg1-1.png) no-repeat center;}
.col-b .hd-box h5{color: white;}
.col-b .hd-box h3{color: white;opacity: 0.08;}
.col-b .bd{background-color: white;padding: 76px 27px 92px 62px;box-sizing: border-box;margin-top: -67px;}
.col-b .bd .bd-lt{position: relative;padding-top: 23px;padding-bottom: 6px;}
.col-b .bd .bd-lt .swiper-button-next,.col-b .bd .bd-lt .swiper-button-prev{width: 21px;height: 10px;}
.col-b .bd .bd-lt .swiper-button-next{background: url(next1.png) no-repeat center;bottom: 0;top: unset;margin-top: 0;left: 30px;}
.col-b .bd .bd-lt .swiper-button-prev{background: url(prev1.png) no-repeat center;top: 0;margin-top: 0;left: 30px;}
.col-b .swiper-container{height: 316px;overflow: hidden;width: 190px;}
.col-b .bd .tle{font-size: 30px;color: black;font-weight: bold;text-align: center;width: 80px;line-height: 100px;position: relative;display: none;}
.col-b .bd .tle::after{content: "";position: absolute;left: 27px;bottom: 21px;border-bottom: 3px solid #087bf2;width: 13px;}
.col-b .swiper-slide{position: relative;}
.col-b .swiper-slide::after{content: "";position: absolute;width: 176px;height: 82px; box-sizing: border-box;border: 2px solid #087bf2;top: 7px;left: 7px;display: none;pointer-events: none;}
.col-b .swiper-slide img {transition: all 0.6s ease;}
.col-b .swiper-slide:hover .tle{display: block;}
.col-b .swiper-slide:hover::after{display:block;}
.col-b .swiper-slide:hover img{transform: scale(1.16);}
.col-b .bd-rt .bd-rt-box{display: none;}
.col-b .bd-rt .bd-rt-box.on{display: block;}
.col-b .bd-rt .bd-rt-box .mt{margin-top: 5px;}
.col-b .bd-rt .bd-rt-box .mt h3{font-size: 30px;color: #000;}
.col-b .bd-rt .bd-rt-box .mt h5{font-size: 15px;color: #000;font-weight: normal;}
.col-b .bd-rt .bd-rt-box .mc{color: #707070;font-size: 14px;line-height: 24px;margin-top: 36px;}
.col-b .bd-rt .bd-rt-box .desc{width: 205px;}
.col-b .bd-rt .bd-rt-box .desc a{display: block;width: 124px;height: 33px;background-color: #087bf2;font-size: 14px;color: white;text-align: center;line-height: 33px;margin-top: 67px;}


.col-c{padding: 83px 0 0 0;overflow: hidden;}
.col-c .col-c-lt {width: 720px;}
.col-c .col-c-lt .mt{font-size: 30px;color: #333;margin-bottom: 19px;}
.col-c .col-c-lt .mc{font-size: 14px;color: #333;line-height: 30px;margin-bottom: 67px;}
.col-c .col-c-lt .mc p{text-indent: 2rem;}
.col-c .col-c-lt ul li a {font-size: 18px;line-height: 32px;color: #333;width: 87px;text-align: center;display: block;}
.col-c .col-c-lt ul li a:hover{background: url(bg3.png) no-repeat bottom center;}
.col-c .col-c-lt ul li{margin-right: 120px;position: relative;}
.col-c .col-c-lt ul li:last-child{margin-right: 0;}
.col-c .col-c-lt ul li::after{content: "";right: -60px;top: 0;bottom: 0;margin: auto 0;background: url(bg4.png) no-repeat center;width: 9px;height: 16px;position: absolute;}
.col-c .col-c-lt ul li:last-child::after{display: none;}
.col-c .col-c-rt  .mt{position: relative;font-size: 12px;color: #333;text-align: right;margin-top: 5px;}
.col-c .col-c-rt  .mt::before{content: ""; position: absolute;width: 121px; height: 1px;background: #044d21;left: -146px;top: 0;bottom: 0;margin: auto 0;}
.col-c .col-c-rt  .pc{margin-top: 71px;}
.col-c .col-c-rt{overflow: hidden;}
.col-c2 {margin-top: 115px;background: url(pc6.png) no-repeat top center;padding-top: 66px;height: 264px;box-sizing: border-box;}
.col-c2 ul li{color: white;font-size: 15px;margin-right: 195px;}
.col-c2 ul li i{font-size: 48px;font-weight: bold;font-style: normal;}
.col-c2 ul li span{display: block;font-size: 18px;text-align: center;}
.col-c2 ul li:last-child{margin-right: 0;}

.col-d{margin-bottom: 70px;position: relative;background: url(bg6.png) no-repeat top center;padding-top: 60px;}
/* .col-d ::after{top: ;width: 1920px; height: 1px;background: #e0e0e0;} */
/* .col-d .bd1 .swiper-container{overflow: hidden;padding: 0 5px;} */
.col-d .hd-box h3{font-weight: 400;}
.col-d .bd{margin-top: -63px;}
.col-d .bd1  a{display: block;box-shadow: 0px  5px 18px 0px rgba(0, 0, 0, 0.34); border:8px solid  #ffffff;}
.col-d .bd1  a img{max-width: 100%;}
.col-d .bd1 .ab h4{font-size: 18px;text-align: center;color: #000;line-height: 30px;}
.col-d .bd1 .ab span{font-size: 14px;text-align: center;color: #000;line-height: 30px;display: block;}
.col-d .bd1 .ab{padding: 10px 0 13px;position: relative; background: url(icon3.png) no-repeat center;}
.col-d .bd1 .swiper-slide:hover .ab{background: url(icon3-1.png) no-repeat center #087bf2;}
.col-d .bd1 .swiper-slide:hover .ab span{color: white;}
.col-d .bd1 .swiper-slide:hover .ab h4{color: white;}
.col-d .bd2{margin-top: 70px;position: relative;}
.col-d .bd2::after{top: 115px;width: 1920px; height: 1px;background: #e0e0e0;left: 50%;transform: translate(-50%,0);content: "";position: absolute;} 
.col-d .bd2 .b-hd{margin-bottom: 30px;}
.col-d .bd2 .b-hd li{font-size: 30px;color: #535353;padding-left: 46px;margin-right: 185px;}
.col-d .bd2 .b-hd li.on{font-weight: bold;color: #000;}
.col-d .bd2 .b-hd li:nth-child(1){background: url(icon4.png) no-repeat  left center;}
.col-d .bd2 .b-hd li:nth-child(2){background: url(icon5.png) no-repeat  left center;}
.col-d .bd2 .b-hd li:nth-child(3){background: url(icon6.png) no-repeat  left center;margin-right: 0;}
.col-d .bd2 .b-hd{text-align: center;}
.col-d .bd2 .b-hd ul{display: inline-block;}
.col-d .bd2 .b-bd-box .time i{font-style: normal;font-size: 18px;color: #9f9f9f;line-height: 37px;position: relative;display: block;}
.col-d .bd2 .b-bd-box .time i::after{position: absolute;border-bottom: 2px solid #8e8e8e;width: 71px;content: "";left: 0;bottom: 0;}
.col-d .bd2 .b-bd-box .time span{font-size: 12px;color: #9f9f9f;display: block;line-height: 28px;}
.col-d .bd2 .b-bd-box .desc h3{color: #000;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 36px;margin: 11px 0;}
.col-d .bd2 .b-bd-box .desc .mc{font-size: 12px;line-height: 20px;color: #626262;margin-top: 20px;overflow:hidden;text-overflow:ellipsis;
display: -webkit-box;display:box;-webkit-box-orient:vertical;
-webkit-line-clamp:3;}
.col-d .bd2 .b-bd-box .swiper-slide:hover .time i::after{border-bottom: 2px solid #087bf2;width: 100%;}
.col-d .bd2 .b-bd-box .swiper-container{overflow: hidden;}