.section-a1{padding: 100px 0; overflow: hidden;}
.section-a1 .title-flex{margin-bottom: 60px;}
.section-a2{padding: 140px 0; overflow: hidden;}
.section-a2 .title-flex{margin-bottom: 60px;}
.box-a1{margin-bottom: 60px; background-color: rgba(246, 246, 248, .4); display: -webkit-flex; display: flex; align-items: flex-start;}
.box-a1 .box-col{width: 50%; flex-shrink: 0;}
.box-a1 .box-cor{padding: 14px 40px; width: 50%; flex-shrink: 0;}
.box-a2{margin-bottom: 60px; display: -webkit-flex; display: flex; align-items: flex-start;}
.box-a2 .box-col{width: 50%; flex-shrink: 0;}
.box-a2 .box-cor{padding: 45px 40px; width: 50%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; flex-shrink: 0;}
.box-a2 .pic{height: 442px; overflow: hidden;}
.box-a2 .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.box-a2 .t1{margin-bottom: 26px; font-size: 24px; color: #008ACF; font-weight: bold; line-height: 1.1; text-align: center;}
.box-a2 .t2{font-size: 12px; color: #2E2929; font-weight: normal; line-height: 1.33; text-align: center;}
.box-a2 .code{margin: 12px auto; width: 240px; height: 240px; line-height: 240px; font-size: 0; text-align: center; box-shadow: 0 4px 4px rgba(0, 0, 0, .25);}
.box-a2 .code img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.box-a3{margin-bottom: 60px; background-color: rgba(246, 246, 248, .4); display: -webkit-flex; display: flex; align-items: flex-start;}
.box-a3 .box-col{width: 50%; flex-shrink: 0;}
.box-a3 .box-cor{padding: 84px 60px; width: 50%; flex-shrink: 0;}
.box-a3 .pic{height: 442px; overflow: hidden;}
.box-a3 .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.box-a3 .txt{font-size: 18px; color: #2E2929; line-height: 1.89; max-height: 15.12em; overflow-y: auto;}
.box-a3 .txt::-webkit-scrollbar {
    width: 4px;
}
.box-a3 .txt::-webkit-scrollbar-track {
    background: none;
}
.box-a3 .txt::-webkit-scrollbar-thumb {
    background: #008ACF;
}
.box-a3 .txt::-webkit-scrollbar-thumb:window-inactive {
    background: #008ACF;
}
.swiper-a1{height: 442px; position: relative; overflow: hidden;}
.swiper-a1 .slick-list, .swiper-a1 .slick-track, .swiper-a1 .item{height: 100%;}
.swiper-a1 .pic{display: block; height: 100%; overflow: hidden;}
.swiper-a1 .pic img{display: block; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.swiper-a1 .pic:hover{}
.swiper-a1 .pic:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.swiper-a1 .slick-dots{position: absolute; left: 0; bottom: 20px; right: 0; font-size: 0; text-align: center; z-index: 10;}
.swiper-a1 .slick-dots li{margin: 0 5px !important; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity: .6; position: relative; overflow: hidden;}
.swiper-a1 .slick-dots button{outline: none; border: none; text-indent: -999px;}
.swiper-a1 .slick-dots .slick-active{background-color: #008ACF;}
.ul-a1{}
.ul-a1 li{border-bottom: 1px dashed #DDDDDD;}
.ul-a1 .con{display: block; height: 51px; line-height: 51px; overflow: hidden;}
.ul-a1 .date{margin-left: 20px; float: right; font-size: 16px; color: #8F8F8F; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a1 .tit{font-size: 16px; color: #2E2929; font-weight: normal; height: inherit; line-height: inherit; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a1 .con:hover{}
.ul-a1 .con:hover .date{color: #008ACF;}
.ul-a1 .con:hover .tit{color: #008ACF;}
.ul-a2{margin: 0 -12px -24px; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.ul-a2 li{padding: 0 12px; margin-bottom: 24px; width: 33.33%; flex-shrink: 0;}
.ul-a2 .con{display: block; height: 240px; position: relative; overflow: hidden;}
.ul-a2 .con:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #0084C7; opacity: .9; z-index: 2; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a2 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; z-index: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a2 .text{position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
.ul-a2 .icon{margin: 0 auto 30px; width: 64px; height: 64px; line-height: 64px; font-size: 0; text-align: center;}
.ul-a2 .icon img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.ul-a2 .tit{font-size: 32px; color: #FFFFFF; font-weight: bold; line-height: 1.1; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.ul-a2 .con:hover{}
.ul-a2 .con:hover:before{opacity: .6;}
.ul-a2 .con:hover .bg{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.ul-a3{margin-bottom: -24px;}
.ul-a3 li{margin-bottom: 24px;}
.ul-a3 .con{padding: 30px 40px; display: block; border: 1px solid #DDDDDD;}
.ul-a3 .tit{font-size: 20px; color: #008ACF; font-weight: bold; line-height: 1.6;}
.ul-a3 .desc{margin-top: 8px; font-size: 18px; color: #2E2929; line-height: 1.89;}
.ul-a4{margin: 0 -12px -60px; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.ul-a4 li{padding: 0 12px; margin-bottom: 60px; width: 25%; flex-shrink: 0;}
.ul-a4 .con{display: block; height: 100%; border: 1px solid #DDDDDD; position: relative; z-index: 1;}
.ul-a4 .con:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/a-bg2.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; z-index: -1; opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a4 .pic{padding-top: 56.33%; position: relative; overflow: hidden;}
.ul-a4 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a4 .text{padding: 28px 32px 26px;}
.ul-a4 .date{margin-bottom: 14px; font-size: 16px; color: #8F8F8F; line-height: 1.1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a4 .tit{font-size: 16px; color: #2E2929; font-weight: normal; line-height: 1.88; height: 5.64em; -webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;overflow:hidden; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ul-a4 .con:hover{}
.ul-a4 .con:hover:before{opacity: 1;}
.ul-a4 .con:hover .pic img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.ul-a4 .con:hover .date, .ul-a4 .con:hover .tit{color: #fff;}
.ul-a4 .con:hover .tit{font-weight: bold;}






@media only screen and (max-width: 1199px) {
    .section-a1, .section-a2{padding: 60px 0;}
    .section-a1 .title-flex, .section-a2 .title-flex{margin-bottom: 40px;}
    .swiper-a1, .box-a2 .pic, .box-a3 .pic{height: 350px;}
    .box-a1{margin-bottom: 40px;}
    .box-a2{margin-bottom: 40px;}
    .box-a2 .box-cor{padding: 40px 30px;}
    .box-a2 .t1{margin-bottom: 15px; font-size: 20px;}
    .box-a2 .code{margin: 10px auto; width: 180px; height: 180px; line-height: 180px;}
    .box-a3{margin-bottom: 40px;}
    .box-a3 .box-cor{padding: 40px;}
    .box-a3 .txt{font-size: 14px; max-height: 18.9em;}
    .ul-a1 .con{height: 40px; line-height: 40px;}
    .ul-a1 .date{font-size: 14px;}
    .ul-a1 .tit{font-size: 14px;}
    .ul-a2 .icon{margin-bottom: 15px;}
    .ul-a2 .tit{font-size: 26px;}
    .ul-a3{margin-bottom: -20px;}
    .ul-a3 li{margin-bottom: 20px;}
    .ul-a3 .con{padding: 30px;}
    .ul-a3 .tit{font-size: 16px;}
    .ul-a3 .desc{font-size: 14px;}
    .ul-a4{margin: 0 -10px -20px;}
    .ul-a4 li{padding: 0 10px; margin-bottom: 20px;}
    .ul-a4 .text{padding: 20px;}
    .ul-a4 .date{margin-bottom: 10px; font-size: 14px;}
    .ul-a4 .tit{font-size: 14px;}
}

@media only screen and (max-width: 959px) {
    .box-a1, .box-a2, .box-a3{display: block;}
    .box-a1 .box-col, .box-a1 .box-cor, .box-a2 .box-col, .box-a2 .box-cor, .box-a3 .box-col, .box-a3 .box-cor{width: 100%;}
    .swiper-a1{height: auto;}
    .swiper-a1 .pic{height: auto; padding-top: 63.14%; position: relative;}
    .swiper-a1 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
    .box-a2 .pic{height: auto;}
    .box-a3 .pic{height: auto;}
    .ul-a4 li{width: 33.33%;}
}

@media only screen and (max-width: 767px) {
    .section-a1, .section-a2{padding: 40px 0;}
    .section-a1 .title-flex, .section-a2 .title-flex{margin-bottom: 20px;}
    .box-a1 .box-cor{padding: 15px 20px;}
    .box-a3{margin-bottom: 20px;}
    .box-a3 .box-cor{padding: 20px;}
    .ul-a2{margin: 0 -5px -10px;}
    .ul-a2 li{padding: 0 5px; margin-bottom: 10px; width: 50%;}
    .ul-a2 .con{height: 140px;}
    .ul-a2 .icon{margin-bottom: 10px; width: 40px; height: 40px; line-height: 40px;}
    .ul-a2 .tit{font-size: 18px;}
    .ul-a3 .con{padding: 20px;}
    .ul-a4 li{width: 100%;}
}