/* ==========================================================================
   Index Page
   ========================================================================== */

/*index*/
.ibanner{ position:relative; height:730px ; width: 100%; overflow: hidden; }
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* 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; background-color: #000; transform: scale(1.5);}
.ibanner .swiper-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform: scale(1.5); opacity: 0; transition: all 0s;}
.ibanner .swiper-slide-active .swiper-img{ transform: scale(1); opacity: 1; transition: all 4s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ left:0; display: flex; justify-content: center; align-items: center; bottom: 5%; line-height: 36px; position: absolute; text-align: center; width: 100%;color: #fff;}
.ibanner .swiper-pagination-bullet{background: none; background: rgba(255,255,255,0.5); opacity: 1; position: relative; width: 7px; height: 7px; border-radius: 100%; margin: 0 5px;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; background: none; width: 11px; height: 11px; border: 1px solid rgba(255,255,255,0.5);}
.ibanner .swiper-pagination span{ font-size: 14px;color: #fff;}

.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none;  opacity: 1; text-align: center; top: inherit;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-size: 4rem; opacity: 0.8;}
.ibanner .swiper-button-prev{ left: 1%; bottom: 45%; transform: rotateZ(180deg);}
.ibanner .swiper-button-next{ right: 2%; bottom: 45%; }

.tit_h1{ text-align: left; display: flex; justify-content: space-between; align-items: center; }
.tit_h1 p{ font-size: 2.4rem; color: #0F0F0F; font-family: 'HarmonyOS_Sans_SC_Medium'; text-transform: uppercase;}
.tit_h1 a{ color: #E8B867; font-size: 16px;}

.sect_h1{ background: #fffffff; position: relative; padding: 6rem 0; }
.list-1{  position: relative;}
.list-1 a{ position: relative; overflow: hidden; border: 1px solid #E5E5E5; padding: 2rem;}
.list-1 .icon{}
.list-1 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.list-1 .ntit{ text-align: left; padding: 15px 0 0; }
.list-1 .ntit h2{ font-size: 16px; font-weight: normal; text-align: left; line-height: 1.8; color: #0F0F0F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-1 .ntit p{ font-size: 18px; font-weight: bold; color: #0F0F0F;  line-height: 2;}

.sect_h2{ padding: 4rem 0;}
.news-box1{  position: relative;}
.news-box1 a{ position: relative;}
.news-box1 .icon{}
.news-box1 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.news-box1 .ntit{ text-align: left; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.5);}
.news-box1 .ntit span{ font-size: 2.4rem; text-align: center; color: #ffffff;}

.sect_h3{ position: relative; padding: 3rem 0;}
.sect_h3 .wrap{ position: relative;}
.sect_h3 .full-row{ display: flex; background: #FCF9F2; justify-content:flex-start; align-items: center;}
.sect_h3 .ntit{ max-width: 590px; margin: 0 auto;}
.sect_h3 .ntit a p{ font-size: 2.8rem; color: #0F0F0F; line-height: 1.5; font-family: 'HarmonyOS_Sans_SC_Light';}
.sect_h3 .ntit a span{ font-size: 2.8rem; font-weight: bold; line-height: 2; padding: 3rem 0; display: block; color: #0F0F0F;}
.sect_h3 .ntit a em{ background: #0F0F0F; color: #ffffff; font-size: 14px; text-transform: uppercase; max-width: 147px; height: 46px; line-height: 46px; display: block; font-style: normal; text-align: center; border: 1px solid #0F0F0F;}
.sect_h3 .ntit:hover em{ background: #ffffff; border: 1px solid #0F0F0F; color: #0F0F0F;}

.sect_h4{ position: relative; padding: 6rem 0 10rem;}
.sect_h4 .swiper-slide{ transform: scale(0.8); z-index: 1;}
.sect_h4 .swiper-slide-active{ transform: scale(1.2); z-index: 2;}
.sect_h4 .pagination1{ text-align: center; left: 0; right: 0; bottom: -8%;}
.sect_h4 .swiper-pagination-bullet{ width: 6px; height: 6px; background: #C6C6C6; margin: 0 5px;}
.sect_h4 .swiper-pagination-bullet-active{ width: 8px; height: 8px; background: #1E1F1F;}
.tit_h2{ text-align: center;}
.tit_h2 span{  font-size: 3rem; color: #0F0F0F; text-transform: uppercase; display: block;}
.tit_h2 p{ font-size: 18px; color: #0F0F0F; font-family: 'HarmonyOS_Sans_SC_Light'; max-width: 570px; margin: 2rem auto; line-height: 1.5;}
.sect_h4 .wrap{ position: relative;}
.sect_h4 .iprev4{ transform: rotateZ(90deg); left: -2%;}
.sect_h4 .inext4{  transform: rotateZ(270deg);  right: -2%;}
.sect_h4 .iprev4,.sect_h4 .inext4{ top: 70%; background: #ffffff; line-height: 41px; text-align: center; width: 41px; height: 41px; border-radius: 100%; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.25); box-shadow:0px 0px 5px rgba(0,0,0,0.25);}

.news-box2{  position: relative; margin-top: 10px; }
.news-box2 a{ position: relative; padding: 1.5rem 2rem; -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.25); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.25); box-shadow:0px 1px 5px rgba(0,0,0,0.25); background: #ffffff; margin: 4rem 0;}
.news-box2 .icon{ max-width: 80px; max-height: 58px; margin: 2rem auto;}
.news-box2 .icon img{ width: 100%; height: 100%;}
.news-box2 .ptit{ text-align: center;}
.news-box2 .ptit span{ font-size: 2.4rem; text-align: center; line-height: 1.8; color: #0F0F0F;}
.news-box2 .ptit p{ font-size: 16px; line-height: 1.5; font-family: 'HarmonyOS_Sans_SC_Light'; color: #0F0F0F;}
.news-box2 .line{ border-bottom: 1px solid #DADADA; position: relative; margin: 3rem 0;}
.news-box2 .line:after{ width: 0px; height: 2px; left: 0; top: 0; position: absolute; content: ""; display: block; background: #2B2B2B;}
.news-box2:hover .line:after{ width: 80%;}
.news-box2 .ptit1{ text-align: center; font-size: 16px; color: #0F0F0F;}
.news-box2 ul{ display: flex; justify-content: center; align-items: center;}
.news-box2 li{ margin: 5px 0;}
.news-box2 li i{ color: #FFC520; font-size: 2.5rem;}

.sect_h5{ position: relative; padding: 4rem 0; }
.news-box3 a{ position: relative; background: #ffffff;}
.news-box3 .icon{}
.news-box3 .icon img{ width: 100%; height: 100%; object-fit: cover; }
.sect_h6{ position: relative; padding: 6rem 0;}

.list-2{  position: relative;}
.list-2 a{ position: relative; overflow: hidden;}
.list-2 .icon{}
.list-2 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.list-2 .btit{ text-align: left; padding: 15px 0 0; }
.list-2 .btit span{ font-size: 12px; font-weight: bold; text-align: left; line-height: 1.8; color: #0F0F0F;}
.list-2 .btit p{ font-size: 16px; color: #0F0F0F;  line-height: 1.6; font-family: 'HarmonyOS_Sans_SC_Light';}


.sect_honor{position: relative; padding: 3rem 0;}
.honor-box{  position: relative;}
.honor-box a{ position: relative; overflow: hidden; background: #E8B867; padding: 15px;}
.honor-box .icon{}
.honor-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.honor-box .ntit{ text-align: left; padding: 15px; }
.honor-box .ntit span{ font-size: 14px; color: #0F0F0F; text-align: center;  line-height: 1.6; }