@charset "utf-8";
ul{margin-bottom: 0;}
body {background: #FAFAFA;font-size: 1rem;}
.wrap{background: #fff;padding: 2rem 0 3.5rem;box-shadow: 0px 0px 24px 0px rgba(232, 232, 232, 0.5);border-radius: 4px;margin-top: 2.5rem;position: relative;}
/* 标题 */
.title{font-size:1.64rem;text-align: center;margin-bottom: 2rem;}
.title span{color: #F66C3E;}
/* 按钮 */
.btns{display:block;width: 11rem;color: #fff;background: #F66C3E;border-radius: 10px;line-height: 2.5;text-align: center;margin: 2rem auto 0;letter-spacing: 2px;box-shadow: 2px 2px 4px #999;transition: 0.3s all ease;}
.btns:hover {top: 0;box-shadow: none;}
/* banner */
.banner{
	height: 402px;
	background: url(../images/jxy/banner.png) no-repeat center;
	background-size: auto 100%;
	display: flex;
    align-items: center;
}
.banner .img1{display: flex;justify-content: center;margin: 2rem 0 1.5rem;}
.banner .img2{display: flex;justify-content: space-evenly;}
/* 选择科教园集训，助您全面提升应试能力 */
.box1 .row{margin: 0;}
.box1 .btns{background: #fff;color: #38588E;border: 2px solid #38588E;opacity: 0.69;font-weight: bold;border-radius: 22px;letter-spacing: 4px;width: 13rem;}
.bg{
	height: 112px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3rem;
}
.bg1{background: url(../images/jxy/pic1.png) no-repeat center;	background-size: auto 100%;}
.bg2{background: url(../images/jxy/pic2.png) no-repeat center;	background-size: auto 100%;}
.bg3{background: url(../images/jxy/pic3.png) no-repeat center;	background-size: auto 100%;}
.bg4{background: url(../images/jxy/pic4.png) no-repeat center;	background-size: auto 100%;}
.bg5{background: url(../images/jxy/pic5.png) no-repeat center;	background-size: auto 100%;}
.bg6{background: url(../images/jxy/pic6.png) no-repeat center;	background-size: auto 100%;}
.bg p{color: #fff;text-align: center;margin-left: 10%;}
/* 2 */
.box2{display: flex;flex-wrap: wrap;justify-content: center;}
/* 科教园法硕2022高端集训全新课程体系 */
.title-top,.classContrast-con{padding: 0 5rem;}
.classContrast-con .contrast-con { margin-left: 7.9rem!important;}
.classContrast-con .con-wrap,.classContrast-con .left-nav .nav-con{padding-top: 0!important;}
.classContrast-con .left-nav .tit{height: 125px!important;border-left: 1px solid #F26E67!important;}
.classContrast-con .left-nav .tit img{margin-right: 0.5rem;}
.title-top .top-swiper {width: 875px!important;font-size: 18px;}
.classContrast-con .left-nav .nav-con>div:last-child .tit,.classContrast-con .left-nav {width: 133px!important;}
.classContrast-con .con p{height: 125px!important;float: left;border-right: 1px solid #F66C3E;line-height: 1.6!important;margin-bottom: 0;display: flex;align-items: center;justify-content: center;text-align: left!important;}
.classContrast-con .con p:first-child{width: 130px;}
.classContrast-con .con p:nth-child(2){width: 100px;}
.classContrast-con .con p:nth-child(3){width: 460px;font-size: 14px;justify-content: flex-start;padding-left: 1.5rem;}
.classContrast-con .con p:nth-child(4){width: 185px;font-size: 14px;text-align: center!important;position: relative;}
.classContrast-con .con p:nth-child(4) span{position: absolute; background: #fff;width: 100%;z-index: 2;top: 5rem;}
.fl li:first-child{width: 130px;}
.fl li:nth-child(2){width: 100px;}
.fl li:nth-child(3){width: 460px;}
.fl li:nth-child(4){width: 185px;}

/* 科教园法硕集训营辅导名师团队 */
.teacher .wrap{padding: 2rem 2rem 3.5rem;}
.tc>div{background: #FFF;box-shadow: 0px 0px 10px #E1E1E1;border-radius: 10px;padding: 2rem;transition: all 0.15s linear;}
.tc>div>a>div{display: flex;flex-flow: wrap;}
.tc>div>a>div div h3{font-size: 1.1rem;font-weight: bold;}
.tc>div img{width: 24%;height:24%;border-radius: 50%;margin: 0 0.5rem 0.5rem 0;}
.tc>div .mbt{width:30%;display: block;border: 1px solid #F26E67;color:#F26E67;border-radius: 20px;text-align: center;margin-top: 0.3rem;font-size: 16px;}
.tc>div a>span{width: 50px;height: 2px;background: #F26E67;display: block;margin: 0 0 0.2rem;}
.tc>div p{line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 16px;}
.teacher .swiper-container{position: relative;padding: 10px 0 40px;}
.teacher .swiper-button-prev {
	width: 50px;
    height: 80px;
    background: url(../images/index/btnl.png) no-repeat center;
    left: -40px;
    right: auto;
	top: 140px;
	outline: none;
}
.teacher .swiper-button-prev:hover{background: url(../images/index/btnr.png) no-repeat center;transform: rotate(180deg);}
.teacher .swiper-button-next {
	width: 50px;
    height: 80px;
    background: url(../images/index/btnl.png) no-repeat center;
    right: -40px;
    left: auto;
	top: 140px;
	transform: rotate(180deg);
	outline: none;
}
.teacher .swiper-button-next:hover{background: url(../images/index/btnr.png) no-repeat center;transform: rotate(0deg);}
.teacher .glyphicon-menu-left:before,.glyphicon-menu-right:before{display: none;}
.swiper-pagination-bullet-active{background: #F66C3E;}
/* 选择集训营六大理由 强化你的核心竞争力 */
.reason{display: flex;justify-content: space-evenly;align-items: center;padding: 0 3rem;}
.r-right ul li{width: 16rem;border: 1px solid #F66C3E;border-radius: 4px;margin-top: 2rem;}
.r-right ul li p{width: 80%;margin: 10px auto 20px;line-height: 26px;}
.r-right ul li h3{color: #F66C3E;font-size: 1.2rem;text-align: center;}
.r-center{width: 360px;height: 345px;display: flex;align-items: center;justify-content: center;position: relative;}
.r-center .small{width: 60px;height: 60px;background: #F66C3E;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.r-center .small img{width: 60%;}
.r-center .icon1{position: absolute;top: 40px;left: 25px;}
.r-center .icon2{position: absolute;top: 40px;right: 25px;}
.r-center .icon3{position: absolute;top: 145px;left: 0;}
.r-center .icon4{position: absolute;top: 145px;right: 0;}
.r-center .icon5{position: absolute;bottom: 40px;left: 20px;}
.r-center .icon6{position: absolute;bottom: 40px;right: 20px;}
.r-center .circle-big{width: 270px;height: 270px;background: #FBC4B2;border-radius: 50%;display: flex; align-items: center;justify-content: center;}
.r-center .circle-big .circle-small{width: 210px;height: 210px;background: #F66C3E;border-radius: 50%;color: #fff;line-height: 210px;text-align: center;}
/* 高端集训营  对 */
.db{padding: 5rem;position: relative;}
.dbleft{width: 45%;border:2px solid #DBDBDB;border-radius: 14px;}
.dbleft h2{color: #999;text-align: center;font-size: 2rem;line-height: 3;margin-top: 0;margin-bottom: 0;}
.dbleft li{display: flex;border-top:2px solid #DBDBDB;line-height: 3;align-items: center;padding-left: 2rem;}
.dbleft li p{margin-bottom:0;}
.dbleft li div{background: #FDE2D8;width: 10%;text-align: center;}
.dbleft li>img{padding: 0 1rem 0 0;}
.dbright{position: absolute;
    right: 4rem;
    top: 3rem;
    width: 50%;
    z-index: 4;
	border:2px solid #F66C3E;}
.dbright li{line-height: 3.5;padding-left: 0;}
.dbright li p{margin-bottom: 0;}
.dbright h2{color: #fff;background: #F66C3E;border-radius: 9px 9px 0 0;margin-top: 0;margin-bottom: 0;}
.dbright li>img{padding: 0 1rem 0 1.5rem;}
.title-top li p{margin-bottom: 0;}

/* 每天12小时 高三模式集中强化学习 */
.time{background: url(../images/jxy/Rectangle.png) no-repeat center;background-size: auto 100%;}
.timeBox{display: flex;justify-content: center;position: relative;}
.timeBox h3{
    width: 7rem;
    color: #fff;
    background: #F66C3E;
    border-radius: 20px;
    line-height: 1.8;
    text-align: center;
    margin: 0 0 1rem;
    letter-spacing: 2px;
    font-size: 1.2rem;
}
.timeBox>div:first-child{text-align: right;}
.timeBox>div:first-child h3{margin: 0 0 1rem 85px;}
.timeBox>div p{line-height: 3;font-size: 1.12rem;}
.timeBox img{padding: 0 3rem;}
.tbg1{position: absolute;bottom: 55px;left: 40px;}
.tbg2{position: absolute;bottom: 25px;right: 60px;}


/* 往届部分学员风采 */
.student{background: #F66C3E;box-shadow: 0px 0px 24px 0px rgba(232, 232, 232, 0.5);border-radius: 4px;padding: 0 3rem 3rem;margin-top: 2rem;}
.student .title{background: url(../images/jxy/pic8.png) no-repeat center;background-size: auto 100%;height: 63px;line-height: 63px;color: #fff;margin-top: 1rem;}
.stu-wrap{background: #fff;padding: 2rem;border-radius: 17px;}
.stu-wrap>div{border: 2px dashed #F66C3E;border-radius: 28px;padding: 0 0 2rem;}
.stu-one {display: flex;color: #F66C3E;border-radius: 4px;border-bottom: 1px solid #FAA78B;margin-bottom: 0;}
.stu-one li {width: 33.3%;text-align: center;font-size: 1.2rem;padding: 1rem 0;}
.xuey { overflow: hidden;height: 25.5rem;}
.stu-two li{line-height: 3;border-bottom: 2px solid #FAFAFA;}
.stu-two li span{display: inline-block;width: 33.3%;text-align: center;}
.stu-two li:nth-child(even){background:#FAA78B;}
.stu-two li:nth-child(even) a{color: #fff;}
/* 集训环境 吃住学一体化 安全无忧 */
.hj{display: flex;padding: 0 4rem;}
.hj>div{width: 50%;}
.hj>div ul li{display: flex;}
.hj>div ul li p{color: #fff;background: #F66C3E;margin-bottom: 0;width: 40%;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 1.2rem;}
/* 集训报名疑问 在线答疑解惑 */
.ask{padding: 0 9rem;}
.ask ul li{display: flex;justify-content: space-around;}
.ask ul li:first-child{border-bottom: 1px solid #F66C3E;}
.ask ul li p{width: 50%;line-height: 7;margin-bottom: 0;padding-left: 2rem;}
.ask ul li p span{width: 1rem;height: 1rem;background:#F66C3E;border-radius: 50%;display: inline-block;margin-right: 10px;}
.ask ul li p:last-child{border-left:1px solid #F66C3E ;}


@media (min-width: 1200px){
	.banner .container {width: 795px;}
}
@media (max-width: 768px){
	.title{font-size: 18px;margin-bottom: 1rem;}
	.btns {margin: 1rem auto 0;}
	.wrap{padding: 1rem 0 2.5rem;margin-top: 1.5rem;}
	.banner {height: 40vw;}
	.banner .img1{margin: 0 0 0;}
	.banner .img2{width: 80%;margin: 0 auto;}
	.banner img{max-width: 83%;}
	.bg{height: 85px;margin-top: 1rem;}
	.bg1,.bg2,.bg3,.bg4,.bg5,.bg6{background-size: 100% 100%;}
	.bg p {margin-left: 13%;}
	.box1 .col-md-4,.box1 .col-md-6{padding-left: 5px;padding-right: 5px;}
	.box1 .row {margin: 5px;}
	.box2>div{width: 28rem;overflow-x: auto;}
	.student {padding: 0 1rem 2rem;margin-top: 1.5rem;}
	.stu-wrap{padding: 1rem;}
	.student .title {background-size: 100%;height: 45px;line-height: 45px;}
	.hj {display: block;padding: 0 0;}
	.hj>div {width: 100%;}
	.hj>div ul li .img-responsive{width: 70%;}
	.ask {padding: 0;}
	.ask ul li {display: block;}
	.ask ul li p {width: 100%;line-height: 3;padding-left: 2rem;}
	.ask ul li p:last-child {border-left: none;}
	.ask ul li:first-child {border-bottom: none;}
	.ask ul li p span {width: 0.8rem;height: 0.8rem;}
	.reason{padding: 0 0;}
	.r-right ul li{width: auto;margin: 1rem 0.5rem;}    
	.r-right ul li p{min-height: 9rem;}
	.timeBox>div:first-child h3,{margin: 5px 0 1rem 85px;}
	.timeBox img {padding: 0 1rem;}
	.timeBox>div p {font-size: 1rem;margin-top: 20px;}
	.title-top, .classContrast-con{padding: 0 0;}
	.title-top .top-swiper{width: 16rem!important;}
	.title-top .tit{height: 40px!important;width: 133px!important;font-size: 16px!important;line-height: 40px!important;}
	.title-top li{height: 40px!important;font-size: 16px!important;}
	.classContrast-con .con p,.classContrast-con .left-nav .tit{font-size: 14px!important;}
	.db{padding: 1rem 1rem 2.5rem;}
	.dbleft{width: 100%;}
	.dbright{width: 100%;position: initial;margin-top: 1rem;}
	.dbright li,.dbleft li{line-height: 3;}
	.dbright li, .dbleft li p{margin-bottom: 0;font-size: 12px;}
	.dbright li>img {width: 9%;padding: 0 0.5rem 0 1rem;}
	.dbleft li div img{width: 63%;}
	.dbleft h2 {font-size: 1.5rem;line-height: 2;}
	.dbright h2 {font-size: 1.5rem;line-height: 2;}
	
}
