.section {display: flex;flex-direction: column;align-items: center;padding: 80px 0;}
.section .box{padding:10px}
.section .box .item{position:relative;display:block;height:100%;transition:all .5s ease-in-out;color:#333;padding:15px; background-color:#fff;text-align: center;border-radius: 10px;overflow: hidden;box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1); }
.section .box .item:after{position:absolute;top:0;right:0;left:0;z-index:-1;height:0%;border-radius:4px;background-color:#44C2EB;content:"";-webkit-transition:.5s height;transition:.5s height}
.section .box .item1 .images{width: 60px;height: 60px;margin: 10px auto 30px;background:url(/images/cp1.png) no-repeat;}
.section .box .item2 .images{width: 60px;height: 60px;margin: 10px auto 30px;background:url(/images/cp2.png) no-repeat;}
.section .box .item3 .images{width: 60px;height: 60px;margin: 10px auto 30px;background:url(/images/cp3.png) no-repeat;}
.section .box .item .t1{margin:5px 0 15px;font-weight:700;font-size:22px}
.section .box .item .t2{font-size:16px;line-height:1.5}

.section .box:hover .item {background-color: #44C2EB;color: #fff;text-decoration:none}
.section .box:hover .item:after{height:100%}
.section .box:hover .item{ box-shadow:2px 4px 10px rgba(0, 0, 0, 0.2); transform:scale(1.00); z-index:99; -webkit-transform:scale(1.00); -moz-transform:scale(1.00); -ms-transform:scale(1.00); -o-transform:scale(1.00); }
.section .box:hover .item1 .images{background:url(/images/cp1-1.png) no-repeat;}
.section .box:hover .item2 .images{background:url(/images/cp2-1.png) no-repeat;}
.section .box:hover .item3 .images{background:url(/images/cp3-1.png) no-repeat;}
.section .box:hover .item .t1{color: #fff;}
.section .box:hover .item .t2{color: #fff !important;}

/*** banner ***/
#carouselExampleFade {display: block;}
#carouselExampleFade_m {display: none;}

.banner{position:relative;background: url(../images/banner.png) no-repeat;aspect-ratio: 1920/700;background-size: 100%;}

/*** products ***/
.products .tabs{display: flex;flex-direction: row;position: relative;min-height: 480px;margin-top: 30px;}
.products .tabs .tab{width: calc(100% / 3);}
.products .tabs .tab .title{display: flex;flex-direction: row;align-items: center;text-align: center;font-size: 24px;gap: 10px;border-bottom: 2px solid #ccc;justify-content: center;padding: 10px;cursor: pointer;}
.products .tabs .tab .title::before{background: url(../images/product-icon-1.png) no-repeat;display: block;width: 42px;height: 42px;background-size: cover;content: '';}
.products .tabs .tab:nth-child(2) .title::before{background-image: url(../images/product-icon-2.png);}
.products .tabs .tab:nth-child(3) .title::before{background-image: url(../images/product-icon-3.png);}
.products .tabs .tab .content {display: none;position: absolute;top: 63px;left: 0;right: 0;bottom: 0;padding: 20px 0;gap: 40px;}
.products .tabs .tab.active .title{border-bottom: 2px solid #333;}
.products .tabs .tab.active .content{display:flex;}
.products .tabs .tab.active .content img {max-width: 50%;}
.products .tabs .tab.active .content .list .item{padding: 5px 5px 5px 60px;position: relative;line-height: 1.5;}
.products .tabs .tab.active .content .list .item::before{display: block;content: '';width: 42px;height: 42px;position: absolute;left: 5px;top: 5px;background: url(../images/product-blue-1.png) no-repeat;background-size: cover;}
.products .tabs .tab.active .content .list .item:nth-child(2):before{background-image: url(../images/product-blue-2.png);}
.products .tabs .tab.active .content .list .item:nth-child(3):before{background-image: url(../images/product-blue-3.png);}
.products .tabs .tab.active .content .list .item b{font-size: 22px;margin-bottom: 5px;}
.products .tabs .tab.active .content .list .item p{color: #777;margin-bottom: 10px;font-size: 18px;}
.products .tabs .tab.active .content .list .btn{background: linear-gradient(92.99deg, #57FFFF 0%, #25B1FF 100%);border: 0;color: #fff;border-radius: 10px;padding: 4px 60px;font-size: 20px;}

.advantage {text-align: center;overflow: hidden;background-color:#f6f9fc;}
.advantage .list{display: block;margin-top: 30px;}
.advantage .scorll_box {flex-wrap: nowrap;}
.advantage .scorll_box .case{display: flex;flex-wrap: nowrap;width: 100%}
.advantage .box {width: 20%;flex: none;}
.advantage .box .item {padding: 0;}
.advantage .box .item .t1, .advantage .box .item .t2{margin: 10px 15px;}
.advantage .box .item .t2{color: #777;}
.advantage .scorll_box .stopAnim{animation-play-state: paused;}


.service .list {display: flex;flex-direction: row;flex-wrap: wrap;gap: 20px;justify-content: space-between;}
.service .list .item{width: calc(100% / 4 - 60px / 4);text-align: center;color: #777;font-size: 16px;}
.service .list .item b{display: block;font-size: 32px;color: rgba(18, 116, 252, 1);}
.service .list img{width: 100%;}


/*** about ***/
.about .left{text-align: center;width: 40%;}
.about .right{width:60%;padding-left:30px;display: flex;flex-direction: column;justify-content: space-between;}
.about .right p{text-align: left;margin-bottom: 0;font-size:18px;line-height:2.0}

/*** news ***/
.news{background-color:#f6f9fc;}
.news .list{display: block;}
/* .news .scorll_box .box{background-color: #fff;box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);margin: 10px 0;border-radius: 10px;} */
.news .scorll_box .box .item{padding:0;}
.news .scorll_box .box .item .images{width:100%;aspect-ratio: 16 / 9;border-radius:4px 4px 0 0;background-position:right bottom;background-position:center;background-size:cover}
.news .scorll_box .box .item img{display: none;}
.news .scorll_box .box .item img{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0}
.news .scorll_box .box .item:hover img{opacity:.9}
.news .scorll_box .box .item .info {margin:0;align-items:center;display: flex;padding: 15px;text-align:center;font-weight:700;font-size:18px;line-height:1.2;color:#333}
.news .scorll_box .box .item .info .time{width: 30%;}
.news .scorll_box .box .item .info .time .t1{display:block;font-size:24px;margin: 0;}
.news .scorll_box .box .item .info .time .t2{font-size:18px}
.news .scorll_box .box .item .info .n_title{width: 70%;text-align: left;}
.news .scorll_box .box .item .info .n_title .t1{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
.news .scorll_box .box .item .info .n_title .t2{font-weight: normal;color: #777;margin-top: 5px;font-size: 16px;}
.news{overflow:hidden;text-align: center;}
.news .scorll_box {flex-wrap: nowrap;padding-bottom: 20px;position: relative;width: 166.66%;height: 330px;}
.news .scorll_box .case{display: flex;flex-wrap: nowrap;width: 100%;height:100%;position: absolute;left:20%;}
.news .scorll_box .case{animation: finger infinite 15s}
.news .scorll_box .box {width: 20%;flex: none;overflow: hidden;}
.news .scorll_box .stopAnim{animation-play-state: paused;}


@media(max-width: 1200px) {
  .section .box .item .t1{font-size: 20px}
  .section .box .item .t2{font-size: 16px;}
  .section .box{padding: 5px;}

  .products .tabs{min-height: 365px;}
  .products .tabs .tab .title{font-size: 18px;}
  .products .tabs .tab .title::before{width: 32px;height: 32px;}
  .products .tabs .tab .content{padding: 10px 0;gap: 20px;}
  .products .tabs .tab.active .content .list .item{padding: 5px 5px 5px 50px;}
  .products .tabs .tab.active .content .list .item::before{width: 32px;height: 32px;}
  .products .tabs .tab.active .content .list .item b{font-size: 20px;}
  .products .tabs .tab.active .content .list .item p{font-size: 16px;margin-bottom: 0px;}
  .products .tabs .tab.active .content .list .btn{padding: 4px 30px;font-size: 16px;margin-top: 10px;}
  .products .tabs .tab.active .content img{width: 220px;height: 163px;}

  .news .scorll_box{height: 260px;}
  .news .scorll_box .box .item .info .time .t1{font-size: 18px;}
  .news .scorll_box .box .item .info .time .t2{font-size: 18px;}
  .news .scorll_box .box .item .info .n_title .t1{font-size: 18px;}
  .news .scorll_box .box .item .info .n_title .t2{font-size: 16px;}

  .partner .item{padding:8px;width: 16.66%;}
}
@media (max-width: 992px) {
  .section .box .item .t1{font-size:18px}
  .section .box .item .t2{font-size: 15px;}

  .products .tabs .tab.active .content .list .item b{font-size: 16px;}
  .products .tabs .tab.active .content .list .item p{font-size: 14px;margin-bottom: 0px;}

  .advantage .scorll_box{height:auto}
  .advantage .scorll_box .box{width:calc(100% / 3)}
  .advantage .scorll_box .case{flex-wrap:wrap;width:100%;row-gap:5px;justify-content:center}

  .news .scorll_box{width: 1500px;height: 250px;}
  .news .scorll_box .box{width: 300px;}
  .news .scorll_box .case {animation: finger_m infinite 15s;}

  .linkBtns{margin-top: 20px;}
  .linkBtns .btn{padding: 5px 35px;}

  .partners .box{gap:5px}
  .partners .item{width:calc(20% - 4px)}
}
@media (max-width: 768px) {
  .section .box .item .t1{font-size: 16px;margin: 10px 10px 5px;}
  .section .box .item .t2{font-size: 14px;margin: 5px 10px;}
  .linkBtn{margin: 20px auto 10px;}

  .products .tabs .tab.active .content img{display: none;}

  .service .box {gap: 10px;}
  .service .box .item{font-size: 14px;line-height: 1.5;padding: 0px;}
  .service .box .item b{font-size: 22px;}

  .advantage .scorll_box{height:auto}
  .advantage .scorll_box .box{width:50%}
  .advantage .scorll_box .case{flex-wrap:wrap;width:100%;row-gap:5px;justify-content:center}

  .service .list{gap: 10px;}
  .service .list .item b{font-size: 18px;}
  .service .list .item{font-size: 12px;}

  .news .scorll_box .box .item .info .time .t1{font-size: 16px;}
  .news .scorll_box .box .item .info .time .t2{font-size: 14px;}
  .news .scorll_box .box .item .info .n_title .t1{font-size: 16px;}
  .news .scorll_box .box .item .info .n_title .t2{font-size: 14px;margin: 5px 0;}

  .partner .item{padding: 4px;}
}
@media (max-width: 576px) {
  .section{padding: 40px 0;}

  #carouselExampleFade {display: none;}
  #carouselExampleFade_m {display: block;}

  .products .tabs{min-height: 430px;}
  .products .tabs .tab .title{gap: 5px;font-size: 16px;}
  .products .tabs .tab .title::before{width: 26px;height: 26px;}
}

@keyframes finger {
    0% {left:0%;}
    20% {left:0%;}
  80% {left:-40%;}
  90% {left:-40%;}
  100% {left:0%;}
}
@keyframes finger_m {
    0% {left:0%;}
    20% {left:0%;}
  80% {left:-50%;}
  90% {left:-50%;}
  100% {left:0%;}
}
@keyframes run-left-a {
  0% {left:0px;}
  15% {left:-10%;}
  20% {left:-10%;}
  35% {left:-20%;}
  40% {left:-20%;}
  55% {left:-30%;}
  60% {left:-30%;}
  75% {left:-40%;}
  80% {left:-40%;}
  95% {left:-50%;}
  100% {left:-50%;}
}
@keyframes run-left-b {
  0% {right:0px;}
  15% {right:10%;}
  20% {right:10%;}
  35% {right:20%;}
  40% {right:20%;}
  55% {right:30%;}
  60% {right:30%;}
  75% {right:40%;}
  80% {right:40%;}
  95% {right:50%;}
  100% {right:50%;}
}