@import url(//at.alicdn.com/t/font_1880707_i2nsilc35d.css);
@import url(/include/css/pub3.css);

.pv-controls-right div { display: block }
.el-slider { display: initial }
    .el-slider div { display: initial }
.el-cascader-panel .el-radio { position: absolute; width: calc(100% - 50px); height: 100%; top: 0px; left: 20px }
    .el-cascader-panel .el-radio .el-radio__input { display: none }

.editor table, .editor2 table { max-width: 100% }

.transmask { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; }
.winmask { position: absolute; width: 100%; height: 100%; background: #000; top: 0px; left: 0px; z-index: 9999 }
.myspace { width: 10px; display: inline-block }

.transiderightdefault { width: 510px; }
.transideright { transition: all .5s ease; transform-origin: center; width: 60px; }
.transiderightback { transition: all .5s ease; transform-origin: center; width: 510px; }

.appfull { position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-flow: column nowrap }
    .appfull .realwrap { width: 100%; padding-left: 20px; padding-right: 20px; }
#app { width: 100%; flex-flow: column nowrap }
    #app .realwrap { width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 0 auto; }

.overdot { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important }

a { text-decoration: none; color: #666666 }
    a:hover { text-decoration: none; color: #0000ff; }

body { color: #262626; min-width: 1200px; }

.bluelabel { display: inline-block; width: 10px; height: 16px; background-color: #182a83; margin-top: 4px; }

.header { width: 100%; flex-flow: column nowrap; position: relative }
.navwrap { width: 100%; height: 100px; background: #FFF; justify-content: center; align-items: center }
    .navwrap.fixed { position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,.5); z-index: 1 }
.nav { width: 100%; max-width: 1560px; padding-left: 20px; padding-right: 20px; justify-content: space-between; align-items: center }
    .nav .logo { width: 160px; flex: none }
    .nav .navmain { width: 100%; flex: auto }
        .nav .navmain dl { width: 100%; }
            .nav .navmain dl dd { margin-right: 40px; flex-flow: column nowrap; justify-content: center; align-items: center }
                .nav .navmain dl dd a { font-size: 18px }
                .nav .navmain dl dd span { display: inline-block; width: 36px; height: 3px; background-color: transparent; margin-top: 10px; }
                .nav .navmain dl dd.cs span, .nav .navmain dl dd:hover span { background-color: #182a83; }
.navwrap.fixed .nav .navmain dl dd.cs span, .navwrap.fixed .nav .navmain dl dd:hover span { background-color: #FFF; }
.navwrap.fixed .nav .navmain dl dd a { color: #FFF; }
.nav .navlogin { width: 160px; flex: none; justify-content: flex-end; font-size: 18px; margin-bottom: 13px; }
.navwrap.fixed .nav .navlogin { color: #FFF; }

.banner { width: 100%; position: relative }
    .banner img { width: 100% }


.footer { width: 100%; background-color: #000; justify-content: center; min-height: 120px; flex-flow: column nowrap }
    .footer .copyright { justify-content: center; color: #FFF; padding-top: 25px; padding-bottom: 25px; line-height: 25px; font-size: 0.875em; }
        .footer .copyright .editor { text-align: center; align-items: center }
        .footer .copyright a { color: #FFF; }

.mainbody { width: 100%; flex-flow: column nowrap }

.homeaboutwrap { width: 100%; justify-content: center; padding: 70px; background: url(https://www.tokcollege.com/upfile/43/images/info/2024020111592307144923.jpg) repeat center center }
.homeabout { width: 100%; max-width: 1200px; flex-flow: column nowrap; padding-top: 40px; padding-bottom: 40px; border-radius: 10px; background-color: #FFF }
    .homeabout dl { width: 100%; flex-flow: row nowrap; }
        .homeabout dl dt { width: 40px; flex: none }
        .homeabout dl dd { font-size: 1em; line-height: 1.5em; margin-right: 40px; }
        .homeabout dl.en dt { margin-top: 20px; padding-top: 20px; }
        .homeabout dl.en dd { margin-top: 20px; padding-top: 20px; border-top: 2px solid #bcbcbc }

.homenavwrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 70px 20px 70px 20px; flex-flow: column nowrap }
.homenav { width: 100%; }
.homenavitem { width: 22%; height: 480px; overflow: hidden; position: relative; padding-left: 10px; transition: all ease .3s; cursor: pointer }
    .homenavitem:first-child { padding-left: 0px; }
    .homenavitem .navcover { position: relative; }
        .homenavitem .navcover .navcon { display: none }
            .homenavitem .navcover .navcon .navtitle2 { width: 100%; font-size: 26px; margin-bottom: 10px }
            .homenavitem .navcover .navcon .editor2 { width: 100%; font-size: 16px; line-height: 1.5em; margin-bottom: 10px }
            .homenavitem .navcover .navcon .navmore { width: 100%; font-size: 16px; }
                .homenavitem .navcover .navcon .navmore span { display: inline-block; line-height: 28px; padding-left: 20px; padding-right: 20px; border-radius: 14px; border: 1px solid #FFF }

    .homenavitem .navtitle { position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; justify-content: center; color: #FFF; font-size: 22px; }
    .homenavitem.cs { width: 442px }
        .homenavitem.cs .navtitle { display: none }
        .homenavitem.cs .navcover .navcon { display: flex; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); flex-flow: column nowrap; justify-content: flex-end; color: #FFF; padding: 40px; }

.subwrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 70px 20px 30px 20px; flex-flow: column nowrap }
.subitem { width: 100%; justify-content: space-between; margin-bottom: 70px; align-items: center }
    .subitem .subitemcon { width: 50%; padding-right: 60px }
        .subitem .subitemcon dl { width: 100%; flex-flow: column nowrap }
            .subitem .subitemcon dl dt { width: 100%; margin-bottom: 10px; font-size: 24px; line-height: 1em; border-left: 10px solid #182a83; padding-left: 10px; }
            .subitem .subitemcon dl dd { width: 100%; font-size: 18px; line-height: 2em }
    .subitem .subitemimg { width: 50% }
        .subitem .subitemimg img { width: 100%; }
    .subitem:nth-child(2n) { flex-flow: row-reverse nowrap }
        .subitem:nth-child(2n) .subitemcon { padding-left: 60px; padding-right: 0px }

.subitem2 { width: 100%; flex-flow: column nowrap; }
    .subitem2 .subitemcon { width: 100%; }
        .subitem2 .subitemcon dl { width: 100%; margin-bottom: 70px; }
            .subitem2 .subitemcon dl .hastitle { width: 120px; padding-left: 20px; padding-right: 20px; flex: none; font-size: 24px; line-height: 1.5em; color: #FFF; background-color: #182a83; align-items: center; justify-content: center; text-align: center; margin-right: 20px; }
            .subitem2 .subitemcon dl .notitle { width: 30px; height: 36px; align-items: center }
                .subitem2 .subitemcon dl .notitle span { display: inline-block; width: 10px; height: 18px; background-color: #182a83; }
            .subitem2 .subitemcon dl dd { font-size: 18px; line-height: 2em }
    .subitem2 .subitemimg { width: 100%; margin-bottom: 70px; }
        .subitem2 .subitemimg img { width: 100%; }
    .subitem2 .subitemimglist { width: 80%; margin-left: 10%; justify-content: space-between; margin-bottom: 70px; }
        .subitem2 .subitemimglist dd { max-width: 20%; flex: auto; justify-content: center }
            .subitem2 .subitemimglist dd img { width: 100%; max-width: 160px; }

.subitem3 { width: 100%; flex-flow: column nowrap; }
    .subitem3 .subitemcon { width: 100%; }
        .subitem3 .subitemcon dl { width: 100%; margin-bottom: 30px; }
            .subitem3 .subitemcon dl .hastitle { width: 120px; padding-left: 20px; padding-right: 20px; flex: none; font-size: 24px; line-height: 1.5em; color: #FFF; background-color: #182a83; align-items: center; justify-content: center; text-align: center; margin-right: 20px; }
            .subitem3 .subitemcon dl .notitle { width: 30px; height: 36px; align-items: center }
                .subitem3 .subitemcon dl .notitle span { display: inline-block; width: 10px; height: 18px; background-color: #182a83; }
            .subitem3 .subitemcon dl dd { font-size: 18px; line-height: 2em }
    .subitem3 .subitemimg { width: 100%; margin-bottom: 30px; }
        .subitem3 .subitemimg img { width: 100%; }
    .subitem3 .subitemimglist { width: 100%; justify-content: space-between; margin-bottom: 30px; }
        .subitem3 .subitemimglist dd { max-width: 45%; flex: auto; justify-content: center }
            .subitem3 .subitemimglist dd img { width: 100%; max-width: 526px; }

.subitem4 { width: 100%; flex-flow: column nowrap; }
    .subitem4:nth-child(-n+2) .subitemcon dl { padding-top: 30px; padding-bottom: 30px; background-color: #f9f9f9 }
    .subitem4 .subitemcon { width: 100%; }

        .subitem4 .subitemcon dl { width: 100%; margin-bottom: 40px; }

            .subitem4 .subitemcon dl .hastitle { width: 160px; padding-left: 20px; padding-right: 20px; flex: none; font-size: 24px; line-height: 1.5em; color: #FFF; background-color: #182a83; align-items: center; justify-content: center; text-align: center; margin-right: 20px; }
            .subitem4 .subitemcon dl .notitle { width: 30px; height: 36px; align-items: center }
                .subitem4 .subitemcon dl .notitle span { display: inline-block; width: 10px; height: 18px; background-color: #182a83; }
            .subitem4 .subitemcon dl dd { font-size: 18px; line-height: 2em; }
    .subitem4 .subitemimg { width: 100%; margin-bottom: 70px; }
        .subitem4 .subitemimg img { width: 100%; }
    .subitem4 .subitemimglist { width: 100%; justify-content: space-between; margin-bottom: 70px; }
        .subitem4 .subitemimglist dd { max-width: 30%; flex: auto; justify-content: center }
            .subitem4 .subitemimglist dd img { width: 100%; max-width: 370px; }


.newslist { width: 100%; flex-flow: row wrap; justify-content: space-between }
    .newslist dl { width: 30%; overflow: hidden; flex-flow: column nowrap; }
        .newslist dl.using { background-color: #f5f6f8; padding-bottom: 20px; margin-bottom: 40px; cursor: pointer }
            .newslist dl.using dt { width: 100%; height: 0px; padding-bottom: 66.7%; overflow: hidden; position: relative; }
                .newslist dl.using dt span { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
                    .newslist dl.using dt span img { width: 100%; height: 100%; object-fit: cover }
        .newslist dl dd { width: 100%; padding: 5px 20px; }
        .newslist dl .a { font-size: 18px; padding-top: 20px; line-height: 1,5em; color: #515151 }
        .newslist dl .b { font-size: 14px; line-height: 1.5em; color: #656668 }

.newspage { width: 100%; justify-content: flex-end; margin-bottom: 40px; }

.newsdetail { width: 100%; flex-flow: column nowrap; margin-bottom: 30px; }
.subcontitle { width: 100%; font-size: 24px; color: #000; text-align: center; justify-content: center; margin-bottom: 20px; }
.subcondate { width: 100%; margin-bottom: 30px; flex-flow: column nowrap; justify-content: center; position: relative; align-items: center }
    .subcondate .word { width: 100%; position: absolute; top: 0px; left: 0px; text-align: center; justify-content: center; z-index: 1 }
        .subcondate .word span { display: inline-block; padding: 0px 20px; background-color: #FFF; color: #bbbbbb; font-size: 14px; }
    .subcondate .line { width: 100%; position: relative; border-top: 1px solid #bbbbbb; margin-top: 10px; }
.subconbtn { width: 100%; justify-content: center; text-align: center; margin-top: 30px; }
    .subconbtn a { display: inline-block; color: #9ad0ea; font-size: 16px; border: 1px solid #9ad0ea; border-radius: 16px; line-height: 2em; padding: 0px 20px; }

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 360px) {
}