/* 教育产品 */
body{background: #fff;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}
.bg-color{background: #EEF0F6;}
.white{background: #fff;}
.padding40{padding: 40px;box-sizing: border-box;}
.padding-left-40{padding-left: 40px;box-sizing: border-box; }
.margin-left-40{margin-left: 40px;box-sizing: border-box; }
.mrt20{margin-top: 20px;}
.mrb20{margin-bottom: 20px;}
.mrr10{margin-right: 10px;}
.padding-top-40{padding-top: 40px;}
.pointer{cursor: pointer;}
.padding-bottom-130{padding-bottom: 130px;}
.left{float: left;}
.right{float: right;}
.pos-re{position: relative;}


.top_nav{z-index: 3 !important;}
.header{z-index:3 !important; }
/** banner */
.banner{width: 100%;height:750px; }
.banner.product{background: url('../images/250324/banner_xeh.jpg') no-repeat; background-size: 100% 100%;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #1C47E2; font-size: 70px; text-align: left; line-height: 90px;  padding: 231px 0px 0px 143px; }
.banner .title p:last-child{padding-top: 0;}
.banner .title p.en{font-size: 70px;  font-weight: bold;}

/* xeh-nav */
.xeh-nav{border-bottom: 1px solid #DFDFDF; height:50px; color: #666666; line-height: 50px;cursor: pointer;}
.fiexd{position:fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #fff; }
.hidden{ opacity:0 ; z-index: -1 !important;}
.navItems{position: relative; width: 13%;}
#navbar .solid{ width: 40px; height: 3px; background:rgba(72,111,253,1); position: absolute; bottom: 0; left:3.5%;}
.active-tab a{color: #1C47E2;     padding-bottom: 15px; border-bottom: 3px solid #1C47E2;}

/* 学而好简介 */
.bg-brief{ width: 100%; height: auto; background: url('../images/jj_bg.png')no-repeat;background-size: 100% 100%; padding-top: 49px; padding-bottom: 79px; }
.brief-title{font-size:28px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(72,111,253,1); line-height:36px; }
.brief-subtitle{ font-size:18px; font-family:Microsoft YaHei; font-weight:400; color:rgba(72,111,253,1); line-height:24px; }
.brief-content{text-align: center;  font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); line-height:30px; }
.brief-img{ max-width:397px; width: 100%; height: 250px; }
.mrt39{margin-top: 39px;}

/* 学而好文化 */
.culture{padding: 82px 0  0px 0;}
.culture-title{font-size:28px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(72,111,253,1); line-height:36px; }
.culture-logo{width: 100%;height: 290px; background: url('../images/250324/wh_logo_gs.jpg')no-repeat;background-size: 100% 100%; }
.culture-logo-hid{display: none;margin-top: -290px; width:100%; height: 290px; background: #486FFD;font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); line-height:24px;}
.logo-wh{ width: 152px; height: 152px; margin: 74px 50px  0  50px; }
.logo-text{ padding-top: 50px; }
p.logo-t{font-size: 16px;}
.mrt18{margin-top: 18px;}
.logobox:hover .culture-logo-hid{display: block;}
.logobox:hover .culture-logo{opacity: 0;}
.cul-title{ font-size:18px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(255,255,255,1); line-height: 290px; }
.cul-box{width: 100%;}
.culture-img{width: 290px; height: 400px; background: url('../images/250324/wh_01.jpg')no-repeat; background-size: 100% 100%;}
.swiper-slide{width: 100% !important;}
.swiperCul{width: 100% !important;}
.flex-center{display: flex;  justify-content: center;align-self: center;}
.cul-box div{margin-right: 10px;}
.cul-box div:last-child{margin-right: 0;}
.cul2{background: url('../images/250324/wh_02.jpg')no-repeat; background-size: 100% 100%;}
.cul3{background: url('../images/250324/wh_03.jpg')no-repeat; background-size: 100% 100%;}
.cul4{background: url('../images/250324/wh_04.jpg')no-repeat; background-size: 100% 100%;}
.cul5{background: url('../images/wh_05.png')no-repeat; background-size: 100% 100%;}
.cul6{background: url('../images/wh_06.png')no-repeat; background-size: 100% 100%;}
.cul7{background: url('../images/wh_07.png')no-repeat; background-size: 100% 100%;}
.cul8{background: url('../images/wh_08.png')no-repeat; background-size: 100% 100%;}
.culture-img:hover {background: #486FFD !important;}
.culture-img div:first-child{font-size:18px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(255,255,255,1); line-height:36px; }
.culture-img div:nth-child(2){ width: 40px; height: 3px; background: #fff;  margin-left: 40%; margin-bottom: 20px;}
.culture-img div:last-child{ height:46px; font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); line-height:30px; }
.culture-img{padding-top: 147px;  box-sizing: border-box; text-align: center;}
.carousel1{position: relative; padding-bottom: 57px;}
.carousel1 .button-prev{ width:50px !important; height: 24px !important; position: absolute; left: 0px !important; top: 457px !important; background: url('../images/right_mr.png')no-repeat !important; background-size: 100% 100% !important; }
.carousel1 .button-next{ width:50px !important; height: 24px !important; position: absolute; right:  0px !important; top: 457px !important; background: url('../images/left_mr.png')no-repeat !important; background-size: 100% 100% !important; }
.carousel1 .button-prev:hover{ width:50px !important; height: 24px !important; position: absolute; left: 0px !important; top: 457px !important; background: url('../images/right_xt.png')no-repeat !important; background-size: 100% 100% !important; }
.carousel1 .button-next:hover{ width:50px !important; height: 24px !important; position: absolute; right: 0px !important; top: 457px !important; background: url('../images/left_xt.png')no-repeat !important; background-size: 100% 100% !important; }
.swiper-button-next, .swiper-button-prev{z-index: 2 !important;}

/* 创始人寄语 */
.bg-founder{width: 100%; height: 380px; background: url('../images/jy_bg.png')no-repeat; background-size: 100% 100%; }
.figure-img{ width: 200px;height: 462px; position: absolute; top: -84px; }
.padding-left-300{padding-left:300px}
.founder-title{font-size:28px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(72,111,253,1); line-height:36px; margin-top: 69px; padding-bottom: 10px; }
.jy-solid{position:absolute; bottom:0;  left: 0;width:40px; margin-top: 10px; height:3px; background:rgba(72,111,253,1); }
.founder-detail{ margin-top: 19px;margin-bottom: 89px; font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); line-height:30px; }
.sign{font-size:18px; font-family:Microsoft YaHei; font-weight:400; color:rgba(102,102,102,1); line-height:45px; white-space: nowrap; }

/* 发展历程 */
.develop{padding: 99px 0  0 0;}
.develop-subtit{ font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); line-height:36px; padding: 0 147px; }
.layui-tab-brief>.layui-tab-title .layui-this{ color:rgba(72,111,253,1) }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{ border-bottom: 2px solid rgba(72,111,253,1); }
.layui-tab-title .layui-this:after{ left: 29px;    width: 43%; }
.deve-nav{ font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:#666666; line-height:26px;}
.dev-active{ color:rgba(72,111,253,1);}
.deve-box{width:290px; height:190px; background:rgba(255,255,255,1); margin-right: 20px;}
.deve-box:last-child{margin: 0;}
.deve-year{ width:100px; height:40px; background:rgba(72,111,253,1); font-size:.2rem; font-family:Microsoft YaHei; font-weight:bold; color:rgba(255,255,255,1); line-height: 40px; text-align: center; }
.deve-title{ width: 100%; height: 40px; line-height: 40px; padding-left: 10px; border-bottom: 1px solid #DFDFDF; font-size:16px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(72,111,253,1); }
.deve-text{ width: 100%; height: 100%;  overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding: 19px; font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); line-height:20px; }
.mrt40{margin-top: 40px; padding-bottom: 82px;}
.layui-tab-item .flex-center{width: 100%; height: auto;  display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
.layui-tab-item .flex-center2{width: 100%; height: auto;  display: flex;}
.layui-tab-item .flex-center2::-webkit-scrollbar{display:none}

/* 组织结构 */

.bg-organize{ width: 100%; height: auto; background: url('../images/zzjg_bg.png')no-repeat; background-size: 100% 100%; padding: 49px 0  110px 0;position: relative; }
.organize-img{width:503px; height:350px;}
.bg-blue{width: 100%; height: 130px; background: #486FFD;}
.organize-title{ padding-bottom: 5px; position: relative; font-size:20px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(72,111,253,1); line-height:36px;}
.organize-title .solid{ position: absolute; bottom: 0;width: 40px; height:3px; background:rgba(72,111,253,1); }
.organize-text{    margin-top: 10px; height: 93px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(51,51,51,1); line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.small-img{ width:159px; height:110px;    margin-top: 10px; margin-left: 4px; }
.swiperCul2 .culture-img{width:159px; height:110px;}
.swiperCul2 .swiper-slide{width: 25% !important;}
.org-box{width: 100%;}
.org-img{width: 100%; height: 110px;padding: 0 10px;overflow: hidden;position: relative;}
.org-img img{width: 100%;height: 110px;}
.org-img .organizeDetail{position: absolute;left: 10px;right: 10px;top: 0;height: 110px;background: rgba(23,31,50,0.7);text-align: center;line-height: 110px;color: #fff;transform: translateY(0);transition: all .5s;}
.swiper-slide-active .org-img .organizeDetail{transform: translateY(110px);}
.carousel2{height: 130px;}
.carousel2 .swiper-container{padding: 10px 0;}
.carousel2 .button-prev{ width:50px !important; height: 24px !important; position: absolute; left: 0px !important; top: 172px !important; background: url('../images/right_mr.png')no-repeat !important; background-size: 100% 100% !important; }
.carousel2 .button-next{ width:50px !important; height: 24px !important; position: absolute; right:0px !important; top: 172px !important; background: url('../images/left_mr.png')no-repeat !important; background-size: 100% 100% !important; }
.carousel2 .button-prev:hover{background: url('../images/right_xt.png')no-repeat !important; background-size: 100% 100% !important; }
.carousel2 .button-next:hover{background: url('../images/left_xt.png')no-repeat !important; background-size: 100% 100% !important; }
.org-img div:first-child{ text-align: center; line-height: 110px;font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1);}
.swiperCul2_aff{height: 350px;}
.swiperCul2_aff img{width: 100%; }
.bg-organize .pr30{padding-right: 30px;}
.org_swiper_all{position: absolute;bottom: 32px;width: 100%; }
.organizeTitle{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 企业实力 */
.actual-img{width:100%; height: 200px;}
.actual-icon-img{width:32px; height:30px;}
.actual-tit{font-size:16px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(72,111,253,1); line-height:36px;}
.actual-box{width: 100%; height: 200px; text-align: center; }
.act-qy{ padding-top: 70px; box-sizing: border-box; background: #fff; }
.actual-hover:hover .actual-box{display: none;}
.actual-hover:hover .actual-box2{display: block;}
.actual-box2{ display: none; width: 100%; height:200px; background:rgba(72,111,253,1); padding: 20px; box-sizing: border-box;}
.actual-box2 div:first-child{ text-align: center; font-size:18px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(255,255,255,1); line-height:36px;}
.actual-box2 div:nth-child(2){width: 40px; height: 3px; background: #fff;     margin-left: 45%; margin-top: 10px; margin-bottom: 10px;}
.actual-box2 div:last-child{font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); line-height:24px;}
.mrb29{margin-bottom: 29px;}
.mrt30{margin-top: 30px  }
.padding-bottom-100{padding-bottom: 100px;}
/* .certificate-img{width: auto; max-height: 160px;  } */
.container-box{width: 220px; height: 160px;}
.certificate-img{width: auto; height: auto; max-width: 100%; max-height: 100%;  vertical-align: middle; text-align: center; }
.certificate div{width: 220px;margin-top: 15px; text-align: center;font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); line-height:22px;}
.certificate{width: 220px; padding: 40px 0 36px 0;}
.swiperCul3 .swiper-slide{width: 26% !important;}

/* 发展前景 */
.bg-vista{width: 100%;height: auto; background:url('../images/fzqj_bg.png')no-repeat; background-size: 100% 100%; padding: 49px 0 93px 0;}
.vista-box{width: 100%; height: 300px; background: url('../images/250324/fzqj_jz.jpg')no-repeat; background-size: 100% 100%; font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); line-height:30px; text-align: center; display: flex; flex-direction: column; justify-content: center; margin-top: 29px;}
/* .vista-box p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} */
.swiperDev .swiper-slide{width: 29% !important;}
.swiperDev .swiper-slide{width: 29% !important;}


/* 加入我们 */
.padding-tb100{padding: 100px 0;} 
.join_us{height:2.80rem;background:rgba(72,111,253,1);padding-left: .7rem;padding-top: 1.03rem;display: flex;position: relative;}
.teamwork{height: 2.8rem;background-image: url("../images/250324/jrwm.jpg");background-size: 100% 100%;padding-left: .7rem;padding-top: 1.03rem;display: flex;position: relative;}
.p3{width:1.8rem;height:.7rem;border:1px solid rgba(255,255,255,1);text-align: center;line-height: .7rem;font-weight:bold;color:rgba(255,255,255,1);margin-right: .3rem;}
.p4{font-weight:400;color:rgba(255,255,255,1);line-height: .25rem;}
i.icon{display: block;width: .31rem;height: .07rem;background-image: url("../images/arrows.png");background-size: 100%;position: absolute;bottom: .3rem;right: .3rem;background-repeat: no-repeat;}




/*小屏幕 */ 
@media screen and (max-width: 768px){
    .mrt30{margin: 30px 15px 0 15px; }
    .flex-column{ display: flex; height: 2.9rem;     padding: 0 .1rem; flex-direction: column; justify-content: center;}
    html,body { overflow-x: hidden; overflow-y: auto; }  
    .banner{height:7.5rem}
    .banner.product{background: url('../images/xeh_banner.jpg')no-repeat; background-size: 100% 100%; height: 3.64rem !important;}
    .banner .title p{font-size: .75rem; font-weight: bold; padding: 0 0 0 1rem; line-height: .9rem;}
    .banner .title p:last-child{font-size: .45rem;     padding: 0 0 0 .6rem; margin-top: -68px; }
    #navbar {width: 100%; height: auto; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
    .navItems{width: 22%;}
    #navbar .solid{left:7.5%}
    /* 简介 */
    .bg-brief{padding-top: 25px; padding-bottom: 36px;}
    .brief-content{    text-align: center; line-height: .45rem; padding: 0 53px;}
    .hide{display: none;}
    .brief-img{height: 2.5rem;}
    /* 文化 */
    .layui-col-space30>*{padding: 0 15px 15px;}
    .mrt18{margin-top: .1rem;}
    .culture{padding: 32px 0  30px 0;}
    .culture-logo{height: 5rem;width: 100%; background: url('../images/lggs_bg.png')no-repeat;background-size :100% 100%; }
    .culture-logo-hid{    height: 5rem; width: 92%; position: absolute; bottom: 15px; }
    .logo-wh{     width: 1.52rem; height: 1.52rem; margin: 0; position: absolute; top: 1.74rem; left: .1rem;} 
    .logo-text{     padding-top: .15rem; position: absolute; top: 0; left: 26%; line-height: .3rem; overflow: hidden; height: 5rem; }
    .logo-text p{font-size: .24rem;}
    p.logo-t{font-size: .24rem;}
    .cul-title{line-height: 5rem;}
    .cul-box div{margin-right: .02rem;}
    .carousel1{margin: .3rem 0; padding-bottom:.5rem;}
    .culture-img{width: 2.9rem; height: 4rem; padding-top: .7rem; }
    .culture-img div:first-child{font-size: .18rem;}
    .culture-img div:nth-child(2){width: .4rem; height: .03rem; margin-bottom: .2rem;}
    .culture-img div:last-child{font-size: .16rem; line-height:.3rem ; padding: 0 .3rem;}
    .carousel1 .button-prev,.carousel1 .button-prev:hover{left: 0 !important; top: 4.73rem !important;}
    .carousel1 .button-next,.carousel1 .button-next:hover{right: 0 !important; top:4.73rem !important;}
    /* 创始人 */
    .figure-img{display: none;}
    .padding-left-300{    padding-left: 0.05rem; margin-top: -54px;}
    .founder-detail{margin-bottom: .15rem;   line-height: .45rem;}
    .text-right2{text-align: right;}
    .bg-founder{height: 230px;}
    .sign-img{width: 1.15rem; height: .42rem;}
    .sign{line-height: 13px; padding-left: 93px; padding-top: 4px;}
    .founder-title{    margin-top: 53px;text-align: center; padding-top: 18px;}
    .jy-solid{   left: 50%; right: 50%; transform: translate(-50%, -50%);}
    /* 发展历程 */
    .layui-tab-item .flex-center{width: 100%; height: auto;  display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
    .develop-subtit{ line-height: .45rem; padding: 0;}
    .mrt40{padding-bottom: 0;}
    /* 组织结构 */
    .develop{padding-top: 36px;}
    .carousel2 .button-prev,.carousel2 .button-next,.carousel2 .button-next:hover,.carousel2 .button-prev:hover{ top: 32px !important;}
    .small-img{    width: 159px; height: 110px; transform: scale(.5); margin-top: -20px; margin-left: -35px;}
    .org-img{    width: 159px; height: 110px; background: url(../images/gg_picture.png)no-repeat; background-size: 100% 100%; margin-left: -74px; transform: scale(.5);}
    .bg-blue{ height: 0; }
    .bg-organize{padding-bottom: 52px; padding-top: 26px;}
    .bg-organize .pr30{padding-right: 0;}
    .org_swiper_all{position: relative;bottom: 0;}
    .swiperCul2 .swiper-wrapper{height: 0px;}
    .organizeTitle{text-align: center; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
    .organize-title .solid{left: 50%; right: 50%; transform: translate(-50% ,-50%);}
    .mrt39{margin-top: 12px;}
    .organ-box{height: 207px; width: 100%; text-align: center;}
    .swiperCul2_aff img{padding-left: 0; width: auto; height: auto; max-width: 100%; max-height: 100%;  }
    .organize-text{line-height: .45rem;  -webkit-line-clamp: 4;}
    /* 企业实力 */
    .mrb29{margin-bottom: 8px;}
    .wap-right{position:relative;  left: 172px;}
    .wap-left{position:relative;  right: 172px;}
    .swiperCul3 .swiper-slide{width: 70% !important;}
    .bg-vista{padding:21px 0 33px 0;}
    .padding-tb100{padding: 41px 0;}
    .padding-lt-49{    padding-left: 87px; margin-top: -45px;}
    .join-text{    padding-left: 40px; margin-top: 22px;}
    .actual-tit{font-size: .24rem; line-height: 20px;}
    .actual-img{height: 2.9rem;}
    .actual-box{height: 2.9rem;}
    .act-qy{    padding-top: 44px;}
    .certificate div{font-size: .24rem;}
    .swiperDev .swiper-slide{width: 95% !important;}
    .swiperDev .swiper-slide{width: 95% !important;}
    /* .padding-0{padding : 0 40px} */
    .actual-box2{    height: 2.9rem; padding: 0;}
    .actual-box2 div:first-child{font-size:.26rem;    }
    .actual-box2 div:nth-child(2){    margin-left: 44%; margin-top: -2px; margin-bottom: 4px;}
    .actual-box2 div:nth-child(3){font-size:.2rem; line-height: .45rem;}

    /* 发展前景 */
    .vista-box{ background: url('../images/fzqj_bg\ \(2\).png')no-repeat; background-size: 100% 100%; height: 5rem;    line-height: .45rem; margin-top: 8px; padding: 0 23px;}
    
    /* 更改字体大小 */
    .fons_14{font-size: .2rem !important;}
    .fons_16{font-size: .24rem !important;}
	.fons_18{font-size: .26rem !important;}
	.fons_20{font-size: .27rem !important;}
	.fons_24{font-size: .28rem !important;}
    .fons_28{font-size: .32rem !important;}
    
    /* 加入我们 */
    .join_us,.box4 .teamwork{display: block;padding-top: .45rem;}
	.join_us .p3,.box4 .teamwork .p3{margin-bottom: .3rem;}
	.join_us .p4,.box4 .teamwork .p4{line-height: .35rem;}
}



/* 小屏幕，主要是PAD*/ 
@media screen and (min-width: 768px) and (max-width: 992px){
   /* 学而好文化 */
   .logo-text{ padding-top: 21px; transform: scale(0.9); position: absolute; right: 0; }
   /* 发展历程 */
   .deve-title{font-size: 16px; white-space: nowrap;}
   .deve-text{font-size: 14px; padding: 10px;}
   .small-img{transform: scale(0.6);    margin-left: -20px;}
   .org-img{transform: scale(0.6);    margin-left: -61px;}
   .swiperCul3 .swiper-slide{width: 34% !important;}
   /* 加入我们 */
   .padding-lt-49{    padding-left: 0px; padding-top: 28px;}
   .swiperDev .swiper-slide{width: 45% !important;}
    .swiperDev .swiper-slide{width: 45% !important;}
   
}
/* 中等屏幕，分辨率低的PC */
@media screen and (min-width: 992px) and (max-width: 1200px){
    .small-img{transform: scale(0.8);    margin-left: -8px;}
    .org-img{transform: scale(0.8);    margin-left: -28px;}
    /* 加入我们 */
    .padding-lt-49{    padding-left: 22px; padding-top: 12px;}
    .swiperDev .swiper-slide{width: 35% !important;}
    .swiperDev .swiper-slide{width: 35% !important;}

}
/*大屏幕*/
@media screen and (min-width: 1200px){
    .banner .title p{padding: 231px 0px 0px 230px;}
    .padding-0{padding: 0;}
    
}