/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; width: 100%; height: 862px; overflow: hidden; transition: all 0.6s; z-index: 12; color: #fff;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { position:relative; background-size: cover; background-position: center 0; height: 100%; width: 100%;}
.ibanner a{ display: block; position: relative; height: 100%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:150px; background: url(../img/dot_left.png) no-repeat center center;}
.ibanner .swiper-button-next{ left:250px; right: auto; background: url(../img/dot_right.png) no-repeat center center;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ bottom:6rem; margin:0; width:66px; height:66px; line-height:66px; border-radius: 66px; text-align:center; top: auto; background-size: cover;}

.ibanner .ban-img{ width:100%; height:100%; color:#fff; position: relative;}
.ibanner .swiper-pagination{ color: #fff; text-align: center; width: 100%; height: 40px; bottom: 4rem; left: 0; overflow: hidden;}
.ibanner .swiper-pagination-bullet{ background: none;  opacity: 1; position: relative; width: 60px; height: 40px; border-radius: 0; margin: 0 5px; display: inline-block;font-size: 24px; text-align: center;}
.ibanner .swiper-pagination-bullet::after{ content: ""; background: #40435f; width: 100%; height: 3px; border-radius: 0; display: block; position: absolute; bottom: 0; left: 0;}

.ibanner .swiper-pagination-bullet{ color: transparent;}
.ibanner .swiper-pagination-bullet-active{ color: #fff; }
.ibanner .swiper-pagination-bullet-active::after{ background-color: #fff;}

.ibanner .swiper-pagination-current{}
.ibanner .btit i{ display: block; font-size: 7rem; color: #003c75; text-indent: 25px;line-height: 7rem;}
.ibanner .btit span{ font-weight: bold; font-size: 3rem; display: block; margin: 2rem 0;}
.ibanner .bcate{ font-size: 18px; line-height: 54px;}
.ibanner .bcate span{ display: block; font-weight: bold;}
.ibanner .bcate a{ color: #fff;}
.ibanner .bcate a:hover{ color: #5daffe;}

.amt-ban{ transform: scale(0.9); transition: all 1s;}
@keyframes amt-scroll{
	0%{ bottom: 50px; opacity: 0.8;}
	50%{ bottom: 90px; opacity: 0.5;}
	100%{ bottom: 50px; opacity: 0.8;}
}

.sect_k1{ background: url(../img/bg_k1.jpg) no-repeat center center; background-size: cover;}
.ys-title::before{ content: "4"; color: #148da3; display: inline-block; float: left; font-size: 14.4rem; font-family: "arial rounded mt bold"; line-height: 12rem; font-weight: bold; margin-right: 2rem;}
.ys-title i,.ys-title span{ display: block; font-size: 4.8rem; line-height: 6rem;}
.ys-title span{ font-weight: bold; color: #148da3;}
.block-1{ position: relative; padding: 12rem 0;}
.bk-bg{background-color: #f4f7fa; padding: 8rem 5rem; }
.block-1::before{ content: ""; background-color: #fff; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 100%; right: -100%;}
.block-1 .tabs{ float: right; width: 48%;}
.block-1 .tabs a{ display: block; width: 50%; float: left; height: 277px; text-align: center; box-sizing: border-box; padding: 4rem 2rem; border-bottom: 3px solid #f4f7fa;}
.block-1 .tabs a i{ display: block; overflow: hidden;}
.block-1 .tabs a img{filter: drop-shadow(0 99px #000); top: -99px; position: relative;}
.block-1 .tabs a span{ font-size: 2.4rem; display: block; margin: 2rem 0;}
.block-1 .tabs a p{ color: #666;}
.block-1 .tabs a.active,.block-1 .tabs a:hover{ background-color: #fff; border-radius: 5px; box-shadow: #ddd 0 0 10px; position: relative; border-color: #148da3;}
.block-1 .tabs a.active img,.block-1 .tabs a:hover img{ filter: drop-shadow(0 99px #000); top: 0;}
.block-1 .tabs a.active span,.block-1 .tabs a:hover span{ color: #14899e; font-weight: bold;}
.block-1 .tablist{ float: left; width: 45%;}
.block-1 .tlist{ text-align: left;}
.block-1 .binfo{ font-size: 16px; line-height: 36px; color: #666;}
.block-1 .binfo p{ margin-bottom: 1rem;}
.block-1 .binfo p span{ color: #148da3;}
.block-1 .binfo em{ position: relative; display: inline-block; border-radius: 30px;width: 30px; height: 30px;  text-align: center; margin: 0 15px 0 0; top: 9px;}
.block-1 .binfo em::after,.sect_k2 .tabs a em::before{ content: ""; position: absolute; width: 100%; height: 100%; display: block; border-radius: 100%; top: 0; bottom: 0; left: 1px; right: 0; margin: auto auto;}
.block-1 .binfo em::after{ background-color: #c7e1eb; transform: scale(0); z-index: 2;animation: yuan-amt2 2.5s infinite linear; }
.block-1 .binfo em::before{ background-color: #c7e1eb; transform: scale(0); z-index: 1;animation: yuan-amt 2.5s 1.5s infinite linear;}
.block-1 .binfo b{ position: absolute; z-index: 4; color: #fff; font-size: 22px; border: 1px solid #2394ab; width: 100%; height: 100%; display: block; border-radius: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto; background: url(../img/dot_z1.png) no-repeat center center #2394ab; line-height: 30px;}
.block-1 .binfo b::before{ display: none;}

a.more2{display: inline-block; color: #fff; font-size: 18px;  width: 167px; line-height: 55px; border-radius: 55px; border: 1px solid #fff;text-align: center; }
a.more2:hover{ background-color: #fff; color: #148da3;}

.sect_k2{background-color: #fff; position: relative;}
.sect_k2::before{ content: ""; display: block; position: absolute; width: 50%; height: 100%; background: url(../img/bg_k4.jpg) no-repeat center center; background-size: cover;}
.sect_k2 .full-row{ display: flex;}
.sect_k2 .box-title{ padding-top: 12rem;}
.sect_k2 .box-title i{ color: #fff;}
.sect_k2  .tabs{ text-align: center; float: right; width: 330px;}
.sect_k2  .tabs a{ display: block; line-height: 7.5rem; background-color: #ecf6fc; margin: 5px 0; font-size: 18px; color: #148da3;}
.sect_k2  .tabs a.active,.sect_k2  .tabs a:hover{ background-color: #04448b; padding: 8rem 0; font-size: 2.4rem; font-weight: bold; color: #fff;}
.sect_k2 .tablist{ padding:0; box-sizing: border-box; height: 100%; position: relative; }
.sect_k2 .tlist{ margin: 0; padding: 0; text-align: left; overflow: visible;}
.sect_k2 .tlist a{ display: block; padding: 4.5rem 0; padding-left: 10rem; padding-right: 60px; border-bottom: 1px solid #f8f9fb; line-height: 30px; position: relative;}
.sect_k2 .tlist a::before{ content: ""; position: absolute; height: 100%; width: 100%; right: -100%; top: 0; border-bottom: 1px solid #f8f9fb;}
.sect_k2 .tlist a em{ position: absolute; display: block; border-radius: 30px;width: 30px; height: 30px; right: 0; top:0; bottom: 0; margin: auto 0; text-align: center;}
.sect_k2 .tlist a em::after,.sect_k2 .tlist a em::before{ content: ""; position: absolute; width: 100%; height: 100%; display: block; border-radius: 100%; top: 0; bottom: 0; left: 1px; right: 0; margin: auto auto;}
.sect_k2 .tlist a em::after{ background-color: #cad7e4; transform: scale(0); z-index: 2; }
.sect_k2 .tlist a em::before{ background-color: #cad7e4; transform: scale(0); z-index: 1;}
.sect_k2 .tlist a i{ position: absolute; z-index: 4; color: #148da3; font-size: 22px; font-weight: bold; border: 1px solid #148da3; width: 100%; height: 100%; display: block; border-radius: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto; }
.sect_k2 .tlist a span{ font-size: 2.4rem;}
.sect_k2 .tlist a p{ font-size: 16px; color: #888;}
.sect_k2 .tlist a.active,.sect_k2 .tlist a:hover{ background-color: #f4f7fa; border-color: #148da3;}
.sect_k2 .tlist a.active span,.sect_k2 .tlist a:hover span{ color: #148da3; font-weight: bold;}
.sect_k2 .tlist a.active p,.sect_k2 .tlist a:hover p{ color: #148da3; opacity: 0.5;}
.sect_k2 .tlist a.active i,.sect_k2 .tlist a:hover i{ background-color: #148da3; color: #fff;}
.sect_k2 .tlist a.active::before,.sect_k2 .tlist a:hover::before{ background-color: #f4f7fa; border-color: #148da3;}
.sect_k2 .tlist a.active em::after,.sect_k2 .tlist a:hover em::after{ animation: yuan-amt2 2.5s infinite linear;}
.sect_k2 .tlist a.active em::before,.sect_k2 .tlist a:hover em::after{ animation: yuan-amt 2.5s 1.5s infinite linear;}
@keyframes yuan-amt{
	0%{ transform: scale(0); opacity: 0;}
	50%{ transform: scale(1.5); opacity: 1;}
	100%{ transform: scale(2); opacity: 0;}
}
@keyframes yuan-amt2{
	0%{ transform: scale(0); opacity: 0;}
	50%{ transform: scale(1.4); opacity: 1;}
	100%{ transform: scale(1.6); opacity: 0;}
}


.sect_k4{ overflow: hidden;}
.sect_k4 .swiper-container{ padding-bottom: 5rem;}
.sect_k4 .swiper-pagination{ bottom: 0;}
.hz-box .icon{ background-color: #fff; border: 1px solid #eee;}

.sect_k5{ background: url(../img/bg_k3.jpg) no-repeat center center; background-size: cover; padding: 12rem 0; color: #fff;}
.about-info{ font-size: 16px; line-height: 36px;}
.about-info a{ display: inline-block; color: #fff; border: 1px solid #fff; width: 167px; border-radius: 55px; line-height: 55px; text-align: center; font-size: 18px;}
.about-info a:hover{ background-color: #fff; color: #148da3;}
.sect_k5 .bk-video{ background: url(../img/bg_v.png) no-repeat right center; background-size: 100% auto; position: absolute; right: 0; top: 0; height: 100%; width: 31%;}
.sect_k5 .dot-v{ position: absolute; top: 0; bottom: 0; right: 10%; margin: auto 0; height: 125px; cursor: pointer; animation: namt 2s infinite;}
@keyframes namt{
	0{ bottom: 0;}
	50%{ bottom: 6rem;}
	100%{ bottom: 0rem;}
}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container {position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; overflow: hidden; margin: auto auto;}
.big_img .swiper-container  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 80%;max-height: 80%;margin:0 auto;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 20px; color: #1863af; width: 30px; height: 30px; line-height: 30px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 30px; background-color: #fff;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: none;}
.big_img .swiper-button-next{ right: 0;}
.big_img .swiper-button-prev{ left: 0;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 4rem; color: #ababaa; display: block; text-align: center;}

.vshare{ background-color: #fbfbfb; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-video .swiper-container{ width: 80%;}
.big-video .close{ left: auto; color: #fff; font-size: 3rem; background-color: rgba(0,0,0,0.5); right: 12%; top: 12%;}
.bshare-custom{ padding: 2rem 0;}