/*二级页面 css*/ 
/* 特色课程二级页面 css*/
.library{ }
.librarypic{ width:45%;} 
.libraryinfo{ width:55%; background:#fff;} 
.librarypic p{ position:relative; border:1px solid #FF9900; margin-right:60px; height:240px;}
.librarypic p img{ position:absolute; bottom:24px; left:24px; width:100%; height:auto;}

.libraryinfo h5{ font-size:18px; line-height:60px; background:url(../images/courses_r3_c11.png) no-repeat left bottom; margin-bottom:24px;margin-left:36px;}
.libraryinfo p{ line-height:26px; font-size:14px;margin-left:36px;}

.process{ padding-bottom:60px;}
.processtil h5{ text-align:center;}
.processtil h5 span{ padding:6px 24px; border:2px solid #90C320; font-size:18px;}
.processtil .tilinfo{ line-height:72px; font-size:14px;text-align:center; margin-bottom:24px;}
.process ul{ overflow:hidden; padding:12px 0px;}
.process li{ width:20%; float:left;}
.process li.jt,.process li.lc42{ display:none;}
.process li div{ margin:0px 18px; padding:36px 0px; background:#fff; box-shadow:0 0 8px rgba(100,100,100,0.2); text-align:center; border-radius:12px;}
.process li div p{}
.process li div p img{ margin-bottom:24px; max-width:100%;}
.process li div p span{ line-height:26px; font-size:14px; display:block;}



.courses2{ background:#90C320; padding:18px 0px;}
.courses2 ul{ text-align:center;}
.courses2 li{ display:inline-block; vertical-align:middle;}
.courses2 li p{ font-size:14px; color:#fff; line-height:36px; text-align:left;}
.courses2 li.i2{ margin:0px 84px;}

.fourstage{ font-size:14px;}
.fourstage .swiper-container{ padding-bottom:30px;}
.fourstage .swiper-container .swiper-slide{ /*float:left; width:25%;*/}
.fourstage .swiper-container .swiper-slide div{margin:0px 12px;}
.fourstage .swiper-container .swiper-slide div h5{ line-height:48px; text-align:center;font-size:16px}
.fourstage .swiper-container .swiper-slide div p{border-radius:12px; color:#fff;  padding:24px; display:table-cell; vertical-align:middle;}
.fourstage .swiper-container .swiper-slide div span{ display:block;border-radius:12px;line-height:48px;height:48px;text-align:center; margin-top:12px;}

.fourstage .swiper-container .n1 h5{ padding-top:108px;}
.fourstage .swiper-container .n1 p{background:#FF8F63;}
.fourstage .swiper-container .n1 span{ border:1px solid #FF8F63; }

.fourstage .swiper-container .n2 h5{ padding-top:72px;}
.fourstage .swiper-container .n2 p{background:#FFBB3B;}
.fourstage .swiper-container .n2 span{ border:1px solid #FFBB3B; }

.fourstage .swiper-container .n3 h5{ padding-top:36px;}
.fourstage .swiper-container .n3 p{background:#80CA11;}
.fourstage .swiper-container .n3 span{ border:1px solid #80CA11; }

.fourstage .swiper-container .n4 h5{ padding-top:0px;}
.fourstage .swiper-container .n4 p{background:#5FAEFF;}
.fourstage .swiper-container .n4 span{ border:1px solid #5FAEFF; }

.fourstage .swiper-container {width: 100%; height: 100%;margin-left: auto; margin-right: auto;}
.fourstage .swiper-slide {text-align: center;height: calc((100% - 30px) / 2);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; }
.fourstage .swiper-pagination{ bottom:0px;}