/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ position:relative; height:764px;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;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-pagination-bullet{ color: #fff;  margin: 0 2px; display: inline-block; width: 50px; height: 5px; background: #000; opacity: 0.4; border-radius: 0;}
.ibanner .swiper-pagination-bullet-active{ background:#fff; color: #fff; opacity: 1;}
.ibanner .swiper-pagination-fraction,.ibanner .swiper-pagination-custom,.ibanner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; text-align: center; left: 0; width: 100%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0;}
.ibanner .swiper-button-next{ right:0;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:rgb(37,137,255,0.6); width:36px; height:60px; line-height:60px; text-align:center;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%;}


/*.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}*/
.sect_k11 { clear: both; overflow: hidden; background: url(../image/bg_ak1.jpg); padding: 8rem 0 6rem; position: relative; text-align: center; }
.sect_k11 .brow{ position: relative;   line-height: 14rem; text-align: center;}
.sect_k11 .brow i{ font-size: 20rem; vertical-align: top; opacity: 1;}
.sect_k11 .brow span{ display: block; position: absolute; font-size: 2.4rem; width: 100%; height: 100%; top: 0; left: 0;}
.sect_k2{ background:#1a4bbd; padding: 8rem 0; color: #fff;}

.block-ys{ position: relative; overflow: hidden;}
.block-ys .bimg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.block-ys img{ width: 100%; height: 100%;}
.block-ys .brow{ position: relative; text-align: center;}
.block-ys .brow i{ font-size: 8rem; line-height:10rem; width: 83px; height: 83px;}
.block-ys .brow i img{ width: 83px; height: 83px;}

.block-ys .brow span{font-size: 2.4rem; display: block;}
.block-ys .bhover{ position: absolute; width: 100%; height: 100%; left: 0; text-align: center; opacity: 0; }
.block-ys .bhover:after {display: inline-block; height: 100%;width: 0;text-align: center; vertical-align: middle;}

.block-ys:hover .brow{ opacity: 0; transition: all 0.3s;}
.block-ys:hover .bhover{top:0; transition: all 0.3s;  opacity: 100; }

.sect_k3{}
.sect_k3 .brow{ text-align: center; }
.sect_k3 .brow i{ font-size: 10rem; color: #3752ff; display: block; line-height: 13rem;}
.sect_k3 .brow span{font-size: 2.6rem;}
.sect_k3 .brow p{}
.sect_k3 .brow p span:nth-child(1){ color: #3752ff; background: url(../image/idot_1.jpg) no-repeat 0 center; padding-left: 30px;}
.sect_k3 .brow p span{ font-size: 1.6rem; display: inline-block; margin: 0 2%;}


.sect_k4{ background: url(../image/bg_k3.jpg) no-repeat center center; padding:13rem 0; color: #fff; background-size: cover;}
.block-1{ width: 40%; }
.block-1 p{ font-size: 1.8rem;}
.block-1 a{ display: inline-block; border: 1px solid #fff; font-size: 1.8rem; width: 210px; height: 55px; text-align: center; line-height: 55px; color: #fff; margin-top: 6rem; border-radius: 5px;}
.block-1 a:hover{ background: #f36171; border-color: #f36171;}
.sect_k4 .btit span{ font-size: 6rem;}
.sect_k4 .btit p{ font-size: 3.6rem;}

.sect_k6{ background: url(../image/bg_k4.jpg) no-repeat center center; height: 220px; line-height: 220px; background-size: cover; }
.sect_k6 p{ text-align: center; font-size: 4.8rem; color: #fff;}

.sect_k7 .swiper-button-prev{ left:0;}
.sect_k7 .swiper-button-next{ right:0;}
.sect_k7 .swiper-button-prev, .sect_k7 .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:#0e0d52; width:55px; height:60px; line-height:60px; text-align:center;}
.sect_k7 .swiper-button-prev i, .sect_k7 .swiper-button-next i{ color:#fff; font-size:1rem;}


