@charset "utf-8";


/*动效*/
.transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
@-webkit-keyframes BiHover
{
  0%{-webkit-transform:translateX(0px);opacity:1}
  49%{-webkit-transform:translateX(-28px);opacity:0}
  50%{-webkit-transform:translateX(28px);opacity:0}
  100%{-webkit-transform:translateX(0px);opacity:1}
}


/* 全部 */
.all_index{}
.header{background-color:transparent !important;box-shadow: none;}
.section .header .container{padding-top: 0 !important;}
.indexHeader{padding-bottom:20px;background-color: #bd1e0d;box-shadow: 2px 2px 20px 5px #a29d9d;}
/* .headLogo img{border-right-color: #fff3b4;} */
.logoBox .slogan p{color:#fff0a7;text-shadow: 2px 2px 2px #7a0a0d;}
.indexHeader .hsearch{background-image:url(../images/indexIco1-2.png);}

.nav .navbar ul li a{ color:#fff0a7;}
.nav .navbar ul li::before{background-color: #fff0a7;}
.nav .navbar ul li.on a, .nav .navbar ul li:hover a{color: #fff0a7;}
.navbar ul li .sub-menu li a{color:#bd1e0d !important;}
.navbar ul li .sub-menu li:hover{background: #bd1e0d;}

.navright .hsearch{background-image: url(../images/indexIco1-2.png);}

.section{width: 100%;height: 100%;overflow: hidden;position: relative;background-size: 100% 100% !important;}
.fp-tableCell{display: block;}
.fp-section.fp-table{display: block;}

.sectionBan{position:relative;}

/***【0】***banner****/
@media screen and (min-width: 960px) {
.banBox {height: 100vh;}
.banBox .swiper-container{ height: 100vh;object-fit: contain; background: transparent; }
.banBox .swiper-container .swiper-wrapper{ height: 100% !important;}
}
.banBox .swiper-container {width: 100%;height: 100%;}
.banBox .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.banBox .swiper-container .swiper-pagination{width:100px !important;left:50% !important;bottom:22px;margin-left:-50px}
.banBox .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px !important;height:12px !important;background:rgba(235,235,235,0.32);border-radius:50%;opacity:1}
.banBox .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:12px !important;border-radius:50%;background:#bd1e0d !important;}
.banBox .swiper-button-next,.swiper-button-prev{top:auto !important;bottom:50%;color:rgba(255,255,255,0.85) !important;font-family:'黑体';}
.banBox .swiper-container .hide{opacity:0}
.banBox .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s}
.banBox .swiper-button-next,.swiper-button-prev{font-size:48px;}
.banBox .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none !important}
.banBox .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none !important}
.banBox .swiper-button-disabled{display:none}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;}
.swiper-slide.active .bannerPic{transition:all 5s ease 0s;}
.banBox .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:fill}
/* .bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)} */

.swiper-slide .pcimg{height: 100%;}
.swiper-slide .pcimg img{height: 100%;}

@media screen and (max-width:1400px){
.swiper-button-next,.swiper-button-prev{width:160px;height:70px;line-height:70px;font-size:20px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-next{right: 0px;left:auto;}
}
@media screen and (max-width:1200px){
.swiper-button-next,.swiper-button-prev{width:80px;height:35px;line-height:35px;font-size:16px;}
}

@media screen and (min-width:960px){
.swiper-slide .pcimg img{display:block;}
.swiper-slide .moimg,
.swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.swiper-slide .pcimg,.swiper-slide .pcimg img{display:none}
.swiper-slide .moimg {height: 100%;}
.swiper-slide .moimg img{display:block;}
.swiper-button-next,.swiper-button-prev{width:40px;height:40px;line-height:40px;font-size:30px;bottom:50%;border-radius:50%;font-family: cursive;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left: auto;right:10px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
.swiper-button-next i,.swiper-button-prev i{display:none;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}
.banBox .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}

}

@media screen and (max-width:1200px){
.section .container{padding: 12.5% 0 0;}
}

@media screen and (max-width:960px){
.section .container{padding: 30% 0 0;}
}

/* 首页标题 */
.section .abTit h4{font-size:52px;color:#bd1e0d;text-transform: uppercase;position:relative;margin-bottom:10px;font-family: Arial;font-weight: 600;}
.section .abTit h4 a{color:#bd1e0d;}
.section .abTit p{font-size:30px;font-weight:bold;color: rgba(12, 12, 12, 0.55);margin-bottom: 15px;font-style:italic;font-family: math;font-weight: 900;}
.section .abTit span{display:inline-block;width:50%;text-align:center;color:#bd1e0d;line-height:1.5;font-size:14px;}

.section .indexAb_more{display:none;margin:0 auto;}


/***【1】==走进环宇*****/
.sectionAbu{background:url(../images/indexBg1.jpg) 100% 100% no-repeat;overflow:hidden;}

.sectionAbu .container{padding: 15% 0 0;}
.WawCon{}
.WawPic {width:650px;height:410px;float:left;}
.WawPic img{display:block;max-width:100%}
.WawPic .videobox {height:410px;position:relative;}
.WawPic .videobox .mejs-container{position:absolute;left:0;top:0;width:100%!important;height:100%!important}
.WawPic .videobox .mejs-container img{display:block}
.WawPic .videobox iframe{position:absolute;left:0;top:0;width:100%!important;height:100%!important}
.WawCon .WawRight{float:right;width: calc(100% - 740px);position:relative;}
.WawRight .abTit{margin-bottom:20px;text-align:left;}
.WawRight .abTit h4{margin-bottom:10px;padding-bottom: 10px;font-size:40px;color:#000;}
.WawRight .abTit h4 i{font-family:arial;font-size:44px;color:#000;font-style:normal;letter-spacing: -4px;}
.WawRight .abTit h4::before{left:0;margin-left:0;}
.WawRight .abTit p{margin-bottom: 0;font-size: 24px;}
.WawRight .abTit p::before{display:none;}
.WawRight .WawText{margin-bottom:15px;}
.WawRight .WawImg{display:none;}

/* 切换 */
.bdWaw {margin-top:25px;margin-bottom:25px;}
.bdWawCon{display:none;}
.WawRight .WawText p{font-size:14px;color:#333;line-height:1.5;text-align:justify;text-indent: 30px;}

.hdWaw{text-align: left;}
.hdWaw a{display:inline-block;float:left;width:31%;margin-right:2%;background:transparent;color:#726d6d;text-align:center;font-size:18px;cursor:pointer;overflow:hidden;}
.hdWaw a:last-child{margin-right:0;}
.hdWaw .abuPicBox{position:relative;width:100%;height:0px;padding-bottom:73%;margin:0 auto;overflow:hidden;border-radius:8px;border:2px solid #bd1e0d;}
.hdWaw .abuPicBox img{position:absolute;top:50%;left:50%;display:block;width:100%;height:auto;transform:translate(-50%,-50%) scale(1);transition:all .5s ease}
.hdWaw a:hover{color:#bd1e0d;}
.hdWaw a:hover .abuPicBox img{transform:translate(-50%,-50%) scale(1.1)}

.scRight{float:right;width:calc(100% - 57%);}
.scRight img{display:block;max-width:100%;}


/***【2】==邦基新闻*****/
.sectionNc{background:url(../images/indexBg2.jpg) 100% 100% no-repeat;overflow:hidden;}
.sectionNc .container{padding: 7% 0 0;}
.NcCon .swiper-slide{text-align:center;font-size:18px;}
.NcCon .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}

.NcCon .mySwiper .newTitle{margin-bottom: 5px;height: 48px;font-size: 20px;-webkit-line-clamp: 2;}
.NcCon .mySwiper .newMs{height: 24px;font-size: 14px;-webkit-line-clamp: 1;}
.NcCon .mySwiper .newTitle,
.NcCon .mySwiper .newMs{color:#666;text-align: left;}

.NcCon .mySwiper{float:left;width:48%;min-height: 440px;}
.NcCon .mySwiper .swiper-slide{background-color:transparent;opacity:1}
.NcCon .mySwiper .swiper-slide-thumb-active{opacity:1;background-color:rgba(255, 255, 255, 0.7);}
.NcCon .mySwiper .newList{border-radius:10px;}
.NcCon .mySwiper .contentBoxB{margin-top: 5px;}
.NcCon .mySwiper .swiper-slide-thumb-active .newTitle,
.NcCon .mySwiper .swiper-slide-thumb-active .newMs{color:#bd1e0d;}

.NcCon .newList{width:100% !important;}

.NcCon .mySwiper2{float:right;width:48%;background-color:#fff;border-radius:10px;}
.NcCon .mySwiper2 .newList{margin-bottom: 0;}
.NcCon .mySwiper2 .image_con{padding:15px}
.NcCon .mySwiper2 .contentBoxB{margin-top:0}
.NcCon .mySwiper2 .newTitle{margin-bottom:10px;padding-left:15px;width: 88%;text-align:left;font-weight:normal;overflow: hidden;}
.NcCon .mySwiper2 .newPicBox{padding-bottom:59%}
.NcCon .mySwiper2 .swiper-pagination {left: var(--swiper-pagination-right, 88%);bottom:var(--swiper-pagination-bottom,16px);width: auto;}
.NcCon .mySwiper2 .swiper-pagination-bullet-active{background-color:#bd1e0d;}



/***【3】==邦基教育*****/
.sectionEdu{background:url(../images/indexBg3.jpg) 100% 100% no-repeat;overflow:hidden;}
.sectionEdu .container{padding: 12% 0 0;}
.EduCon .newList{width:33.3%;margin-right:0;}
.EduCon .newList a{width: 85%;margin: 0 auto;}
.EduCon .newPicBox,
.EduCon .newPicBox img{border-radius:5px;}
.EduCon .contentBoxB{margin-top:15px;}
.EduCon .newTitle{margin-bottom: 0;font-weight:normal;text-align:center;-webkit-line-clamp: 1;}

.EduCon .slick-next,.EduCon .slick-prev{position:absolute;top:40%;margin-top:-25px;overflow:hidden;width:50px;height:50px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-webkit-background-size:auto;background-size:auto;background-color:transparent;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #8b8b8b;cursor:pointer}
.EduCon .slick-prev{left:-70px;background-image:url(../images/leftArrow1.png);}
.EduCon .slick-next{right:-70px;background-image:url(../images/rightArrow1.png);}
.EduCon .slick-prev:hover,
.EduCon .slick-next:hover{background-color:#bd1e0d;border:none;}
.EduCon .slick-prev:hover{background-image:url(../images/leftArrow2.png);}
.EduCon .slick-next:hover{background-image:url(../images/rightArrow2.png);}
.EduCon .slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:9}
.EduCon .slick-dots li{display:inline-block;margin:0 2px}
.EduCon .slick-dots li button{display:block;width:8px;height:8px;font-size:0;line-height:0;text-indent:999px;background-color:rgba(253, 93, 20, 0.44);border-radius:50%;padding:0;border:none;cursor:pointer}
.EduCon .slick-dots li.slick-active button{background-color:#bd1e0d;}

.smallEdu{display:none;}


/***【4】==企业文化*****/
.sectionCul{background:url(../images/indexBg4.jpg) 100% 100% no-repeat;overflow:hidden;}
.sectionCul .container{padding-top: 0;}
.sectionCul .CulTit{display: none;}
.sectionCul .m-tab2 {bottom: -160px;}


/***【5】==底部版权*****/
#footer{ display:block;overflow:hidden;}
.footerCenter{margin: 70px 0 50px;padding:0;}

@media screen and (max-width: 1440px) {

/* 1.走进环宇 */
.WawRight .abTit h4{font-size: 34px !important;}
.WawRight .abTit h4 i{font-size: 38px;}

.WawCon .WawPic{width: 580px;}
.WawCon .WawRight{width: calc(100% - 630px);}
.hdWaw a{font-size:16px;}
}

@media screen and (max-width: 1360px) {
}
@media screen and (max-width: 1200px) {

/* 1.走进环宇 */
.sectionAbu{padding: 50px 0;}
.WawCon{padding: 0 20px;}
.WawRight .abTit{margin-top:20px;}
.WawRight .abTit h4{margin-bottom: 0;padding-bottom: 0;font-size: 26px !important;}

.WawCon .WawPic{width: 500px;}
.WawCon .WawRight{width: calc(100% - 540px);}

}

@media screen and (max-width: 960px) {

.section{background-size:auto !important;}

/* 标题 */
.section .abTit{margin-bottom:10px;border-bottom:none;text-align: center;}
.section .abTit h4{float:none;padding-bottom: 0;line-height:24px;font-size:20px !important;}
.section .abTit h4::before{display:none;}
.section .abTit p{line-height:24px;float: none;margin-right: 0;font-size:16px !important;}


/* 1.走进环宇 */
.sectionAbu{padding:20px 0;}
.WawCon .WawRight{width: 100%;float:none;}
.WawRight .abTit h4 {line-height: 24px;font-size: 20px !important;}
.WawRight .WawTitle{text-align:center;}
.WawCon .WawPic{display:none;}
.WawRight .WawImg{display:block;margin:0 auto 20px;max-width:100%;}
.hdWaw a{font-size:14px;}


/* 2.邦基新闻 */
.sectionNc .container{padding-top: 55%;}
.NcCon .mySwiper{display:none;}
.NcCon .mySwiper2{float: none;width: 100%;}
.NcCon .mySwiper2 .newList{padding-bottom: 15px;}
.NcCon .mySwiper2 .image_con{padding-bottom: 0;}
.NcCon .mySwiper2 .contentBoxB{margin-top: 0 !important;}
.NcCon .mySwiper2 .newTitle{width: 100%;height: 52px;line-height: 1.75;}
.NcCon .mySwiper2 .swiper-pagination{width: 100%;left: 0;bottom: var(--swiper-pagination-bottom,8px);}

/* 2.邦基教育 */
.sectionEdu .abTit span{width: 100%;text-align: justify;}
.EduCon{display:none;}
.smallEdu{display:block;}
.smallEdu.EduCon .newList{width: 49%;margin-right: 2%;}
.smallEdu.EduCon .newList:nth-child(2n){margin-right: 0;}
.smallEdu.EduCon .newList a{width: 100%;}
.smallEdu.EduCon .newTitle{height: 56px;line-height: 1.75;-webkit-line-clamp: 2;}
.smallEdu .indexAb_more{display: block;background: #bd1e0d;}


/* 4.企业文化 */
.sectionCul .m-tab2{display: none;}
.sectionCul .CulTit{display: block;margin-top: 7%;}
.m-slider2 .txtCon{margin-top: 420px;}



/* 版权 */
.copyright .container{padding-top:0;}

}

@media screen and (max-width: 768px) {


}

@media screen and (max-width: 680px) {

}

.section.active{
	-webkit-animation-duration: 4s;
	animation-duration: 4s; 
	-webkit-animation-name:bnjt;
	animation-name:bnjt; 
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@media screen and (max-width: 767px){
.section.active{-webkit-animation-name:none;animation-name:none;background-size:cover; }
}