.banner {
    margin: 0px auto;
    /*background: #00a0e9;*/
    width: 100%;
}

.content-intro {
    /*align-items:center;*/
    max-width: 1000px;
    margin: 0 auto;
    /*padding: 50px 20%;*/
    padding: 50px 0px;
}

.content-intro > div {
    margin-bottom: 50px;
}

.intro {
    color: #666666;
    font-size: 16px;
    font-weight: lighter;
    line-height: 32px;
    text-align: left;
    text-indent: 32px;
}

.intro-zhuban {
    display: flex;

}

.header {
    background: url("../../images/new_index/bg-1.png") center no-repeat;
    text-align: center;
}

.header > h1 {
    /*letter-spacing: 15px;*/
    word-spacing:15px;
    font-size: 48px;
    margin-bottom: 15px;
}

.header > p {
    font-size: 18px;
    color: #666666;
    opacity: 0.8;
    background: linear-gradient(0deg, #001C91 0%, #AD19D7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*letter-spacing: 10px; */
}

.intro-zhuban-left {
    font-size: 16px;
    color: #ffffff;
    padding: 0px 15px;
    /*width: 120px;*/
    line-height: 32px;
    height: 32px;
    text-align: center;
    background: #001A90;
    margin-right: 25px;
}

.intro-zhuban-right {
    color: #010C23;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 3px;
}

.lang-en .intro-zhuban-right,.lang-thai .intro-zhuban-right {
    letter-spacing: normal !important;
}

.intro-zhuban-right .zhuban-right-item {
    margin-bottom: 10px;
}

.bg-gray {
    background: #F8F8F8;
}

.content-stage-list {
    /* display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; */
    width:1200px;
    margin:0 auto;
    padding-top: 64px;
    min-height:516px;
    position:relative;
}
.content-stage-list h4{
    width:128px;
    flex-shrink:0;
    font-weight: bold;
    font-size: 16px;
    color: #0052D9;
    line-height: 28px;
    padding-right:24px;
    white-space:wrap;
}
.parse-con{
    width:calc(100% - 194px);
}
.content-stage-list .parse-item{
    width: 232px;
    height: 128px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(40,40,40,0.05);
    border-radius: 8px 8px 8px 8px;
    padding:24px;
    text-align:center;
} 
.content-stage-list .parse-item .layui-btn{
    width:100%;
    height: 40px;
    background: #0052D9;
    margin-bottom:20px;
    box-shadow: 0px 0px 12px 1px rgba(0,82,217,0.25);
    border-radius: 6px 6px 6px 6px;
    line-height: 18px;
    white-space: wrap;
}
.content-stage-list .parse-item p{
    font-weight: 400;
    font-size: 15px;
    color: #4D4D4D;
}
.content-stage-list .bg{
    width:100%;
    top: -5px;
    width: 100%;
    padding-left: 128px;
    position: relative;
    margin-bottom:-10px;
}
.design-con h4{
    color: #1890FF;
}
.design-con .parse-item{
    width: 320px;
    box-shadow: 0px 0px 10px 1px rgba(40,40,40,0.05);
}
.content-stage-list .design-con .layui-btn{
    background: #1890FF;
    box-shadow: 0px 0px 12px 1px rgba(24,144,255,0.25);
} 
.content-stage .channel-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #F8F8F8;
    border-radius: 5px;
}
.content-stage .channel-content .tiaozhan{
    position: relative;
    padding: 46px 20px 20px 20px;
    width: 421px;
    height: 168px;
    background: #F8F8F8;
    border: 1px dashed #001A90;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
}
.content-stage .channel-content .shizhan{
    position: relative;
    padding: 46px 20px 20px 20px;
    width: 421px;
    height: 168px;
    background: #F8F8F8;
    border: 1px dashed #001A90;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-stage .channel-content .channel-name{
    position: absolute;
    /*width: 132px;*/
    padding:0 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;;
    font-size: 18px;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    background: #001A90;
}
.thai .channel-content .channel-name{
    font-size: 14px;
}
.en .channel-content .channel-name{
    font-size: 14px;
}

.stage-item-jt {
    width: 68px;
    height: 26px;
    background: url("../../images/new_index/jt_03.png") center no-repeat;
}

