/* ==========================================================================
   index page
   ========================================================================== */
.ibanner{ height:1100px; overflow:hidden; position:relative; background: url(/uploads/image/thwimg/ban1.jpg) no-repeat center 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; opacity:0!important; transition:all 0.5s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}


.sect_bk1{position:relative; margin-top: -90px;}
.sect_bk1 .brow{ background: #c51218; color: #fff; padding: 3rem 3rem 2rem; min-height: 192px; transition: all 0.5s;}
.sect_bk1 .br-bg2{ background: #be070c;}
.sect_bk1 .icon{ clear: both; overflow: hidden; text-align: center; padding-top: 2rem;}
.sect_bk1 .f-fl{ width: 44%;}
.sect_bk1 .f-fl p{ font-size: 2.6rem; line-height: 6rem;}
.sect_bk1 .f-fl span{ font-size: 6rem; }
.sect_bk1 .f-fr{ font-size: 2rem; border-bottom: 1px solid #f6f6f6; width: 55%; line-height: 2.8rem; padding-bottom: 1rem;}
.sect_bk1 .f-fr i{ font-style: normal; font-size: 1.6rem;}
.sect_bk1 .brow:hover{ margin-top: -2rem; transition: all 0.5s;}


.sect_bk2{overflow:hidden;  position:relative; background: #f6f6f6; padding: 5rem 0;}
.sect_bk2 .swiper-button-prev,.sect_bk2 .swiper-button-next{ background: #e50126; background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;}
.sect_bk2 .swiper-button-prev i,.sect_bk2 .swiper-button-next i{ color: #fff; font-size: 3rem;}
.sect_bk2 .swiper-button-prev{ left: -30px;}
.sect_bk2 .swiper-button-next{ right: -30px;}

.sect_bk3{ position:relative; overflow:hidden; background: url(/uploads/image/thwimg/bg_k1.jpg) no-repeat center center; height: 659px;}
.sect_bk3 .wrap{ padding: 10rem 0 0;}
.sect_bk3 .block-1{ background: url(/uploads/image/thwimg/op_1.png); color: #fff; padding: 3rem 5rem; width: 700px; text-align: center; margin: 0 auto;}
.sect_bk3 .box-title span,.sect_bk3 .box-title i{ color: #fff;}
.sect_bk3 .box-title span:after{ background: #fff;}
.sect_bk3 .block-1 p{ font-size: 1.6rem; background: url(/uploads/image/thwimg/dot_a.png) no-repeat center 0; padding-top: 6rem;}
.sect_bk3 .block-1 .fstyle{ display:inline-block; background: #fff; padding: 0.5rem 4rem; color: #222; margin-top: 2rem; font-size: 2rem;}

.sect_bk4{ position:relative; overflow:hidden;}
.block-2{ line-height: 30px;}
.block-2 p{-webkit-line-clamp:5;}
.block-2 img{ display: block; margin-bottom: 20px;}
.block-2 a{ display:block; width: 120px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ce000f; color: #ce000f; font-weight: bold;float: right; position: relative;}
.block-2 a i{ font-size: 5rem; position: absolute; right: -2rem;transition: all 0.5s;}
.block-2 a:hover{ color: #fff; background: #ce000f;}
.block-2 a:hover i{ color: #ce000f; right: -4rem; transition: all 0.5s;}

.block-3{ background: #ffe6e9; border-top: 5px solid #cd000f; padding: 1rem 2rem; color: #686765;}
.block-3 span{ font-size: 2rem;}
.sect_bk4 .swiper-button-prev,.sect_bk4 .swiper-button-next{ background: none; background-image:none ; width: 20px; height: 40px; text-align: center; line-height: 40px; top: -20px;}
.sect_bk4 .swiper-button-prev i,.sect_bk4 .swiper-button-next i{ color: #999; font-size: 2rem;}
.sect_bk4 .swiper-button-prev{ right: 50px; left: auto;}
.sect_bk4 .swiper-button-next{ right: 0;}

.sect_bk5{ background: url(/uploads/image/thwimg/bg_k2.jpg) no-repeat center center #fcfcfc; padding: 6rem 0;}