/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ position:relative; height:941px; line-height: 0;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:4%;}
.ibanner .swiper-button-next{ right:4%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:8rem; height:8rem; line-height:8rem; text-align:center; border: 1px solid #fff; border-radius: 8rem; opacity: 0.3;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:5rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 5%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 39px; height: 3px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background-image: linear-gradient(255deg,#047edc,#3fc5e7) ;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bfont{ position: absolute; background-image: linear-gradient(-255deg,rgba(2,86,184,0.6),rgba(66,200,232,0.6)); color: #fff; bottom: 0; right: 0; width: 40%; padding: 4rem 2%; z-index: 10; line-height: 3.6rem;}
.ibanner .bfont span{ display: block; font-weight: bold; font-size: 3.5rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont i{ font-style: normal; text-transform: uppercase; letter-spacing: 1px;}

.box-title{ line-height: 4rem;}
.box-title span{ display: block; font-size: 2.4rem;}
.box-title i{ text-transform: uppercase; font-size: 4.8rem; font-weight: bold;}

.box-title-2{ line-height: 4rem; font-size: 3rem;}
.box-title-2 span{ display: block; color: #0381da;}
.box-title-2 i{ color: #999; }

.box-title-3{ text-align: center;}
.box-title-3 span{ font-size: 4.8rem; font-weight: bold;background-image:linear-gradient(220deg,#41c8e8,#1da0e0,#047edc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.box-title-3 p{ color: #777; font-size: 1.6rem;}

.sect_k1{ padding-bottom: 14rem;}
.sect_k1 .block-1{ font-size: 1.6rem;}
.sect_k1 .block-1 span{ font-size: 3rem; font-weight: bold;background-image:linear-gradient(220deg,#41c8e8,#1da0e0,#047edc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.sect_k1 a.more{ float: right; display: block; background: #0381da; height: 4.3rem; width: 4.3rem; text-align: center; line-height: 4.3rem;  color: #fff; font-size: 3rem; margin-top: 1.5rem;}
.sect_k1 a.more:hover{ transform: rotate(360deg); transition: all 1s;}
.sect_k1 .bimg{ text-align: right; position: relative;}
.sect_k1 .bimg img{ position: relative; z-index: 3;}
.sect_k1 .bimg:after{ content: ""; display: block; position: absolute; width: 28rem; height: 24rem; background: #70b5eb; bottom: -4rem; right: -4rem;}
.sect_k1:before{ content: ""; display: block; position: absolute; width: 44%; height: 100%; background-image: linear-gradient(-220deg,#79b9f6,#0074cf); top: -6rem; right: 0; }

.sect_k2{ background: url(/skin/default/web/img/bg_k1.jpg) no-repeat center center; background-size:cover ; padding: 3rem 0;}
.block-3{ position: relative;}
.block-3:after{ content: ""; width: 100%; height: 1px; border-top: 1px dashed #a0a0a0; display: block; position: absolute; top: 1.7rem; left: 0;}
.block-3 .brow{ position: relative; text-align: center;}
.block-3 .brow:before{ content: "●"; height: 2.9rem; width: 2.9rem; text-align: center; line-height: 2.6rem; background: #fff; border-radius: 2.9rem; border: 1px solid #0381da; display: block; margin: 0 auto; position: relative; z-index: 2; color: #0381da; font-size: 3rem;}
.block-3 .brow span{ color: #0381da; font-size: 1.6rem; font-weight: bold; display: block; margin-top: 0.5rem;}
a.more-2{ display: inline-block; text-align: center; color: #0381da; line-height: 3rem; font-weight: bold; position: absolute; right: -4rem; top: 0; z-index: 5;}
a.more-2 i{ display: block; width: 2.9rem; height: 2.9rem; line-height: 2.9rem; border-radius: 2.9rem; background: #0381da; color: #fff; font-size: 2.4rem; margin: 0 auto; font-weight: normal;}
a.more-2:hover{}

.sect_k3{background-size: cover; position: relative; transition: all 0.5s;}
.sect_k3 .block-4{ height: 93.8rem; position: relative;}
.sect_k3 .block-4:after,.sect_k3 .block-4:before{ content: ""; display: block; height: 233px; width: 20%; background: #fff; position: absolute; bottom: 0; z-index: 3;}
.sect_k3 .block-4:before{ left: -20%;}
.sect_k3 .block-4:after{ right:-19.7%;}
.sect_k3 .block-4 .brow{ width: 19.9%; float: left; position: relative; height: 100%; border-right: 1px solid rgba(0,0,0,0.1);}
.sect_k3 .block-4 .brow:nth-child(5){ border-right: 0;}
.sect_k3 .block-4 a{ display: block; position: absolute; width: 100%; height: 233px; bottom: 0; left: 0; z-index: 10; text-align: center; box-sizing: border-box; transition: all 1s;}
.sect_k3 .block-4 a:before{ content: "";width: 100%; display: block; position: absolute; height: 233px; background: #fff; bottom: 0;transition: all 1s;}
.sect_k3 .block-4 a:after{ content: ""; width: 100%; display: block; position: absolute; height: 0; background: url(/skin/default/web/img/a_bg.png) no-repeat; background-size:cover ; bottom: 0; transition: all 0.6s; z-index: 1;}
.sect_k3 .block-4 a .btit{ position: absolute; bottom: -2.8rem; width: 100%; height: 233px; transition: all 0.5s; z-index: 2;}
.sect_k3 .block-4 a .btit .iconfont{ font-size: 5rem; color: #32beff;}
.sect_k3 .block-4 a .btit span{ display: block; font-size: 1.6rem;}
.sect_k3 .block-4 a .btit .s-en{ color: #8b8f90; font-family: News701BT,'Castellar'; font-size: 12px; text-transform: uppercase;}
.sect_k3 .block-4 a .binfo{ position: absolute; bottom: -250px; width: 100%; height: 250px; color: #fff; transition: all 0.5s; z-index: 2;}
.sect_k3 .block-4 a .binfo p{ padding: 0 4%;}
.sect_k3 .block-4 a .binfo span{ display: inline-block; border: 1px solid #fff; line-height: 5rem; width: 70%; border-radius: 5rem; font-size: 1.6rem; margin-top: 3rem;}
.sect_k3 .block-4 a .binfo span i{ display: inline-block; vertical-align: middle; background: url(/skin/default/web/img/dot_1.png) no-repeat; width: 2.7rem; height: 2.7rem; background-size: cover; margin-left: 1rem;}
.sect_k3 .block-4 a:hover{ height: 100%; transition: all 0.6s;}
.sect_k3 .block-4 a:hover::after{ height: 100%; transition: all 0.6s;}

.sect_k3 .block-4 a:hover .btit{ bottom: 200px; transition: all 1.2s;}
.sect_k3 .block-4 a:hover .binfo{ bottom: 0; transition: all 1s;}
.sect_k3 .block-4 a:hover .btit .iconfont{ color: #fff;}
.sect_k3 .block-4 a:hover .btit span,.sect_k3 .block-4 a:hover .btit .s-en{ color: #fff;}


.tablist { margin-bottom: 0.4rem;}
.tablist .tlist{ display:none; position: relative; clear: both; overflow: hidden; padding: 0 4%; text-align: center;}
.tablist .active{ display:block;}

.tabs{line-height:26px;}
.tabs a{color: #333; }
.tabs a:hover,.tabs .active a{ }
.tabs a:hover span,.tabs .active a span{}

.sect_k4{ background: url(/skin/default/web/img/bg_k2.jpg) no-repeat center center; padding: 4rem 0; background-size:cover ;}
.sect_k4 .brow{ position: absolute; right: 0; color: #fff; top: 0; bottom: 0; margin: auto 0; height: 27rem; line-height:6rem; text-align: left;}
.sect_k4 .brow span{ font-weight: bold; display: block; font-size: 2.4rem;}
.sect_k4 .brow span i{ font-size: 7.2rem;}
.sect_k4 .ibk-map{ position: relative; text-align: center;}
.sect_k4 .img-map{ width: 63%; margin: 0 auto;}
.sect_k4 .tabs{ position: absolute; width: 63%; left: 0; top: 0; bottom: 0; right: 0; margin: auto auto; height: 100%;}
.sect_k4 .tabs a{ display: block; position: absolute; font-size: 1.6rem; line-height: 2rem; text-align: center; width: 5rem;}
.sect_k4 .tabs a i{ display: inline-block; background: url(/skin/default/web/img/mdot.png) no-repeat center center; width: 3.7rem; height: 4.3rem; background-size: cover; transform: scale(0.75); transition: all 0.4s; }
.sect_k4 .tabs a span{ display: inline-block;}
.sect_k4 .tabs a.active i,.sect_k4 .tabs a:hover i{ transform: scale(1); transition: all 0.4s; }
.sect_k4 .tabs a.active span{ background: #fff; box-shadow: #ccc 0 0 10px; padding: 5px;}
.sect_k4 .tabs a.active,.sect_k4 .tabs a:hover{ font-weight: bold; color: #4086f6;}
.sect_k4 .tabs a:nth-child(1){ left: 44%; top: 60%;}
.sect_k4 .tabs a:nth-child(2){ left: 53%; top:59%;}
.sect_k4 .tabs a:nth-child(3){ left: 51%; top:69%;}
.sect_k4 .tabs a:nth-child(4){ left: 60%; top:67%;}
.sect_k4 .tabs a:nth-child(5){ left: 66%; top:66%;}
.sect_k4 .tabs a:nth-child(6){ left: 73%; top:51%;}
.sect_k4 .tabs a:nth-child(7){ left: 67%; top:34%;}
.sect_k4 .tabs a:nth-child(8){ left: 76%; top:27%;}
.sect_k4 .tabs a:nth-child(9){ left: 40%; top:72.3%;}
.sect_k4 .tabs a:nth-child(10){ left:21%; top:56%;}
.sect_k4 .tablist{ position: absolute; left: 0; height: 63rem; background: #fff; top: 0; bottom: 0; margin: auto 0; box-shadow: #999 0 0 10px; padding: 0; width: 18%;}
.sect_k4 .tablist .tab-tit{ height: 10rem; background:#32beff; line-height: 10rem; text-align: left;}
.sect_k4 .tablist .tab-tit span{ font-weight: bold; font-size: 2.4rem; color: #fff; margin-left: 4%;}
.sect_k4 .tablist .tlist{ padding: 0;}
.sect_k4 .bk-list{ height: 53rem; overflow: hidden;}
.sect_k4 .bk-list .bk-scroll{ overflow-y: scroll; padding: 4%; height: 100%; box-sizing:border-box; width: 100%; height:98%;}
.sect_k4 .bk-list .row{ border-bottom: 1px solid #eee; margin-bottom: 2rem; padding-bottom: 2rem;}
.sect_k4 .bk-list span,.sect_k4 .bk-list p{ text-align: left; display: block; color: #666;}
.sect_k4 .bk-list span{ font-size: 1.6rem;}


.sect_k5{ background:#f3fbfe; padding-left: 6%;}
.iblock{ position: relative; overflow: hidden;}
.iblock .brow{ float: left; width: 33.3%; overflow: hidden;}
.iblock a{ display: block; position: relative;}
.iblock a img{ width: 93.8rem; max-width: inherit;}
.iblock:hover .brow,.iblock .brow{ width: 20%;transition: all 0.5s;}
.iblock .brow:hover,.iblock .bk1{ width: 60%; transition: all 0.5s;}
.iblock .ntit{ position: absolute; background: rgba(0,0,0,0.7); border: 1px solid #999; width: 80%; text-align: center; left: 0; right: 0; bottom: 2rem; margin: 0 auto; padding: 2rem 0; color: #fff; }
.iblock .ntit span{ font-weight: bold; font-size: 1.6rem;}
.iblock .ntit p{opacity: 0.5;}
.iblock .active{ position: absolute; top: 0; bottom: 0; margin: auto auto; opacity: 0; background: rgba(255,255,255,0.7); text-align: center; width: 47rem; height: 30rem; left: 0; right: 0; font-size: 1.6rem;}
.iblock .active span{ display: block; color: #32beff; font-size: 3rem; font-weight: bold;}
.iblock .active p{}
.iblock .active i{ display: inline-block; width: 14rem; height: 4rem; line-height: 4rem; border-radius: 4rem; color: #fff; background-image: linear-gradient(-255deg,#0093d8,#19ccee); margin-top: 2rem;}

.iblock:hover .bk1 .active{ opacity: 0;}
.iblock:hover .bk1 .ntit{ opacity: 1;}
.iblock .brow:hover .active,.iblock .bk1 .active{ opacity: 1;}
.iblock .brow:hover .ntit,.iblock .bk1 .ntit{ opacity: 0;}

.sect_k5 .bk-case{ position: relative;}
.sect_k5 .bk-case .brow a{ display: block; overflow: hidden; position: relative;}
.sect_k5 .bk-case a .active{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); color: #fff; top: 0; left: 0; opacity: 0;}
.sect_k5 .bk-case a:hover .active{ opacity: 1;}

.sect_k6{ background: url(/skin/default/web/img/bg_k3.png) no-repeat center bottom #fcfcfd; background-size:cover; padding: 6rem 0 12rem;}
.sect_k6 .sk_dot1{ position: absolute; left: 0; top: -12rem; z-index: 1; background: url(/skin/default/web/img/bg_dot.png) no-repeat; width: 15.9rem; height: 24.3rem; background-size: cover;}
.sect_k6 .sk_dot2{ position: absolute; right: 0; bottom: -12rem; z-index: 1; background: url(/skin/default/web/img/bg_dot2.png) no-repeat; width: 15.9rem; height: 24.3rem; background-size: cover;}

.img-box .icon{ display: block; background: #fff; border: 1px solid #ddd;}
.img-box .ntit{background: #fff; border: 1px solid #ddd; border-top: 0; padding: 2rem 0; text-align: center;}
.img-box .ntit h3{ font-size: 1.6rem; font-weight: normal;}
.img-box .ntit h3:after{ content: ""; display: block; width: 20%; height: 3px; margin: 1rem auto 0; background-image: linear-gradient(-255deg,#0094d7,#19caed);}
.img-box a:hover .ntit{ background-image: linear-gradient(-255deg,#0094d7,#19caed); color: #fff; transition: all 0.3s;}
.img-box a:hover .ntit h3:after{ background: #fff; transition: all 0.3s;}

a.more-3{ display: block; margin: 3rem auto 0; width: 21rem; height: 5rem; line-height: 5rem; text-align: center; border: 2px solid #0495d8; border-radius: 5rem; color: #0495d8; font-size: 1.6rem;}
a.more-3:hover{ background-image: linear-gradient(-255deg,#0094d7,#19caed); color: #fff;}

.sect_k6 .swiper-button-prev{ left:-6rem; background: url(/skin/default/web/img/dot_left.png) no-repeat;}
.sect_k6 .swiper-button-next{ right:-6rem; background: url(/skin/default/web/img/dot_right.png) no-repeat;}
.sect_k6 .swiper-button-prev, .sect_k6 .swiper-button-next{ top:0; bottom:0; margin:auto 0; width:5rem; height:5rem; line-height:5rem; text-align:center; background-size:cover ; border-radius: 6rem; border: none;}
.sect_k6 .swiper-button-prev i, .sect_k6 .swiper-button-next i{ color:#fff; font-size:2rem;}

.sect_k7{ background: url(/skin/default/web/img/bg_k4.jpg) no-repeat center 0; background-size: cover; padding: 6rem 0;}
.sect_k7 .pos{ z-index: 3;}

.box-title-4{ color: #fff; line-height: 5rem;}
.box-title-4 i{ text-transform: uppercase; display: block; font-weight: bold; font-size: 4.8rem; opacity: 0.2;}
.box-title-4 span{ font-size: 3.6rem; font-weight: bold; background: url(/skin/default/web/img/tdot.png) no-repeat right center; padding-right: 5rem;}

.isub{ text-align: right; margin-top: 5rem;}
.isub a{ display: inline-block; width: 14rem; line-height: 4rem; border-radius: 4rem; border: 1px solid #fff; text-align: center; color: #fff; font-size: 1.6rem; margin: 0 2%;}
.isub a.on,.isub a:hover{ background-image: linear-gradient(-255deg,#0194d7,#19cbee); border-color: #0194d7;}

.sect_k7 a.more-3{ color: #fff; border-color: #a6a6a7;}
.news-box{}
.news-box .ntit{ padding: 2rem;}
.news-box .icon{}
.news-box .icon img{ width: 100%;}
.news-box .ntit h3{ font-size: 2.4rem;}
.news-box .ntit p{ color: #666; font-size: 1.6rem;}
.news-box .ntit span{ color: #999;}
.news-box .ntit i{ display: inline-block; border-radius: 3rem; background: #dcdcdc; color: #fff; padding: 0 1rem; font-size: 2rem; line-height: 2.2rem; float: right;}
.news-box a{ background: #fff;}
.news-box a:hover i{  background-image: linear-gradient(-255deg,#0194d7,#19cbee);}
.news-box a:hover h3{background-image:linear-gradient(220deg,#0cade1,#0cade1,#1accee); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.news-box2{ background: #fff; padding:1.7rem; clear: both; overflow: hidden; margin-bottom: 1rem;}
.news-box2 .ntit{ padding:0;}
.news-box2 .icon{}
.news-box2 .icon img{ width: 100%;}
.news-box2 .ntit h3{ font-size:1.6rem;}
.news-box2 .ntit p{ color: #666; font-size: 1.6rem;}
.news-box2 .ntit span{ color: #999;}
.news-box2 .ntit i{ display: inline-block; border-radius: 3rem; background: #dcdcdc; color: #fff; padding: 0 1rem; font-size: 2rem; line-height: 2.2rem; float: right;}
.news-box2:hover i{  background-image: linear-gradient(-255deg,#0194d7,#19cbee);}
.news-box2:hover h3{background-image:linear-gradient(220deg,#0cade1,#0cade1,#1accee); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}<!--��ʱ1764536937.4161��-->