/* ==========================================================================
   Index Page
   ========================================================================== */
.justify-content-between{
    justify-content: space-between;
}
/*首页banner大图样式*/
.ibanner{ position:relative; height:966px; width: 100%; overflow: hidden; background: url("../img/bg_k1.jpg") no-repeat center 0; background-size: cover;}
.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:150px; background: url("../img/dot_left.png.html") no-repeat center center;}
.ibanner .swiper-button-next{ left:250px; right: auto; background: url("../img/dot_right.png.html") 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 .swiper-pagination{ bottom:17rem!important; color: #555; text-align: left; width: 100%; height: 30px; box-sizing: border-box; left: 14%;}
.ibanner .swiper-pagination-bullet{ color: #555; opacity: 1; width: auto; height: auto; border-radius: initial; background:none; display: inline-block; margin-right: 20px!important;}
.ibanner .swiper-pagination-bullet::before{ content: ""; width: 0px; height: 1px; display: block; background-color: #2468f2; top: 13px; left: 20px; position: relative;}
.ibanner .swiper-pagination-bullet-active{ color: #2468f2;}
.ibanner .swiper-pagination-bullet-active::before{ width: 30px;}
.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 .ban-img span{ font-size: 9rem; font-weight: bold;}
.ibanner .ban-img p{ font-size: 4.8rem;}

.ibanner .full-row{ display: flex;}
.ibanner .full-row::before{ display: none;}
.ibanner .full-row::after{ display: none;}
.ibanner .jcent{ height: 100%; align-items: initial;}
.ibanner .bfont{ color: #fff; text-align: left;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block;background-color: #2468f2; border-radius: 5.3rem; width: 15.5rem; height: 5.3rem; color: #fff; line-height: 5.3rem; font-size: 1.8rem; margin-top: 12rem; text-align: center;}
.ibanner .bfont a:hover{background: #f76964; color: #fff; transition: all 0.4s;}
.ibanner .bimg{ text-align: right;}


/*首页分类样式*/
.isub{ text-align: right; color: #5e5e5e; font-size: 16px; clear: both; overflow: hidden; line-height: 4rem; margin-top: 6rem;}
.isub a{ color: #5e5e5e; display: inline-block; padding:0 2.5%; font-size: 18px; border: 1px solid #ddd; margin-left: 1.5%;}
.isub a:hover,.isub a.active{ color: #fff; background:#e11d07; border-color: #e11d07;}

.sect_k1{ background: url("../img/bg_k2.jpg") no-repeat right center; margin-top: -5rem; position: relative; z-index: 2; }

.block-1{ box-shadow: #f2f2f2 0 0 8px; height: 80px; padding: 2rem; border-radius: 5px; text-align: center; background-color: #fff;}
.block-1 span{ display: block; font-size: 3rem; color: #1f2329; font-weight: bold;}
.block-1 p{ font-size: 18px; color: #464646; line-height: 36px; display: inline-block; vertical-align: middle; text-align: left;}
.block-1 i{ display: inline-block; vertical-align: middle; margin-right: 2rem;}
.block-1:hover{ background: url("../img/ahover.jpg") no-repeat center center; background-size: cover; transition: all 0.5s;}
.block-1:hover span,.block-1:hover p{ color: #fff; transition: all 0.5s;}


.img-box{ margin-bottom: 2rem;}
.img-box a .icon{ background: #f4f5f5; }
.img-box .ntit{ padding: 15px 0; background: #f4f5f5; margin-top: 2px;}
.img-box .ntit h3{ text-align: center; color: #373737; font-size: 18px; padding: 0; line-height: 30px;}
.img-box .ntit p{ color: #5f5f5f; font-size: 14px;}
.img-box a:hover .ntit{ background: #e11d07;}
.img-box a:hover .ntit h3{ color: #fff;}

.img-box2 a .icon{ background: #fff;}
.img-box2 .ntit{ padding: 15px 0;}
.img-box2 .ntit h3{ text-align: center; color: #1f1f1f; font-size: 18px; padding: 0; line-height: 30px;}

.sect_k2{ background: url("../img/bg_k3.jpg") no-repeat center 0; padding-top: 8rem;}
.sect_k2 .swiper-button-next, .sect_k2 .swiper-button-prev{ background: #e11d07; border: 1px solid #e11d07; width: 45px; height: 45px; text-align: center; line-height: 45px; margin: 0; bottom: auto; top: -90px;}
.sect_k2 .swiper-button-next i, .sect_k2 .swiper-button-prev i{ font-size: 3rem; color: #fff;}
.sect_k2 .swiper-button-next{ right: 0;}
.sect_k2 .swiper-button-prev{ left: auto; right: 60px;}
.sect_k2 .swiper-button-next.swiper-button-disabled,.sect_k2 .swiper-button-prev.swiper-button-disabled{ background: #fff; border-color: #959595;}
.sect_k2 .swiper-button-next.swiper-button-disabled i,.sect_k2 .swiper-button-prev.swiper-button-disabled i{ color: #373737;}
.sect_k2 .swiper-pagination{ width: 100%; bottom: 0;}
.sect_k2 .swiper-pagination span{ background: #373737; margin: 0 5px;}
.sect_k2 .swiper-pagination .swiper-pagination-bullet-active{ background: #e11d07; width: 20px; border-radius: 20px;}

.sect_k3{ background: url("../img/bg_k5.jpg") no-repeat center 0; background-size: cover; position: relative; color: #fff; padding-bottom: 7rem;}
.sect_k3 .bcate{ background: url("../img/cate_bg.png") no-repeat center 0; background-size: cover; padding: 8rem 0 0; position: relative; margin-top: -6rem;}
.sect_k3 .btit span{ font-size: 4.8rem; line-height: 4.8rem; display: block; text-align: center;}
.sect_k3 .tabs a{ display: block; height: 9rem; line-height: 9rem; color: #afc0e3; font-size: 22px; padding: 0 12%;}
.sect_k3 .tabs a::after{ content: "\e8f1"; font-family: "iconfont"; display: inline-block; float: right; width: 28px; height: 28px; line-height: 28px; border-radius: 28px; text-align: center; margin-top: 3rem;}
.sect_k3 .tabs a i{ font-size: 3.4rem; display: inline-block; vertical-align: middle; width: 6rem; text-align: center; margin-right: 2rem;}
.sect_k3 .tabs a:hover,.sect_k3 .tabs a.active{ color: #fff; background-color: rgba(255,255,255,0.1);}
.sect_k3 .tabs a:hover::after,.sect_k3 .tabs a.active::after{background-color: #fff; color: #3070f3;}
.sect_k3 .tablist .tlist{ text-align: left;}
.sect_k3 .btit2 span{ font-size:3.6rem; line-height: 3.6rem; display: block; border-bottom: 1px solid #3f4250; padding: 3rem 0;}
.sect_k3 .binfo{ font-size: 15px; line-height: 30px; color: #b2b9c9;}
.sect_k3 .binfo a{ color: #b2b9c9; display: inline-block; background: url("../img/amore.png") no-repeat right center; padding-right: 15px; margin-top: 2rem;}
.sect_k3 .binfo a:hover{ color: #fff;}
.sect_k3 .bkeys a{ display: inline-block; color: #b2b9c9; padding: 0 2rem; height: 28px; line-height: 28px; border: 1px solid #b2b9c9; border-radius: 28px; margin: 0 5px;}
.sect_k3 .bkeys a:hover{ background-color: #b2b9c9; color: #0163df;}
.sect_k3 .blink img{ margin-right: 2%; margin-bottom: 1rem;}

.sect_k4{ background: url("../img/bg_k6.png") #fbfbfd no-repeat center 0; padding: 10rem 0; }
.sect_k4 .swiper-kh{ overflow: hidden; padding-bottom: 8rem; padding-top: 3rem;}
.sect_k4 .swiper-pagination{ bottom: 0;}
.sect_k4 .swiper-pagination-bullet{ background-color: #a7befc; opacity: 1; width: 12px; height: 12px;}
.sect_k4 .swiper-pagination-bullet-active{ background-color: #547fff;}
.block-2{ background-color: #fff; border-radius: 5px; box-shadow: #ddd 0 0 10px; position: relative; padding:0 3rem 3rem; clear: both;}
.block-2 .bimg{ position: relative; top: -2.5rem;}
.block-2 .bimg img{ width: 47px; height: 47px; border-radius: 47px; display: block;}
.block-2 p{ color: #626262; line-height: 30px;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; }
.block-2 span{ color: #1f2329; font-size: 18px; margin-right: 1rem;}
.block-2 i{ display: inline-block; float: right; width: 32px; height: 32px; border-radius: 32px; background-color: #2468f2; color: #fff; line-height: 32px; text-align: center; font-size: 2rem;}

.swiper-fw{ margin: 0 19rem;}
.sect_k4 .swiper-button-next, .sect_k4 .swiper-button-prev{ width: 45px; height: 45px; background-size: auto;}
.sect_k4 .swiper-button-next{ background: url("../img/btn_right.jpg") no-repeat center center;}
.sect_k4 .swiper-button-prev{ background: url("../img/btn_left.jpg") no-repeat center center;}

.fw-box .icon{ background: none;}
.fw-box .ntit{ text-align: center;}

.inews{ display: block; clear: both; margin-top: 3rem;}
.inews a{ color: #3f3f3f; display: block; box-sizing: border-box; box-shadow: #ddd 0 0 10px; border-radius: 5px; overflow: hidden; background-color: #fff; position: relative;}
.inews .icon{ border-radius: 5px;}
.inews .icon img{ width: 100%;}
.inews span{ display: inline-block; color: #c0c0c0;}
.inews h4{font-size: 18px; line-height:30px; font-weight: normal;}
.inews .news-bk{ padding: 2rem;}
.inews a::after{ content: ""; width: 40px; height: 5px; background-color: #4e6ef8; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
.inews a:hover::after{ width: 100%;}



.menu{ position: fixed; width: 100px; height: 250px; right: 30px; top: 50%; margin-top: -250px; z-index: 10000000; }
.menu:before{ content: "";border-right: 1px dashed #959595; display: block; width: 1px; height: 85%; position: absolute; top: 0; right: 11px; bottom: 0; margin: auto 0;}
.menu a{ color: #111; display: block; position: relative; line-height: 50px; text-indent: 10px;}
.menu a span{ position: relative; z-index: 3;}
.menu a:before{ content: ""; width: 22px; height: 22px; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0; background: #ececec; border-radius: 22px;}
.menu a:after{ content: ""; width: 6px; height: 6px; display: block; position: absolute; top: 0; right: 8px; bottom: 0; margin: auto 0; background: #e11d07; border-radius: 6px;}
.menu a.current{ color: #fff;}
.menu a.current:before{ background: #e11d07; width: 110%;}
.menu a.current:after{ background: #fff;}

.index-pad{ margin-left: 5rem;}