@charset "utf-8";.banner{position: relative;}
.banner .picBox{position: relative;overflow: hidden;}
.banner .picBox img{width: 100%;-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .textBox{position: absolute;width: 100%;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
.banner .textBox .tit{animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);font-size: 0.5rem; font-weight: bold; color: #fff;}
.banner .textBox .tip{animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);font-size: 18px;color: rgba(255,255,255,.8);margin-top: 20px;}
@media screen and (max-width: 1200px) {
    .banner .textBox .tit{font-size: 0.4rem;}
    .banner .textBox .tip{margin-top: 0.1rem; font-size: 0.28rem;}
}
.container{position: relative;}
/* 内容模式*/
.article{padding:60px 0 40px;line-height:2;font-size:14px;word-wrap:break-word;}
.article .hd{padding:0 0 20px;text-align:center;}
.article .hd h1{color:#000;font-size:24px;}
.article .hd .titBar{color:#797979;font-size:12px;}
.article .bd{padding-bottom:40px;}
.article .ft{padding:20px 0 0;border-top:1px solid #ddd;margin-top: 20px;}
.article img{max-width: 100%;}
.article video{max-width: 100%;height: auto;}
/* 分页*/
.page{padding-bottom: 1rem;}
.page span{display: flex; justify-content: center;}
.page a{display: block;font-size: 16px; font-weight: bold; color: #0e0e0e; height: 40px; line-height: 40px; border-radius: 30px; padding: 0 25px; background: #f7f7f7; transition: all 0.3s; margin: 0 8px;}
.page a.current,
.page a:hover{color: #ffffff; background: #1e5eac;}

@media screen and (max-width: 1200px) {
    .article{padding: 0.4rem 0;}
    .article .hd h1{font-size: 0.36rem; line-height: 1.8;}
    .page{padding-bottom: 0.8rem;}
    .page a{font-size: 0.28rem; height: 0.6rem; line-height: 0.6rem; padding: 0; margin: 0 0.1rem; background: #ffffff;}
    .page a.current, .page a:hover{background: #ffffff; color: #1e5eac;}
}


/* .sidebar{padding: 0.9rem 0 0 0;}
.sidebar .sidebar-list{margin-top: 0.76rem; display: flex; justify-content: center; position: relative;}
.sidebar .sidebar-list .sidebar-list-box{position: relative;}
.sidebar .sidebar-list .item-wrap{display: flex; border-top: 2px solid #1e5eac; border-bottom: 2px solid #1e5eac; border-radius: 200px; position: relative; z-index: 4;}
.sidebar .sidebar-list .item-wrap .item a{height: 0.76rem; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #0e0e0e; padding: 0 0.77rem; transition: all 0.4s;}
.sidebar .sidebar-list .item-wrap .item:nth-child(1) a{border-left: 2px solid #1e5eac; border-top-left-radius: 200px; border-bottom-left-radius: 200px;}
.sidebar .sidebar-list .item-wrap .item:last-child a{border-right: 2px solid #1e5eac;  border-top-right-radius: 200px; border-bottom-right-radius: 200px;}
.sidebar .sidebar-list .item-wrap .item.on a{color: #fff;}
.sidebar .sidebar-list .item-wrap .item.on.grey a{color: #0e0e0e;}
.sidebar .sidebar-list .item-wrap .item.on.grey a:hover{color: #ffffff;}
.sidebar .sidebar-list .item-wrap .item a:hover{color: #fff;}
.sidebar .sidebar-slide-box{position: absolute; left: 0; top: 0; height: 100%; border-radius: 200px; background: #1e5eac; z-index: 2;}
.sidebar .sidebar-slide-box.tran{transition: all 0.5s;}

.second-menu-name{font-size: 0.36rem; font-weight: bold; color: #333333;}
@media screen and (max-width: 1200px) {
    .second-menu-name{font-size: 0.4rem;}
    .sidebar{padding: 0.8rem 0 0 0;}
    .sidebar .sidebar-list{display: none;}
} */
.sideslideBar{transform: translateY(-0.6rem);}
.sideslideBar .cont{display: flex;}
.sideslideBar .item{flex: 1; text-align: center;}
.sideslideBar .item a{display: block; width: 100%; height: 100%;background: #ffffff;  color: #000000; line-height: 1.2rem; transition: all 0.4s;}
.sideslideBar .item.on a,
.sideslideBar .item a:hover{background: #1e5eac; color: #ffffff;}
.second-menu-name{font-size: 0.36rem; font-weight: bold; color: #333333;}

.sideBar{background: #ffffff; border-bottom: 1px solid #e6e6e6;}
.sideBar .cont{display: flex; justify-content: space-between;}
.sideBar .left-menu{width: 70.71%;}
.sideBar .left-menu .swiper-slide{width: auto;}
.sideBar .left-menu .items a{display: block; position: relative; font-size: 16px; height: 80px; line-height: 80px; color: #333; transition: all 0.3s; padding: 0 30px;}
.sideBar .left-menu .items a::before{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.sideBar .left-menu .swiper-slide:last-child .items a::before{display: none;}
.sideBar .left-menu .items a:hover{background: #0663b5; color: #ffffff;}
.sideBar .left-menu .items.current a{background: linear-gradient(to right, #0461b2, #1d81d8);color: #fff;}
.sideBar .right-breadcrumb{width: 29.29%; display: flex; justify-content: flex-end; align-items: center; font-size: 14px; color: #666666;}
.sideBar .right-breadcrumb a{color: #666666; transition: all 0.3s;}
.sideBar .right-breadcrumb a:hover{color: #0663b5;}
.sideBar .right-breadcrumb .weizhi{display: flex; align-items: center;}
.sideBar .right-breadcrumb .weizhi .pic{margin-right: 16px;}
.sideBar .right-breadcrumb .loc i{display: inline-block; margin: 0 6px;}

@media screen and (max-width: 1200px) {
    .sideBar{display: none;}
}

.inside-more{display: flex;}
.inside-more .more-wrap{position: relative; display: flex; justify-content: center; align-items: center; border: 1px solid #ced0d3; height: 52px; font-size: 14px; color: #333333; transition: all 0.3s; padding: 0 0.42rem;}
.inside-more .more-wrap:hover{border-color: #124cab; color: #ffffff;}
.inside-more .more-wrap::before{content: '\20'; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #124cab; transition: all 0.5s; z-index: 2;}
.inside-more .more-wrap:hover::before{width: 100%;}
.inside-more .more-wrap .ttt{position: relative; z-index: 4;}
.inside-more .more-wrap .arr{margin-left: 18px; position: relative; z-index: 4;}

@media screen and (max-width: 1200px) {
    .inside-more .more-wrap{height: 0.7rem; font-size: 0.28rem; padding: 0 0.2rem;}
    .inside-more .more-wrap .arr{margin-left: 0.1rem;}
}

/* 新闻列表 */
.page-newslist{padding: 0.8rem 0 0 0;}
.page-newslist .topNews a{display: flex; margin-bottom: 0.8rem; justify-content: space-between; background: #f9f9f9;}
.page-newslist .topNews .picBox{width: 540px; overflow: hidden;}
.page-newslist .topNews .picBox img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
.page-newslist .topNews .textBox{width: calc(100% - 540px); padding: 0.44rem 0.9rem; display: flex; flex-direction: column; justify-content: center;}
.page-newslist .topNews .textBox .b1{font-size: 24px; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page-newslist .topNews .textBox .b2{font-size: 16px; color: #999999; margin-top: 16px;}
.page-newslist .topNews .textBox .b3{font-size: 16px; color: #333333; margin-top: 0.4rem; line-height: 2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;text-align: justify;}
.page-newslist .topNews .textBox .b4{width: 1.8rem; height: 0.6rem; margin-top: 0.7rem; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #ffffff; transition: all 0.4s; background: #1e5eac; border-radius: 30px;}
.page-newslist .topNews .textBox .b5{margin-top: 0.7rem;}
.page-newslist .topNews a:hover .picBox img{transform: scale(1.1);}
.page-newslist .topNews a:hover .textBox .b1{color: #1e5eac;}
.page-newslist .topNews .textBox .b4:hover {background: #fdcc2c;}
.page-newslist .news-wrap .item-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.page-newslist .news-wrap .item-wrap::after{content: '\20'; display: block; width: 32.12%;}
.page-newslist .news-wrap .item{width: 32.12%; margin-bottom: 0.8rem;}
.page-newslist .news-wrap .item a{display: block; position: relative; height: 100%; padding: 0.4rem 0.3rem 0.6rem 0.3rem; border-top: 3px solid #1e5eac; border-bottom: 3px solid #1e5eac; background-image: url(pic02.png); background-color: #fff; transition: all 0.3s;}
.page-newslist .news-wrap .item .b1{font-size: 16px; font-weight: bold; color: #1e5eac; transition: all 0.3s;}
.page-newslist .news-wrap .item .b2{font-size: 24px; font-weight: bold; margin-top: 24px; color: #333333; transition: all 0.3s; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.page-newslist .item-wrap .item .b3{font-size: 16px; color: #666666; margin-top: 24px; transition: all 0.3s; line-height: 2; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;text-align: justify;}
.page-newslist .item-wrap .item .b4{position: relative; width: 25px; height: 3px; margin-top: 0.8rem; background: #1e5eac; transition: all 0.3s;}
.page-newslist .item-wrap .item .b4::before,
.page-newslist .item-wrap .item .b4::after{content: '\20'; position: absolute; width: 16px; height: 3px; background: #1e5eac; transition: all 0.3s;}
.page-newslist .item-wrap .item .b4::before{transform: rotate(45deg); top: -6px; right: -1px;}
.page-newslist .item-wrap .item .b4::after{transform: rotate(-45deg); top: 6px; right: -1px;}
.page-newslist .item-wrap .item a:hover{background-color: #1e5eac;}
.page-newslist .item-wrap .item a:hover .b1{color: #ffffff;}
.page-newslist .item-wrap .item a:hover .b2{color: #ffffff;}
.page-newslist .item-wrap .item a:hover .b3{color: #ffffff;}
.page-newslist .item-wrap .item a:hover .b4{background: #ffffff; transform: translateX(15px);}
.page-newslist .item-wrap .item a:hover .b4::before,
.page-newslist .item-wrap .item a:hover .b4::after{background: #ffffff;}
@media screen and (max-width: 1200px) {
    .page-newslist .topNews a{flex-wrap: wrap;}
    .page-newslist .topNews .picBox{width: 100%;}
    .page-newslist .topNews .textBox{width: 100%; padding: 0.6rem 4vw;}
    .page-newslist .topNews .textBox .b1{font-size: 0.32rem; line-height: 1.8; overflow: inherit; white-space: inherit; text-overflow: inherit;}
    .page-newslist .topNews .textBox .b2{font-size: 0.28rem; margin-top: 0.3rem;}
    .page-newslist .topNews .textBox .b3{font-size: 0.28rem; line-height: 1.8; margin-top: 0.3rem;}
    .page-newslist .topNews .textBox .b4{font-size: 0.28rem;}
    .page-newslist .news-wrap{margin-top: 0.8rem;}
    .page-newslist .news-wrap .item{width: 100%; margin-bottom: 4vw;}
    .page-newslist .news-wrap .item a{padding: 0.3rem 4vw 0 4vw;border-top: none;}
    .page-newslist .news-wrap .item .b2{font-size: 0.32rem; line-height: 1.8; margin-top: 0.3rem;}
    .page-newslist .item-wrap .item .b3{font-size: 0.28rem; line-height: 1.8; margin-top: 0.3rem;}
    .page-newslist .item-wrap .item .b4{width: 0.4rem; height: 0.06rem; margin: 0.6rem 0;}
    .page-newslist .item-wrap .item .b4::before, .page-newslist .item-wrap .item .b4::after{width: 0.32rem; height: 0.06rem;}
    .page-newslist .item-wrap .item .b4::before{top: -0.12rem;}
    .page-newslist .item-wrap .item .b4::after{top: 0.12rem;}
}
/* 图文列表*/
.page-pictxt{padding: 1.2rem 0 0 0;}
.page-pictxt .item-wrap{display: flex;flex-wrap: wrap;padding-bottom: 0.5rem;}
.page-pictxt .item-wrap .item{width: 31.25%;margin-bottom: 3.125%;margin-right: 3.125%;box-shadow: 0 0 14px rgba(0,0,0,.15);}
.page-pictxt .item-wrap .item:nth-child(3n){margin-right: 0;}
.page-pictxt .item-wrap .item .picBox{position: relative;overflow: hidden;}
.page-pictxt .item-wrap .item .picBox img{width: 100%;transition: all 0.3s;}
.page-pictxt .item-wrap .item a:hover .picBox img{transform: scale(1.1);}
.page-pictxt .item-wrap .item .textBox{padding: 35px 30px;position: relative;}
.page-pictxt .item-wrap .item .textBox::before{content: '\20';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(pictxtbg.jpg) no-repeat right top #d61518;background-size: auto 100%;z-index: 2;opacity: 0;transition: all 0.4s;}
.page-pictxt .item-wrap .item .textBox .tit{font-size: 20px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 4;transition: all 0.3s;}
.page-pictxt .item-wrap .item .textBox .tip{position: relative;width: 22px;height: 2px;background: #333;transition: all 0.3s;margin-top: 33px;position: relative;z-index: 4;}
.page-pictxt .item-wrap .item .textBox .tip::before{content: '\20';position: absolute;width: 10px;height: 10px;border-right: 2px solid #333;border-bottom: 2px solid #333;transition: all 0.3s;top: 50%;transform: translate(-100%,-50%) rotate(-45deg);left: 100%;}
.page-pictxt .item-wrap .item a:hover .textBox::before{opacity: 1;}
.page-pictxt .item-wrap .item a:hover .textBox .tit{color: #fff;}
.page-pictxt .item-wrap .item a:hover .textBox .tip{background: #fff;}
.page-pictxt .item-wrap .item a:hover .textBox .tip::before{border-color: #fff;}
@media screen and (max-width: 1200px) {
    .page-pictxt{padding: 0.8rem 0 0 0;}
    .page-pictxt .item-wrap{justify-content: space-between;}
    .page-pictxt .item-wrap .item{width: 100%; margin-right: 0; margin-bottom: 4vw;}
    .page-pictxt .item-wrap .item .textBox{padding: 0.4rem 0.3rem 0.6rem 0.3rem;}
    .page-pictxt .item-wrap .item .textBox .tit{overflow: inherit; white-space: inherit; text-overflow: inherit; font-size: 0.32rem;}
    .page-pictxt .item-wrap .item a .textBox::before{opacity: 1;}
    .page-pictxt .item-wrap .item a .textBox .tit{color: #fff;}
    .page-pictxt .item-wrap .item a .textBox .tip{background: #fff;}
    .page-pictxt .item-wrap .item a .textBox .tip::before{border-color: #fff;}
}
/* 解决方案列表 */
.page-solution{padding-top: 0.8rem;}
.page-solution .item-wrap{padding-bottom: 1rem;}
.page-solution .item-wrap .item{margin-bottom: 1rem;}
.page-solution .item-wrap .item:last-child{margin-bottom: 0;}
.page-solution .item-wrap .item a{display: flex; justify-content: space-between; flex-wrap: wrap; background: #f1f1f2;}
.page-solution .item-wrap .item .picBox{width: 38.69%; overflow: hidden; position: relative;}
.page-solution .item-wrap .item .picBox img{width: 100%; height: 100%; object-fit: cover; transition: all 0.8s;}
.page-solution .item-wrap .item a:hover .picBox img{transform: scale(1.05);}
.page-solution .item-wrap .item .textBox{width: 61.31%; background: url(pic06.png) no-repeat center center; background-size: 2.7rem; padding: 0.8rem;}
.page-solution .item-wrap .item .textBox .tit{font-size: 34px; color: #010101; transition: all 0.3s;}
.page-solution .item-wrap .item a:hover .textBox .tit{color: #1e5eac;}
.page-solution .item-wrap .item .textBox .txt{font-size: 16px; color: #010101; line-height: 2; text-align: justify; margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page-solution .item-wrap .item .textBox .cnt{display: flex; margin-top: 0.8rem; align-items: center;}
.page-solution .item-wrap .item .textBox .cnt .tit{font-size: 16px; font-weight: bold; color: #090909; margin-right: 20px; transition: all 0.4s;}
.page-solution .item-wrap .item .textBox .cnt .tip{position: relative; width: 26px; height: 2px; margin-top: 8px; background: #000000; transition: all 0.4s;}
.page-solution .item-wrap .item .textBox .cnt .tip::before{content: '\20'; position: absolute; right: 0; top: -5px; width: 12px; height: 2px; background: #000; transform: rotate(45deg); transition: all 0.4s;}
.page-solution .item-wrap .item a:hover .textBox .cnt .tit{color: #1e5eac;}
.page-solution .item-wrap .item a:hover .textBox .cnt .tip{width: 40px; background: #1e5eac;}
.page-solution .item-wrap .item a:hover .textBox .cnt .tip::before{background: #1e5eac;}

@media screen and (max-width: 1200px) {
    .page-solution .item-wrap{padding-bottom: 0.6rem;}
    .page-solution .item-wrap .item{margin-bottom: 4vw;}
    .page-solution .item-wrap .item .picBox{width: 100%;}
    .page-solution .item-wrap .item .textBox{width: 100%; padding: 0.6rem 0.4rem;}
    .page-solution .item-wrap .item .textBox .tit{font-size: 0.36rem;}
    .page-solution .item-wrap .item .textBox .txt{font-size: 0.28rem; line-height: 1.8;}
    .page-solution .item-wrap .item .textBox .cnt .tit{font-size: 0.28rem;}
}

/* 产品中心 */
.page-product{padding: 0.8rem 0 0 0;}
.page-product .item-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding-bottom: 0.4rem;}
.page-product .item-wrap .item{width: 31.87%; margin-bottom: 0.42rem;}
.page-product .item-wrap::after{content: '\20'; display: block; width: 31.87%;}
.page-product .item-wrap .item a{display: block; height: 100%; background: #fafafa;}
.page-product .item-wrap .item .picBox{position: relative; overflow: hidden;}
.page-product .item-wrap .item .picBox img{width: 100%; transition: all 0.8s;}
.page-product .item-wrap .item a:hover .picBox img{transform: scale(1.05);}
.page-product .item-wrap .item .textBox{padding: 0.34rem 0.4rem 0.56rem 0.4rem;}
.page-product .item-wrap .item .textBox .txt{font-size: 0.28rem; font-weight: bold; color: #0e0e0e; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s;}
.page-product .item-wrap .item .textBox .cnt{position: relative; font-size: 18px;  color: #0e0e0e; overflow: hidden; border-radius: 50px; background: #f2f2f2; width: 1.86rem; margin: 0 auto; text-align: center; line-height: 0.7rem; transition: all 0.5s; margin-top: 0.42rem;}
.page-product .item-wrap .item .textBox .cnt::before{content: '\20'; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: 2; background: #1e5eac; transition: all 0.5s;}
.page-product .item-wrap .item .textBox .cnt .tit{position: relative; z-index: 4;}
.page-product .item-wrap .item .textBox .moreBox{margin-top: 0.42rem; display: flex; justify-content: center;}
.page-product .item-wrap .item a:hover .textBox .txt{color: #1e5eac;}
.page-product .item-wrap .item a:hover .textBox .cnt::before{width: 100%;}
.page-product .item-wrap .item a:hover .textBox .cnt{color: #fff;}
@media screen and (max-width: 1200px) {
    .page-product .item-wrap .item{width: 48%; margin-bottom: 4vw;}
    .page-product .item-wrap .item .textBox{padding: 0.3rem 0.2rem;}
    .page-product .item-wrap .item .textBox .txt{font-size: 0.28rem; line-height: 1.8; overflow: inherit; white-space: inherit; text-overflow: inherit;}
    .page-product .item-wrap .item .textBox .cnt{font-size: 0.28rem;}
    .page-product .item-wrap .item .textBox .moreBox{margin-top: 0.2rem;}
}
/* 关于我们 */
.page-about .s1 {padding: 0.9rem 0 0 0;}
.page-about .s1 .a2{margin-top: 0.6rem; display: flex; flex-wrap: wrap; justify-content: space-between; background: #f9f9f9;}
.page-about .s1 .a2 .picBox{width: 48.48%; position: relative; overflow: hidden;}
.page-about .s1 .a2 .picBox img{width: 100%;}
.page-about .s1 .a2 .textBox{width: 51.52%;  padding: 0.8rem 0.6rem;}
.page-about .s1 .a2 .textBox .txt{font-size: 16px; color: #000000; line-height: 2; height: 5.5rem; padding-right: 0.7rem; overflow: auto;}
.page-about .s2{padding: 0.9rem 0 0 0;}
.page-about .s2 .a2{margin-top: 0.7rem; display: flex; position: relative; justify-content: center;}
.page-about .s2 .a2 .b1{width: 62.5%; z-index: 4;position: absolute; left: 0; top: 0;background: #ffffff;}
.page-about .s2 .a2 .b1 .swiper-slide .picBox img{height: 4rem;}
.page-about .s2 .a2 .b3{width: 78.125%; position: absolute; right: 0; top: 0; z-index: 2; background: #ffffff;}
.page-about .s2 .a2 .b3 .swiper-slide .picBox img{height: 4rem;}
.page-about .s2 .a2 .b1 .swiper-slide .textBox,
.page-about .s2 .a2 .b3 .swiper-slide .textBox{position: absolute;left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.page-about .s2 .a2 .b1 .swiper-slide .textBox .tt,
.page-about .s2 .a2 .b3 .swiper-slide .textBox .tt{font-size: 24px; color: #fff; width: 24px; line-height: 1.1;}
.page-about .s2 .a2 .b2{width: 37.5%;  z-index: 8; position: relative;}
.page-about .s2 .a2 .b2 .swiper-slide .picBox img{height: 5.6rem;}
.page-about .s2 .a2 .b2 .swiper-slide .textBox{position: absolute; left: 0; right: 0; width: 100%; bottom: 0.7rem; padding: 0 0.54rem;}
.page-about .s2 .a2 .b2 .swiper-slide .textBox .tit{font-size: 0.24rem; font-weight: bold; color: #fff;}
.page-about .s2 .a2 .b2 .swiper-slide .textBox .tip{font-size: 16px; color: #ffffff; margin-top: 0.12rem;}
.page-about .s2 .a2 .swiper-slide .picBox{position: relative; overflow: hidden;}
.page-about .s2 .a2 .swiper-slide .picBox img{width: 100%;}
.page-about .s2 .a2 .b2 .culture-prev-box{position: absolute; right: 100%; width: 1.17rem; height: 1.6rem; bottom: 0; display: flex; align-items: center;}
.page-about .s2 .a2 .b2 .culture-prev-box .culture-prev{width: 18px; height: 18px; border-right: 4px solid #cfcfcf; border-bottom: 4px solid #cfcfcf; transform: rotate(135deg); cursor: pointer; transition: all 0.3s;}
.page-about .s2 .a2 .b2 .culture-prev-box .culture-prev:hover{border-color: #1e5eac;}
.page-about .s2 .a2 .b2 .culture-next-box{position: absolute; left: 100%; width: 1.17rem; height: 1.6rem; bottom: 0; display: flex; align-items: center; justify-content: flex-end;}
.page-about .s2 .a2 .b2 .culture-next-box .culture-next{width: 18px; height: 18px; border-right: 4px solid #cfcfcf; border-bottom: 4px solid #cfcfcf; transform: rotate(-45deg); cursor: pointer; transition: all 0.3s;}
.page-about .s2 .a2 .b2 .culture-next-box .culture-next:hover{border-color: #1e5eac;}
.page-about .s3{padding: 0.9rem 0 0 0;}
.page-about .s3 .a2{margin-top: 0.7rem; padding-bottom: 1rem;}
.page-about .s3 .a2 .swiper-slide{display: flex; flex-wrap: wrap; position: relative;}
.page-about .s3 .a2 .swiper-slide a{display: block; width: 23.125%;position: relative; margin-right: 2.5%; margin-bottom: 2.5%;}
.page-about .s3 .a2 .swiper-slide a:nth-child(4n){margin-right: 0;}
.page-about .s3 .a2 .swiper-slide .picBox{padding: 0.28rem 0.4rem 0.43rem 0.4rem; background: #e9e9e9; position: relative; overflow: hidden; transition: all 0.4s;}
.page-about .s3 .a2 .swiper-slide .picBox img{width: 100%; transition: all 0.4s;}
.page-about .s3 .a2 .swiper-slide a:hover .picBox{background: #1e5eac;}
.page-about .s3 .a2 .swiper-slide a:hover .picBox img{transform: scale(1.05);}
.page-about .s3 .a2 .swiper-slide .textBox{font-size: 16px; color: #666666; text-align: center; padding: 0.3rem; background: #f8f8f8; transition: all 0.4s; border: 2px solid #f8f8f8;}
.page-about .s3 .a2 .swiper-slide a:hover .textBox{border-color: #1e5eac;}



.page-about .s4 {padding: 0.9rem 0 0 0;}
.gcBox { margin-top:0.5rem;  }
.gcBox .swiper { width: 100%; height:6.5rem; }
.gcBox .swiper-slide { text-align: center; height: calc((100% - 25px) / 2) !important; display: flex; justify-content: center;  align-items: center;  }

.gcBox .swiper-pagination-gc01 { position:relative; bottom:0!important; left:0; width:100%; font-size:0; margin-top:30px; text-align:center; z-index:9;  }
.gcBox .swiper-pagination-gc01 .swiper-pagination-bullet { display:inline-block; width:10px; height:10px; margin:0 5px!important; border-radius:100%; background:#ddd; opacity:1; }
.gcBox .swiper-pagination-gc01 .swiper-pagination-bullet-active { background:#1e5eac; }
 

@media screen and (max-width: 1200px) {
    .page-about .s1{padding: 0.8rem 0 0 0;}
    .page-about .s1 .a2 .picBox{width: 100%;}
    .page-about .s1 .a2 .textBox{width: 100%; padding: 0.4rem 0.3rem;}
    .page-about .s1 .a2 .textBox .txt{font-size: 0.28rem; line-height: 1.8; padding-right: 0.4rem;}
    .page-about .s2{padding: 0.8rem 0 0 0;}
    .page-about .s2 .a2{margin-top: 0.6rem; padding: 0 4vw;}
    .page-about .s2 .a2 .b2{width: 100%;}
    .page-about .s2 .a2 .culture-page{text-align: center; margin-top: 0.1rem;}
    .page-about .s2 .a2 .culture-page .swiper-pagination-bullet-active{background: #1e5eac;}
    .page-about .s2 .a2 .b2 .swiper-slide .textBox{padding: 0 4vw; bottom: auto; top: 50%; transform: translateY(-50%); text-align: center;}
    .page-about .s2 .a2 .b2 .swiper-slide .textBox .tit{font-size: 0.4rem;}
    .page-about .s3{padding: 0.8rem 0 0 0;}
    .page-about .s3 .a2{margin-top: 0.3rem;}
    .page-about .s3 .a2 .swiper-slide a{width: 48%; margin-right: 4%; margin-bottom: 4vw;}
    .page-about .s3 .a2 .swiper-slide a:nth-child(4n){margin-right: 4%;}
    .page-about .s3 .a2 .swiper-slide a:nth-child(2n){margin-right: 0;}
    .page-about .s3 .a2 .swiper-slide .textBox{font-size: 0.28rem;}
    .page-about .s3 .a2 .honor-page{text-align: center;}
    .page-about .s3 .a2 .honor-page .swiper-pagination-bullet-active{background: #1e5eac;}
	
	.gcBox .swiper {   height:5.5rem; }
	.gcBox .swiper-pagination-gc01 { margin-top:10px; }
	.gcBox .swiper-pagination-gc01 .swiper-pagination-bullet { width:8px; height:8px; }
}

.swiper-pages{ display: flex; justify-content: center; }
.swiper-pages .swiper-pages-prev,
.swiper-pages .swiper-pages-next{cursor: pointer; font-size: 16px;font-weight: bold;color: #0e0e0e;height: 40px;line-height: 40px;border-radius: 30px;padding: 0 25px;background: #f7f7f7;transition: all 0.3s;margin: 0 10px;}
.swiper-pages .swiper-pages-prev:hover,
.swiper-pages .swiper-pages-next:hover{color: #ffffff; background: #1e5eac;}
div.swiper-pages div.swiper-pages-num{width: auto;}
.swiper-pages .swiper-pages-num .swiper-pagination-bullet{width: auto; height: auto; border-radius: 0;cursor: pointer; font-size: 16px;font-weight: bold;color: #0e0e0e;height: 40px;line-height: 40px;opacity: 1; border-radius: 30px;padding: 0 25px;background: #f7f7f7;transition: all 0.3s;margin: 0 10px; }
.swiper-pages .swiper-pages-num .swiper-pagination-bullet-active{color: #ffffff; background: #1e5eac;}
.swiper-pages .swiper-pages-num .swiper-pagination-bullet:hover{color: #ffffff; background: #1e5eac;}

@media screen and (max-width: 1200px) {
    .swiper-pages .swiper-pages-num .swiper-pagination-bullet{font-size: 0.28rem;height: 0.6rem;line-height: 0.6rem;padding: 0;margin: 0 0.1rem;background: #ffffff;}
    .swiper-pages .swiper-pages-num .swiper-pagination-bullet-active{color: #1e5eac; background: #ffffff;}
    .swiper-pages .swiper-pages-num .swiper-pagination-bullet:hover{color: #1e5eac; background: #ffffff;}
    .swiper-pages .swiper-pages-prev, .swiper-pages .swiper-pages-next{font-size: 0.28rem;height: 0.6rem;line-height: 0.6rem;padding: 0;margin: 0 0.1rem;background: #ffffff;}
    .swiper-pages .swiper-pages-prev:hover, .swiper-pages .swiper-pages-next:hover{color: #1e5eac; background: #ffffff;}
}

/* 代理合作 */
.page-agent .s1{padding: 0.9rem 0 1.4rem 0; background: linear-gradient(45deg, #d7e9f9, #f3f6fd,#dce3fa);}
.page-agent .s1 .a2{margin-top: 0.5rem;}
.page-agent .s1 .a2 .agent-s1-swiper{padding-top: 20px;}
.page-agent .s1 .a2 .agent-s1-swiper .swiper-slide{background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.4s;}
.page-agent .s1 .a2 .agent-s1-swiper .picBox{overflow: hidden;}
.page-agent .s1 .a2 .agent-s1-swiper .picBox img{width: 100%; transition: all 0.3s;}
.page-agent .s1 .a2 .agent-s1-swiper .swiper-slide:hover .picBox img{transform: scale(1.1);}
.page-agent .s1 .a2 .agent-s1-swiper .textBox{padding: 0.34rem 0.24rem 0.5rem 0.24rem;}
.page-agent .s1 .a2 .agent-s1-swiper .textBox .tit{font-size: 0.28rem; font-weight: bold; color: #000028; transition: all 0.3s;}
.page-agent .s1 .a2 .agent-s1-swiper .textBox .tip{font-size: 16px; margin-top: 0.28rem; color: #3f4150; line-height: 32px;}
.page-agent .s1 .a2 .agent-s1-swiper .swiper-slide:hover{transform: translateY(-20px);}
.page-agent .s1 .a2 .agent-s1-swiper .swiper-slide:hover .textBox .tit{color: #3069b1;}
.page-agent .s2{background: url(pic11.jpg) no-repeat center center; background-size: cover; padding: 1.2rem 0;}
.page-agent .s2 .cont{display: flex; justify-content: space-between;}
.page-agent .s2 .a1{width: 40%; text-align: left; margin-top: 0.64rem;}
.page-agent .s2 .a1 .tip{color: #fff;}
.page-agent .s2 .a1 .add{margin-top: 0.8rem;}
.page-agent .s2 .a1 .add a{display: block; width: 150px; height: 48px; text-align: center; line-height: 48px; border-radius: 6px; background: #3069b1; color: #fff;}
.page-agent .s2 .a2{width: 51.66%;}
.page-agent .s2 .a2 .item{border-radius: 10px; background: #fff; margin-bottom: 20px; padding: 52px 30px; cursor: pointer;}
.page-agent .s2 .a2 .item:last-child{margin-bottom: 0;}
.page-agent .s2 .a2 .item .top{display: flex; justify-content: space-between; align-items: center;}
.page-agent .s2 .a2 .item .top .top1{display: flex; align-items: center; width: 85%;}
.page-agent .s2 .a2 .item .top .top1 .picBox img{width: 40px;}
.page-agent .s2 .a2 .item .top .top1 .textBox{margin-left: 16px; font-size: 0.28rem; font-weight: bold; color: #191c22;}
.page-agent .s2 .a2 .item .top .top2{width: 35px; height: 35px; position: relative;}
.page-agent .s2 .a2 .item .top .top2::before{content: '\20'; position: absolute; left: 50%; top: 50%; width: 100%; height: 5px; border-radius: 5px; background: #3069b1; transform: translate(-50%,-50%); z-index: 2;}
.page-agent .s2 .a2 .item .top .top2::after{content: '\20'; position: absolute; left: 50%; top: 50%; width: 5px; height: 100%; border-radius: 5px; background: #3069b1; transform: translate(-50%,-50%); z-index: 2; transition: all 0.3s;}
.page-agent .s2 .a2 .item .bot{display: none;}
.page-agent .s2 .a2 .item:first-child .bot{display: block;}
.page-agent .s2 .a2 .item .bot{font-size: 16px; color: #3f4150; line-height: 32px; width: 85%; margin-top: 40px;}
.page-agent .s2 .a2 .item.on .top .top2::after{height: 0;}
.page-agent .s3{background: url(pic15.jpg) no-repeat center center; background-size: cover; padding: 0.9rem 0 1.18rem 0;}
.page-agent .s3 .a2{margin-top: 1rem;}
.page-agent .s3 .a2 .item-wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.page-agent .s3 .a2 .item-wrap .item{width: 22.26%; padding: 28px 22px; background: url(pic13.jpg) no-repeat center center; background-size: cover; border-radius: 5px; border: 1px solid #fff; transition: all 0.5s;}
.page-agent .s3 .a2 .item-wrap .item:hover{box-shadow: 0 0 18px rgba(0,0,0,.3); transform: translateY(-20px);}
.page-agent .s3 .a2 .item-wrap .item .tip{font-size: 16px; color: #3069b1;}
.page-agent .s3 .a2 .item-wrap .item .tit{font-size: 0.24rem; font-weight: bold; color: #3f4150; margin-top: 9px;}
.page-agent .s3 .a3{margin-top: 0.8rem; padding: 0.55rem 0 0.75rem 0; border: 1px solid #ffffff; border-radius: 8px; padding-right: 1.6rem; background: url(pic14.jpg) no-repeat left bottom; background-size: 100% auto;}
.page-agent .s3 .a3 .b1{width: 9.6rem; margin-left: auto; }
.page-agent .s3 .a3 .b1 .tt{font-size: 0.28rem; font-weight: bold; color: #191c22;}
.page-agent .s3 .a3 .b1 .join-form{display: flex; align-items: flex-end; justify-content: space-between;}
.page-agent .s3 .a3 .b1 .join-form .ipt{display: flex; justify-content: space-between; flex-wrap: wrap; width: 7.22rem;}
.page-agent .s3 .a3 .b1 .join-form .ipt input{display: block;width: 3.36rem; height: 48px; margin-top: 0.4rem; line-height: 48px; border-radius: 30px; background: #ffffff; font-size: 14px; padding: 0 20px; border: 1px solid #fff; transition: all 0.3s;}
.page-agent .s3 .a3 .b1 .join-form .ipt input:focus{border-color: #3069b1;}
.page-agent .s3 .a3 .b1 .join-form .sbt input{display: block;width: 1.8rem; height: 48px; line-height: 48px; border-radius: 30px; background: #3069b1; color: #fff; text-align: center; cursor: pointer;}
/* 技术服务 */
.page-server .s1{padding: 1rem 0 0 0;}
.page-server .s1 .a1 .b2{font-size: 16px; color: #000000; line-height: 2; margin-top: 0.5rem;}
.page-server .s1 .a2{margin-top: 0.9rem;}
.page-server .s1 .a2 .ipt-wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.page-server .s1 .a2 .ipt-wrap .ipt{width: 47.27%; margin-bottom: 0.5rem;}
.page-server .s1 .a2 .ipt-wrap .ipt .input-box{display: flex; width: 100%;}
.page-server .s1 .a2 .ipt-wrap .ipt .input-box .tit{width: 130px; height: 0.8rem; background: #1e5eac; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; color: #ffffff;}
.page-server .s1 .a2 .ipt-wrap .ipt .input-box .tip{width: calc(100% - 130px); height: 0.8rem;}
.page-server .s1 .a2 .ipt-wrap .ipt .input-box .tip input{display: block; width: 100%; height: 100%; border: 1px solid #dcdcdc; border-left: none; font-size: 16px; color: #222; padding: 0 0.5rem; transition: all 0.3s;}
.page-server .s1 .a2 .ipt-wrap .ipt .input-box .tip input:focus{border-color: #1e5eac; box-shadow: 0 0 20px rgba(30,94,172,.3);}
.page-server .s1 .a2 .cnt-wrap .cnt textarea{display: block; border: 1px solid #dcdcdc; width: 100%; background: #ffffff; transition: all 0.3s; height: 3.4rem; font-size: 16px; line-height: 1.8; color: #222; padding: 0.42rem 0.35rem;}
.page-server .s1 .a2 .cnt-wrap .cnt textarea:focus{border-color: #1e5eac; box-shadow: 0 0 20px rgba(30,94,172,.3);}
.page-server .s1 .a2 .sbt input{display: block; width: 3rem; height: 0.8rem; text-align: center; border: 1px solid #1e5eac; line-height: 0.8rem; font-size: 16px; color: #ffffff; cursor: pointer; background: #1e5eac; transition: all 0.3s; margin: 0 auto; margin-top: 0.5rem;}
.page-server .s1 .a2 .sbt input:hover{background: #fff; color: #1e5eac; box-shadow: 0 0 20px rgba(30,94,172,.3);}
.page-server .s2{padding: 0.9rem 0 0 0;}
.page-server .s2 .a2{margin-top: 0.64rem; background: #ececec; padding: 1.1rem 0 1.5rem 0;}
.page-server .circle-pic{display: flex; justify-content: space-between;}
.page-server .circle-pic .item{width: 2.35rem; height: 2.35rem; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #1e5eac; border-radius: 50%;}
.page-server .circle-pic .item .pic{position: relative;}
.page-server .circle-pic .item .pic img{width: 1rem;}
.page-server .circle-pic .item:hover .pic img{animation: jello 2s;}
.page-server .circle-pic .item .txt{color: #ffffff; margin-top: 0.14rem;}
.page-server .s2 .a2 .b2{font-size: 16px; color: #333333; line-height: 2; margin-top: 1rem;}
.page-server .s3{padding: 0.9rem 0 0 0;}
.page-server .s3 .a2{margin-top: 0.7rem; background: url(pic08.jpg) no-repeat center center; background-size: cover; padding: 2.62rem 0;}
.page-server .s3 .a2 .b2{font-size: 16px;color: #ffffff;line-height: 2;margin-top: 1rem;}
@media screen and (max-width: 1200px) {
    .page-server .s1{padding: 0.8rem 0 0 0;}
    .page-server .s1 .a1 .b2{font-size: 0.28rem; line-height: 1.8; margin-top: 0.4rem;}
    .page-server .s1 .a2{margin-top: 0.6rem;}
    .page-server .s1 .a2 .ipt-wrap .ipt{width: 100%; margin-bottom: 4vw;}
    .page-server .s1 .a2 .ipt-wrap .ipt .input-box .tit{width: 2rem; font-size: 0.32rem; font-weight: normal;}
    .page-server .s1 .a2 .ipt-wrap .ipt .input-box .tip{width: calc(100% - 2rem);}
    .page-server .s1 .a2 .ipt-wrap .ipt .input-box .tip input{font-size: 0.32rem; padding: 0 0.4rem;}
    .page-server .s1 .a2 .cnt-wrap .cnt textarea{font-size: 0.32rem; line-height: 1.8;}
    .page-server .circle-pic{flex-wrap: wrap;}
    .page-server .circle-pic .item{width: 44vw; height: 44vw; margin-bottom: 4vw;}
    .page-server .s2 .a2{padding: 0.8rem 0;}
    .page-server .s2 .a2 .b2{font-size: 0.28rem; line-height: 1.8; margin-top: 0.6rem;}
    .page-server .s3 .a2{padding: 0.8rem 0;}
    .page-server .s3 .a2 .b2{font-size: 0.28rem; line-height: 1.8; margin-top: 0.6rem;}

}
/* 联系我们 */
.page-contact .s1 .a1{background: url(pic04.jpg) no-repeat center center; background-size: cover; padding: 0.9rem 0 3.94rem 0;}
.page-contact .s1 .a1 .b2{margin-top: 0.3rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.page-contact .s1 .a1 .b2 .picBox{width: 260px;}
.page-contact .s1 .a1 .b2 .textBox{width: calc(100% - 260px); color: #333333;  text-align: justify; padding-left: 0.6rem;}
.page-contact .s1 .a2{ background: url(pic04.jpg) no-repeat center center; background-size: cover; padding: 2rem 0;}
.page-contact .s1 .a2 .cont{background: url(pic24.jpg) no-repeat center #ffffff; background-size: cover; box-shadow: 0 0 14px rgba(0,0,0,.12); padding: 0.8rem 0 0.8rem 0.64rem; display: flex; justify-content: space-between;}
.page-contact .s1 .a2 .b1{text-align: center; width: 2.2rem;}
.page-contact .s1 .a2 .b1 .picBox img{max-width: 100%; height: auto;}
.page-contact .s1 .a2 .b1 .textBox{font-size: 16px; color: #333333; margin-top: 20px;}
.page-contact .s1 .a2 .b2{width: calc(100% - 2.2rem); padding-left: 0.8rem;}
.page-contact .s1 .a2 .b2 .item-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-contact .s1 .a2 .b2 .item-wrap .item{width: 50%; display: flex;   margin-bottom: 0.5rem; padding: 0 0.7rem;}
.page-contact .s1 .a2 .b2 .item-wrap .item .tit{width: 1.2rem; display: flex; justify-content: space-between;}
.page-contact .s1 .a2 .b2 .item-wrap .item .tip{width: calc(100% - 120px); overflow-wrap: break-word;}
.page-contact .s2{padding: 1rem 0 0 0;}
.page-contact .s2 .a2{margin-top: 0.7rem;}
@media screen and (max-width: 1400px) {
    .page-contact .s1 .a2 .b2 .item-wrap .item{padding: 0 0.5rem;}
    .page-contact .s1 .a2 .b2{padding-left: 0.5rem;}
}
@media screen and (max-width: 1200px) {
    .page-contact .s1 .a1 .b2{margin-top: 0.6rem;}
    .page-contact .s1 .a1 .b2 .picBox{width: 100%; text-align: center;}
    .page-contact .s1 .a1 .b2 .textBox{width: 100%; padding-left: 0; margin-top: 0.6rem;}
    .page-contact .s1 .a2{padding: 0.8rem 0;}
    .page-contact .s1 .a2 .cont{padding: 0.6rem 4vw; flex-wrap: wrap;}
    .page-contact .s1 .a2 .b1{width: 100%;}
    .page-contact .s1 .a2 .b2{width: 100%; margin-top: 0.6rem; padding-left: 0;}
    .page-contact .s1 .a2 .b2 .item-wrap .item{width: 100%; padding: 0; margin-bottom: 4vw;}
    .page-contact .s1 .a2 .b2 .item-wrap .item:last-child{margin-bottom: 0;}
    .page-contact .s1 .a2 .b2 .item-wrap .item .tit{width: 1.6rem;}
    .page-contact .s1 .a2 .b2 .item-wrap .item .tip{width: calc(100% - 1.6rem);}
}
.page-case .s1{padding: 0.9rem 0 0 0;}
.page-case .s1 .a1 .b2{display: flex; justify-content: center; margin-top: 0.5rem;}
.page-case .s1 .a1 .b2 .item-wrap{display: flex; justify-content: space-between; align-items: center;}
.page-case .s1 .a1 .b2 .item-wrap .item{padding-right: 0.54rem; margin-right: 0.54rem; position: relative;}
.page-case .s1 .a1 .b2 .item-wrap .item::before{content: '\20'; position: absolute; right: 0; top: 50%; width: 2px; height: 20px; background: #999999; transform: translateY(-50%);}
.page-case .s1 .a1 .b2 .item-wrap .item:last-child{padding-right: 0; margin-right: 0;}
.page-case .s1 .a1 .b2 .item-wrap .item:last-child::before{display: none;}
.page-case .s1 .a1 .b2 .item-wrap .item a{color: #333; transition: all 0.4s; font-size: 20px; padding: 5px 30px; border: 1px solid #ced0d3; display: block; position: relative; transition: all 0.5s;}
.page-case .s1 .a1 .b2 .item-wrap .item a::before{content: '\20';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #124cab;transition: all 0.5s;z-index: 1;}
.page-case .s1 .a1 .b2 .item-wrap .item a .txt{position: relative; z-index: 4;}
.page-case .s1 .a1 .b2 .item-wrap .item.on a,
.page-case .s1 .a1 .b2 .item-wrap .item a:hover{color: #ffffff; border-color: #124cab;}
.page-case .s1 .a1 .b2 .item-wrap .item.on a::before,
.page-case .s1 .a1 .b2 .item-wrap .item a:hover::before{width: 100%;}
.page-case .s1 .a1 .b2 .item-wrap .line{width: 2px; height: 20px; margin: 0 0.54rem; background: #999999;}
.page-case .s1 .a2{margin-top: 0.8rem; padding-bottom: 0.6rem;}
.page-case .s1 .a2 .swiper-slide{display: flex; flex-wrap: wrap; position: relative;}
.page-case .s1 .a2 .swiper-slide a{display: block; width: 24.1%;position: relative; margin-right: 1.2%; margin-bottom: 0.27rem; background: #f9f9f9;}
.page-case .s1 .a2 .swiper-slide a:nth-child(4n){margin-right: 0;}
.page-case .s1 .a2 .swiper-slide .picBox{ position: relative; overflow: hidden; transition: all 0.4s;}
.page-case .s1 .a2 .swiper-slide .picBox img{width: 100%; transition: all 0.4s;}
.page-case .s1 .a2 .swiper-slide a:hover .picBox img{transform: scale(1.05);}
.page-case .s1 .a2 .swiper-slide .textBox{font-size: 16px; color: #666666; text-align: center; padding: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.4s;}
.page-case .s1 .a2 .swiper-slide a:hover .textBox{color: #fff; background: #1e5eac;}
.page-case .s1 .a2 .swiper-pages{padding-top: 0.5rem;}
.page-case .s2{padding: 0.9rem 0 1rem 0;}
.page-case .s2 .a2{margin-top: 0.48rem; background: url(pic11.jpg) no-repeat center center; background-size: cover; padding: 0.9rem 0 0.76rem 0;}
.page-case .s2 .a2 .part-swiper .swiper-slide{display: flex; flex-wrap: wrap; position: relative;}
.page-case .s2 .a2 .part-swiper .swiper-slide a{display: block; width: 24.54%;position: relative; margin-right: 0.6%; margin-bottom: 0.6%; background: #f9f9f9;}
.page-case .s2 .a2 .part-swiper .swiper-slide a:nth-child(4n){margin-right: 0;}
.page-case .s2 .a2 .part-swiper .swiper-slide .picBox{ position: relative; overflow: hidden; transition: all 0.4s;}
.page-case .s2 .a2 .part-swiper .swiper-slide .picBox img{width: 100%; transition: all 0.4s;}
.page-case .s2 .a2 .part-swiper .swiper-slide a:hover .picBox img{transform: scale(1.05);}
.page-case .s2 .a2 .part-swiper .swiper-slide .textBox{font-size: 16px; color: #666666; text-align: center; padding: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.4s;}
.page-case .s2 .a2 .part-swiper .swiper-slide a:hover .textBox{color: #fff; background: #1e5eac;}

@media screen and (max-width: 1200px) {
    .page-case .s1{padding: 0.8rem 0 0 0;}
    .page-case .s1 .a1 .b2 .item-wrap{justify-content: space-between; width: 100%;}
    .page-case .s1 .a1 .b2 .item-wrap .item{margin-right: 0; padding-right: 0.1rem;}
    .page-case .s1 .a1 .b2 .item-wrap .item::before{display: none;}
    .page-case .s1 .a1 .b2 .item-wrap .item a{padding: 0.1rem; font-size: 0.28rem;}
    .page-case .s1 .a2{margin-top: 0.6rem;}
    .page-case .s1 .a2 .swiper-slide a{width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .page-case .s1 .a2 .swiper-slide a:nth-child(4n){margin-right: 4%;}
    .page-case .s1 .a2 .swiper-slide a:nth-child(2n){margin-right: 0;}
    .page-case .s1 .a2 .swiper-slide .textBox{font-size: 0.28rem;overflow: inherit;white-space: inherit;text-overflow: inherit;}
    .page-case .s1 .a2 .swiper-pages{padding-top: 0;}
    
}

.m-new-title{display: flex; justify-content: space-between; align-items: center;}
.m-new-title .left-tit{display: flex; align-items: center;}
.m-new-title .left-tit .tt{font-size: 0.46rem; color: #181818;}
.m-new-title .left-tit .tp{font-size: 20px; color: #666666; margin-left: 26px;}
.m-new-title .right-link{display: flex;}
.m-new-title .right-link .item{position: relative; display: flex; justify-content: center; align-items: center; border: 1px solid #ced0d3; height: 52px; font-size: 16px; color: #333333; transition: all 0.3s; padding: 0 0.42rem; margin-right: 26px;}
.m-new-title .right-link .item:last-child{margin-right: 0;}
.m-new-title .right-link .item::before{content: '\20'; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #124cab; transition: all 0.5s; z-index: 2;}
.m-new-title .right-link .item .txt{position: relative; z-index: 4;}
.m-new-title .right-link .item .arr{margin-left: 18px; position: relative; z-index: 4;}
.m-new-title .right-link .item:hover,
.m-new-title .right-link .item.on{border-color: #124cab; color: #ffffff;}
.m-new-title .right-link .item:hover::before,
.m-new-title .right-link .item.on::before{width: 100%;}


@media screen and (max-width: 1200px) {
    .m-new-title{flex-wrap: wrap;}
    .m-new-title .left-tit{width: 100%; justify-content: space-between;}
    .m-new-title .left-tit .tt{font-size: 0.36rem;}
    .m-new-title .left-tit .tp{font-size: 0.28rem;}
    .m-new-title .right-link{display: none;}
    .m-new-title .right-link .item{margin-right: 0; height: 0.8rem; padding: 0 0.1rem; font-size: 0.28rem;}
    .m-new-title .right-link .item .arr{margin-left: 0.1rem;}
}

.section11{padding: 0.72rem 0 0.64rem 0; background: #f8f9f9;}
.section11 .a2{margin-top: 0.7rem;}
.section11 .a2 .swiper-slide ul{display: flex; flex-wrap: wrap;}
.section11 .a2 .swiper-slide ul li{width: 18.44%; margin-right: 1.95%; margin-bottom: 1.95%; border: 1px solid #e3e3e3;}
.section11 .a2 .swiper-slide ul li:nth-child(5n){margin-right: 0;}
.section11 .a2 .swiper-slide ul li a{display: block;}
.section11 .a2 .swiper-slide ul li .picBox{overflow: hidden;}
.section11 .a2 .swiper-slide ul li .picBox img{width: 100%; transition: all 0.3s;}
.section11 .a2 .swiper-slide ul li a:hover .picBox img{transform: scale(1.1);}
.section11 .a2 .part-page{text-align: center; width: 100%; margin-top: 0.56rem;}
.section11 .a2 .part-page .swiper-pagination-bullet{width: 16px; height: 16px; background: #dfdfdf; margin: 0 4px; opacity: 1;}
.section11 .a2 .part-page .swiper-pagination-bullet-active{background: #124cab;}

@media screen and (max-width: 1200px) {
    .section11{padding: 0.8rem 0 0.5rem 0;}
    .section11 .a2{margin-top: 0.5rem;}
    .section11 .m-new-title .right-link{display: flex; justify-content: space-between; width: 100%; margin-top: 0.5rem;}
    .section11 .a2 .swiper-slide ul li{width: 49%; margin-right: 2%; margin-bottom: 0;}
    .section11 .a2 .swiper-slide ul li:nth-child(5n){margin-right: 2%;}
    .section11 .a2 .swiper-slide ul li:nth-child(2n){margin-right: 0;}
    .section11 .a2 .part-page .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem;}
    .section11 .a2 .part-page{margin-top: 0.2rem;}
}