/* 教育产品 */
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 !important; }
.mrt20{margin-top: 20px;}
.mrb20{margin-bottom: -12px;}
.mrr10{margin-right: 10px;}
.padding-top-40{padding-top: 40px;}
.pointer{cursor: pointer;}
.padding-bottom-130{padding-bottom: 1.3rem;}
.left{float: left;}
.right{float: right;}


/** banner */
.banner{width: 100%;height:7.5rem; }
.banner.product{background: url('../images/250324/product_banner.jpg') no-repeat; background-size: 100% 100%;}
.banner .title{padding-top: 3rem;}
.banner .title.active{padding-top: 2rem; transition: 1.5s;}
.banner .title p{font-size: .7rem;font-weight: bold; color: #1C47E2;  text-align: left; line-height: 1.2rem; letter-spacing: 5px;}
/* 办学优势 */
.advantage{width: 100%; height: 327px;  background: url('../images/bg_adv.png')no-repeat;background-size: 100% 100%;   font-weight:bold; color:rgba(72,111,253,1);}
.school-advantage{margin: 49px 0 19px 0 ; }
.advantage-box{height: 180px; ; width: 100%; cursor: pointer;}
.advantage-box::before{content:""; display: table;}
.icon-box{ height: 70px; margin: 60px 0 50px 0;border-right: 1px solid #DFDFDF; text-align: center;  font-weight:400; color:rgba(72,111,253,1); line-height: 36px;}
.icon{width: .42rem; height: .36rem;}
.icon02{width: .39rem; height: .32rem;}
.icon03{width: .34rem; height: .34rem;}
.icon04{width: .34rem; height: .32rem;}
.icon05{width: .28rem; height: .36rem;}
.icon06{width: .42rem; height: .36rem;}
.icon-no-border{border: 0;}
.advantage-box:hover{background: #486FFD; }
.advantage-box:hover .icon-box{ display: none;}
.advantage-box:hover .adv-hide{display: block;}
.adv-hide{position: relative; display: none; width: 100%; height: 100%; padding: .4rem 0; box-sizing: border-box; text-align: center;  color: #fff;}
.adv-hide div:first-child{ margin-bottom: .2rem;}
.adv-hide div:nth-child(2){width:.4rem; height:.03rem; background:rgba(255,255,255,1); position: absolute; left:50%; top:.7rem; transform: translate(-50%,-50%);}
.adv-hide div:last-child{padding: 0 15px; text-align: justify; margin-top: 20px;}

/* 教育体系 */
.educate-bg{width: 100%; height: 120px; background: url('../images/250324/edu_bg.jpg')no-repeat; background-size: 100% 100% ;display: flex;flex-direction: column;justify-content: center;}
.educate-bg::before{content: ""; display: table;}
.educate-title{ padding: .6rem 0  .3rem 0;   font-weight:bold; color:rgba(72,111,253,1); line-height:36px; }
.educate-bg div:first-child{  font-weight:bold; color:rgba(254,254,254,1); line-height:.5rem;}
.educate-bg div:last-child{  font-weight:400; color:rgba(254,254,254,1); line-height:.5rem;}
.educate-nav{position: relative; white-space: nowrap; height: 58px; text-align: center; line-height: 58px;  padding: 0 130px;  font-weight:400; color:#666; cursor: pointer; border-bottom:1px solid #DFDFDF; } 
.educate-nav div.active {  color: rgba(72,111,253,1);}
.educate-nav div.active div.solid-blue{display: block;}
.edu-img{width: 347px; height: 214px; }
.arrow{width: .31rem; height: .07rem;}
.edu-zk-title{  font-weight:bold; color:rgba(72,111,253,1); line-height:26px;}
.edu-zk-detail{  font-weight:400; color:rgba(51,51,51,1); line-height:.3rem;margin-bottom: .2rem;}
.edu-you{background:rgba(238,240,246,1);height: 40px; line-height: 40px; text-align: center;color: #486FFD;white-space: nowrap;}
.solid-blue{display: none; width:40px; height:3px; background:rgba(72,111,253,1); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);margin-top: 29px;}
.swiper1 .swiper-slide{width:16% !important;}

/* 职业教育 */
.educate-nav2{padding: 0 259px;}
.edu-bg2 {background:url('../images/250324/edu_bg2.jpg')no-repeat ; background-size: 100% 100%;}

/* 合作院校 */
.bg-school{width: 100%; height: auto; background: url('../images/hzyx_bg.png')no-repeat; background-size: 100% 100%; padding-bottom: 68px;}
.school-img{width: 183px; height: 125px; text-align: center; line-height: 125px; font-weight:400; color:rgba(255,255,255,1);  background: url('../images/250324/wywmdx.jpg'); background-size: 100% 100%;}
.picture-two{ background: url('../images/250324/wyysxy.jpg'); background-size: 100% 100%; }
.picture-thr{ background: url('../images/250324/ngszyjsxy.jpg'); background-size: 100% 100%; }
.picture-for{ background: url('../images/250324/zjzyjsxy.jpg'); background-size: 100% 100%; }
.picture-fiv{ background: url('../images/250324/nfzyxy.jpg'); background-size: 100% 100%; }
.picture-six{ background: url('../images/250324/syhgxy.jpg'); background-size: 100% 100%; }
.picture-sev{ background: url('../images/250324/jn_picture.jpg'); background-size: 100% 100%; }
.picture-eig{ background: url('../images/250324/hs_picture.jpg'); background-size: 100% 100%; }
.partner-school{  font-weight:bold; color:rgba(72,111,253,1); line-height:36px; padding: 49px 0 29px 0; }


/* 学员评价 */
.student_evaluation{padding-bottom: 0;}
.evaluate-box{ width:427px; height:340px; background: rgba(255,255,255,1); opacity: 0.8; color:#C2C2C4; box-sizing: border-box; padding: 30px; transform: scale(0.7); position: relative; z-index: 1; }
.avatar{width:70px; height:70px; border-radius:50%;}
.start{width:96px; height:16px; background: url('../images/stars_g.png')no-repeat; background-size: 100% 100%; opacity: 0.7;}
.flex-center{display: flex; justify-content: center;align-items: center;}
.evaluate-name{ font-weight:400;  margin-left: 10px; color: #CACDE5;}
.evaluate-score{ font-weight:400; margin: 0 10px 0 29px; }
.evaluate-text{ margin-top: 20px;  font-weight:400;  line-height:30px;   }
.swiper2 .swiper-slide{width: 23%;z-index: -1;}
.swiper2 .swiper-slide-active{z-index: 9;}
.swiper2 .swiper-slide-active .evaluate-name{color: #fff;}
.swiper2 .swiper-slide-active .start{background: url('../images/stars_w.png')no-repeat; background-size: 100% 100%; opacity: 1;}
.swiper2 .swiper-slide-active .evaluate-box{opacity: 1; position: relative !important; z-index: 8 !important; background:rgba(72,111,253,1); color:rgba(255,255,255,1) !important; transform: scale(0.9) !important;  }
.swiper2 .swiper-slide-next{position: relative; z-index:1; }
.swiper2 .swiper-slide-prev .evaluate-box,.swiper2 .swiper-slide-next .evaluate-box{ transform: scale(0.85) !important; position: relative; z-index: -1; }
.carousel2{position: relative;}
.button-prev{ width:50px !important; height: 24px !important; position: absolute; left: 0 !important; top: 328px !important; background: url('../images/right_mr.png')no-repeat !important; background-size: 100% 100% !important; }
.button-next{ width:50px !important; height: 24px !important; position: absolute; right: 0 !important; top: 328px !important; background: url('../images/left_mr.png')no-repeat !important; background-size: 100% 100% !important; }
.button-prev:hover{ width:50px !important; height: 24px !important; position: absolute;  top: 328px !important; background: url('../images/right_xt.png')no-repeat !important; background-size: 100% 100% !important; }
.button-next:hover{ width:50px !important; height: 24px !important; position: absolute;  top: 328px !important; background: url('../images/left_xt.png')no-repeat !important; background-size: 100% 100% !important; }


/* 联系方式 */
.address{ height:140px; background:rgba(255,255,255,1); cursor: pointer; transition: 1s;}
.address-title{ color:#486FFD; line-height:50px; border-bottom: 1px solid #DFDFDF;  font-weight:bold; padding-left: 29px; box-sizing: border-box; }
.address-detail{  font-weight:400; color:#333333; line-height:30px; padding-left: 30px; box-sizing: border-box; }
.phone-img{ margin-right:5px; width: .18rem; height: .18rem;background: url('../images/phone_b.png')no-repeat; background-size: 100% 100%;}
.site-img{ margin-right:5px; width: .16rem; height: .18rem;  background: url('../images/site_b.png')no-repeat; background-size: 100% 100%;}
.mrt18{margin-top: 18px;}
.address:hover{background: #486FFD; transform: translateY(-10px);}
.address:hover .address-title,.address:hover .address-detail{color: #fff;}
.address:hover .phone-img{background: url('../images/phone_w.png')no-repeat; background-size: 100% 100%;}
.address:hover .site-img{background: url('../images/site_w.png')no-repeat; background-size: 100% 100%;}
.flex-start{display: flex; justify-content: flex-start; align-items: center;}
.padding-bottom-100{padding-bottom: 100px;}

/*小屏幕 */ 
@media screen and (max-width: 768px){
     html,body { overflow-x: hidden; overflow-y: auto; }  
    .banner.product{background-size: 100% 100%;height: 3.64rem !important;background-image: url("../images/m_jycp_banner.jpg");}
    .banner .title{padding-top: 2rem;}
    .banner .title.active{padding-top: 1.3rem;}
    .banner .title p{font-size: .5rem;padding: 0 0 0 .6rem;margin-top: -0.5rem;font-weight: bold;letter-spacing: 0;}
    /* 办学优势 */
    .advantage{ height: auto;}
    .school-advantage{padding: .49rem 0 .19rem 0 ; margin: 0; }
    .advantage-box{height: 2rem;}
    .icon-box{ margin: 0; margin-top: .3rem;line-height: .6rem;display: flex;align-items: center;flex-direction: column;justify-content: center;}
    .icon-no-border{border-right: 1px solid #DFDFDF;}
    .wap-no-border{border-right: 0px !important;}
    .adv-hide{ padding: .15rem 0;}
    .adv-hide div:first-child{}
    .adv-hide div:nth-child(2){top: .5rem;}
    .adv-hide div:last-child{    padding: 0 .15rem; margin-top: 0rem; line-height: .3rem;}
    /* 教育体系 */
    .educate-title{padding-top: 30px;padding-bottom: .25rem;}
    .educate-nav{padding: 0; width: 100%; height: 58px; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; }
    .educate-bg{height: 2rem;display: flex;flex-direction: column;justify-content: center;}
    .educate-nav div {width: 30%;  }
    .padding40{    padding:.4rem;}
    .edu-img{width: 100%; height: auto;}
    .margin-left-40{margin: 0 ; box-sizing: border-box;}
    .mrr10{margin-right: 0;}
    .edu-you:first-child,.edu-you:nth-child(3){margin-right: 10px;}
    .edu-you{margin-bottom: 10px;}
    #adv1 .layui-col-xs6{width: 48%;}
    #adv2 .layui-col-xs6{width: 48%;  overflow: hidden;text-overflow:ellipsis; }
    .padding-bottom-130{padding-bottom: 60px;}
    .swiper1 .swiper-slide{width:50% !important; overflow-x: hidden;}
    .no-padding-xs.layui-container{padding: 0;}
    .edu-zk-detail{line-height: .45rem;}
    /* 合作院校 */
    .hezuo{padding: 30px 0 15px 0 !important;}
    .bg-school{padding-bottom: 48px;}
    /* 学员评价 */
    .student_evaluation{padding-bottom: 0;line-height: 1;}
    .swiper2 .swiper-slide{width: 100%; }
    /* .evaluate-box{padding:30px 30px 30px 64px; margin-left:20px} */
    .evaluate-box{ width: 453px;   padding: 0 ; display: flex; flex-direction: column; justify-content: center;}
    .evaluate-text{margin-top:.5rem; font-weight: 400; line-height: 30px;width: 100%;}
    .swiper2 .swiper-slide-active .evaluate-box{ transform-origin: center center; padding: 0 1rem 0 2rem; }
    .button-prev,.button-next{top: 358px !important;}
    .button-prev:hover,.button-next:hover{top: 358px !important;}
    /* 联系方式 */
    .flex-start div:last-child{width: 284.16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .address:hover{margin-top: 0;}
    .phone-img{width: .25rem;height: .25rem;}
    .site-img{width: .23rem;height: .25rem;}
    .padding-bottom-100{padding-bottom: 56px;}
}
/* 小屏幕，主要是PAD*/ 
@media screen and (min-width: 768px) and (max-width: 992px){
    /* 办学优势 */
    .advantage{height: auto;}
    .school-advantage{margin: .49rem 0 .19rem 0 ; }
    .advantage-box{height: 3rem;}
    .icon-no-border{border-right: 1px solid #DFDFDF;}
    .edu-img{transform: scale(0.7);}
     /* 教育体系 */  
     .edu-img{transform: scale(0.7); transform-origin: left top;}
     .scale{transform: scale(0.8); transform-origin: left top; }
     .edu-you:nth-child(3),.edu-you:nth-child(4),.edu-you:nth-child(5){margin-top: 10px;}
     .padding40{padding-bottom: 0;}
    .adv-hide div:nth-child(2){margin-top: -8px;}
    .adv-hide div:last-child{line-height: 19px;}
     /* 职业教育 */
     .edu-you2:nth-child(3),.edu-you2:nth-child(4){margin-top: 10px;}
     .educate-nav2{padding: 0px 168px;}
     .swiper1 .swiper-slide{width:30% !important;}
     .swiper2 .swiper-slide{width: 30%; }
     /* 联系方式 */
     .address-detail{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}
/* 中等屏幕，分辨率低的PC */
@media screen and (min-width: 992px) and (max-width: 1200px){
    /* 教育体系 */  
    .edu-img{transform: scale(0.9); transform-origin: left top;}
    .scale{transform: scale(0.9); transform-origin: left top;}
    .edu-you:nth-child(3),.edu-you:nth-child(4),.edu-you:nth-child(5){margin-top: 10px;}
    .padding40{padding-bottom: 0;}
    .adv-hide div:last-child{    margin-top: 30px; line-height: 23px;}
    /* 职业教育 */
    .edu-you2:nth-child(3),.edu-you2:nth-child(4){margin-top: 10px;}
    .swiper1 .swiper-slide{width:26% !important;}
    .swiper2 .swiper-slide{width: 35%; }
    /* 联系方式 */
    .address{height: 170px;}

}
/*大屏幕*/
@media screen and (min-width: 1200px){
    /* 教育体系 */
    #adv1 .layui-col-lg3{width: 18%;}
    #adv2 .layui-col-lg3{width: 31%;}
    .adv-hide div:last-child{    margin-top: 30px; line-height: 23px;}
    /* 职业教育 */
    .edu-you2:nth-child(4){margin-top: 10px;}
}