*{margin: 0;padding: 0;}
html,body{font-family: 'MicrosoftYaHei' !important;overflow-x:hidden !important;}
a{text-decoration: none;}
li{list-style: none;}
img{border: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clearfix:after {content:"";display: block;clear:both;}
/*正文*/
.wrap{
  width: 100%;
  height: 100%;
  max-width:1920px;
  min-width:1200px;
  margin:0 auto;
    transform: translateY(100px);
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.home-adv{
  width: 100%;
  height: 980px;
  position: relative;
}
.adv-con {
  width:1230px;
  padding-top: 155px;
  margin:0 auto 10px auto;
  position: relative;
}
/*标题*/
.adv-title-box {
  width: 1230px;
  height: 192px;
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: -615px;
  z-index: 999;
  transform: translateY(50px);
    transition: all 1s ease-out 0s;
    opacity: 0;
  /*background: #00CC66;*/
}
.adv-title {
  width: 435px;
  height: 140px;
  margin: 0 auto;
  padding-top: 25px;
  text-align: center;
  background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/image/titbg.png") no-repeat center bottom;
  background-size: 435px 150px;
}
.adv-title h2 {
  font-size: 50px;
    font-weight: bold;
  color: #00A0E9;
  line-height: 60px;
  height: 60px;
}
.adv-title h3 {
  height: 45px;
  font-size: 32px;
  font-weight: bold;
  color: #0D253E;
  line-height: 45px;
  /*background: white;*/
}
.adv-content{
  width: 700px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
  color: #0D253E;
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  line-height: 30px;
  /*background: white;*/
}
/*四个盒子*/
.list{
  width: 1230px;
  height: 825px;
  position: absolute;
    transform: rotateZ(180deg) scale(0.1,0.1);
    transition: all 1s ease-out 1s;
    opacity: 0;
  /*background: white;*/
}
.list-show{
    transform: rotateZ(0) scale(1,1) !important;
    opacity: 1 !important;
}
.list .iconbg{
    text-align: center;
  text-align: center;
  position: absolute;
    z-index: 100;
}
.list .li1{
  width: 255px;
  height: 280px;
  top: 70px;
  left: -45px;
  background: url('https://media-box.oss-cn-hangzhou.aliyuncs.com/school/image/li1.png') no-repeat center;
}
.list .li2{
    width: 261px;
    height: 276px;
    top: 70px;
    right: -64px;
    background: url('https://media-box.oss-cn-hangzhou.aliyuncs.com/school/image/li2.png') no-repeat center;
}
.list .li3{
    width: 267px;
    height: 281px;
    bottom: -35px;
    left: -54px;
    background: url('https://media-box.oss-cn-hangzhou.aliyuncs.com/school/image/li3.png') no-repeat center;
}
.list .li4{
    width: 275px;
    height: 273px;
    bottom: -35px;
    right: -64px;
    background: url('https://media-box.oss-cn-hangzhou.aliyuncs.com/school/image/li4.png') no-repeat center;
}
.list .iconbg>h3{
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
}
.list .iconbg>p{
    font-size: 19px;
    line-height: 26px;
    color: #fff;
}
.list .li1>h3{
    margin-top: 65px;
    margin-left: 28px;
}
.list .li1>p{
    margin-top: 6px;
    margin-left: 28px;
}
.list .li2>h3{
    margin-top: 65px;
    margin-left: -28px;
}
.list .li2>p{
    margin-top: 6px;
    margin-left: -24px;
}
.list .li3>h3{
    margin-top: 65px;
    margin-left: 43px;
}
.list .li3>p{
    margin-top: 6px;
    margin-left: 42px;
}
.list .li4>h3{
    margin-top: 65px;
    margin-left: -42px;
}
.list .li4>p{
    margin-top: 6px;
    margin-left: -42px;
}
/*video*/
.video{
    width: 760px;
    height: 460px;
    /*background: #ffffff;*/
    position: absolute;
    top: 385px;
    left: 240px;
    z-index: 999;
}
.videobg{
    width: 1000px;
    height: 94px;
    position: absolute;
    top: 570px;
    left: 120px;
}
.videobg>img{
    width: 100%;
}
/* 口才品牌简介 */
.home-teach{
    width: 100%;
    height:577px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    padding-top: 40px;
    /*background: #00c13b;*/
}
.teach-tit{
    height: 321px;
    text-align: center;
    /*background: pink;*/
}
.teach-tit h2{
    height: 45px;
    font-size: 32px;
    font-weight: bold;
    color: #00A0E9;
    line-height: 45px;
    margin-bottom: 20px;
}
.teach-tit p{
    width: 808px;
    height: 150px;
    font-size: 14px;
    color: #0D253E;
    line-height: 30px;
    margin: 0 auto 40px;
}
.teach-tit h3{
    height: 46px;
    font-size: 40px;
    color: #0D253E;
    line-height: 46px;
}
.teach-list{
    width: 1230px;
    height: 21px;
    margin: 0 auto;
    /*background: #ffff00;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.teach-list>span{
    font-size: 16px;
    color: #0D253E;
}
.teach-list>span .tl1{
    margin-right: 5px;
    padding: 11px;
    background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/icon/tl1.png") no-repeat center;
}
.teach-list>span .tl2{
    margin-right: 5px;
    padding: 13px;
    background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/icon/tl2.png") no-repeat center;
}
.teach-list>span .tl3{
    margin-right: 5px;
    padding: 14px;
    background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/icon/tl3.png") no-repeat center;
}
.teach-btn{
    width: 860px;
    height: 168px;
    margin: 25px auto;
    /*background: url("/ascts/login/images/tt2019.png") no-repeat center;*/
}
/* 课程列表 */
.home-pub{
    width: 100%;
    height: 340px;
    padding-top: 40px;
    /*background: #00CC66;*/
}
.home-item{
    width: 1230px;
    height: 330px;
    margin: 0 auto;
    position: relative;
    /*background: #ffff00;*/
}
.home-list{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.home-list .list-tab{
    width: 198px;
    height: 320px;
    text-align: center;
    position: relative;
    transform: translateY(50px);
    opacity: 0;
    /*background: blue;*/
}
.lt-1{
    transition: all 1s ease-out 0.2s;
}
.lt-2{
    transition: all 1s ease-out 0.4s;
}
.lt-3{
    transition: all 1s ease-out 0.6s;
}
.lt-4{
    transition: all 1s ease-out 0.8s;
}
.lt-5{
    transition: all 1s ease-out 1s;
}
.lt-6{
    transition: all 1s ease-out 1.2s;
}
.list-tab:hover img{
    animation-name: done;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@keyframes done {
    0%{transform: scale(1)}
    25%{transform: scale(1.1)}
    50%{transform: scale(0.9)}
    75%{transform: scale(1.05)}
    100%{transform: scale(1)}
}
.list-tab:hover .list-tab-con{
    background: #33B3ED;
}
.list-tab-con{
    width: 198px;
    height: 210px;
    background: #00A0E9;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 16px;
}
.list-tab-con>h3{
    height: 31px;
    font-size: 20px;
    font-weight: bold;
    line-height: 31px;
    color: #ffffff;
    margin-top: 18px;
    margin-bottom: 6px;
}
.list-tab-con>p{
    font-size: 14px;
    color: #ffffff;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;*/
}
.hl-1{
    position: absolute;
    left: 5px;
    top: 85px;
}
.hl-2{
    position: absolute;
    left: 425px;
    top: 285px;
}
.hl-3{
    position: absolute;
    left: 1080px;
    top: 242px;
}
/* 二维码约课 */
.home-course{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.home-course img{
    width: 100%;
}
/* 加盟 身边言小咖 */
.home-compy{
    width: 100%;
    height: 860px;
    background: #FFDC16;
}
.compy-con{
	width: 85%;
    height: 100%;
	margin:0 auto;
    padding-top: 70px;
    /*background: #f0ad4e;*/
}
.compy-left{
    width: 44%;
    height: 734px;
    color: #692316;
    float: left;
    border: 4px solid #ffffff;
    border-radius: 10px;
    padding: 45px 60px 85px;
    position: relative;
    background: url("/ascts/login/images/newimg/joinbg.png") no-repeat center;
    transform: translateX(-150px) rotate(-30deg);
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.compy-left-show{
    transform: translateX(0px) rotate(0deg);
    opacity: 1;
}
.compy-left-tit>h2{
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 6px;
}
.compy-left-tit>h3{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 2px;
}
.compy-left-tit>p{
    font-size: 16px;
}
.compy-left-con{
    margin-top: 40px;
}
.compy-left-con>h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
.compy-left-con>p{
    font-size: 16px;
    height: 36px;
    margin-bottom: 8px;
}
.compy-left-con .p1 span{
    padding: 8px 18px;
    background: url("/ascts/login/images/joinus_icon.png") no-repeat;
    background-position-y: 0;
}
.compy-left-con .p2 span{
    padding: 8px 18px;
    background: url("/ascts/login/images/joinus_icon.png") no-repeat;
    background-position-y: -43px;
}
.compy-left-con .p3 span{
    padding: 8px 18px;
    background: url("/ascts/login/images/joinus_icon.png") no-repeat;
    background-position-y: -87px;
}
.compy-left-con .p4 span{
    padding: 8px 18px;
    background: url("/ascts/login/images/joinus_icon.png") no-repeat;
    background-position-y: -132px;
}
.compy-left-btn{width: 280px;}
.sqbtn{
    width: 180px;
    height: 52px;
    display: block;
    background: #884220;
    border-radius: 26px;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}
.sqbtn:hover{
    color: #fff;
    animation-name: dothis;  /*执行名称*/
    animation-duration: 1s;  /*执行时间*/
    animation-iteration-count: 1; /*执行次数*/
    animation-timing-function: ease-out;  /*速度类型*/
    animation-direction: alternate;  /*是否逆播*/
    animation-fill-mode: forwards; /*完成后的状态*/
}
@keyframes dothis {
    0%{transform: rotateZ(0deg)}
    25%{transform: rotateZ(-8deg)}
    50%{transform: rotateZ(8deg);}
    75%{transform: rotateZ(-4deg)}
    100%{transform: rotateZ(0deg)}
}
.sqbtn-bg{
    padding: 14px 14px;
    margin-right: 3px;
    background: url("/ascts/login/images/newimg/shenqing.png") no-repeat center;
}
.ewmimg{
    width: 120px;
    height: 120px;
    position: absolute;
    right: 45px;
    bottom: 155px;
    background: white;
}
.ewmimg img{width: 100%}

.compy-right{
    float: left;
    width: 51%;
    height: 734px;
    margin-left: 8px;
    /*background: #00CC66;*/
}
.compy-right-tit{
    width: 100%;
    height: 130px;
    color: #692316;
    text-align: center;
    margin-top: 45px;
    /*margin-left: 6%;*/
    /*background: white;*/
}
.compy-right-tit>h2{
    font-size: 50px;
    font-weight: bold;
}
.compy-right-tit>h3{
    font-size: 32px;
    font-weight: bold;
}
.compy-right-tit>p{
    font-size: 16px;
    margin-top: 10px;
}
.compy-right-con{
    width: 750px;
    height: 559px;
    display: block;
    margin: 0 auto;
    /*background: #000;*/
}
.right-city-bg{
    width: 700px;
    height: 579px;
    /*margin-left: 43px;*/
    padding-top: 219px;
    background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/mascot/mt_city_bg.png") no-repeat center;
    background-size: 100%;
}
@media screen and (max-width: 1920px) {
    .right-city-bg{
        margin-left: 59px;
    }
}
@media screen and (max-width: 1440px) {
    .right-city-bg{
        margin-left: 0px;
    }
}
.right-city{
    width: 474px;
    height: 296px;
    border-radius: 30px;
    background: #ffffff;
    margin-left: 80px;
    padding-top: 24px;
    text-align: center;
}
.right-city>h2{
    color: #692316;
    font-size: 20px;
    font-weight: bold;
}
.right-city>ul{
    width: 400px;
    height: 185px;
    margin: 20px 0 0 55px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*background: #1d5be7;*/
}
.right-city>ul li{
    width: 48px;
    height: 22px;
    font-size: 16px;
    text-align: left;
    margin-right: 18px;
}
.right-city>ul li a{
    color: #333;
}
.right-city>ul li a:hover{
    color: #00a0e9;
}
/* 言小咖动态 */
.home-china{
    width: 100%;
    height: 1325px;
    background: url("/ascts/login/images/newimg/dongtai.png") no-repeat center;
    background-size: 100%;
}
.china-con{
    width: 1230px;
    height: 100%;
    margin: 0 auto;
    padding-top: 100px;
    /*background: #00CC66;*/
}
.china-pic{
	width:100%;
    height: 305px;
    position: relative;
    display: flex;
    justify-content: space-between;
    /*background: white;*/
}

.china-pic .pic1,.china-pic .pic3{
    width: 407px;
    height: 305px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.china-pic .pic2{
    width: 370px;
    height: 305px;
    position: relative;
}
.pic1 img,.pic2 img,.pic3 img{
    width: 100%;
    border-radius: 10px;
    transition: all 0.6s ease-out 0s;
}
.pic2 .pic2-1{
    width: 370px;
    height: 149px;
    border-radius: 10px;
    overflow: hidden;
}
.pic2 .pic2-2{
    width: 370px;
    height: 149px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 7px;
}
.pic1 img:hover,.pic2-1 img:hover,.pic2-2 img:hover,.pic3 img:hover{
    transform: scale(1.1,1.1);
}

.posit1,.posit3{
    width: 407px;
    height: 33px;
    background: url("/ascts/login/images/newimg/dt-meng2.png");
    position: absolute;
    left: 0;
    top: 0;
}
.posit2{
    width: 370px;
    height: 33px;
    background: url("/ascts/login/images/newimg/dt-meng.png");
    position: absolute;
    left: 0;
    top: 0;
}
.pahu{
    width: 102px;
    height: 120px;
    position: absolute;
    top: 55px;
    right: -70px;
    background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/mascot/mt7.png") no-repeat center;
    background-size: 100%;
}
.china-title-box{
    margin-top: 100px;
    width: 100%;
    height: 182px;
}
.china-title{
    width: 437px;
    height: 164px;
    margin: 0 auto;
    padding-top: 43px;
    text-align: center;
    background: url("https://media-box.oss-cn-hangzhou.aliyuncs.com/school/image/titbg.png") no-repeat center bottom;
    background-size: 435px 164px;
}
.china-title>h2{
    height: 60px;
    color: #00A0E9;
    font-size: 45px;
    font-weight: bold;
}
.china-title>h3{
    color: #0D253E;
    font-size: 32px;
    font-weight: bold;
}
.china-content{
    text-align: center;
    color: #0D253E;
    font-size: 16px;
}
.china-img{
    width: 100%;
    height: 500px;
    margin-top: 40px;
    background: white;
    display: flex;
    justify-content: space-between;
}
.div-img-left{
    width: 629px;
    height: 470px;
    overflow: hidden;
    border-radius: 10px;
}
.div-img{
    width: 280px;
    height: 212px;
    overflow: hidden;
    border-radius: 10px;
}
.china-img-left{
    width: 629px;
    height: 500px;
    overflow: hidden;
    position: relative;
    transform: translate(-100px,0);
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.china-img-left:hover img{
    transform: scale(1.1,1.1);
}
.china-img-left div img{
    width: 629px;
    height: 470px;
    transition: all 0.5s ease-out 0s;
}
.china-img .pcon{
    color: #474747;
    margin-top: 8px;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
}
.china-date{
    width: 64px;
    height: 68px;
    border-radius: 0 32px 0 10px;
    background: #00A0E9;
    position: absolute;
    left: 0;
    bottom: 38px;
}
.china-date>span{
    width: 64px;
    color: #fff;
    text-align: center;
    display: block;
}
.china-date>span:nth-child(1){
    font-size: 29px;
    font-weight: bold;
}
.china-date>span:nth-child(2){
    font-size: 13px;
    margin-top: -10px;
}
.china-date>span:nth-child(3){
    font-size: 15px;
}
.china-img-right{
    width: 576px;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.china-img-right>div{
    position: relative;
    height: 250px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.china-img-right>div img{
    width: 100%;
    transition: all 0.5s ease-out 0s;
}
.china-img-right>div:nth-child(1){
    transform: translate(100px,-50px);
}
.china-img-right>div:nth-child(2){
    transform: translate(100px,-100px);
}
.china-img-right>div:nth-child(3){
    transform: translate(100px,50px);
}
.china-img-right>div:nth-child(4){
    transform: translate(100px,100px);
}
.china-show{
    transform: translate(0,0) !important;
    opacity: 1 !important;
}
.china-img-right>div:hover img{
    transform: scale(1.1,1.1);
}
/* 言小咖活动 */
.event{
    width: 100%;
    height: 732px;
    background: #FFDC16;
}
.event-center{
    padding-top: 60px;
}
.event-con{
    width: 1230px;
    height: 350px;
    margin: 40px auto;
    /*background: white;*/
}
.event-con>ul{
    width: 1230px;
    display: flex;
    justify-content: space-between;
}
.event-con>ul li{
    width: 395px;
    height: 350px;
    color: #833C1E;
    text-align: center;
    transform: translateY(50px);
    opacity: 0;
}
.event-con>ul li div{
    overflow: hidden;
    border-radius: 10px;
}
.event-con>ul li div img{
    width: 100%;
    height: 100%;
    transition: all 0.6s ease-out 0s;
}
.event-con>ul li:hover img{
    transform: scale(1.1);
}
.event-con>ul li:nth-child(1){
    transition: all 1s ease-out 0s;
}
.event-con>ul li:nth-child(2){
    transition: all 1s ease-out 0.3s;
}
.event-con>ul li:nth-child(3){
    transition: all 1s ease-out 0.6s;
}
.event-con>ul li>p{
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: bold;
}
.event-con>ul li>span{
    font-size: 14px;
    line-height: 20px;
}



/* 适配小屏幕 */
/* @media screen and (min-width: 1360px) and (max-width: 1560px) {
  .home-course .adv-title{
    padding-top: 100px;
    margin-left: calc(7% + 20px);
  }
  .course-trape-box .adv-trape p.line-bottom span{
  	font-size: 32px;
	}
} */