.banner-container{width: 100%;overflow: hidden;}
.banner{width: 100%;}
.banner .swiper-slide img {width: 100%;object-fit: cover;}
.banner .swiper-pagination{bottom: 64px;font-size: 0;width: 100%;text-align: center;}
.banner .swiper-pagination li{width: 44px;height: 3px;border-radius: initial;background: #8b99b4;display: inline-block;margin: 0 8px;cursor: pointer;}
.banner .swiper-pagination li.on{background: #0e7cc7;}

.banner .swiper-pagination .swiper-pagination-bullet{width: 44px;height: 3px;border-radius: initial;background: #8b99b4;display: inline-block;margin: 0 8px !important;cursor: pointer;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0e7cc7;}

.tablist-container{width: 100%;padding: 60px 0;}
.tablist{width: 100%;padding: 0 50px;overflow: hidden;}
.tablist-top{width: 100%;}
.tablist-top ul{margin-left: -1%;}
.tablist-top ul li{width: 32%;float: left;margin-left: 1%;background-color: #eff2f7;transition: all .4s linear;height: 430px;position: relative;padding: 32px 44px;}
.tablist-topwords h4{font-size: 28px;color: #111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tablist-topwords p{font-size: 18px;color: #666;margin-top: 8px;}
.tablist-topwords a{display: inline-block;font-size: 16px;color: #1b8ad7;margin-top: 18px;position: relative;padding: 4px 0;}
.tablist-topwords a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/index/tablist-arr.png') no-repeat center center;top: 50%;right: -20px;margin-top: -10px;}
.tablist-topwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #1b8ad7;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;}
.tablist-topwords a:hover:before{width: 100%;}
.tablist-toppic{width: 100%;margin-top: 18px;}
.tablist-toppic a{display: flex;height: 230px;align-items: center;justify-content: center;}
.tablist-toppic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;}
.tablist-top ul li:hover{box-shadow: 0 6px 16px 2px rgb(216, 216, 216);transform: translateY(-4px);}
.tablist-top ul li:hover .tablist-toppic img{transform: translateY(-10px);}
.tablist-bottom{width: 100%;margin-top: 20px;}
.tablist-bottom ul{margin-left: -1%;}
.tablist-bottom ul li{width: 24%;float: left;margin-left: 1%;background-color: #eff2f7;transition: all .4s linear;height: 318px;position: relative;padding: 28px 44px;}
.tablist-bottomwords h4{font-size: 24px;color: #111;}
.tablist-bottomwords a{display: inline-block;font-size: 16px;color: #1b8ad7;margin-top: 10px;position: relative;padding: 4px 0;}
.tablist-bottomwords a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/index/tablist-arr.png') no-repeat center center;top: 50%;right: -20px;margin-top: -10px;}
.tablist-bottomwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #1b8ad7;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;}
.tablist-bottomwords a:hover:before{width: 100%;}
.tablist-bottompic{width: 100%;margin-top: 22px;text-align: right;padding-right: 4%;}
.tablist-bottompic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;}
.tablist-bottom ul li:hover{box-shadow: 0 6px 16px 2px rgb(216, 216, 216);transform: translateY(-4px);}
.tablist-bottom ul li:hover .tablist-bottompic img{transform: translateY(-10px);}

.case-container{width: 100%;padding: 20px 0 80px 0;}
.case{width: 100%;}
.case-title{width: 100%;text-align: center;}
.case-title h4{font-size: 42px;color: #111;}
.case-title i{display: block;margin: 0 auto;width: 30px;height: 3px;background-color: #0e7cc7;margin-top: 10px;}
.case-message{width: 100%;margin-top: 34px;}
.case-messagelist{width: 100%;margin-top: 40px;}
.case-messagelist-size{width: 100%;height: 260px;position: relative;overflow: hidden;}
.case-messagelist-size img{width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;}
.case-messagelist-size:hover img{transform: scale(1.08);}
.case-messagelist .swiper-wrapper{transition-timing-function: linear;}
.case-messagelist-words{display: block;position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;overflow: hidden;}
.case-messagelist-words p{width: 90%;text-align: center;opacity: 0;margin-top: -16px;position: absolute;left: 5%;top: 50%;transform: translate(0,-50%);font-size: 18px;color: #fff;font-weight: bold;z-index: 6;}
.case-messagelist-words:before{content: "";position: absolute;background: rgba(0, 0, 0,.6);z-index: 3;width: 80%;height: 80%;transform: translate(-50%,-50%);left: 50%;top: 50%;transition: all .4s linear;opacity: 0;}
.case-messagelist-size:hover .case-messagelist-words:before{width: 100%;height: 100%;opacity: 1;}
.case-messagelist-size:hover .case-messagelist-words p{animation: caseDh .4s linear both;animation-delay:400ms;}
@keyframes caseDh {0% {margin-top: -16px;opacity: 0;}100% {margin-top: 0px;opacity: 1;}}
.case-more{width: 100%;overflow: hidden;text-align: center;margin-top: 44px;padding: 10px 0;}
.case-more a{
    font-size: 16px;color: #fff;width: 180px;height: 50px;text-align: center;line-height: 54px;
    display: block;position: relative;z-index: 1;transition: all .4s linear;margin: 0 auto;box-sizing: border-box;
}
.case-more a i{width: 14px;height: 7px;background: url('../images/index/case-arr.png') no-repeat;display: inline-block;vertical-align: middle;margin-left: 10px;transition: all .4s linear;position: relative;z-index: 3;}
.case-more a span{position: relative;z-index: 3;}
.case-more a:before,.case-more a:after {content: '';border-radius: inherit;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);}
.case-more a:before{border: 2px solid #1b8ad7;}
.case-more a:after{background: #1b8ad7;margin-top: 2px}
.case-more a:hover:before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.case-more a:before, .case-more a:hover::after {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
.case-message .swiper-slide{width: 380px;float: left;margin: 0 10px}
.case-message .swiper-container,.case-message .swiper-wrapper{font-size: 0;}

 
.news-container{width: 100%;padding: 80px 0;background-color: #eff2f7;}
.news{width: 1520px;margin: 0 auto;}
.news ul{margin-left: -1%;}
.news ul li{width: 32.3333333333%;margin-left: 1%;float: left;}
.news-pic{width: 100%;height: 260px;overflow: hidden;position: relative;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .6s linear;}
.news-pic h6{position: absolute;bottom: 36px;left: 36px;font-size: 36px;color: #fff;z-index: 1;}
.news ul li:hover .news-pic img{transform: scale(1.1);}
.news-words{width: 100%;overflow: hidden;padding: 0 38px 38px 38px;background-color: #fff;}
.news-wordslist{width: 100%;padding: 28px 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.news-wordslist p{font-size: 16px;color: #666;}
.news-wordslist a{display: block;font-size: 18px;color: #333;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-wordslist a:hover{color: #1b8ad7;}
.news-words>div:nth-child(3){border-bottom: none;}
.news-wordsmore{width: 100%;overflow: hidden;margin-top: 20px;font-size: 0;}
.news-wordsmore a p{width: 28px;height: 28px;border-radius: 100%;background-color: #1b8ad7;display: inline-block;vertical-align: middle;position: relative;}
.news-wordsmore a p i{display: block;position: absolute;left: 7px;width: 14px;height: 7px;background: url('../images/index/case-arr.png') no-repeat;top: 10.5px;}
.news-wordsmore a span{font-size: 16px;color: #1b8ad7;display: inline-block;vertical-align: middle;padding-left: 12px;height: 28px;line-height: 28px;}
.news-wordsmore a:hover p i{animation: newsDh .4s linear both;}
@keyframes newsDh {0% {left: 7px;opacity: 1;}25%{left: 14px;opacity: 0;}75%{left: -14px;opacity: 0;}100% {left: 7px;opacity: 1;}}
 

/* -------------------------PC端--------------------------- */

@media all and (min-width:2000px) {
    .case-message .swiper-slide{width: 512px;}
    .case-messagelist-size{height: 320px;}
}
@media all and (max-width:1560px) {
    .tablist-toppic{padding-right: 0;}
    .case-messagelist-size{height: 240px;}
    .news{width: 94%;}
    .news-pic{height: 240px;}
}

@media all and (max-width:1460px) {
    .case-container {padding: 4px 0 60px 0;}
    .case-title h4{font-size: 36px;}
    .case-messagelist-words p{font-size: 16px;}
    .case-messagelist-size{height: 210px;}
    .case-messagelist{margin-top: 20px;}
    .case-more{margin-top: 30px;}
    .videopic{padding: 160px 0;}
    .videopic-words h4{font-size: 36px;}
    .news-container{padding: 60px 0;}
    .news-pic{height: 230px;}
    .news-words {padding: 0 28px 38px 28px;}
    .news-pic h6{font-size: 32px;}
}

@media all and (max-width:1380px) {
    .tablist-top ul li {padding: 24px 28px;}
    .tablist-topwords h4{font-size: 24px;}
    .tablist-bottom ul li{height: 318px;padding: 24px 28px;}
    .tablist-bottomwords h4{font-size: 22px;}
    .case-title h4 {font-size: 30px;}
    .videopic-words h4 {font-size: 30px;}
    .news-pic{height: 216px;}
    .news-pic h6{font-size: 30px;}
}

@media all and (max-width:1300px) {
    .news-pic{height: 204px;}
    .news-pic h6 {font-size: 26px;left: 28px;bottom: 28px;}
    .news-wordslist{padding: 18px 0;}
    .tablist{padding: 0 4%;}
}

@media all and (max-width:1200px) {
    .tablist-bottom ul li{height: 288px;}
    .case-messagelist-words p {font-size: 14px;}
    .case-messagelist-words p {font-size: 14px;}
    .news-wordslist a {font-size: 16px;margin-top: 8px;line-height: 24px;height: 46px;}
    .news-words {padding: 0 16px 28px 16px;}
    .news-pic h6 {font-size: 22px;left: 20px;bottom: 20px;}
    .news-pic {height: 176px;}
    .videopic-words{width: 94%;}
}
 
.indextexiao{width:1280px;height:338px;border:1px solid #ccc;}