@charset "utf-8";
/*首页幻灯片*/
.banner{ font-size: 0;}
.hiSlider{ overflow:hidden;}
.hiSlider-item img{width: 100%;}
.hiSlider-pages,.hiSlider-title{ position: absolute; z-index: 3;}
.hiSlider-btn-prev,.hiSlider-btn-next{ position: absolute; z-index: 5; top: 50%; height:30px; width: 30px; background:  url(../image/hislider-arrow.png) no-repeat; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .6; filter:alpha(opacity:60);}
.hiSlider-btn-prev{ left: 10px;}
.hiSlider-btn-next{ right: 10px; background-position: -30px 0;}
.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover{ opacity: 1; filter:alpha(opacity:100);}
.hiSlider-title{ display:none; bottom: 0; width: 100%; padding: 6px 0; color: #fff; text-indent: 10px; background: rgba(0,0,0,.6); z-index: 2; font: 14px/2 "Microsoft YaHei", "Arial", "Tahoma";}
.hiSlider-pages{ display:none; bottom: 10px; right: 10px; text-align: right;}
.hiSlider-pages a{ height: 12px; width: 12px; margin: 0 6px; display: inline-block; overflow: hidden; text-indent: -100px; font-size: 0; border-radius: 50%; background: #ddd;}
.hiSlider-pages a.active{ background: #5472BF;}
/*首页幻灯片*/

.I-title{ text-align: center; margin: 30px 0;}
.I-title span{display: block; font-size: 28px; font-weight: bold; color: #333;}
.I-title small{display: block; font-size: 16px; color: #666;}
.I-title .fg{width: 67px;height: 2px;background: #0743a5;margin: 0 auto; margin-top: 20px; margin-bottom: 10px;}

/* 课程体系 */
.kecheng{overflow: hidden;}
.kecheng ul{margin: 15px;}
.kecheng ul li{float: left;overflow: hidden; width: 100%; border-radius: 18px; margin-bottom: 30px; position: relative; cursor: pointer;}
.kecheng ul li span{display:block; font-size: 24px;z-index: 999;position: relative;padding:20px; color: #FFF;}
.kecheng ul li a{color: #FFF;}
.kecheng ul li .text{float: left; width: 60%; padding:0 20px; color: #FFF; z-index: 999;position: relative;}
.kecheng ul li .text small{display:block;font-size: 17px; line-height: 25px;}
.kecheng ul li .text p{font-size: 17px; margin: 20px 0 30px 0; }
.kecheng ul li .text p a{color: #FFF; }
.kecheng ul li .text p i{float: left; font-size: 28px;line-height: 19px; margin-right: 10px; margin-top: 2px;}
.kecheng ul li .img{float: left; width: 40%;z-index: 999; position: absolute; right: 0; margin-top: -62px;}
.kecheng ul li .img img{max-width:100%;}
.kecheng ul li .circle-desc {
    width: 300px;
    height: 300px;
    position: absolute;
    top:0vw;
    left: 50vw;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .58s linear;
    transition: -webkit-transform .58s linear;
    transition: transform .58s linear;
    transition: transform .58s linear,-webkit-transform .58s linear;
    z-index: 0;
}

.kecheng ul li:hover .circle-desc {-webkit-transform: scale(3.3);transform: scale(3.3)}
.kecheng ul li:nth-child(4n){margin-right: 0;}
.kecheng ul li:nth-of-type(1){ background: #67baff;}
.kecheng ul li:nth-of-type(1) .circle-desc{ background: #1972bd;}
.kecheng ul li:nth-of-type(2){ background: #f8d82b;}
.kecheng ul li:nth-of-type(2) .circle-desc{ background: #cfb113;}
.kecheng ul li:nth-of-type(3){ background: #e53446;}
.kecheng ul li:nth-of-type(3) .circle-desc{ background: #bd1324;}
.kecheng ul li:nth-of-type(4){ background: #97dd51;}
.kecheng ul li:nth-of-type(4) .circle-desc{ background: #78c030;}
.kecheng ul li:nth-of-type(5){ background: #d38dff;}
.kecheng ul li:nth-of-type(5) .circle-desc{ background: #ae5ae3;}
.kecheng ul li:nth-of-type(6){ background: #ffa751;}
.kecheng ul li:nth-of-type(6) .circle-desc{ background: #eb8c30;}

/*朝日留学五大优势*/
.home-youshibg{overflow: hidden; background: url(../image/bg1.jpg) no-repeat center bottom #b4d3fe;  padding-bottom: 50px;}
.home-youshi{overflow: hidden;}
.home-youshi ul{margin: 15px;}
.home-youshi ul li{float: left;width: 100%;background: #FFF; border-radius: 20px; padding: 30px; margin-bottom: 30px;}
.home-youshi ul li span{display: block; font-size: 22px; margin-bottom: 10px; font-weight: bold;}
.home-youshi ul li p{line-height: 26px; color: #7e8793;}


.home-sgu{overflow: hidden; background: url(../images/ysbg.jpg) no-repeat center bottom #f3f3f3; margin-top: 30px;}
.home-sgu .text{font-size: 15px; line-height: 28px; margin:15px;}
.home-sgu .text h2{display: block; font-size: 32px; line-height: 30px; margin-bottom: 20px;}

/* 师资力量 */
.teacherbg{ overflow: hidden; background: url(../image/tcbg.jpg) no-repeat center #e9edf3; padding-bottom: 30px;}
.teacher-l{float: left; width: 100%;}
.teacher-l img{max-width: 100%;}
.teacher-r{float: left;width: 100%; margin-top: 20px;}
.teacher-r ul{ margin: 15px;}
.teacher-r ul li{overflow: hidden; margin-bottom: 20px;}
.teacher-r ul li i{float: left; width: 60px;}
.teacher-r ul li .text{float: left; width: calc((100% - 60px));}
.teacher-r ul li .text h2{font-size: 24px; color: #333;line-height: 38px; margin-bottom: 15px;}
.teacher-r ul li .text span{ color: #666;font-size: 16px;}

/* 成功案例 */
.casebg{overflow: hidden; background: #f9fafe; padding-bottom: 30px;}
.caselist{background: #FFF; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); padding:20px 15px 15px 10px; overflow: hidden; margin: 10px; cursor: pointer;}
.caselist .case-img{float: left; width: 140px; text-align: center; margin-top: 8px;}
.caselist .case-img h3{line-height: 30px; color: #666;font-size: 14px;}
.caselist .case-img img{width: 100px; border-radius: 100%;}
.caselist .case-text {float: left; width: calc((100% - 140px));}
.caselist .case-text .wjx{text-align: right; margin-right: 12px;}
.caselist .case-text .wjx i{color: #ff9933; font-size: 11px;}
.caselist .case-text p{text-indent: 2em; color: #999;line-height: 23px;}
.sj{position: absolute; background: url(../image/pj.png) no-repeat left top; height: 69px; width: 110px;left:10px;top:10px;}
.sj h4{
	color: #FFF;
	font-size: 12px;
	margin-left: -67px;
	margin-top: 6px;
	transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	text-align: center;
}
.sj h5{
	color: #FFF;
	font-size: 15px;
	margin-left: -42px;
	margin-top: -4px;
	transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	text-align: center;
}



/*首页新闻中心*/

.news{overflow: hidden;}
.news ul{ margin: 15px;}
.news ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7; margin-bottom: 15px; padding-bottom: 15px;}
.news ul li .img{float: left;overflow: hidden; width: 120px; height: 75px; margin-right: 10px;}
.news ul li .img img{max-width: 100%; border-radius: 10px;}
.news ul li .text{float: left; width: calc((100% - 130px));}
.news ul li .text span{display: block; font-size: 16px;font-weight: bold;}
.news ul li .text p{line-height: 23px;}


/*首页新闻中心*/


/*首页线上留言*/
.customer{background:#eaeaea; padding: 30px 15px;border-bottom: 1px solid #ccc;}
.customer>h2{
	font-size: 28px;
	color: #0066cc;
	text-align: center;
	padding-bottom: 20px;
	text-transform: uppercase;background: url(../image/h2bg.png) no-repeat bottom center;
}
.customer>p{color: #666666;font-size: 14px;margin: 20px 0;}
.customer>form>input[type=text],
.customer>form>input[type=email]{display: block;width: 100%;height: 35px;border: 1px solid #fff;outline: none;padding-left: 15px;padding-right: 15px;background: #fff;margin-bottom: 20px;}
.customer>form>textarea{display: block;width: 100%;border: 1px solid #fff;outline: none;background: #fff;margin-bottom: 20px;padding: 15px 10px;font-family:"微软雅黑";resize: none;}
.customer>form>input[type=submit]{display: block;width: 100%;height: 40px;border: 1px solid #0066cc;outline: none;background: #0066cc;box-sizing: border-box;color: #fff;}

/*首页线上留言*/

.more{display: flex;align-items: center;justify-content: center;}
.more a{color:#FFF; background: #e53446;width: 250px;height: 45px;font-size: 18px; display: flex;align-items: center;justify-content: center;border-radius: 50px;}