﻿.indexfilmpanel{width:100%;position:relative;background:#000;height:72rem;overflow:hidden;}
.filmimg{width:100%;display:block;position:absolute;left:0;top:0;z-index:1;}
.filmimg_mo{width:100%;display:none;position:absolute;left:0;top:0;z-index:1;}
.slideritem{height:100%;background-position:center top;background-repeat:repeat-x;background-size:auto 100%;color:#fff;}
.slider_table{width:100%;height:100%;display:table;position:relative;z-index:2;}
.slider_row{width:100%;height:100%;display:table-cell;vertical-align:middle;color:#fff;}
.wrapper,.swipe,.swipe ul{height:100%;}
.swipe .filmleft,.swipe .filmright{width:55px;height:110px;background:rgba(0,0,0,.5);position:absolute;top:50%;margin-top:-55px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;opacity:0;}
.swipe .filmleft{left:10px;}
.swipe .filmright{right:10px;}
.swipe .filmleft .hd-iconfont,.swipe .filmright .hd-iconfont{color:rgba(255,255,255,.8);font-size:1.6rem;}
.swipe:hover .filmleft,.swipe:hover .filmright{opacity:1;}
.swipe:hover .filmleft:hover,.swipe:hover .filmright:hover{background:rgba(0,0,0,.7);}

.slider_row h1{font-size:6.4rem;font-weight:normal;}
.slider_row h2{font-size:4.8rem;padding:3.6rem 0;font-weight:normal;}
.slider_row .btn{background: #BA864C;border-radius:.8rem;padding:1.6rem 7.2rem;color:#fff;font-size:2.4rem;display:inline-block;font-weight:normal;}

.index1stpanel{padding:1.5rem 0;}
.index1st_flex{width:46.5rem;margin-left:auto;margin-right:auto;}
.index1st_flexitems{width:33.33333%;text-align:center;}
.index1st_flexitems .image{padding:1.6rem 0 .6rem 0;text-align:center;}
.index1st_flexitems .image .hd-iconfont{font-size:4.8rem;}
.index1st_flexitems .ltitle{text-align:center;font-weight:normal;}

.index2ndpanel{padding:8rem 0;background:url('../images/image_02.png') center center /auto 100%;}
.index2nd_leftitem{height:48rem;display:flex;flex-grow:1;padding-right:10rem;align-items:flex-start;justify-content:center;flex-direction:column;}
.index2nd_rightitem{width:56.2rem;height:48rem;}
.index2nd_rightitem img{width:100%;display:block;}
.index2nd_leftitem .ltitle{font-size:4.4rem;font-weight:normal;}
.index2nd_leftitem .lcon{margin-top:2.4rem;}

.index3rdpanel{padding:12.4rem 0 9.2rem 0;}
.index3rd_leftitem{width:45.7rem;height:42.4rem;}
.index3rd_leftitem img{width:100%;display:block;}
.index3rd_rightitem{padding-left:13rem;flex-grow:1;height:42.4rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.index3rd_rightitem .ltitle{font-size:4.4rem;font-weight:normal;}
.index3rd_rightitem .lcon{margin-top:2.4rem;}

.index4thpanel{padding:12rem 0 11rem 0;background:url('../images/image_05.png') center center /auto 100%;}
.index4th_leftitem{height:40.3rem;display:flex;padding-right:10rem;align-items:flex-start;justify-content:center;flex-direction:column;}
.index4th_rightitem{width:75.2rem;height:40.3rem;}
.index4th_rightitem img{width:100%;display:block;}
.index4th_leftitem .ltitle{font-size:4.4rem;font-weight:normal;}
.index4th_leftitem .lcon{margin-top:2.4rem;}

.index5thpanel{padding:9rem 0;background:url('../images/image_07.png') center center /auto 100%;}
.index5th_leftitem{width:48rem;height:42.7rem;}
.index5th_rightitem{padding-left:21.5rem;flex-grow:1;height:42.7rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.index5th_rightitem .ltitle{font-size:4.4rem;font-weight:normal;}
.index5th_rightitem .lcon{margin-top:2.4rem;}

.teacher_container{width:48rem;height:42.7rem;position:relative;}
.teacher_container .techer_bg {position:absolute;width:46rem;height:45.1rem;left:9rem;top:-1rem;background:url("../images/fh7r32s-ezfur0mtumrmih_e3cge.png");background-size:100% 100%;background-repeat:no-repeat;z-index:2}
.teacher_container .techer_bg .act .avatar {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.teacher_container .techer_bg .act .avatar1 {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.teacher_container .techer_bg .act .face1-shadow {border-radius:50%;position:absolute;top:0;width:8.3rem;height:8.3rem;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);background:#4585e6!important}
.teacher_container .techer_bg .act .face-shadow {border-radius:50%;position:absolute;top:0;width:6.8rem;height:6.8rem;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background:#4585e6!important}
.teacher_container .techer_bg .act .card_list {width:25rem;height:28.2rem;position:absolute;top:-24.5rem;left:10rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}
.teacher_container .techer_bg .face-container .card_list {width:25rem;height:28.2rem;position:absolute;top:-24.5rem;left:10rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .4s cubic-bezier(.81,0,.19,1) .15s;transition:-webkit-transform .4s cubic-bezier(.81,0,.19,1) .15s;-o-transition:transform .4s cubic-bezier(.81,0,.19,1) .15s;transition:transform .4s cubic-bezier(.81,0,.19,1) .15s;transition:transform .4s cubic-bezier(.81,0,.19,1) .15s,-webkit-transform .4s cubic-bezier(.81,0,.19,1) .15s;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;z-index:20}
.teacher_container .techer_bg .face-container .card_list img {width:100%;height:100%}
.teacher_container .techer_bg .face01 {position:absolute;left:16.8rem;top:18.3rem;z-index:8;width:95px;height:95px;-webkit-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-o-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear}
.teacher_container .techer_bg .face01 .avatar1 {width:8.3rem;height:8.3rem;border-radius:50%;text-align:center;-webkit-transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;-o-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s,-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s}
.teacher_container .techer_bg .face01 .avatar1 img {width:100%;height:100%;border-radius:50%}
.teacher_container .techer_bg .face01 .face1-shadow {border-radius:50%;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:-0.6rem;left:-0.6rem;width:9.5rem;height:9.5rem;background:rgba(69,133,230,.2);z-index:-1;-webkit-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-o-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear}
.teacher_container .techer_bg .face01 .card_list {left:8rem;top:-25.5rem;}
.teacher_container .techer_bg .face02 {position:absolute;left:1rem;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:8;width:6.8rem;height:6.8rem}
.teacher_container .techer_bg .face02 .avatar {width:6.8rem;height:6.8rem;border-radius:50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;-o-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s,-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s}
.teacher_container .techer_bg .face02 .avatar img {width:100%;height:100%;border-radius:50%}
.teacher_container .techer_bg .face02 .card_list {left:7rem;}
.teacher_container .techer_bg .face02 .face-shadow {border-radius:50%;position:absolute;top:-0.5rem;left:-0.5rem;width:7.8rem;height:7.8rem;background:rgba(69,133,230,.2);z-index:-1;-webkit-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-o-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear}
.teacher_container .techer_bg .face02 .card_list {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.teacher_container .techer_bg .face03 {position:absolute;left:100px;bottom:-3rem;width:7.4rem;height:7.4rem;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:8}
.teacher_container .techer_bg .face03 .avatar {width:6.8rem;height:6.8rem;border-radius:50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;-o-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s,-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s}
.teacher_container .techer_bg .face03 .avatar img {width:100%;height:100%;border-radius:50%}
.teacher_container .techer_bg .face03 .card_list {left:7rem}
.teacher_container .techer_bg .face03 .face-shadow {border-radius:50%;position:absolute;top:-0.5rem;left:-0.5rem;width:7.8rem;height:7.8rem;z-index:-1;background:rgba(69,133,230,.2);-webkit-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-o-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear}
.teacher_container .techer_bg .face03 .card_list {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.teacher_container .ring_list {width:100%;height:100%;position:absolute;left:3rem;top:-2.8rem;z-index:0}
.teacher_container .ring_list li {border-radius:50%;position:absolute;width:12%;padding-top:12%;opacity:1;top:50%;left:50%;background-color:rgba(40,124,249,.1);-webkit-animation:ripple 4s linear infinite;animation:ripple 4s linear infinite;list-style:none}
.teacher_container .ring_list .ring2 {-webkit-animation-delay:.8s;animation-delay:.8s}
.teacher_container .ring_list .ring3 {-webkit-animation-delay:1.6s;animation-delay:1.6s}
.teacher_container .ring_list .ring4 {-webkit-animation-delay:2.2s;animation-delay:2.2s}
.teacher_container .ring_list .ring5 {-webkit-animation-delay:2.8s;animation-delay:2.8s}

.index6thpanel{padding:7rem 0;}
.index6th_flexitem{width:33rem;background:#F9F5EB;padding-bottom:1.5rem;}
.index6th_topitem{width:33rem;height:33rem;overflow:hidden;background-position:left top;background-size:cover;flex-grow:0;text-align:center;color:#380000;}
.index6th_topitem1{background-image:url('../images/rectangle-20.svg');}
.index6th_topitem2{background-image:url('../fonts/rectangle-26.svg');}
.index6th_topitem3{background-image:url('../fonts/rectangle-24.svg');}
.index6th_topitem .ltitle{font-size:3.2rem;font-weight:normal;padding-top:4.2rem;padding-bottom:1.2rem;}
.index6th_topitem .lprice{font-size:3.2rem;padding-bottom:1rem;}
.index6th_topitem .lprice .price{font-size:6.4rem;}
.index6th_topitem .lbtn{text-align:center;}
.index6th_topitem .lbtn .btn{border-radius: 8px;background: linear-gradient(180deg, #292929 0%, #090909 100%);width:24rem;height:7.2rem;line-height:7.2rem;color:#fff;font-size:2.4rem;display:inline-block;}
.index6th_btmitem{padding:2.5rem;text-align:center;color:#875200;}
.index6th_btmitem .ltitle{font-size:2.4rem;text-align:center;line-height:2.4rem;padding:2.6rem 0;}
.index6th_btmitem .ltitle span{position:relative;height:2.4rem;display:inline-block;}
.index6th_btmitem .ltitle span::before{content:"";width:4rem;height:.2rem;background:#875200;position:absolute;left:-5rem;top:1.1rem;}
.index6th_btmitem .ltitle span::after{content:"";width:4rem;height:.2rem;background:#875200;position:absolute;right:-5rem;top:1.1rem;}
.index6th_btmitem .lcon{text-align:center;line-height:2.5;}

.index7thpanel{padding:3rem 0;}
.index7th_title{font-size:3.2rem;padding-bottom:4rem;text-align:center;}
.index7th_subtitle{padding-left:1.6rem;position:relative;color:#9C8C70;width:50%;margin:1rem auto;}
.index7th_subtitle::before{content:"";width:.3rem;height:1rem;background:#9C8C70;display:block;position:absolute;left:.3rem;margin-top:-.5rem;top:50%;}
.index7th_flex{width:50%;margin:2rem auto;align-items:center;}
.index7th_flexitem{width:40%;}
.index7th_flexitem img{width:100%;}
.index7th_agree{margin:1rem 0;text-align:center;vertical-align:middle;line-height:2rem;}
.index7th_agree img{height:2rem;vertical-align:middle;}