/*===========================================通用样式========================================*/
*{margin:0;padding:0;}
body,p,ul,ol,dl,dd,hr,h1,h2,h3,h4,h5,h6,figure,ul,ol,th,td,button,input,fieldset,legend,textarea,option{margin: 0;padding: 0;}
table{border-collapse:collapse;}
input, button {border: 0;outline: none;}
/* i,em,strong,b{font-style:normal;font-weight:normal;} */
body {font-family: "sourceHansans",'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;color:#465860;font-size:14px;}
a {text-decoration: none;color:#303d43;}
li {list-style: none}
img {border: 0;vertical-align: top;}
.mt120{margin-top:120px !important;}
.pt40{padding-top:40px !important;}
.mt100{margin-top:100px !important;}
.mt80{margin-top:80px !important;}
.pt80{padding-top:80px !important;}
.mr0{margin-right:0 !important;}
.mt40{margin-top:40px !important;}
.ft16{font-size:16px;}
.fl{float:left;}
.fr{float: right;}
.f3f3f3{background:#f3f3f3;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position: fixed !important;}
.clearfix{zoom:1;}
.clearfix:after { /*在类名为“clearfix”的元素内最后面加入内容*/
    content: "."; /*内容为“.”就是一个英文的句号而已。也可以不写*/
    display: block; /*加入的这个元素转换为块级元素*/
    clear: both; /*清除左右两边浮动*/
    visibility: hidden; /*可见度设为隐藏。注意它和display:none;是有区别的。仍然占据空间，只是看不到而已*/
    height: 0; /*高度为0*/
    font-size: 0; /*字体大小为0*/
    overflow: hidden;
}


/*默认字体*/
@font-face {
    font-family: 'sourceHansans';
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN Medium.woff') format('woff'), 
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN Medium.ttf') format('truetype');
}

/*Rage Italic字体*/
@font-face {
    font-family: 'RageItalic';
    src: url('../fonts/RageItalic/Rage Italic.woff') format('woff'), 
         url('../fonts/RageItalic/Rage Italic.ttf') format('truetype');
}
.rageitalic {
    font-family: "RageItalic" !important;
}




.container {
    width: 1300px;

    margin: 0 auto;
}

#header{height:120px;border-bottom:1px solid #efefef;overflow: hidden;position: relative;}
.header-bg{background:#ffb77e;}
#header .header-box{max-width:1920px;width:100%;margin:0 auto;}
#header .logo{margin:36px 0 0 60px;overflow: hidden;display:flex;}
#header .logo span{font-size:30px;display:block;margin-right:10px;margin-top:-5px;}
#header .logo a{width:100%;}
#header .logo a{display:block;max-width:360px;}
#header .logo a img{display:block;width:100%;}
#header .logo a:before{
    content:"";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 540px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    transform: rotate(-45deg);
    animation: searchLights 1.5s ease-in 1s infinite;
}
    @keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 120px; top: 100px; }
}

.header-bg .logo a:before{
    background-color: rgba(255,183,126,.3) !important;
}




#header .nav ul{margin:64px 60px 0 0;font-size:18px;line-height:16px;height:16px;display:flex;}
#header .nav ul li{margin:0 10px 0 0px;letter-spacing:6px;}
#header .nav ul li::before{content:"";display:block;height:16px;width:1px;border-left:1px solid #303d43;float: right;margin-left:4px;}
#header .nav ul li a{}
/* #header .nav ul li.li{font-size:22px;letter-spacing:0px !important;} */
#header .nav ul li:last-child::before{display:none;}
#header .nav ul li.li::before{margin-left:10px;}
#header .nav ul li a:hover{opacity:.8;}


.banner{box-shadow: 0 4px 10px rgba(255, 138, 44, 0.3);margin:0 auto;max-width:1920px;}
.banner .swiper-slide img{display:block;width:100%;max-width:1920px;}
.banner .swiper-pagination-bullet-active{background:#ff8a2c;}
.banner-form{position:absolute;max-width:400px; max-height:430px; width:26%;
    padding:30px 0;
    background: rgba(0, 0, 0, .6);
    top:110px;left:50%;margin-left:300px; z-index:1000;}

.banner-form .title{text-align:center;color:#FFF;}
.banner-form .title h4{font-size:28px;font-weight:500;}
.banner-form .title p{font-size:21px;}
.banner-form .title p span{color:#ff8a2c;}
.banner-form ul li{width:80%;margin:20px auto 0 auto;overflow: hidden;}
.banner-form ul li input.text,.banner-form ul li select{width:100%;padding-left:40px; display:block;height:40px;border:#ff8a2c 1px solid;box-sizing:border-box;}

.banner-form ul li input.username{background:#FFF  url(../img/icon-user.png) no-repeat 10px center;}
.banner-form ul li input.mobile{background:#FFF  url(../img/icon-mobile.png) no-repeat 10px center;}
.banner-form ul li select.course{background:#FFF  url(../img/icon-course.png) no-repeat 10px center;color:#666;}
.banner-form ul li select.course option{font-size:15px;}


.banner-form ul li input.code{padding-left:10px;}
.banner-form ul li button.btn-code{right:0;top:0;height:42px;width:144px;background:#ff8a2c;color:#FFF;cursor: pointer;}
.banner-form .btn-submit{background:#ff8a2c;height:40px;width:40%;margin:30px auto 0 auto;color:#FFF;text-align:center;line-height:40px;cursor: pointer;}

.index-title span{display:block;width:66px;height:5px;background:#ff8a2c;}
.index-title .text{font-size:30px;margin-top:20px;font-weight:600;color:#303d43;}
.index-title .desc{font-size:16px;color:#303d43; opacity:.6; margin-top:12px;}
.index-course ul{width:1240px;margin:80px auto 0 auto;}
.index-course ul li{width:212px;float: left;margin:0 18px;}
.index-course ul li a.img{box-shadow: 0 0 10px rgba(255, 138, 44, 0.5);height:565px;display:block;overflow: hidden;}
.index-course ul li a.img .img-text{top:0;left:0;color:#FFF;background: rgba(0, 0, 0, 0.6);width:100%;height:100%;display:none;}
.index-course ul li a.img .img-text p{padding:450px 20px 20px 20px;font-size:16px;text-align:justify;line-height:24px;}
.index-course ul li a.img .img-text a{background:#ff8a2c;color:#FFF;margin:10px 0 0 20px;padding:4px 10px;}
.index-course ul li div.text{text-align:center;margin-top:20px;font-size:33px;}
.index-course ul li div.text .rageitalic{display:block;color:#465860;font-size:35px;opacity:.5;}
.index-course ul li div.text .absolute{width:100%;top:0px;left:0;font-style:oblique;font-weight:590;}
.index-course ul li:hover a.img{box-shadow: 0 0 10px rgba(255, 138, 44, 1);}
.index-course ul li:hover div.text .rageitalic{color:#ff8a2c;}

.index-data{margin-top:70px;}
.index-data ul{margin-left:6px;}
.index-data ul li{width:294px;height:206px;background:#FFF;box-shadow: 0 0 10px rgba(255, 138, 44, 0.5); text-align:center;float: left;margin-right:36px;cursor: pointer;}
.index-data ul li .data{font-size:42px;color:#ff8a2c;font-weight:600;padding-top:20px;}
.index-data ul li .desc{font-size:18px;}
.index-data ul li .img{width:90px;height:90px;border-radius:50%;border:6px solid #ffd5b3;left:50%;margin-left:-48px;bottom:-48px;background:#FFF;overflow: hidden; }
.index-data ul li .img img{margin-top:10px;}
.index-data ul li:hover{
    background:#ff8a2c;
    transition:.5s;
}
.index-data ul li:hover .data{
    color:#FFF;
    transition:.5s;
}

.index-data ul li:hover .img{
    background:#ff8a2c;
    transition:.3s;
}
.index-data ul li:hover .img img{

   transform: translateY(-90px);
    filter: drop-shadow(#fff 0 90px);
}

.index-partner img{display:block;width:82%;margin:20px auto;}

.index-teacher{margin-top:80px;}
.index-teacher ul li{width:257px;height:369px;overflow: hidden;border-radius:20px;float: left;margin:1.5px;background:#000;}
.index-teacher ul li a{display:block;}
.index-teacher ul li .text{color:#FFF;top:0;left:0;width:100%;height:100%;display:none;}
.index-teacher ul li .text div{margin:125px 24px 0 24px;text-align:justify;}
.index-teacher ul li .text div h3{padding-bottom:4px;}
.index-teacher ul li img{transition: .6s;}
.index-teacher ul li:hover img{opacity:.6;}
.index-media-btn{margin:80px auto 0 auto;width:1280px;}
.index-media-btn .swiper-wrapper{padding:10px 0;}
.index-media-btn .swiper-slide{height:115px;cursor: pointer;}
.index-media-btn .swiper-slide img{box-shadow: 0 0 10px rgba(230, 240, 234, 0.9);display:block;width:100%;}
.index-media-btn .swiper-slide .img{padding:0 10px;}
.index-media-btn div.swiper-slide-thumb-active .img img{box-shadow: 0 0 10px rgba(255, 138, 44, 0.9);}
.index-media-box{width:1200px;margin:35px auto 0 auto;}
.index-media-box .swiper-slide{margin-top:60px;background:#e6eaeb;border-radius:30px;}
.index-media-box .swiper-slide .media-logo{width:110px;height:110px;border-radius:50%;border:8px solid #e6eaeb;overflow: hidden;
top:-58px;left:50%;margin-left:-58px;
}
.index-media-box .swiper-slide .media-logo img{display:block;width:100%;}
.index-media-box .swiper-slide ul{margin:60px auto 30px auto;width:1090px;height:672px;}
.index-media-box .swiper-slide ul li{float: left;margin:30px 50px 10px 70px;text-align:center;} 
.index-media-box .swiper-slide ul li a{display:block;position: relative;
    width:150px;height:150px;border-radius:50%;background:#ffe2cb;overflow: hidden;box-shadow: 0 0 6px rgba(255, 138, 44, 0.8);
}

:root {
    --border-color: #26a;
    --border-width: 5px;
    --line-color: #f98930;
    --line-width: 100px;
    --content-background: #111620;
    --content-size: 80px;
    --animation-speed: 2s;
  }
  

  .index-media-box .swiper-slide ul li:hover a::before {
    content:"";
    display:block;
    position: absolute;
    width: calc(var(--content-size) * 2);
    height: calc(var(--content-size) * 2);
    
    top: calc(50% - var(--content-size));
    left: calc(50% - var(--content-size));
    
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(
      to right, 
      rgba(0, 0, 0, 0) calc(50% - var(--line-width) / 2),
      var(--line-color) 50%,
      rgba(0, 0, 0, 0) calc(50% + var(--line-width) / 2));
    
    -webkit-animation:
      borderAnimation
      var(--animation-speed)
      infinite
      linear;
    animation:
      borderAnimation
      var(--animation-speed)
      infinite
      linear;
  }
  @-webkit-keyframes borderAnimation {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    
    to {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
  }
  
  @keyframes borderAnimation {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    
    to {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
  }


.index-media-box .swiper-slide ul li div.img{ width:142px;height:142px;margin:4px auto; border-radius:50%;overflow: hidden;position: relative;} 
.index-media-box .swiper-slide ul li div.img img{ width:142px;height:142px;display:block;}
.index-media-box .swiper-slide ul li div.img .qrcode{position: absolute;width:142px;top:0;left:0;border-radius:50%;overflow: hidden;opacity:0;transition:.3s;}
.index-media-box .swiper-slide ul li:hover div.img .qrcode{opacity:1;}
.index-media-box .swiper-slide ul li div.img .qrcode img{width:125px !important;height:125px !important;margin:8px auto;}
.index-media-box .swiper-slide ul li div.text{padding-top:10px;position: relative;}
.index-media-box .swiper-slide ul li div.text::before{content:"";display:block;background:#ffe2cb;position: absolute;height:10px;top:15px;width:80%;left:10%;opacity:.8;}
.index-media-box .swiper-slide ul li div.text span{position: relative;font-size:16px;color:#111;font-weight:600;}
.index-natural{background:#fff1e6;padding-bottom:70px;}
.index-swiper-natural{margin-top:70px !important;width:1100px;margin:0 auto;}
.index-swiper-natural div.swiper-wrapper{}
/* .index-swiper-natural div.swiper-button-prev{left:-20px;} */
.index-swiper-natural .swiper-slide img{display:block;width:100%;}
.index-natural div.natural-swiper-button-next,.index-natural div.natural-swiper-button-prev{margin-top:30px !important;color:#838584;}

.index-news{margin-top:60px;font-family:"微软雅黑" !important;}
.index-news-img{width:608px;}
.index-news-img a{display:block;overflow: hidden;width:608px;height:471px;overflow: hidden;}
.index-news-img .text{width:100%;left:0;bottom:0;background:rgba(0, 0, 0, .6);color:#FFF;}
.index-news-img .text p{padding:10px;}
.index-news-img a img{display:block;width:100%;transition: all linear .3s;}
.index-news-img a:hover img{ transform: scale(1.1);}


.index-news-list{width:640px;}
.index-news-list ul li{margin-bottom:48px;}
.index-news-list ul li dt{width:190px;overflow: hidden;height:130px;float: left;}
.index-news-list ul li dt img{display:block;width:100%;transition: all linear .3s;}
.index-news-list ul li dt:hover img{ transform: scale(1.1);}
.index-news-list ul li dd{width:424px;float: right;position: relative;height:130px;margin-right:10px;}
.index-news-list ul li dd .text{font-size:14px;}
.index-news-list ul li:hover dd .text{color:#000;}
.index-news-list ul li dd p{font-size:13px;color:#939393;margin-top:10px;}
.index-news-list ul li dd .time{position: absolute;left:0;bottom:0;color:#666;font-size:12px;}
.index-news-list ul li dd .more{position: absolute;right:0;bottom:0;font-size:12px;color:#ff8a2c;}

#footer{height:325px;background:#303d43;overflow: hidden;}
#footer .container{margin-top:60px;color:#FFF;line-height:26px;}
#footer .container .ft16{margin-bottom:6px;}
#footer .footer-nav{width:80px;text-align:center;}
#footer .footer-nav li a{color:#efefef;font-size:14px;}
#footer .footer-nav li a:hover{color:#ff8a2c;}
#footer .footer-feedback{margin-left:73px;width:310px;}

#footer .footer-shop a{display:block;width:154px;float: left;color:#FFF;text-align:center;line-height:20px;height:154px;cursor: pointer;}
#footer .footer-shop a .img{margin-bottom:10px;}
#footer .footer-shop a:hover p{color:#ff8a2c;}
#footer .footer-shop .footer-wechat .qrcode{top:-20px;left:0;transition: opacity .3s; opacity:0;width:154px; }
#footer .footer-shop .footer-wechat .qrcode img{display:block;width:100%;}
#footer .footer-shop .footer-wechat:hover .qrcode{opacity:1; }
.footer-copyright{text-align:center;color:#ccc;margin-top:60px;}
.footer-copyright a{color:#ccc;}


/* 韩语 */
.bgc-korean{background:#739bff !important;}
.txc-korean{color:#739bff !important;}
.page-banner{font-size:100%;}
.page-banner img{display:block;width:100%;}
.page-banner .logo{left:0;top:14%;font-size:2vw;width:13%;padding:10px 20px;color:#FFF;}
.page-banner .logo i{display: block;width:30%;float: left;}
.page-banner .text1{left:45%;top:30%;font-size:5vw;}
.page-banner .text2{left:45%;top:42%;font-size:7vw;}
.page-banner .tips{width:46%;left:43%;top:62%;}
.korean-box1{margin-top:80px;margin-bottom:80px;}
.korean-box1 .box{width:280px;height:350px;background:#FFF;box-shadow: 0 0 10px rgba(115, 155, 255, 0.5);float: left;margin-right:32px;}
.korean-box1 .box ul.list{overflow: hidden;width:218px;margin:40px auto 0 auto;} 
.korean-box1 .box ul.list li{color:#272a2c;margin-left:30px; font-size:19px;margin-top:48px;padding-left:20px;background:url(../img/list-icon.png) no-repeat 0 center;}
.korean-box1 .box .tips{width:96%;left:2%;bottom:-21px;height:42px;background:#FFF;border:1px solid #739bff;border-radius:20px;line-height:42px;font-size:16px;overflow: hidden;text-align:center;}
.korean-box1 .box .tips span{width:85px;display:block;float: left;height:44px;background: #739bff;border-radius:20px;color:#FFF;}
.korean-box1 .box .tips p{float:right;width:179px;color:#739bff;}


.korean-form{float: right;width:320px;height:350px;box-shadow: 0 0 10px rgba(206, 78, 78, 0.5);}
.korean-form .title{text-align:center;font-size:24px;color:#2d3032;padding-top:26px;}
.korean-form ul li{width:80%;margin:10px auto 0 auto;overflow: hidden;}
.korean-form ul li input.text,.korean-form ul li select{width:83%;padding-left:40px; display:block;height:36px;border:#ce4e4e 1px solid;}
.korean-form ul li input.username{background:#FFF  url(../img/icon-user-r.png) no-repeat 10px center;}
.korean-form ul li input.mobile{background:#FFF  url(../img/icon-mobile-r.png) no-repeat 10px center;}
.korean-form ul li select{background:#FFF  url(../img/icon-course-r.png) no-repeat 10px center;width:100%;}
.korean-form ul li input.code{padding-left:10px;}
.korean-form ul li button.btn-code{right:0;top:0;height:38px;width:100px;background:#ce4e4e;color:#FFF;cursor: pointer;}
.korean-form .btn-submit{height:32px;width:40%;margin:10px auto 0 auto;color:#FFF;text-align:center;line-height:32px;cursor: pointer;border-radius:20px;background:#ce4e4e;}
@keyframes shine{0%{background-position-x:400%}50%{background-position-x:0%}100%{background-position-x:-400%}}
.korean-form .btn-submit:hover{background:#d43b3b;background:linear-gradient(-45deg,#c04646 50%,#ce4e4e 60%,#f47474 70%);background-size:600% 100%;-webkit-animation:shine 20s infinite;animation:shine 20s infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-timing-function:linear;animation-timing-function:linear}



/* 
.japan-form{float: right;width:320px;height:350px;box-shadow: 0 0 10px rgba(206, 78, 78, 0.5);}
.japan-form .title{text-align:center;font-size:24px;color:#2d3032;padding-top:26px;}
.japan-form ul li{width:80%;margin:10px auto 0 auto;overflow: hidden;}
.japan-form ul li input.text,.japan-form ul li select{width:83%;padding-left:40px; display:block;height:36px;border:#4c3967 1px solid;}
.japan-form ul li input.username{background:#FFF  url(../img/icon-user-j.png) no-repeat 10px center;}
.japan-form ul li input.mobile{background:#FFF  url(../img/icon-mobile-j.png) no-repeat 10px center;}
.japan-form ul li select{background:#FFF  url(../img/icon-course-j.png) no-repeat 10px center;width:100%;}
.japan-form ul li input.code{padding-left:10px;}
.japan-form ul li button.btn-code{right:0;top:0;height:38px;width:100px;background:#4c3967;color:#FFF;cursor: pointer;}
.japan-form .btn-submit{height:32px;width:40%;margin:10px auto 0 auto;color:#FFF;text-align:center;line-height:32px;cursor: pointer;border-radius:20px;background:#4c3967;} */





.page-zhibo{margin-top:80px;padding-bottom:50px;}
.page-zhibo ul.fl{width:500px;}
.page-zhibo ul.fl li{font-size:17px;margin:10px 0 52px 0;padding-left:138px;color:#272a2c;line-height:44px;;}
.page-zhibo ul.fl li span{display:block;width:44px;height:44px;border-radius:50%;float: left;text-align:center;overflow: hidden;margin-right:20px;}
.page-zhibo ul.fl li span img{margin-top:6px;}
.page-zhibo ul.fl li:hover span img{opacity:.8;}


.page-zhibo .video{width:742px;height:418px;background:#999;margin-top:10px;overflow: hidden;}
.page-system{margin-top:70px;height:1024px;}
.page-system .tips{font-size:30px;width:400px;}
.page-system .tips p{background:#f3f3f3;padding:2px 10px;margin-bottom:20px;display:inline-block;}
.page-system .list{width:344px;bottom:0px;}
.page-system .list .title{text-align:center;}
.page-system .list .title h3{font-size:44px;}
.page-system .list .title p{font-size:26px;}
.page-system .list ul{color:#FFF;font-size:20px;padding:40px 0 10px 0;margin-top:20px;}
.page-system .list ul li{margin-bottom:28px;padding-left:46px;}
.page-system .list ul li span{font-size:24px;}
.page-system .time{text-align:center;height:84px;line-height:84px;margin-top:20px;color:#FFF;font-size:26px;}
.page-system div.list2{left:480px;}
.page-system div.list3{right:0;}


.page-system .list ul,.korean-box2 .time{background:#a9c0fc;}
.korean-box2 div.list2 ul,.korean-box2 div.list2 .time{background:#89abff;}
.korean-box2 div.list3 ul,.korean-box2 div.list3 .time{background:#739bff;}



.teacher-box{background:#FFF;width:500px;height:588px;overflow: hidden;position: relative;}
.teacher-box dl{width:412px;margin:30px auto;}
.teacher-box dl dd{float: left;width:212px;margin-top:30px;}
.teacher-box dl dd span{font-size:30px;display:block;margin-bottom:5px;}
.teacher-box dl dd p{color:#000;font-size:15px;line-height:24px;}
.teacher-box dl dt{width:200px;height:200px;border-radius:50%;overflow: hidden;float: right;}
.teacher-box dl dt img{display:block;width:100%;}
.teacher-box .text{font-size:14px;line-height:30px;width:412px;text-align:justify;margin:30px auto 0 auto;height:180px;}
.teacher-box .page-audio{width:80%;bottom:30px;left:10%;position: absolute;}
.btn-audio{
    margin:30px auto 0 auto;
    position: relative;
    height:50px;
    width:60%;
    background:#FFF;
    border:1px solid #ededed;
    border-radius:4px;
    cursor: pointer;
}
.teacher-box .visit-more{color:#999; position:absolute;bottom:10px;right:20px;border:1px solid #999;padding:2px 6px;border-radius: 4px;font-size:12px;}
.teacher-box .visit-more:hover{border:#000 1px solid;color:#000;}
.btn-audio .btn-audio-yuyin{width:27px;height:49px;position: absolute;left:30px;top:0;background:url(../img/yuyin.png) no-repeat -17px 0;}


.btn-audio .play{

    animation:run 1s steps(1, start) infinite;  
}
@keyframes run {
    0% {
      background-position: -17px 0;
    }
    25%{  background-position: -66px 0;  }   
    50%{  background-position: -110px 0;  }   
    75%{  background-position: -151px 0;  }   
    100% {
        background-position: -17px 0;
      }
 }
 .btn-audio .tips{position: absolute;width:8px;height:8px;background:red;border-radius:50%; position: absolute;right:-15px;top:0;}


.swiper-teacher-box{width:1100px;margin:50px auto !important;padding:80px 0 !important;}

.swiper-teacher-box .swiper-slide{box-shadow: 0 0 10px rgba(204, 204, 204, 0.9);} 
.swiper-teacher-box div.swiper-button-prev,.swiper-teacher-box div.swiper-button-next{color:#FFF;}
.swiper-teacher-box div.swiper-button-prev:hover,.swiper-teacher-box div.swiper-button-next:hover{color:#ccc;}
.swiper-teacher-box .swiper-slide {height: 588px;width:500px;background:#FFF;}

.page-evaluate .title{text-align:center;padding-top:10px;}
.page-evaluate .title span{display:block;width:208px;height:30px;margin:0 auto;opacity:.7;}
.page-evaluate .title h4{top:-5px;width:100%;font-size:42px;}


.swiper-evaluate-box .swiper-slide{}
.swiper-evaluate-box .swiper-slide .img,.swiper-feedback-box .swiper-slide .img{margin:10px;background:#FFF;box-shadow: 0 0 10px rgba(204, 204, 204, 0.9);}
.swiper-evaluate-box .swiper-slide .img img,.swiper-feedback-box .swiper-slide .img img{display:block;width:100%;}

/* 日语 */
.bgc-japan{background:#ff7391 !important;}
.txc-japan{color:#ff7391 !important;}

.japan-box1{margin-top:80px;margin-bottom:80px;}
.japan-box1 .box{width:280px;height:350px;background:#FFF;box-shadow: 0 0 10px rgba(231, 111, 137, 0.5);float: left;margin-right:32px;}
.japan-box1 .box ul.list{overflow: hidden;width:218px;margin:40px auto 0 auto;} 
.japan-box1 .box ul.list li{color:#272a2c;font-size:19px;margin-top:48px;margin-left:30px; padding-left:20px;background:url(../img/list-icon1.png) no-repeat 0 center;}
.japan-box1 .box .tips{width:96%;left:2%;bottom:-21px;height:42px;background:#FFF;border:1px solid #e76f89;border-radius:20px;line-height:42px;font-size:16px;overflow: hidden;text-align:center;}
.japan-box1 .box .tips span{width:85px;display:block;float: left;height:44px;background: #e76f89;border-radius:20px;color:#FFF;}
.japan-box1 .box .tips p{float:right;width:179px;color:#e76f89;}

.japan-form{float: right;width:320px;height:350px;box-shadow: 0 0 10px rgba(206, 78, 78, 0.5);}
.japan-form .title{text-align:center;font-size:24px;color:#2d3032;padding-top:26px;}
.japan-form ul li{width:80%;margin:10px auto 0 auto;overflow: hidden;}
.japan-form ul li input.text,.japan-form ul li select{width:83%;padding-left:40px; display:block;height:36px;border:#4c3967 1px solid;}
.japan-form ul li input.username{background:#FFF  url(../img/icon-user-j.png) no-repeat 10px center;}
.japan-form ul li input.mobile{background:#FFF  url(../img/icon-mobile-j.png) no-repeat 10px center;}
.japan-form ul li select{background:#FFF  url(../img/icon-course-j.png) no-repeat 10px center;width:100%;}
.japan-form ul li input.code{padding-left:10px;}
.japan-form ul li button.btn-code{right:0;top:0;height:38px;width:100px;background:#4c3967;color:#FFF;cursor: pointer;}
.japan-form .btn-submit{height:32px;width:40%;margin:10px auto 0 auto;color:#FFF;text-align:center;line-height:32px;cursor: pointer;border-radius:20px;background:#4c3967;}
@keyframes shine{0%{background-position-x:400%}50%{background-position-x:0%}100%{background-position-x:-400%}}
.japan-form .btn-submit:hover{background:#4c3967;background:linear-gradient(-45deg,#75668c 50%,#4c3967 60%,#3a1e61 70%);background-size:600% 100%;-webkit-animation:shine 20s infinite;animation:shine 20s infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-timing-function:linear;animation-timing-function:linear}


.page-zhibo ul.japan-list-icon{background:url(../img/page-japan-vide-list.png) no-repeat 70px 0 !important;}

.japan-box2 .list ul,.japan-box2 .time{background:#ffa0b4;}
.japan-box2 div.list2 ul,.japan-box2 div.list2 .time{background:#ff7794;}
.japan-box2 div.list3 ul,.japan-box2 div.list3 .time{background:#f36483;}

/* 声乐 */

.bgc-vocalist{background:#d7a9b4 !important;}
.txc-vocalist{color:#d7a9b4 !important;}
.vocalist-box1{margin-top:100px;}
.vocalist-box1 ul{height:440px;}
.vocalist-box1 ul li{width:301px;height:267px;cursor: pointer;position: absolute;}
.vocalist-box1 ul li .img-con{position: relative;}
.vocalist-box1 ul li .box{text-align:center;width:100%;left:0;top:45px;}
.vocalist-box1 ul li .box .text{line-height:30px;font-size:20px;color:#FFF;margin-top:18px;}
.vocalist-box1 ul li .hover-img{top:0;opacity:.8;}
.vocalist-box1 ul li.li2{top:140px;left:250px;}
.vocalist-box1 ul li.li3{left:500px;}
.vocalist-box1 ul li.li4{top:140px;left:750px;}
.vocalist-box1 ul li.li5{left:1000px;}
.vocalist-box1 ul li:hover .hover-img{opacity:1;transition:.5s;}


.vocalist-box2{height:564px;}
.vocalist-box2 ul{float: left;margin-left:62px; width:349px;height:440px;background:#FFF;box-shadow: 0 0 10px rgba(204, 204, 204, 0.9);text-align: center;}
.vocalist-box2 ul .title{margin-top:62px; display:inline-block;background:#d7a9b4;border-radius:15px;padding:0px 15px;font-size:22px;color:#FFF;margin-bottom:30px;}
.vocalist-box2 ul li{font-size:22px;line-height:60px;background:url(../img/icon-right-triangle2.png) no-repeat 70px center;}

.vocalist-box3{text-align:center;font-size:22px;}
.vocalist-box3 ul li{margin-bottom:70px;}
.vocalist-box3 ul li p{padding-bottom:10px; border-bottom:2px solid #c61560;   -webkit-border-image: -webkit-linear-gradient(to right, #c61560, #77326c) 1;border-image: linear-gradient(to right, #c61560, #77326c) 1;display:inline-block;padding:0 10px;position: relative;color:#c61560;
    background-image:-webkit-linear-gradient(left,#c61560,#77326c); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.vocalist-box3 ul li p::after,.vocalist-box3 ul li p::before{content:'';display:block;width:1px;height:20px; position:absolute;bottom:-1px;}
.vocalist-box3 ul li p::after{right:0;border-right:2px solid #77326c;}
.vocalist-box3 ul li p::before{left:0;border-left:2px solid #c61560;}

.swiper-teacher-video-box{width:1000px;margin: 0 auto;overflow: hidden;}
.swiper-teacher-video-box .swiper-button-prev,.swiper-teacher-video-box .swiper-button-next{color:#FFF;}
.swiper-teacher-video-box .swiper-button-prev:hover,.swiper-teacher-video-box .swiper-button-next:hover{color:#ccc;}

/* 播音 */
.bgc-transmit{background:#f3c89e;}  
.txc-transmit{color:#f3c89e;}
.transmit-box1{margin-top:100px;}
.transmit-box1 ul li{float: left;width:295px;height:364px;text-align:center;margin-right:40px;}
.transmit-box1 ul li .icon{margin-top:76px;height:80px;}
.transmit-box1 ul li .text{line-height:36px;color:#FFF;font-size:23px;margin-top:30px;}
.transmit-box1 ul li.li1{background:#ecba99;}
.transmit-box1 ul li.li2{background:#899ada;}
.transmit-box1 ul li.li3{background:#8cced2;}
.transmit-box1 ul li.li4{background:#e1728f;}
.transmit-box2{height:564px;}
.transmit-box2 ul{float: left;margin-left:62px; width:349px;height:440px;background:#FFF;box-shadow: 0 0 10px rgba(204, 204, 204, 0.9);text-align: center;}
.transmit-box2 ul .title{margin-top:62px; display:inline-block;background:#ebc49f;border-radius:15px;padding:0px 15px;font-size:22px;color:#FFF;margin-bottom:30px;}
.transmit-box2 ul li{font-size:22px;line-height:60px;background:url(../img/icon-right-triangle3.png) no-repeat 90px center;padding-left:45px;}
.transmit-box3{text-align:center;font-size:22px;}
.transmit-box3 ul{width:1000px;margin:0 auto;}
.transmit-box3 ul li{margin-bottom:70px;position: relative;display:inline-block;}
.transmit-box3 ul li::before{display:block;content:"";background:#f8ecdf;height:10px;border-radius:10px;}
.transmit-box3 ul li p{margin-top:-30px;}

/* 小语种 */
.bgc-other{background:#e6a875;}
.txc-other{color:#e6a875;}
.other-box1{margin-top:100px;}
.other-box1 ul li{float: left;width:295px;height:364px;text-align:center;margin-right:40px;}
.other-box1 ul li .icon{margin-top:76px;}
.other-box1 ul li .text{line-height:36px;color:#FFF;font-size:23px;margin-top:30px;}
.other-box1 ul li.li1{background:#bebadf;}
.other-box1 ul li.li2{background:#a8cce3;}
.other-box1 ul li.li3{background:#edbed2;}
.other-box1 ul li.li4{background:#e8cbb1;}

.other-dl{padding-bottom:50px;}
.other-dl dl dt{width:630px;height:461px;overflow: hidden;}
.other-dl dl dd{width:630px;}
.other-dl dl dd h4{padding-left:50px;font-size:20px;font-weight:600;background:url(../img/icon-right-triangle1.png) no-repeat 5px center;}
.other-dl dl dd ul li{font-size:18px;line-height:80px;}
.fbf8f0{background:#fbf8f0;}

.other-video{width:1000px;margin:0 auto;}
.vodeo-box .img{background:#000;}
.vodeo-box .img img{display:block;width:100%;opacity:.6;}
.vodeo-box .text{font-size:20px;left:20px;bottom:20px;position:absolute;color:#FFF;}
.vodeo-box .play-btn{width:100px;height:100px;top:50%;left:50%;border-radius:50%; margin-left:-50px;margin-top:-50px;cursor: pointer;transition:.5s;}
.vodeo-box .play-btn img{display:block;width:100%;}
.vodeo-box .play-btn:hover{animation: load 1.5s infinite alternate;}
@keyframes load {
    0% {
        box-shadow: inset 0px 0px 10px 5px rgba(255, 255, 255, 1), 0px 0px 10px 3px rgba(0, 255, 140, 0.5);
    }
    100% {
        box-shadow: inset 0px 0px 10px 5px rgba(255, 255, 255, 1), 0px 0px 40px 3px rgba(0, 255, 140, 1);
    }
}
.videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-280px; z-index:1000000; width:1000px; height:auto; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer;border:1px #efefef solid;background:#efefef;}

/* 新闻列表 */
.news-list dl{float: left;width:390px;text-align:justify;margin:0 20px 50px 22px;font-family:"微软雅黑" !important;}
.news-list dl dt{overflow: hidden;width:390px;height:300px;box-shadow: 0 0 10px rgba(231, 111, 137, 0.5);}
.news-list dl dt img{display:block;width:100%;transition:.5s;}
.news-list dl dt:hover img{transform: scale(1.1);}
.news-list dl dd{margin-top:40px;padding-left:15px;border-left:2px solid #ccc;position: relative;height:140px;}
.news-list dl dd .title{font-size:16px;}
.news-list dl dd p{font-size:12px;color: #939393;margin-top:10px;}
.news-list dl dd .time{position: absolute;left:15px;bottom:0;color:#999;}
.news-list dl dd a.more{position: absolute;right:0;bottom:0;color:#ff8a2c;opacity:.8;}
.news-list dl dd a.more:hover{opacity:1;}


/* 讲师列表 */
.page-teacher-list dl{float: left;width:218px;text-align:justify;margin:0 20px 50px 22px;font-family:"微软雅黑" !important;}
.page-teacher-list dl dt{overflow: hidden;width:218px;height:218px;box-shadow: 0 0 10px rgba(231, 111, 137, 0.5);}
.page-teacher-list dl dt img{display:block;width:100%;transition:.5s;}
.page-teacher-list dl dt:hover img{transform: scale(1.1);}
.page-teacher-list dl dd{margin-top:20px;padding-left:15px;border-left:2px solid #ccc;position: relative;height:140px;}
.page-teacher-list dl dd .title{font-size:16px;}
.page-teacher-list dl dd p{font-size:12px;color: #939393;margin-top:10px;}
.page-teacher-list dl dd .time{position: absolute;left:15px;bottom:0;color:#999;}
.page-teacher-list dl dd a.more{position: absolute;right:0;bottom:0;color:#ff8a2c;opacity:.8;}
.page-teacher-list dl dd a.more:hover{opacity:1;}


/* 翻页 */
.page-list{font-size:16px;text-align:center;}
.page-list a{border:1px solid #efefef;padding:4px 15px;display:inline-block;margin:0 4px;color:#888;}
.page-list a:hover{background:#444;color:#FFF;}
/* 新闻内页 */
.news-title{padding:40px 0 30px 0;text-align:center;border-bottom:1px solid #efefef;font-family:"微软雅黑" !important;}
.news-title .time{text-align:right;width:1200px;margin:10px auto 0 auto;color:#999;}
.news-article{margin:40px auto;width:1200px;text-align:justify;font-size:16px;line-height:32px;font-family:"微软雅黑" !important;}
.news-article img{max-width:800px;}
.news-turn-page{width:1200px;margin:30px auto;font-size:17px;border-top:1px solid #efefef;padding-top:30px;font-family:"微软雅黑" !important;}
/* 关于我们 */

.about-box1{font-size:22px;color:#4d5457;padding:50px;}
.about-box1 p{line-height:60px;text-indent:2em;text-align:justify;}
.about-box2{padding:40px 0;height:1010px;}
.about-box2 .img{position: absolute;overflow: hidden;}
.about-box2 .img img{display:block;width:100%;}
.about-box2 .img1{left:20px;width:729px;height:486px;}
.about-box2 .img2{left:20px;top:547px;width:729px;height:486px;}
.about-box2 .img3{right:20px;width:467px;height:311px;}
.about-box2 .img4{right:20px;top:380px;width:467px;height:311px;}
.about-box2 .img5{right:20px;top:722px;width:467px;height:311px;}

.about-video{margin:40px auto;width:80%;}
.about-video img{display:block;width:100%;}
.about-map{width:1000px;margin:50px auto;height:500px;background:#999;}

/* 右侧弹窗 */

.right-box{position: fixed;height:380px;width:100px;left:5px;top:50%;margin-top:-190px;background:rgba(255, 255, 255, .8);z-index:1000;display:none;
border-radius:10px;
}
.right-box ul{border-radius:10px;background:#FFF;width:90px;height:370px;margin:5px auto;box-shadow: 0 0 8px rgba(204, 204, 204, 0.5);}
.right-box ul li{height:75px;border-bottom:2px solid #f4f4f4;text-align:center;padding-top:16px;}
.right-box ul li a{display:block;}
.right-box ul li a .text{font-size:12px;padding-top:10px;}
.right-box ul li.li1{padding-top:20px;height:70px;cursor: pointer;}
.right-box ul li img{width:40%;}
.right-box ul li.li1 .absolute{width:90px;top:0;left:0;border-radius:15px;overflow: hidden;opacity:0; transition: opacity .5s;}
.right-box ul li.li1 .absolute img{display:block;width:100%;}
.right-box ul li.li1:hover .absolute{opacity:1;}
.right-box ul li.li4{border-bottom:none;}

/* 底部浮窗 */
.footer-box-h{height:160px;position: relative;}
#footer-box{height:60px;background:rgba(0, 0, 0, 0.75);left:0;bottom:0;z-index:1000;width:100%;position: absolute;}
#footer-box ul{position: relative;width:1100px;height:60px;margin:0 auto;}
#footer-box ul li{position: absolute;}
#footer-box ul .img{left:50px;bottom:0;}
#footer-box ul .text{color:#FFF;font-size:24px;left:300px;bottom:0;line-height:60px;}
#footer-box ul .text p{display:inline-block;margin-right:30px;}
#footer-box ul .text p span{color:#ff8a2c;}
#footer-box ul .btn{right:50px;bottom:10px;height:40px;width:160px;background:#ff8a2c;color:#FFF;text-align:center;line-height:40px;border-radius:10px;font-size:20px;cursor: pointer;}

/* 中间弹窗 */
.mid-box{box-shadow: 0 0 8px rgba(204, 204, 204, 0.5);width:500px;height:380px;position: fixed;background:#FFF;left:50%;top:50%;margin-left:-250px;margin-top:-190px;z-index:1000;border-radius:15px;display:none;}
.mid-box .close{width:16px;height:16px;right:10px;top:10px;cursor: pointer;}

.mid-box .title{text-align:center;margin-top:40px;}
.mid-box .title p{font-size:28px;color:#111;}
.mid-box .title p span{color:#ff8a2c;padding-left:5px;}
.mid-box ul li{width:80%;margin:14px auto 0 auto;overflow: hidden;}
.mid-box ul li input.text,.mid-box ul li select{width:358px;padding-left:35px; display:block;height:35px;border:#ff8a2c 1px solid;border-radius:5px;}
.mid-box ul li input.username{background:#FFF  url(../img/icon-user.png) no-repeat 10px center;}
.mid-box ul li input.mobile{background:#FFF  url(../img/icon-mobile.png) no-repeat 10px center;}
.mid-box ul li select.course{background:#FFF  url(../img/icon-course.png) no-repeat 10px center;width:100%;}
.mid-box ul li select.course option{font-size:15px;}
.mid-box ul li input.code{padding-left:10px;}
.mid-box ul li button.btn-code{right:0;top:0;height:37px;width:100px;background:#ff8a2c;color:#FFF;cursor: pointer;border-radius:0 5px 5px 0;}
.mid-box .btn-submit{background:#ff8a2c;height:40px;width:40%;margin:30px auto 0 auto;color:#FFF;text-align:center;line-height:40px;cursor: pointer;border-radius:5px;}


/* 留学 */
.bgc-abroad{background:#c34084 !important;}
.txc-abroad{color:#c34084 !important;}
.abroad-box1{height:780px;}
.abroad-box1{width:1100px;margin:0 auto;}
.abroad-box1 dl{width:230px;color:#c34084;text-align:center;position:absolute;}
.abroad-box1 dl dt{width:230px;height:230px;border-radius:50%;overflow: hidden;border:5px solid #c34084;}
.abroad-box1 dl dt img{display:block;width:100%;}
.abroad-box1 dl dd{font-size:33px;font-weight:550;padding-top:15px;font-style: italic;}
.abroad-box1 dl.dl2{left:430px;}
.abroad-box1 dl.dl3{right:0;}
.abroad-box1 dl.dl4{right:0;bottom:0;}
.abroad-box1 dl.dl5{left:430px;bottom:0;}
.abroad-box1 dl.dl6{left:0;bottom:0;}


.abroad-arrow{width:96px;height:52px;display:flex;position:absolute;}

.abroad-arrow span{width:48px;height:52px;display:block;}
.abroad-arrow .span1{background:url(../img/abroad-arrow1.jpg) no-repeat;}
.abroad-arrow .span2{background:url(../img/abroad-arrow2.jpg) no-repeat;}
.abroad-arrow1{top:90px;left:290px;}
.abroad-arrow2{top:90px;left:725px;}
.abroad-arrow3{top:352px;right:66px;transform:rotate(90deg);}
.abroad-arrow4{bottom:173px;left:725px;transform:rotate(-180deg);}
.abroad-arrow5{bottom:173px;left:290px;transform:rotate(-180deg);}





.breath_light {
  animation: breath 3s infinite;      
}

@keyframes breath {
  from { opacity: 1; }
  50%  { opacity:   .5; }                      
  to   { opacity: 1; }                    
}

.abroad-box2{height:900px;background: url(../img/abroad-p7.jpg) no-repeat center 0;}
.abroad-adv{margin-top:90px;}
.abroad-adv ul{display:flex;width:1000px;flex-wrap: wrap;justify-content: space-between;margin:0 auto;}
.abroad-adv ul li{display:flex; justify-content: space-between; width:499px;height:200px;background:rgba(255, 255, 255, .75);color:#3f3737;margin-top:2px;box-shadow: 0 0 10px rgba(204, 204, 204, 0.9);}
.abroad-adv ul li .img{width:127px;margin:36px 0 0 94px;}
.abroad-adv ul li .img img{width:100%;}
.abroad-adv ul li .text{font-size:28px;line-height:50px;margin:45px 50px 0 0;font-weight:500;width:220px;}

.abroad-box3{font-size:30px;line-height:30px;margin-top:50px;}
.abroad-box3 ul li{margin-bottom:40px;}
.abroad-box3 ul li span{display:block;width:30px;height:30px;border-radius:50%;background:#e7cfe5;float: left;text-align:center;margin-right:4px;}