@charset "UTF-8";
/* banner ******************************************/
.index-banner .pagination-box { position: absolute; left: 16.1%; bottom: 46px; z-index: 1; }
.index-banner .pagination-box .swiper-pagination { position: static; }
.index-banner .pagination-box .active-num { margin-left: 10px; font-family: 思源黑体; font-size: 28px; color: #fff; }
.index-banner .pagination-box .active-num .num { margin-left: 10px; }
.index-banner .swiper-pagination-bullet { margin: 0 10px; position: relative; width: 10px; height: 10px; background: #fff; opacity: 1; }
.index-banner .swiper-pagination-bullet::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 50%; border: solid 1px #0FA2BA; opacity: 0; }
.index-banner .swiper-pagination-bullet-active { background: #0FA2BA; }
.index-banner .swiper-pagination-bullet-active::before { opacity: 1; }
.index-banner .swiper-button-prev, .index-banner .swiper-button-next { width: 56px; height: 56px; line-height: 56px; background: rgba(0, 0, 0, 0.3); text-align: center; }
.index-banner .swiper-button-prev:hover, .index-banner .swiper-button-next:hover { background: rgba(0, 0, 0, 0.7); }
.index-banner .swiper-button-prev:hover .iconfont, .index-banner .swiper-button-next:hover .iconfont { color: #0FA2BA; }
.index-banner .iconfont { font-size: 20px; color: #fff; }
.index-banner .swiper-button-prev { left: 80px; }
.index-banner .swiper-button-next { right: 80px; }

/* banner end **************************************/
.color1 { color: #0FA2BA; }

/* 首页内容区 ********************************************/
.padding-top52 { padding-top: 52px; }

.index-title { text-align: center; }
.index-title h3 { font-size: 36px; font-weight: bold; letter-spacing: 1px; }
.index-title .line { margin: 20px auto; position: relative; border-bottom: 1px solid #eeeeee; animation-delay: .2s; }
.index-title .line::before { content: ""; position: absolute; bottom: -1px; left: 50%; margin-left: -35px; width: 70px; height: 3px; background-color: #0FA2BA; }
.index-title p { font-size: 16px; color: #888888; animation-delay: .4s; }

.margin-top46 { margin-top: 46px; }

/* 产品 */
.index-sec1 { padding-bottom: 65px; background: #fff; overflow: hidden; }
.index-sec1 .index1-tab { overflow-y: hidden; }
.index-sec1 .index1-tab li { margin-right: 16px; padding: 0 24px; height: 36px; line-height: 36px; font-size: 16px; color: #666666; cursor: pointer; transition: all .4s; }
.index-sec1 .index1-tab li:hover, .index-sec1 .index1-tab li.on { background-color: #0FA2BA; border-radius: 18px; color: #fff; }
.index-sec1 .index1-tab li:last-child { margin-right: 0; }
.index-sec1 .index1-con { margin-top: 40px; }
.index-sec1 .index1-ul li { margin-right: 1.6%; margin-bottom: 15px; width: 23.8%; background: #fafafc; transition: all .4s; }
.index-sec1 .index1-ul li:nth-child(4n) { margin-right: 0; }
.index-sec1 .index1-ul li:hover { box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.1); }
.index-sec1 .index1-ul li:hover img { transform: scale(1.1); }
.index-sec1 .index1-ul li:hover .text { transform: translate(0, 0); }
.index-sec1 .index1-ul li a { display: block; }
.index-sec1 .index1-ul .img-wrapper { padding-top: 80.6%; }
.index-sec1 .index1-ul .text { position: absolute; bottom: 0; left: 0; padding: 0 15px; width: 100%; height: 48px; line-height: 48px; text-align: center; background: rgba(0, 0, 0, 0.4); font-size: 16px; color: #fff; transform: translate(0, 100%); transition: all .4s; }
.index-sec1 .index1-ul .text:hover { background: rgba(0, 0, 0, 0.7); color: #0FA2BA; }

/* 产品 end */
/* 关于我们 */
.index-sec2 { position: relative; padding-bottom: 60px; background: #f6f6f6; }
.index-sec2 .bg2-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 154px; background: #fff; }
.index-sec2 .wide { position: relative; }
.index-sec2 .index2-con { position: relative; }
.index-sec2 .index2-con .img { width: 50%; border-radius: 20px 0px 0px 0px; overflow: hidden; }
.index-sec2 .index2-con .bg2-box2 { position: absolute; bottom: -40px; right: -40px; width: 48%; height: 88%; background-color: #0FA2BA; border-radius: 15px 0px 15px 0px; }
.index-sec2 .index2-con .text { position: relative; padding: 0 64px 0; width: 50%; background: #fff; border-radius: 0px 0px 20px 0px; }
.index-sec2 .index2-con .text h2 { margin-bottom: 6px; font-size: 30px; font-weight: bold; line-height: 32px; letter-spacing: 2px; color: #3f4246; }
.index-sec2 .index2-con .text .english-name { display: inline-block; font-size: 14px; color: #b0b0b0; opacity: 0.6; }
.index-sec2 .index2-con .text .intro { margin-top: 28px; font-size: 16px; line-height: 30px; color: #888888; opacity: 0.8; }
.index-sec2 .index2-con .icons { margin-top: 30px; }
.index-sec2 .index2-con .icons li { margin-right: 76px; text-align: center; }
.index-sec2 .index2-con .icons li:nth-child(2) { animation-delay: .2s; }
.index-sec2 .index2-con .icons li:last-child { margin-right: 0; animation-delay: .4s; }
.index-sec2 .index2-con .icons li:hover .iconfont { transform: rotateY(360deg); color: #0FA2BA; border-color: #0FA2BA; }
.index-sec2 .index2-con .icons .iconfont { width: 76px; height: 76px; line-height: 76px; border: solid 1px #8c8e90; border-radius: 50%; font-size: 36px; color: #8c8e90; transition: all .6s; }
.index-sec2 .index2-con .icons .icon-qiyewenhua { font-size: 40px; }
.index-sec2 .index2-con .icons p { margin-top: 6px; font-size: 14px; color: #888888; opacity: 0.8; }
.index-sec2 .index2-con .more { margin-top: 46px; width: 150px; height: 46px; text-align: center; border-radius: 23px; border: solid 1px #bfbfbf; font-size: 14px; color: #67696d; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.index-sec2 .index2-con .more .iconfont { font-size: 18px; transform: translate(0, 1px); color: #67696d; }
.index-sec2 .index2-con .more:hover { border-color: #0FA2BA; background: #0FA2BA; color: #fff; }
.index-sec2 .index2-con .more:hover .iconfont { color: #fff; }

/* 关于我们 end */
/* 选择我们的理由 */
.index-sec3 { background: #fff; }
.index-sec3 .index3-con { position: relative; background: #c6c6c6; overflow: hidden; }
.index-sec3 .index3-con .word-vertical { position: absolute; top: 11.6%; left: 106px; }
.index-sec3 .index3-con .word-vertical .index3-adv { font-size: 24px; color: #ffffff; opacity: 0.5; writing-mode: tb; -ms-writing-mode: tb; letter-spacing: 2px; }
.index-sec3 .index3-con .word-vertical .index3-adv-en { position: absolute; top: -38px; left: -28px; transform-origin: left; transform: rotate(90deg); font-family: 思源黑体; font-weight: bold; font-size: 50px; letter-spacing: 2px; color: #ffffff; white-space: nowrap; }
.index-sec3 .index3-ul li { padding-top: 46.1%; width: 25%; }
.index-sec3 .index3-ul li:hover .linear-text { transform: translate(0, 100%); }
.index-sec3 .index3-ul li:hover .cover-box { border-color: #0FA2BA; }
.index-sec3 .index3-ul li:hover .cover-box .cover-text { transform: translate(0, 0); }
.index-sec3 .index3-ul li:hover .cover-box .iconfont { opacity: 1; }
.index-sec3 .index3-ul li:hover .img-center { transform: translate(0, -50px); }
.index-sec3 .index3-ul li:nth-child(2) { animation-delay: .2s; }
.index-sec3 .index3-ul li:nth-child(3) { animation-delay: .4s; }
.index-sec3 .index3-ul li:nth-child(4) { animation-delay: .6s; }
.index-sec3 .index3-ul .linear-text { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6)); text-align: center; transition: all .4s; }
.index-sec3 .index3-ul .index3-h4 { font-size: 24px; letter-spacing: 1px; color: #ffffff; }
.index-sec3 .index3-ul .index3-p { margin-top: 5px; font-family: Arial; font-size: 14px; color: #d0d0d0; opacity: 0.5; }
.index-sec3 .index3-ul .absolute-text { position: absolute; left: 0; top: 58%; width: 100%; }
.index-sec3 .index3-ul .cover-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid transparent; }
.index-sec3 .index3-ul .cover-box { transition: all .8s; }
.index-sec3 .index3-ul .cover-box .cover-window { height: 50.8%; }
.index-sec3 .index3-ul .cover-box .cover-text { padding: 0 32px; height: 49.2%; background: #0FA2BA; transform: translate(0, 100%) translate(0, 7px); transition: all .4s; text-align: center; }
.index-sec3 .index3-ul .cover-box .iconfont { width: 88px; height: 88px; line-height: 82px; background: linear-gradient(to top, #76bc4f 0%, #44bfde 100%); border: solid 3px #c7cad1; border-radius: 50%; font-size: 40px; color: #e2f4ee; transform: translate(0, -50%); opacity: 0; transition: all .4s; }
.index-sec3 .index3-ul .cover-box .text { margin-top: 22px; font-size: 14px; line-height: 24px; color: #ffffff; opacity: 0.5; }

/* 选择我们的理由 end */
/* 新闻 */
@keyframes move1 { 100% { transform: translate(8px, 0); } }
.index-sec4 { padding-bottom: 50px; background: #fff; }
.index-sec4 .index4-tab { overflow-y: hidden; }
.index-sec4 .index4-tab li { margin-right: 3px; flex: 1; height: 70px; line-height: 70px; background-color: #f7f7f7; text-align: center; font-size: 22px; color: #424242; cursor: pointer; }
.index-sec4 .index4-tab li:last-child { margin-right: 0; }
.index-sec4 .index4-tab li:hover, .index-sec4 .index4-tab li.on { background: #0FA2BA; color: #fff; }
.index-sec4 .index4-con { margin-top: 60px; }
.index-sec4 .img-ul { overflow: hidden; }
.index-sec4 .img-ul li { padding-bottom: 40px; width: 46.1%; border-bottom: 1px solid #e8e8e8; }
.index-sec4 .img-ul li .img-wrapper { padding-top: 31.6%; width: 41.6%; }
.index-sec4 .img-ul li:hover img { transform: scale(1.1); }
.index-sec4 .img-ul li:hover .text h4 { color: #0FA2BA; }
.index-sec4 .img-ul li:hover .text .iconfont { color: #0FA2BA; animation: move1 .5s linear infinite alternate; }
.index-sec4 .img-ul .text { position: relative; padding-left: 5.8%; padding-bottom: 30px; width: 58.4%; }
.index-sec4 .img-ul .text h4 { font-size: 18px; color: #666666; transition: all .4s; }
.index-sec4 .img-ul .text p { margin-top: 15px; max-height: 78px; font-size: 14px; line-height: 26px; color: #888888; -webkit-line-clamp: 3; }
.index-sec4 .img-ul .text .time { position: absolute; bottom: 5px; font-size: 14px; color: #999999; }
.index-sec4 .img-ul .text .line { display: inline-block; margin: 0 14px; transform: translate(0, -1px); color: #e4e6e8; }
.index-sec4 .img-ul .text .iconfont { font-size: 20px; color: #999999; }
.index-sec4 .index4-ul { padding: 18px 0; }
.index-sec4 .index4-ul li { position: relative; padding-left: 25px; padding-right: 80px; width: 46.1%; line-height: 48px; }
.index-sec4 .index4-ul li::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 1px; background-color: #858585; border-radius: 1px; }
.index-sec4 .index4-ul li a { display: block; }
.index-sec4 .index4-ul li a:hover { color: #0FA2BA; }
.index-sec4 .index4-ul li .time { position: absolute; right: 0; top: 0; display: inline-block; font-size: 14px; color: #999999; }

/* 新闻 end */
/* 合作伙伴 */
.index-sec5 { padding-bottom: 80px; background: #f6f6f6; }
.index-sec5 .index5-con .swiper-slide { padding-top: 11.5%; height: 0; background: #fff; overflow: hidden; }
.index-sec5 .index5-con .index5-link { display: block; margin: 0 auto; margin-top: 50px; width: 320px; height: 60px; border: solid 1px #dcdcdc; text-align: center; font-size: 16px; line-height: 60px; color: #888888; transition: all .4s; }
.index-sec5 .index5-con .index5-link:hover { color: #fff; background: #0FA2BA; border-color: #0FA2BA; }

/* 合作伙伴 end */
@keyframes fadeTop { 0% { transform: translate(0, 60px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.fadeTop { animation: fadeTop 1.5s backwards; }

.animated { animation-duration: 1.5s; }

@keyframes special4index2 { 0% { transform: translate(-50px, -50px); }
  100% { transform: translate(0, 0); } }
.special4index2 { animation: special4index2 1.5s 1s backwards; }

/* 首页内容区 end ****************************************/

/*# sourceMappingURL=index.css.map */