/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:758px; overflow: hidden;}
.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:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:5rem; height:5rem; line-height:5rem; text-align:center; background: #1168df;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.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 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.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 .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

/*标题样式*/
.box-title{ line-height: 5rem; text-align: center; background: url(../img/tit_1.png) no-repeat center center;}
.box-title span{ display: block; font-size: 3.6rem; font-weight: bold;}
.box-title i{ color: #f89e1d;}
.box-title p{ font-size: 1.8rem; color: #585858; line-height: 24px; margin-top: 1rem;}

.box-title-2{ line-height: 5rem;}
.box-title-2 span{ display: block; font-size: 3.6rem; font-weight: bold; font-size: 3rem;}
.box-title-2 span:after{ content: ""; width: 5rem; height: 3px; background: #356eff; display: block;}

/*首页分类样式*/
.isub{ text-align: center;}
.isub a{ color: #8e8e8e; border: 1px solid #d2d2d2; background: #fff; display: inline-block; margin: 0 0.5%; padding: 0 4%; line-height: 4rem; font-size:18px;}
.isub a:hover{ color: #fff; background: #1168df;}

.sect_k1{ padding: 6rem 0;}
.iimg-box h3{ position: relative; padding: 2rem 0 0; }
.iimg-box a{ text-align: center; border-bottom: 2px solid #d6d4d5; padding-bottom: 2rem;}
.iimg-box .icon{ position: relative; border: 1px solid #dedede;}
.iimg-box .icon:before{ content: ""; background: #000; opacity:0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.iimg-box .icon:after{ content: "\e628"; font-family: "iconfont"; display: block; position: absolute; color: #fff; border-radius: 5rem; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; background: #1168df; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto;}
.iimg-box a:hover{ background: #1168df;}
.iimg-box a:hover h3,.iimg-box a:hover p{ color: #fff;}
.iimg-box a:hover .icon:before{ opacity: 0.5; z-index: 2;}
.iimg-box a:hover .icon:after{ opacity: 1; z-index: 3;}

.ys-prev{ left:0; background: #0152c2; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next{ right:0; background: #0152c2; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next i,.ys-prev i{ font-size: 2rem; color: #fff; line-height: 5rem;}

.sect_k3{background: #f7f6f7; padding: 6rem 0;}
.sect_k3 .box-title{background: url(../img/tit_2.png) no-repeat center center;}
.bk-ys2{ text-align: center;}
.bk-ys2 span{ display: block; font-weight: bold; font-size: 2.4rem; margin: 2rem 0;}
.bk-ys2 p{ color: #5a5a5a; margin: 0 15%;}

.sect_k2{}

.bk-ys{ position: relative; z-index: 3; }
.bk-ys .pos{ z-index: 3; padding: 0 4%;}
.bk-ys .brow{ position: relative; background: #0082f6; height: 100%;width: 370px;}
.bk-ys .brow a{ display: block; position: absolute; width: 85%; left: 0; right: 0; color: #fff; bottom: 6rem; height: 70px; margin: 0 auto; z-index: 2;}
.bk-ys .brow a p{ opacity: 0; -webkit-line-clamp:3; line-height: 30px;}
.bk-ys .brow a h3{ font-size: 2.4rem; }
.bk-ys .brow a h3:after{ content: ""; width: 10rem; height: 3px;background: #fff; display: block; margin: 10px 0;}
.bk-ys .brow:hover img{ opacity: 0.3;}
.bk-ys .brow:hover a{ height: 60%; color: #fff;}
.bk-ys .brow:hover a p{ opacity: 1;}

.case-box { margin-bottom: 0;}
.case-box .icon{ height:50rem; position: relative;}
.case-box .binfo{ color: #fff; background: rgba(182,43,32,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 15%; opacity: 0; transition: all 0.5s;}
.case-box .binfo i{ display: block; width: 10rem; border: 1px solid #fff; text-align: center; line-height: 4rem; margin: 1rem auto 0;}
.case-box h3{ color: #fff; font-size: 2.4rem;}
.case-box a:hover .binfo{ opacity: 1; transition: all 0.5s;}

.case2-box .icon{ height: 47rem; position: relative;}
.case2-box .icon:before{ content: ""; background: #000; opacity:0.5; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.swiper-slide-active .case2-box .icon:before{ opacity: 0;}
.sect_k2 .ys-next{ right: 22%; margin-top: -3rem;}
.sect_k2 .ys-prev{ left: 22%; margin-top: -3rem;}

a.imore{ border: 1px solid #fff; display: inline-block; line-height: 4rem; width: 15rem; color: #fff; text-indent: 15%; }
a.imore i{ color: #fff; border-left: 1px solid #fff; float: right; width: 4rem; display: inline-block; text-align: center;}
a.imore:hover{ border-radius: 5rem;}

.sect_k4{ background: url(../img/bg_k1.jpg) no-repeat center center; padding: 6rem 0;}
.sect_k4 .block-2{ color: #fff; padding-top: 2rem;}
.sect_k4 .block-2 p{ line-height: 30px; color: #fff;}
.sect_k4 .btit{ position: relative; }
.sect_k4 .btit span:before{ content: ""; display: block; width: 45px; height: 4px; background: #f7c516; margin-bottom: 1rem;}
.sect_k4 .btit span{ display: block; font-size: 4.8rem; color: #f7c516;}
.sect_k4 .btit i{ font-size: 2.6rem; font-weight: bold;}
.sect_k4 .brow{ color: #f7c516; font-size: 1.8rem; line-height: 5rem;}
.sect_k4 .brow p{color: #f7c516;;}
.sect_k4 .brow p i{ font-weight: bold; font-size: 4.8rem;}

.sect_k5{margin-left: 10%; }
.sect_k5 .swiper-pagination{ text-align: center; margin-top: 5rem; position: relative;}
.sect_k5 .swiper-pagination-bullet{ margin: 0 5px; background: #3a3a3a; width: 15px; height: 15px; opacity: 1;}
.sect_k5 .swiper-pagination-bullet-active{ background: #f8c252; width: 10rem; border-radius: 10rem;}

.inews-box{ background: #fff; border: 1px solid #e5e5e5; padding: 3rem;}
.inews-box p{-webkit-line-clamp:3; color: #727272; margin: 1rem 0;}
.inews-box h3{ font-weight: normal; font-size: 2rem;}
.inews-box span{ color: #959595; font-size: 2.4rem;}
