/**course-system**/
.course-system{ padding-top: 75px;}
.course-system li{ position: relative; padding:9% 0;  background-position: top center;}
.course-system li .container{  max-width:1660px; padding: 0 10%; display: flex; flex-flow: wrap; align-items: center; justify-content:flex-start;}
.course-system li .text{ position: relative; z-index: 1; width:50%; max-width: 570px; color: #000000;}
.course-system li .text .tit{ padding-bottom: 25px; position: relative; border-bottom: 1px solid rgba(0,0,0,.2);}
.course-system li .text .tit h2{ font-size: 44px; font-weight: 600; color: #e71a1c;}
.course-system li .text .tit p{ margin-top: 5px;  font-size: 20px;}
.course-system li .text .tit img{ position: absolute; top:0; right:0;}
.course-system li .text .con{  margin-right: 10px; margin-top: 10px;}
.course-system li .text .con-li{  margin-top: 25px;}
.course-system li .text .con-li:nth-child(1){ width: 58%; margin-right: 5%; display: inline-block; vertical-align: top; }
.course-system li .text .con-li:nth-child(2){ width: 32%; display: inline-block; vertical-align: top;}
.course-system li .text .con-li span{ position: relative; padding-left:24px; display: block; line-height: 20px; font-size: 18px; font-weight: 600;}
.course-system li .text .con-li span:before{ content: "";  position: absolute; top:0; left:0; width: 20px; height: 20px; background-size: cover;}
.course-system li .text .con-li:nth-child(1) span:before{ background-image: url(../images/course/ico_sm_01.png);}
.course-system li .text .con-li:nth-child(2) span:before{ background-image: url(../images/course/ico_sm_02.png);}
.course-system li .text .con-li:nth-child(3) span:before{ background-image: url(../images/course/ico_sm_03.png);}
.course-system li .text .con-li p{ margin-top: 5px; font-size: 16px; color: #333333; line-height: 30px;}
.course-system li .text .button-div{ margin-top: 10%;}
.course-system li .text .button-div a{ margin-right:10px; display: inline-block; font-size: 18px; background: #e71a1c; color: #fff; border:1px solid #e71a1c; padding: 12px 40px;}
.course-system li .text .button-div a:hover{ background:#d01719; border:1px solid #d01719; }
.course-system li .text .button-div a:nth-child(1){ border:1px solid #333333; color: #333333; background: none; }
.course-system li .text .button-div a:nth-child(1):hover{ background: #333333; color: #FFFFFF;}
.course-system li:nth-child(2n-1){ padding-top: 11%;}
.course-system li:nth-child(2n) .container{ justify-content:flex-end;}
.course-system li:nth-child(2n) .text{ color: #FFFFFF;}
.course-system li:nth-child(2n) .text .tit{ border-bottom: 1px solid rgba(255,255,255,.2);}
.course-system li:nth-child(2n) .text .tit h2{ color: transparent;  background: url(../images/course/yellow_letter_bg.jpg);  -webkit-background-clip: text;}
.course-system li:nth-child(2n) .text .tit p{  color: transparent;  background: url(../images/course/yellow_letter_bg.jpg);  -webkit-background-clip: text;} 
.course-system li:nth-child(2n) .text .con-li p{ color: #FFFFFF;}
.course-system li:nth-child(2n) .text .con-li:nth-child(1) span:before{ background-image: url(../images/course/ico_sm_01_w.png);}
.course-system li:nth-child(2n) .text .con-li:nth-child(2) span:before{ background-image: url(../images/course/ico_sm_02_w.png);}
.course-system li:nth-child(2n) .text .con-li:nth-child(3) span:before{ background-image: url(../images/course/ico_sm_03_w.png);}
.course-system li:nth-child(2n) .text .button-div a:nth-child(1){ border:1px solid #fff; color: #fff; background: none; }
.course-system li:nth-child(2n) .text .button-div a:nth-child(1):hover{ background: #fff; color: #333;}

/**incubation**/
.incubation-desbox .container{ max-width:1920px; padding: 0 7.8%;}
.incubation-desbox .content{ padding: 5%; background-image:url(../images/course/incubation_quebox.jpg); display: flex; flex-flow: wrap; align-items: center; justify-content:center;}
.incubation-desbox .content ul{ width: 40%; max-width: 300px;}
.incubation-desbox .content ul li{ margin: 10px 0; text-align: center; width: 100%; border:1px solid #999999; background: #2e2e2e; padding: 6px; padding-left: 48px; font-size: 18px; color: #ffffff; position: relative; line-height: 30px; border-radius: 20px;}
.incubation-desbox .content ul li img{ position: absolute; top:6px; left:6px;}
.incubation-desbox .content .text{ margin-left: 5%; width: 55%; max-width: 690px; font-size: 24px; line-height: 48px; color: #ecd9a3; text-align: justify;}

.incubation-theme{ text-align: center;}
.incubation-theme span{ position: relative; font-weight: 600; font-size: 40px; color: transparent;  background: url(../images/course/yellow_letter_bg.jpg);  -webkit-background-clip: text; padding: 0 30px;}
.incubation-theme span:before,
.incubation-theme span:after{ content: ""; position: absolute; top:50%; margin-top:-6px; width: 12px; height: 12px;  background: url(../images/course/yellow_letter_bg.jpg); }
.incubation-theme span:before{ left:0;}
.incubation-theme span:after{ right:0;}

.incubation-equity{ position: relative; padding-top: 135px; background-position:top center; background-image: url(../images/course/incubation_equity_bg.jpg);}
.incubation-equity .container{ max-width:1920px; padding: 0 7.8%;}
.incubation-equity ul{ margin-top: 60px; display: flex; flex-flow: wrap; align-items: center; justify-content:center;}
.incubation-equity li{ width: 25%; padding:0 1px;}
.incubation-equity li .box{ position: relative; color: #FFFFFF;}
.incubation-equity li .box:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:#000; opacity: .8;  -webkit-transition: all ease .6s;  -moz-transition: all ease .6s; -ms-transition: all ease .6s; -o-transition: all ease .6s;  transition: all ease .6s;}
.incubation-equity li .box .pop{ position: absolute; top:50%; left:0; width: 100%; transform: translateY(-55%); -webkit-transform: translateY(-55%); }
.incubation-equity li .box .pop img{ margin-bottom: 15px;}
.incubation-equity li .box .text{ display: none; position: absolute; top:50%; left:0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.incubation-equity li .box .text p{ margin-top: 30px; padding:30px 10px 0; text-align: center; font-size: 18px; position: relative; }
.incubation-equity li .box .text p:before{ content: ""; position: absolute; top:0; left:50%; margin-left: -15px; width: 30px; height: 5px; background: #e71a1c;}
.incubation-equity li .box .tit{ font-weight: 600; display: block; font-size: 30px; text-align: center;}
.incubation-equity li .box:hover:before{ opacity:0.5;}
.incubation-equity li .box:hover .pop{ display: none;}
.incubation-equity li .box:hover .text{ display: block;}

.incubation-video{ position: relative; padding-top: 120px; background-image: url(../images/course/incubation_video_bg.jpg); background-position: top center; }
.incubation-video .container{ max-width:1740px;}
.incubation-video video{ display: block; width: 100%; }

.incubation-tutor{  position: relative; padding-top: 98px;}
.incubation-tutor .container{ max-width:1740px;}
.incubation-tutor ul{ margin-top: 20px;}
.incubation-tutor li{  margin-top: 55px; display: flex; flex-flow: wrap; align-items: center; justify-content:space-between;}
.incubation-tutor li:nth-child(1){ background-image: url(../images/course/tutor_bg_01.jpg);}
.incubation-tutor li:nth-child(2){ background-image: url(../images/course/tutor_bg_02.jpg);}
.incubation-tutor li .img{ width: 34%;}
.incubation-tutor li .text{ width: 66%; padding: 0 5%;  text-align: justify; color: #ffffff;}
.incubation-tutor li .text .tit{ font-size: 36px;  color: transparent;  background: url(../images/course/yellow_letter_bg.jpg);  -webkit-background-clip: text; font-weight: 600; }
.incubation-tutor li .text .tip{ margin-top: 10px; color: #e71a1c; font-size: 18px; font-weight: 600; }
.incubation-tutor li .text .des{ margin-top: 20px; font-size: 18px; line-height: 36px; }

.incubation-system{  position: relative; padding-top: 128px; background-image: url(../images/course/incubation_system_bg.jpg); background-position: top center; color: #fff;}
.incubation-system .container{ max-width:1920px; padding: 0 7.8%;}
.incubation-system .content{ margin-top: 120px; position: relative; padding-left: 500px;}
.incubation-system .tab{ position: absolute; top:0; left:0; max-width: 320px;}
.incubation-system .tab span{ margin-bottom: 35px; display:inline-block; clear: both; line-height: 50px; border-radius: 0 25px 25px 0; background-image: url(../images/course/yellow_letter_bg.jpg); background-position: left center;  background-size: cover; text-align: right; padding-left: 45px; cursor: pointer;}
.incubation-system .tab span i{ font-size:24px; font-weight: 600; color: #000; display: inline-block; vertical-align: middle; font-style: normal;}
.incubation-system .tab span img{ margin-left: 10px; display: inline-block; vertical-align: middle;}
.incubation-system .tab span.active{ display: block; padding-left: 140px;}
.swiper-incubation-system{ border-top:1px solid rgba(255,255,255,.4); padding-top: 30px;}
.swiper-incubation-system .swiper-slide{ min-height: 320px;}
.swiper-incubation-system .text{ font-size: 24px; line-height: 48px; max-width: 940px;}
.swiper-incubation-system .tip{ margin-top: 50px;}
.swiper-incubation-system .tip p{ margin-top:25px; font-size: 30px; font-weight: 600; color: transparent;  background: url(../images/course/yellow_letter_bg.jpg);  -webkit-background-clip: text; }

.incubation-empowerment{ position: relative; padding-top: 110px;}
.incubation-empowerment .container{ max-width:1920px; padding: 0 7.8%;}
.incubation-empowerment .content{ position: relative;}
.incubation-empowerment .content .incubation-theme{ position: absolute; top:75px; left:0; width: 100%; text-align: center;}
.incubation-empowerment .content .text{  position:absolute; top:40%; right:10%; width: 30%; z-index: 1; font-size: 24px; line-height: 48px; color: #fff; padding-top: 30px;}
.incubation-empowerment .content .text:before{ content: ""; position: absolute; top:0; left:0; width: 60px; height: 4px; background: #e71a1c;}

.incubation-recruit{ position: relative; padding: 115px 0 120px; background-image:url(../images/course/incubation_recruit_bg.jpg);}
.incubation-recruit .container{ max-width:1920px;}
.incubation-recruit .content{ margin-top: 60px; display: flex; flex-flow: wrap; align-items: center; justify-content:space-between; color: #FFFFFF;}
.incubation-recruit .tit{  font-weight: 600; font-size: 24px; color: transparent;  background: url(../images/course/yellow_letter_bg.jpg);  -webkit-background-clip: text;}
.incubation-recruit .box{ width: 38%; padding:5% 4%; background: rgba(0,0,0,.4); text-align: center;}
.incubation-recruit .box .tit{ text-align: center;}
.incubation-recruit .box .tip{ margin-top: 25px; text-align: justify; font-size: 18px; color: #e71a1c; font-weight: 600;}
.incubation-recruit .box .des{ margin-top: 10px; text-align: justify; font-size: 16px; line-height:36px;}
.incubation-recruit .box .button{ margin-top: 15%; display: inline-block; color: #FFFFFF; padding: 8px 30px; background: #e71a1c; font-size: 24px; letter-spacing: 2px;}
.incubation-recruit .box .button:hover{ background:#d01719;}
.incubation-recruit .right{ width: 56%;}
.incubation-recruit .right ul{ margin: 30px 0 25px; max-width: 580px; display: flex; flex-flow: wrap; align-items:flex-start; justify-content:space-between;}
.incubation-recruit .right ul .arrows{ padding-top: 25px;}
.incubation-recruit .right ul li p{ text-align: center; margin-top: 15px; font-size: 18px; line-height: 24px;}
.incubation-recruit .right .des{ margin-top: 30px; line-height: 20px;}
.incubation-recruit .right .des span{ min-width: 30%; position: relative; margin-bottom: 22px; display: inline-block;  color:#FFFFFF; padding-left: 27px; padding-right: 10px;}
.incubation-recruit .right .des span a{ color:#FFFFFF;}
.incubation-recruit .right .des span:before{ content: ""; position: absolute; top:0; left:0; width: 20px; height: 20px;}
.incubation-recruit .right .des span:nth-child(1):before{ background-image:url(../images/course/ico_r_01.png);}
.incubation-recruit .right .des span:nth-child(2):before{ background-image:url(../images/course/ico_r_02.png);}
.incubation-recruit .right .des span:nth-child(3):before{ background-image:url(../images/course/ico_r_03.png);}
.incubation-recruit .right .des span:nth-child(4):before{ background-image:url(../images/course/ico_r_04.png);}
.incubation-recruit .right .des span:nth-child(5):before{ background-image:url(../images/course/ico_r_05.png);}
.incubation-recruit .right .des span:nth-child(1),
.incubation-recruit .right .des span:nth-child(4){ min-width: 34%;}
.incubation-recruit .right .des span:nth-child(5){ min-width: 64%;}

.fixed-sub{ position:fixed; top:25%; right:0; z-index: 99;}
.fixed-sub li{ margin: 6px 0; text-align: right;}
.fixed-sub li a{ display:inline-block; line-height: 30px;  background: #2e2e2e; color: #999999; padding:0 16px; width: 120px; text-align: center; border-radius: 5px 0 0 5px;}
.fixed-sub li.current a{ width: 134px; text-align: left; color: #000000; font-weight: 600; background-image:url(../images/course/yellow_letter_bg.jpg);}

@media (max-width:1850px) {
	.incubation-recruit .right .des span:nth-child(1),
	.incubation-recruit .right .des span:nth-child(3){ width: 46%;}
}
@media (max-width:1500px) {
	.incubation-desbox .content .text{ font-size: 20px; line-height: 40px;}
	.incubation-equity li .box .tit{ font-size: 24px;}
	.incubation-equity li .box .text p{ font-size:16px;}
	.incubation-tutor li .text .tit{ font-size: 30px;}
	.incubation-tutor li .text .des{ font-size: 16px; line-height: 28px;}
	.incubation-system .content{ padding-left: 450px;}
	.swiper-incubation-system .text{ font-size: 20px; line-height: 40px;}
	.swiper-incubation-system .tip p{ font-size: 22px;}
	.incubation-empowerment .content .text{ font-size: 20px; line-height: 40px;}
}


/**training**/
.training-box{ padding-top: 65px;  position: relative; }
.training-box .container{ max-width: 1740px;}
.training-box .des{ text-align: center; font-size: 18px; line-height: 36px; color: #666;}
.training-box video{ margin-top: 50px; display: block; width: 100%;}
.training-theme{ font-size: 40px; text-align: center;}
.training-tutor{ position: relative; padding: 95px 0 20px;}
.training-tutor .container{ max-width:1740px;}
.training-tutor ul{ margin-top: 65px;}
.training-tutor li{ margin-bottom: 80px; display: flex; flex-flow: wrap; align-items: center; justify-content:space-between;}
.training-tutor li:first-child{ margin-top: 65px;}
.training-tutor li .img{ width: 35%; max-width: 440px;}
.training-tutor li .text{ width: 65%; padding: 0 5% 0 2%; text-align: justify;}
.training-tutor li .text .tit{ font-size: 36px; }
.training-tutor li .text .tip{ margin-top: 10px; font-size: 18px; color: #e71a1c;}
.training-tutor li .text .des{ margin-top: 20px; font-size: 18px; line-height: 36px; color: #666666;}
.training-tutor li:nth-child(2n) .text{ padding: 0 2% 0 5%;}

.training-classcontent{ position: relative;}
.training-classcontent .container{ max-width: 1860px; padding: 0 11%;}
.training-classcontent .bg{ position: relative; background: #f8f8f8; padding: 55px 0 95px;}
.training-classcontent .bg:before{ content: ""; position: absolute; top:0; left:100%; height: 100%; width: 100%;  background: #f8f8f8; }
.training-classcontent .content{ margin-top: 55px;}
.training-classcontent .tab{ width: 100%; max-width: 320px; padding: 0 55px; float: left; border-right:1px solid #dddddd; min-height: 320px;}
.training-classcontent .tab span{ margin-bottom: 40px; line-height: 50px; border-radius: 5px; display: block; background: #999999; color: #FFFFFF; font-size: 22px; font-weight: 600; text-align: center; cursor: pointer;}
.training-classcontent .tab span i{ position: relative; font-style: normal;}
.training-classcontent .tab span.active{ background: #e71a1c;}
.training-classcontent .tab span.active i{ padding-bottom: 4px;}
.training-classcontent .tab span.active i:after{ content: ""; position: absolute; bottom: 0; left:0; width:50%; border-bottom:1px solid #FFFFFF;}
.swiper-training-classcontent{ margin-left: 380px;} 
.swiper-training-classcontent .des{ font-size: 24px; line-height: 48px;}
.swiper-training-classcontent .des-ico-ul{ margin-top: 80px; max-width: 920px; display: flex; flex-flow: wrap; align-items: center; justify-content:space-between;}
.swiper-training-classcontent .des-ico-ul li{ width: 22%; text-align: center;}
.swiper-training-classcontent .des-ico-ul li span{ margin-top: 35px; display:inline-block; font-size: 22px; color: #666; position: relative; padding-left: 20px;}
.swiper-training-classcontent .des-ico-ul li span:before{ content: ""; position: absolute; top:50%; left:0; width: 4px; margin-top: -10px; height: 20px; background: #e71a1c;}
.swiper-training-classcontent .case-div{ margin-top: 10px;}
.swiper-training-classcontent .case-div .box{ margin-top: 45px; float: left; width: 48%; margin-right:4%;}
.swiper-training-classcontent .case-div .box:nth-child(2n){ margin-right: 0;}
.swiper-training-classcontent .case-div .box .tit{ font-size: 26px; font-weight: 600; color: #e71a1c; position: relative; padding-left: 12px;}
.swiper-training-classcontent .case-div .box .tit:before{ content: ""; position: absolute; top:50%; left:0; width: 4px; margin-top: -11px; height: 22px; background: #e71a1c;}
.swiper-training-classcontent .case-div .box ul{ display: flex; flex-flow: wrap; align-items: center; justify-content:space-between;}
.swiper-training-classcontent .case-div .box li{ margin-top: 20px; width: 49%;}
.swiper-training-classcontent .case-div .box li .img{ position: relative;}
.swiper-training-classcontent .case-div .box li .img:after{ content: ""; position:absolute; top: 0; left:0; width: 100%; height: 100%; background:rgba(0,0,0,.4);}
.swiper-training-classcontent .case-div .box li .ico{ position: absolute; z-index: 1; top:50%; left:0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.swiper-training-classcontent .case-div .box li .ico img{ max-width: 80%;}
.swiper-training-classcontent .case-div .box li .ico p{ padding: 0 10px; font-size: 12px; color: #FFFFFF; text-align: center; }
.swiper-training-classcontent .class-ul{ max-width: 1000px; display: flex; flex-flow: wrap; align-items: center; justify-content:space-between;}
.swiper-training-classcontent .class-ul li{ margin-top: 35px; width: 48%;}
.swiper-training-classcontent .class-ul li .box{ position: relative;}
.swiper-training-classcontent .class-ul li .box p{ position: absolute; bottom:0; left:0; width: 100%; padding:22px 30px;}
.swiper-training-classcontent .class-ul li .box span{ position: relative; display: block; padding-left: 15px; font-size: 24px; color: #FFFFFF; font-weight: 600;}
.swiper-training-classcontent .class-ul li .box span:before{ content: ""; position: absolute; top:50%; left:0; width: 4px; margin-top: -10px; height: 20px; background: #e71a1c;}

.training-sign{ position: relative; padding-top:90px;}
.training-sign .container{ max-width: 1740px;}
.training-sign .content{ margin-top: 60px;  display: flex; flex-flow: wrap; align-items: flex-end; justify-content:space-between; background: #f8f8f8; position: relative;}
.training-sign .content:before{ content: ""; position: absolute; top:0; right:100%; width: 100%; height: 100%;background: #f8f8f8;}
.training-sign .img{ width: 56%; position: relative; z-index: 1;}
.training-sign .img img{ max-width: 1045px; position: absolute; bottom:0; right:0;}
.training-sign .text{ width: 44%; padding: 40px 5%;}
.training-sign .text .tit{ font-weight: 600; color: #e71a1c; font-size: 18px;}
.training-sign .text .des{ margin-top: 10px; margin-bottom: 30px; font-size: 16px; line-height: 36px; color: #333333;}
.training-sign .text .button{ display: inline-block; background: #e71a1c; font-size: 24px; color: #FFFFFF; padding: 10px 20px;} 
.training-sign .text .button:hover{background:#d01719;}
.training-canke{ position: relative; padding: 115px 0;}
.training-canke .container{ max-width: 1740px;}
.training-canke ul{  display: flex; flex-flow: wrap; align-items: center; justify-content:space-between;}
.training-canke li{ width: 48%; margin-top: 60px; position:relative;}
.training-canke li span{ position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  z-index: 1; left:0; width: 100%;}
.training-canke li span img{ max-width: 30%;}

.fixed-sub-train li a{ background:#FFFFFF; text-align: center; color: #666666; border:1px solid #dddddd; padding: 0 16px;}
.fixed-sub-train li.current a{ background: #e71a1c; color: #FFFFFF; border:1px solid #e71a1c;}

@media (max-width:1620px) {
	.training-box .des{ font-size: 16px; line-height: 32px;}
	.training-classcontent .tab{ min-height: 300px; width: 280px; padding: 0 30px;}
	.training-classcontent .tab span{ font-size: 20px; margin-bottom: 22px;}
	.swiper-training-classcontent{ margin-left: 320px;}
	.swiper-training-classcontent .des-ico-ul li span{ font-size: 18px; padding-left: 15px;}
	.swiper-training-classcontent .case-div .box .tit{ font-size:20px;}
	.swiper-training-classcontent .case-div .box li .ico img{ width: 60%; margin-bottom: 5px;}
	.swiper-training-classcontent .class-ul li .box span{ font-size: 18px;}
	.training-sign .img{ width: 52%;}
	.training-sign .text{ width: 48%;}
	.training-sign .text .button{ font-size: 20px;}
}