/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:700px; position:relative;}
.ibanner .swiper-container {width: 100%;height: 100%; overflow:hidden;}
.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; transition:all 0.5s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .swiper-button-prev,.ibanner .swiper-button-next{ background:rgba(223,199,169,0.9); background-image:none ; width: 55px; height: 55px; text-align: center; line-height:55px; border-radius: 55px;}
.ibanner .swiper-button-prev i,.ibanner .swiper-button-next i{ color: #fff; font-size: 3rem;}
.ibanner .swiper-button-prev{ left: 25px;}
.ibanner .swiper-button-next{ right: 25px;}
.ibanner .swiper-pagination-bullet{ width: 7px; background: #eee; font-size: 18px; height: 30px; line-height: 30px; color: #fff; opacity: 1; border-radius: 0; margin: 0 3px!important; position: relative; border-radius: 30px;}
.ibanner .swiper-pagination{ bottom: 35px!important;}
.ibanner .swiper-pagination-bullet-active{ background: #dc1616;height: 40px;}

.sect_cate{ background: #f6f6f6; padding: 2rem 2%;}
.sect_cate a{ display: block; text-align: center;}

.isubnav{ text-align: right; margin-top: -30px;}
.isubnav a{ display: inline-block; position: relative; border: 1px solid #d9b454; background: #d9b454; color: #fff; line-height: 4rem; margin-left: 1%; padding: 0 3%;}
.isubnav a:hover{ background: none; border-color: #002640; color: #002640;}
#swiper_six  .swiper-wrapper{justify-content: center;}
.sect_bk1{
   padding:6rem 0 7rem;
   /* background: url(../img/bg_k1.jpg) no-repeat center bottom; */
   /* background-size:100% 65% ; */
   /* background: #0065ce; */
   position: relative;
}
.sect_bk1::after{
   content: "";
   display: block;
   width: 100%;
  height:61%;
   background-image: url(../img/probg1.jpg);
   background-size: auto;
   background-repeat: no-repeat;
   position: absolute;
   bottom: 0;
   z-index: -1;
  
}



.block-ys{ padding: 8rem 0; text-align: center; color: #000;}
.block-ys .brow span{ display: block; font-size: 6rem; line-height: 6rem;color: #f90308;}
.block-ys .brow>div{opacity: 0.7;}
.block-ys .brow span i{
   font-size: 12px; font-style: normal; display: inline-block; vertical-align: middle; margin-left: 10px;
   writing-mode: vertical-rl;
   width: 40px;
   letter-spacing: 10px;
}
.block-ys .brow p{ font-size: 16px;}
.sect_bk1 .block-1{ background: #fff; padding: 5rem 0 5rem 5rem;}


.sect_bk1 .bgcolor{
   /*background-color: #0065ce;*/
}


.sect_bk1 .block-1:after{ content: ""; position: absolute; display: block; width: 50%; height: 100%; right: -50%; top: 0; background: #fff;}
.sect_bk1 .block-1 .brow{ }
.sect_bk1 .block-1 .video{ }

.sect_bk1 .block-1 .video iframe{
   width: 575px;
   height: 320px;
}
.sect_bk1 .block-1 .btit span{ display: block; color: #525252; font-size: 18px;}
.sect_bk1 .block-1 p{ color: #797979; font-size: 15px; margin: 25px 0; -webkit-line-clamp: 3;}

.block-1 a{ display: inline-block; background: #BFA483; color: #fff; line-height: 45px; text-align: center; padding: 0 30px; font-size: 14px;}
.block-1 a:hover{ background: #fd0401;}

.sect_bk2{ background: #fafafa; padding: 6rem 0 5rem;}
.block-2{ position: relative; overflow: hidden;}
.block-2 .brow{ position: relative; text-align: center; line-height: 0;}
.block-2 .brow img{ width: 100%;object-fit: cover;height:100%;}
.block-2 .bhover{ position: relative; background: #e0be96; text-align: left; color: #fff;}
.block-2 .bhover .btit{ text-align: left;}
.block-2 .bhover span{ font-size: 2.8rem; vertical-align: middle; font-weight: bold;}
.block-2 .bhover span:before{ content: ""; display: block; width: 50px; height: 3px; background: #fff;}
.block-2 .bhover p{ text-align: left; font-size: 15px;}
.block-2 .pad{ padding:0 3.5rem;}
.block-2 .bh2{ background-image: linear-gradient(#f4d6b2, #c2a582); color: #fff;}
/*.block-2 .bh3{ background-image: linear-gradient(90deg, #c1bda3, #d8d4bb); color: #fff;}*/
.block-2 .bh2 span:before,.block-2 .bh3 span:before{ background: #fff;}

  
.sect_bk4{ background: #f9f9f9; padding: 4rem 0;}



.news-box{ background: #fff;}
.news-box a{ text-align: left; padding-right: 3rem;}
.news-box h3{ padding: 0 0 10px; font-size:2.4rem; text-align: left; color: #f19913; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.news-box p{ color: #929292; font-size: 14px; line-height: 24px; padding: 0;-webkit-line-clamp: 4;}
.news-box a:hover h3{ color: #fd0401;}


.ul-news li{ background: #fff; border: 1px solid #ccc; float: left; width:32.6%;}
.ul-news li a{ display: block; clear: both; overflow: hidden; padding: 3rem 3% 3rem 0;}
.ul-news li .date{ text-align: center; line-height: 30px; padding:0;}
.ul-news li .date span{ display: block; color: #1e1e1e; font-size: 4rem; font-weight: bold;}
.ul-news li .date i{ font-style: normal; color: #5d5d5d; font-size: 14px;}
.ul-news li:hover{ background: #f19913; transition: all 0.5s;}
.ul-news li a:hover{ transition: all 0.5s;}
.ul-news li h3{font-size: 1.6rem; padding-top: 0;}
.ul-news li p{ color: #646464; margin: 0;height: 55px}
.ul-news li a:hover h3,.ul-news li a:hover p,.ul-news li a:hover .date span,.ul-news li a:hover .date i{ color: #fff; transition: all 0.5s;}
.ul-news li a:hover h3 i{ background: #fff; color: #00a551;}
@media (max-width: 1440px) {
   .ibanner{ height:550px;background-size: auto 100%;}
   .sect_bk1 .block-1 .video iframe{
      width: 575px;
      max-width: 100%;
      height: 260px;
   }
}
@media (max-width: 1200px) {
   .htop p .span{display: none;}
   .ibanner{height: 430px;}
	.sect_bk1 .block-1 .video iframe{height: 215px}
  #swiper_six .swiper-wrapper{justify-content:unset;}
   .news-box h3{font-size:2rem;}
  .block-2 .bhover span{font-size: 2rem;}
  .block-2 .bhover p{line-height:21px;}

}
@media (max-width: 1024px) {
   .ibanner{height: 350px;}
   .ibanner .swiper-slide{background-size: cover;}
  .news-box h3{font-size:1.6rem;}
  .ul-news li .date span{font-size:2.5rem;}
}
@media (max-width: 890px) {

  
  
  
  
  
  
}
@media (max-width: 765px) {
	.sect_bk2 .block-2 .span-6 .widget-respimg{
		height: 146px!important;
	}
	.sect_bk2 .block-2 .span-3 .bhover .widget-respimg{
		height: 176px!important;
	}
	.block-ys .brow>div{
		font-size: 10px;
	    line-height: 1.2;
	    height: 30px;
	}
}
@media (max-width: 670px) {

}
@media (max-width: 400px) {

}