.stage-item-time {
    height: 173px;
    width: 160px;
    color: #001A8F;
    font-size: 20px;
    font-weight: bold;
    background: white;
    border: 2px solid #001A90;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.05);
}
.en .stage-item-time{
    font-size: 16px;
    padding: 0 10px;
}
.thai .stage-item-time{
    font-size: 16px;
}

.channel-item-time {
    width: 160px;
    height: 101px;
    background: #FFFFFF;
    border: 2px solid #001A90;
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.channel-item-time .item-title {
    text-align: center;
    white-space: pre-wrap;
    font-size: 24px;
    color: #001A8F;
}
.stage-item-time .item-title {
    text-align: center;
    color: #001A8F;
    font-size: 24px;
    font-weight: bold;
    white-space: pre-wrap;
}
.en .stage-item-time .item-title,.thai .stage-item-time .item-title{
    font-size: 18px;
}

.en .channel-item-time .item-title{
    font-size: 18px;
}
.thai .channel-item-time .item-title{
    font-size: 18px;
}
.thai .stage-item-time .item-title{
    font-size: 18px;
}

.stage-item-time .item-time {
    font-size: 20px;
     color: #424EA1;
    font-weight: lighter;
    margin-top: 18px;
}
.channel-item-time .item-time {
    font-size: 20px;
    color: #424EA1;
    font-weight: lighter;
    margin-top: 18px;
}
.en .stage-item-time .item-time{
    font-size: 16px;
}
.en .channel-item-time .item-time{
    font-size: 16px;
}
.thai .channel-item-time .item-time{
    font-size: 16px;
}

.content-dynamic {
    padding: 50px 10%;
}

.dynamic-body {
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.dynamic-body .dynamic-left {
    height: 225px;
    width: 400px;
    margin-right: 40px;
}

.dynamic-body .dynamic-right {
    display: flex;
    flex-direction: column;
    width: 550px;
    /*max-width: 550px;*/
    /*min-width: 260px;*/
}

.dynamic-body .dynamic-right .news-list {
    font-size: 14px;
    color: #666666;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.news-list .news-title {
    max-width: 400px;
    margin-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-xiezuo {
    margin: 0 auto;
    width: 100%;
    padding: 50px 0px;
    font-size: 16px;
}

.xiezuo-content{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #666666;
    margin-top: 60px;
}
.xiezuo-content .header-title{
    color: #333333;
    font-size: 24px;
    margin-bottom: 40px;
}
.xiezuo-content .left{
    margin-right: 100px;
    width: 50%;
}
.xiezuo-content .right{
    width: 50%;
}
.xiezuo-content .left .colleges{
    display: flex;
    justify-content: space-between;

}
.xiezuo-content .right .colleges{
    display: flex;
    justify-content: space-between;

}

.xiezuo-content .left .colleges .cols1{
    text-align: left;
    margin-right: 10px;
}
.xiezuo-content .left .colleges .cols2{
    text-align: left;
    margin-right: 10px;
}
.xiezuo-content .left .colleges .college{
    width: 260px;
    margin-bottom: 15px;
}
.xiezuo-content .right .colleges .college{
    margin-bottom: 15px;
    width: 260px;
}
.content-xiezuo .xiezuo-body {
    color: #888888;
    margin: 0 auto;
    max-width: 1100px;
    margin-top: 60px;
}

.xiezuo-body .zhichi-list {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 60px;
}

.zhichi-list .zhichi-item {
    height: 60px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    margin-right: 20px;
    margin-bottom: 20px;
}

.college-contactus {
    margin: 50px auto;
    display: flex;
    justify-content: center;
    max-width: 1180px;
}

.college-contactus .header {
    background: url("../../images/new_index/bg_2.png") left no-repeat;
    text-align: left;
    margin-bottom: 40px;
}

.college-contactus .header > h1 {
    font-size: 32px;
}

.college-contactus .college {
    margin-right: 300px;
}

.college-contactus .college .college-list {
    max-width: 450px;
}

.contactus-item, .college-contactus .college-item {
    color: #666666;
    font-size: 14px;
    height: 30px;
    /*padding-bottom: 10px;*/
}

.myscroll {
    height: 205px;
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
}