/*第一屏*/
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; margin-top: -1.6145rem; }
.fp-controlArrow.fp-prev { left: 5%; width: 3.229rem; height: 3.229rem; background: url("../images/fp-prev.png")/*tpa=http://www.jgik.cn/images/fp-prev.png*/ no-repeat center; background-size: cover; }
.fp-controlArrow.fp-next { right: 5%; width: 3.229rem; height: 3.229rem; background: url("../images/fp-next.png")/*tpa=http://www.jgik.cn/images/fp-next.png*/ no-repeat center; background-size: cover; }
.slide_banner{ background-repeat: no-repeat; background-position:center; background-size: cover; }
.slide_banner .fp-tableCell{ display: inline-flex; flex-direction: column; justify-content: center;
text-align: left; }
.banner_link{
width:100%; height:100%; position:absolute;
}
.slide_banner .slide_banner_l{
display: block; z-index:10; position:relative; padding-left:12%;
}
.slide_banner .slide_banner_l .slide_banner_h{ display: inline-block; font-size: 2.9rem; padding-bottom: 1.14rem;
border-bottom: solid 0.15625rem #fff; }
.index-zz{ padding-bottom: 4.3rem; width:40rem; }
.slide_banner .slide_banner_l .slide_banner_p{ padding: 1.14rem 0; font-size: 1.5625rem; }
.slide_banner .slide_banner_l .slide_banner_button{ height: 100%; overflow: hidden; position:relative; z-index:10;
}
.slide_banner .slide_banner_l .slide_banner_button a{ font-size: 1.40625rem; padding: 0.78rem 0;
/*background: #46bdca;*/ border-radius: 30px; float: left; text-decoration: none; color: #fff; }
.slide_banner .slide_banner_l .slide_banner_button .slide_banner_pop{
/*background: #ffffff;*/ margin-left: 3.5rem; color: #666666;
}
/*第二屏*/
.section .title{ display: inline; padding: 0 6.45rem 1.35rem; font-size: 2.6rem; color: #333333; text-align: center; background: url("../images/index_title_bg.png")/*tpa=http://www.jgik.cn/images/index_title_bg.png*/ no-repeat center bottom; background-size: 100%;
}
.se2_con{ width: 77%; height: 26rem; margin: 0 auto; display: flex; justify-content: space-between;
align-items: center; color: #333333; position: relative;
}
.se2_con .se2_con_l{ width: 52%; height:100%; position: absolute; left: -100%;
-webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s;
-o-transition: all 0.7s; transition: all 0.7s;
}
.se2_con_about{ padding-bottom: 3.4rem; }
.se2_con .se2_con_l .se2_con_tile{ font-size: 1.36rem; padding-bottom: 1.5rem; font-weight: bold; }
.se2_con .se2_con_l p{ font-size: 0.9375rem; line-height: 2rem; }
.se2_con .se2_con_l p a, .se4_con .se4_list p a{
padding: 0.3rem 1rem; margin-left: 1.2rem; border-radius: 10px; color: #ffffff; text-decoration: none;
background: #f4a117; font-size:0.8rem; font-weight:bold;}
.se2_con .se2_con_r{ width: 32.2%; position: absolute; right: -100%; -webkit-transition: all 0.7s;
-moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;
}
.active .se2_con .se2_con_l{left: 0; opacity: 1; -webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.active .se2_con .se2_con_r{ right: 0; opacity: 1; -webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s;
}
/*备用鼠标移上去效果*/
.hvr_shutter_in_vertical { position: relative; background-color: #0275d8 !important;
transition-property: color; transition-duration: .3s;
}
.hvr_shutter_in_vertical:hover { color: #fff; }
.hvr_shutter_in_vertical:before { content: ""; position: absolute; z-index: -1;
top: 0; left: 0; right: 0; bottom: 0;
background-color: #e1e1e1; transform: scaleY(1); transform-origin: 50%;
transition-property: transform; transition-duration: .3s; transition-timing-function: ease-out
}
.hvr_shutter_in_vertical:hover:before {
transform: scaleY(0)
}
/*第三屏*/
.section3{ position: relative; }
.se3_con{ width:100%; height:100%; display:flex; }
.se3_item{ width:18%; height:100%; background-color:#e54140; display:flex; align-items:center; justify-content:center; font-weight:bold; position:relative; }
.se3_item.ys2{ width:28%; background:url(../images/se3_bg2.jpg)/*tpa=http://www.jgik.cn/images/se3_bg2.jpg*/ no-repeat; background-size:cover; }
.se3_item.ys3{ background:url(../images/se3_bg3.jpg)/*tpa=http://www.jgik.cn/images/se3_bg3.jpg*/ no-repeat; background-size:cover; }
.se3_item.ys4{ background:url(../images/se3_bg4.jpg)/*tpa=http://www.jgik.cn/images/se3_bg4.jpg*/ no-repeat; background-size:cover; }
.se3_item.ys5{ background:url(../images/se3_bg5.jpg)/*tpa=http://www.jgik.cn/images/se3_bg5.jpg*/ no-repeat; background-size:cover; }
.se3_item .link{ text-decoration:none; color:#fff;}
.se3_item .icon{ width:100%; height:6.8rem; background:url(../images/se3_icon1.png)/*tpa=http://www.jgik.cn/images/se3_icon1.png*/ center center no-repeat; background-size:auto 100%; }
.se3_item .icon.ys2{ height:5.6rem; }
.se3_item.ys2 .icon{ background:url(../images/se3_icon2.png)/*tpa=http://www.jgik.cn/images/se3_icon3.png*/ center center no-repeat; background-size:auto 100%; }
.se3_item.ys3 .icon{ background:url(../images/se3_icon3.png)/*tpa=http://www.jgik.cn/images/se3_icon3.png*/ center center no-repeat; background-size:auto 100%; }
.se3_item.ys4 .icon{ background:url(../images/se3_icon4.png)/*tpa=http://www.jgik.cn/images/se3_icon4.png*/ center center no-repeat; background-size:auto 100%; }
.se3_item.ys5 .icon{ background:url(../images/se3_icon5.png)/*tpa=http://www.jgik.cn/images/se3_icon5.png*/ center center no-repeat; background-size:auto 100%; }
.se3_item .name{ width:100%; text-align:center; font-size:1.5rem; display:block; margin-top:1rem; letter-spacing:0.1rem;}
.se3_item .name:hover{ color:#313131;}
.se3_item .changcolor:hover .desc, .se3_item .changcolor:hover .name{ color:#313131; }
.se3_item.ys2 .name{ font-size:1.9rem; }
.se3_item .name.ys2{ font-size:1.25rem; letter-spacing:0.02rem; }
.se3_item .desc{ width:100%; text-align:center; font-size:1rem; display:block; line-height:2rem; margin-top:2rem; }
.se3_item .desc.ys2{ font-weight:normal; text-align:left; margin-top:0.4rem;}
.se3_item .subtitle{ width:100%; text-align:center; font-size:0.98rem; display:block; font-weight:normal; margin-top:0.3rem; }
.se3_item .symbol{ width:2rem; height:2.2rem; position:absolute; top:50%; margin-top:-1rem; right:-1rem; background:url(../images/se3_symbol1.png)/*tpa=http://www.jgik.cn/images/se3_symbol2.png*/ no-repeat; background-size:100%; z-index:1; }
.se3_item.ys2 .symbol{ width:2rem; height:2.2rem; position:absolute; top:50%; margin-top:-1rem; right:-0.9rem; background:url(../images/se3_symbol2.png)/*tpa=http://www.jgik.cn/images/se3_symbol1.png*/ no-repeat; background-size:100%; z-index:1; }
.se3_item.ys3 .symbol{ width:2rem; height:2.2rem; position:absolute; top:50%; margin-top:-1rem; right:-0.9rem; background:url(../images/se3_symbol2.png)/*tpa=http://www.jgik.cn/images/se3_symbol1.png*/ no-repeat; background-size:100%; z-index:1; }
.se3_item.ys4 .symbol{ width:2rem; height:2.2rem; position:absolute; top:50%; margin-top:-1rem; right:-0.9rem; background:url(../images/se3_symbol2.png)/*tpa=http://www.jgik.cn/images/se3_symbol1.png*/ no-repeat; background-size:100%; z-index:1; }
.se3_item .popwin{ width:100%; height:100%; position:absolute; background:#f09724; z-index:2; display:flex; align-items:center; justify-content:center; /*visibility:hidden;*/ opacity:0; }
.se3_item .popwin .coursetype{ width:100%; font-size:1.04rem; text-align:center; display:block; margin-top:0.8rem;}
.se3_item .popwin .arrow{ width:100%; height:1.1rem; background:url(../images/se3_arrow.png)/*tpa=http://www.jgik.cn/images/se3_arrow.png*/ center center no-repeat; background-size:auto 100%; margin:1.7rem 0 1.3rem; }
.se3_item .link.ys2{ width:100%; }
.se3_item .popwin .coursenames{ width:100%; font-size:1.25rem; text-align:center; line-height:2.2rem; }
.se3_item .popwin .coursenames .clink{ text-decoration:none; color:#fff; }
.se3_item .popwin .coursenames .clink:hover{ color:#313131; }
/* 学习力在线 */
.xxlzx_box{ width:100%; height:100%; background:url(../images/index_xxlzx.jpg-20200323.jpg)/*tpa=http://www.jgik.cn/images/index_xxlzx.jpg?20200323*/ center no-repeat; background-size:cover; position:relative; float:left; }
.xxlzx_box .xxlzx_link{ width:100%; height:100%; position:absolute; top:0; left:0; }
/*第四屏*/
.section4{ background:url(../images/section4_bg.png)/*tpa=http://www.jgik.cn/images/section4_bg.png*/ center 61% no-repeat; background-size:100% 3rem; }
.se4_con{ width: 77%; margin: 4rem auto 0; color: #333333; }
.se4_con .name{ width:100%; display:block; text-align:center; font-size:1.2rem; font-weight:bold; line-height:1.4rem; }
.se4_con .name .en{ font-size:1rem; color:#f39800; text-transform:uppercase; font-weight:normal; }
.se4_box{ width:100%; display:flex; justify-content: space-between; margin-top:3rem; }
.se4_item{ width:30%; height:14.6rem; }
.se4_item .icon{ width:5.2rem; margin:0 auto; display:block; }
.se4_item .name{ width:100%; margin:1.2rem 0 0.7rem 0; display:block; text-align:center; font-weight:bold; font-size:1.2rem; }
.se4_item .name.color1{ color:#e54140; }
.se4_item .name.color2{ color:#f5a200; }
.se4_item .name.color3{ color:#a5b521; }
.se4_item .desc{ width:100%; display:block; text-align:center; font-size:0.94rem; line-height:2rem; }
.se4_box.ys2{ margin-top:6rem; }
.se4_box.ys2 .se4_item{ width:25%; }
/*第五屏*/
.section5 { background: url("../images/section5_bg.jpg")/*tpa=http://www.jgik.cn/images/section5_bg.jpg*/ no-repeat center; background-size: cover; }
.se5_con{ width: 77%; margin: 0 auto; display: flex; justify-content: space-between; align-content: center;
color: #f4a117; }
.se5_con .se5_con_hd ul{ width: 4.27rem; margin-top: 2rem; }
.se5_con .se5_con_hd li{ width: 4.27rem; height: 4.27rem; margin-bottom: 2.9rem; cursor: pointer; position:relative; }
.se5_con .se5_con_hd li .name{ width:100%; height:auto; position:absolute; top:4.5rem; left:0;
text-align:center; color:#333; font-size:0.93rem; }
.se5_con .se5_con_hd li.on .name{ color:#f4a117;}
.se5_con .se5_con_hd li:nth-child(1){
background: url("../images/section5_icon.png")/*tpa=http://www.jgik.cn/images/section5_icon.png*/ no-repeat center; background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(1).on{
background: url("../images/section5_icon_on.png")/*tpa=http://www.jgik.cn/images/section5_icon_on.png*/ no-repeat center; background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(2){
background: url("../images/section5_icon2.png")/*tpa=http://www.jgik.cn/images/section5_icon2.png*/ no-repeat center; background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(2).on{
background: url("../images/section5_icon2_on.png")/*tpa=http://www.jgik.cn/images/section5_icon2_on.png*/ no-repeat center; background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(3){
background: url("../images/section5_icon3.png")/*tpa=http://www.jgik.cn/images/section5_icon3.png*/ no-repeat center; background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(3).on{
background: url("../images/section5_icon3_on.png")/*tpa=http://www.jgik.cn/images/section5_icon3_on.png*/ no-repeat center; background-size: cover;
}
.se5_con .se5_con_bd{ width: 82%; }
.se5_con .bd .bd_con{ width: 100%; display: flex; justify-content: space-between; }
.se5_con .se5_con_bd .bd_con .bd_l{ width: 40%; margin-top: 2rem; }
.se5_con .se5_con_bd .bd_con .bd_l h4{ font-size: 1.35rem; font-weight: normal; text-align: left;
padding: 0.4rem 0.88rem; background: url("../images/section5_icon_h4.jpg")/*tpa=http://www.jgik.cn/images/section5_icon_h4.jpg*/ no-repeat left center; }
.se5_con .se5_con_bd .bd_con .bd_l .bd_l_list{
font-size: 0.9375rem; padding: 1.6rem 0 1.2rem; border-bottom: dashed 1px #f4a117; }
.se5_con .se5_con_bd .bd_con .bd_l .bd_l_list a{ color:#333; text-decoration: none; }
.se5_con .se5_con_bd .bd_con .bd_r{ width: 29%; font-size: 0; }
.se5_more{
width:6rem; height:2rem; border-radius: 1rem; color: #ffffff; line-height:2rem; text-align:center;
background: #f4a117; font-size:0.83rem; font-weight:bold; text-decoration: none;
display:inline-block; margin-top:1.2rem;
}
/*第六屏*/
.se6_box{ position: absolute; width: 100%; height:100%; bottom: 0; }
.se6_con{
width: 100%; height:20rem; position: relative;
font-size: 0;
display: flex;
justify-content: space-between;
background:url(../images/se6_bg.jpg)/*tpa=http://www.jgik.cn/images/se6_bg.jpg*/ center no-repeat;
background-size:cover;
}
.se6_con .button{
width:10rem; height:2.6rem; position: absolute; top:12.4rem; left:50%; margin-left: 15rem;
background-color: #f39800; border-radius: 0.5rem;
color: #fff; font-weight: bold; display: inline-block; line-height: 2.6rem; text-align: center;
font-size: 1rem; text-decoration: none; cursor: pointer;
}
.se6_con .se6_con_l,
.se6_con .se6_con_r{ position: relative; width: 50%; }
.se6_con .se6_con_l:before,
.se6_con .se6_con_r:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: rgba(0,0,0,0.2);
}
.se6_con_ltx{ position: absolute; width: 100%; height: 100%; top:0; left: 0; display: flex;
flex-direction: column; justify-content: center; font-size: 2.24rem; text-align: center; }
.se6_con_ltx span{ font-size: 1.3rem; }
.se6_con_ltop{
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 3.02rem;
line-height: 3.02rem;
background: rgba(255,255,255,0.8);
padding-right: 3.54rem;
font-size: 0.84rem;
text-align: right;
color: #333333;
}
.se6_con_rtop{ text-align: left; padding-left:3.54rem; }
/* 底部 */
.common_footer .copyright{ padding-bottom:5rem; }
/* 加盟表单 */
.league_f{
/* position: absolute;
top:7rem;
right: 13%;
width: 15.5rem; */
width:100%;
font-size: 1rem;
/* border-radius: 12px; */
background: rgba(255,255,255,0.33);
overflow: hidden;
}
.league_ft{
height: 3.4rem; line-height: 3.4rem; font-size:1.25rem;
text-align: center;
background: #ebb347;
color: #ffffff;
}
.league_fm{
padding: 1.35rem 1.8rem 0.5rem;
}
.league_fm p{
padding-bottom: 1rem;
}
.league_fm input,.league_fm select{
width: 100%;
height: 2.4rem;
line-height: 2.4rem;
background: #f6f6f6;
font-size: 0.8rem;
color: #999999;
border: none;
border-radius: 6px;
padding-left: 0.6rem;
}
.league_fm input.league_fm_bt{
display: block;
width: 6.875rem;
margin: 0 auto;
color: #ffffff;
background: #ebb347;
text-align: center;
padding-left: 0;
}
