@import"https://at.alicdn.com/t/font_1911969_oiobd4vqha.css";
@import"https://www.supermap.com/cn/cn2019/css/animate.min.css";
@import"bootstrap.min.css";

.hidden {
    display: none !important;
}

a:hover {
    text-decoration: none;
}

.iconfont {
    font-size: inherit;
}

.margin-top-90 {
    margin-top: 90px;
}

.f18 {
    font-size: 18px;
}

.peoplename {
    width: 3em;
    display: inline-block;
    text-align-last: justify;
    margin-right: 10px;
}

html,
body {
    position: relative;
    height: 100%;
}

.text-center {
    text-align: center;
}

a {
    text-decoration: none;
}

.clear {
    list-style: none;
    padding-left: 0;
}

.clearfix::after {
    display: table;
    content: " ";
    clear: both;
}

body {
    font-family: "Microsoft YaHei", "arial", "sans-serif" !important;
    background: #fff;
    color: #242728;
}

html {
    font-size: 14px;
}

body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
p {
    outline: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

ul,
ol,
li,
div,
a,
nav,
section {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
    margin-top: 15px;
}

.swiper-pagination-bullet-active {
    background: #5f2c6a;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.quick {
    position: fixed;
    right: 10px;
    bottom: 10%;
    z-index: 9;
}

.quick a {
    display: block;
    color: #fff;
    font-size: 16px;
    background: #5f2c6a;
    padding: 5px;
    border-bottom: 1px solid #fff;
    position: relative;
}

.quick a img {
    position: absolute;
    right: 45px;
    top: 50%;
    margin-top: -75px;
    width: 150px;
    height: 150px;
    display: none;
}

.quick a:hover img {
    display: block;
}

.quick a em {
    font-size: 32px;
}

.swiper-slide {}

.bodybox {
    width: 100%;
    height: 100%;
}

.banner {
    background-image: url(../img/banner.jpg);
    background-size: cover;
    background-position: center center;
    padding: 50px 0;
}

.section-wrap {
    width: 68%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1300px;
}

.banner-title {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.banner-title img {
    max-width: 100%;
    margin: 25px auto;
    margin-bottom: 40px;

}

.banner-btn {
    background: url(../img/submitpc.png?t=1) center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0px auto;
    padding: 10px 10px;
    font-size: 18px;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1) !important;
    min-width: 125px;
}

.banner-btn:hover {
    transform: scale(1.1) !important;
}

.f2f2f2 {

    background: #f2f2f2;
}

.title {
    letter-spacing: 8px;
    margin-bottom: 3vw;
    font-size: 36px;
    text-align: center;
    background: url(../img/titlebg.png) center bottom no-repeat;
    background-size: contain;
    padding-top: 45px;
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
}

.title::after {
    position: absolute;
    content: '';
    display: table;
    width: 200px;
    height: 3px;
    background: #65336f;
    left: 50%;
    margin-left: -100px;
    bottom: 0;
}

.title.titlekandian::after {
    width: 280px;
    margin-left: -140px;
}

.title.title2 {
    letter-spacing: 0;
    background: none;
    font-size: 30px;
}

.subtitle {
    color: #65336f;
    font-size: 20px;
}

.subtitle em {}



.organizeTitle {
    color: #65336f;
    font-size: 20px;
    text-align: center;
    position: relative;
    margin-top: 2vw;
    margin-bottom: 0.8vw;
}

.organizeTitle span {
    background: #fff;
    display: inline-block;
    padding: 0px 10px;
}

.organizeTitle::after {
    display: table;
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(to right, #f4f2f4, #9c74a5, #f4f2f4, #f4f2f4, #9c74a5, #f4f2f4);
    top: 50%;
    z-index: -1;
}

.organizations a {
    display: inline-block;
    margin: 0px 20px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
}

.supportunit {
    grid-template-columns: repeat(3, 33.33%);
    grid-template-rows: repeat(1, 30px);
}

.hightlight-list {
    width: 25%;
    float: left;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 25vw;
    box-shadow: 9px 11px 16px #6f6868;
}

.hightlight-list img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.hightlight-con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    color: #fff;
    padding-top: 6vw;
}

.hightlight-con p {
    margin: 0px auto;
}

.hightlight-con .p-1 {}

.hightlight-con .p-2 {
    font-size: 1.4vw;
}

.hightlight-con .p-2 span {
    position: relative;
    display: inline-block;
}

.hightlight-con .p-2 span::after {
    content: '';
    position: absolute;
    height: 2px;
    background: #fff;
    width: 100%;
    left: 0;
    bottom: 0;
}

.hightlight-con .p-3 {
    font-size: 0.9vw;
    margin: 1vw 0;
}

.swiper-container-hightlights,
.swiper-container-last,
.swiper-container-speakers,
.swiper-container-nyspeakers {

    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 60px;
    padding-top: 30px;
}

.legenda {
    margin-top: 10vw;
}

.legenda dl {
    width: 33.3333333%;
    float: left;
}

.legenda dl dt {
    text-align: center;
}

.legenda dl dt img {
    max-width: 100%;
}

.legenda dl dd {
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.swiper-container-last,
.swiper-container-speakers {
    padding-top: 8vw;
    padding-bottom: 8vw;
}

.last-list {
    width: 33.33333%;
    float: left;
    background: #f8f8f8;
    transition: 300ms;
}

.last-list.swiper-slide-active {
    transition: transform 1.5s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1.5);
    z-index: 999;
    box-shadow: 5px 5px 15px #888888;
}

.last-list.swiper-slide-active:hover {}

.last-list p {
    margin: 5px 0;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    bottom: 10px;
    color: #fff;
    padding: 0 15px;
}

.last-list-p p {
    position: static;
    color: #000;
    line-height: 24px;
}

.last-list img {
    width: 100%;
    display: block;
}

.swiper-button-prev.swiper-button-prev-last::after,
.swiper-button-next.swiper-button-next-last::after {
    display: none;
}

.swiper-button-prev-last,
.swiper-button-next-last {
    transform: scale(.75);
    background-color: #eeeeee;
    width: 42px;
    height: 81px;
    border-radius: 20px;
    top: 60%;
    background-size: 27px 44px;
    margin-top: -22px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev-last {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: -6%;
}

.swiper-button-next-last {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: -6%;
}

.last-list.swiper-slide a em.icon-bofang {
    position: absolute;
    font-size: 3vw;
    left: 50%;
    top: 50%;
    color: #fff;
    margin-left: -2vw;
    margin-top: -1.5vw;
    display: none;
}

.last-list.swiper-slide-active a em.icon-bofang {
    display: block;
}

.last-list.swiper-slide a em.icon-bofang:hover {
    color: #5f2c6a;
}

.speakers-list {
    width: 33.333%;
    float: left;
    transition: 300ms;
}

.speakers-list img {
    width: 100%;
    display: block;
}

.speakers-list.swiper-slide-active {
    transform: scale(1.5);
    z-index: 999;
    box-shadow: 5px 5px 15px #000;
}

/*合作伙伴*/


.partner img {
    border: 1px solid #a3a3a3;
    width: 65%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin-bottom: 5%;
    border-radius: 5px;
}

.partner img:nth-child(1) {
    margin-left: 35%;
}

.partner img:nth-child(2) {
    margin: 0px auto;
}

.gridbox {
    display: grid;
}

.section-wrap-bottom {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: rgba(220, 220, 220, 0.3);
    padding-top: 15px;
}

.bottom-contact {
    grid-template-columns: repeat(4, 25%);
    width: 68%;
    margin: 0px auto;
    max-width: 1300px;
}

.contact-list {
    text-align: center;
    position: relative;
}

.contact-list .qrcode {
    position: absolute;
    width: 150px;
    height: auto;
    top: -150px;
    left: 50%;
    margin-left: -75px;
    display: none;
}

.contact-list:hover .qrcode {
    display: block;
}

.contact-list p {
    margin-top: 5px;
    color: #333;
}

.contact-list img {
    width: 50px;
}

.copyright {
    background: #dcdcdc;
    text-align: center;
    color: #646464;
    padding: 5px 15px;
    font-size: 12px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.navbar {
    margin: 0px auto;
    position: relative;
    max-width: 1300px;
    border: none;
    min-height: auto;

}

.navbar-logo {
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-logo img {
    height: 25px;
    display: block;
}

.navbar-coll {
    float: right;
}

.navbar-coll a {
    display: block;
    padding: 0 15px;
    line-height: 55px;
    height: 55px;
    float: left;
    color: #333;
    font-size: 16px;
}

.navbar-coll a:hover {
    background: #5f2c6a;
    color: #fff;
}

.navbar-toggle {
    position: absolute;
    left: 10px;
    font-size: 26px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    border: none;
}

.scaleimg img {
    transition: transform 3s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1);
}

.scaleimg:hover img {
    transform: scale(1.1);
}

.header-space {
    height: 55px;
}

.neiye {
    margin-bottom: 50px;
}

.ny-container {
    width: 68%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    max-width: 1300px;
}

.overshow {
    overflow: inherit;
}

.ny-container .swiper-button-prev-last,
.ny-container .swiper-button-next-last {
    top: 47%;
}

.subt {
    font-size: 24px;
    font-weight: bold;
    color: #5f2c6a;
    margin-top: 30px;
}

.neiye b {
    font-weight: bold;
}

.neiye img {
    max-width: 100%;
}



.lgdul {
    list-style: none;
    margin-top: 15px;
    margin-bottom: 15px;
}

.lgd {
    display: block;
    border: 1px solid #868686;
    padding: 10px 10px;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    transition: .3s;
    max-width: 290px;
}

.lgd:hover,
.lgd.on {
    color: #5f2c6a;
    border: 1px solid #5f2c6a;
}

.lgd:hover em {
    color: #5f2c6a;
}

.lgd em {
    font-size: 45px;
    width: 50px;
    color: #9a9ea1;
    transition: .3s;
}

.lgd span {
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: column;
    width: 100%;
    text-align: right;
    flex: 1;
}

.wjjb-list {
    padding: 30px 30px;
    background: #eee;
    text-align: center;
    margin-bottom: 30px;

}

.wjjb-list img {
    width: 150px;
    border-radius: 100%;
    display: inline-block;
}

.wjjb-list p {
    height: 96px;
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
}

.wjjb-list p b {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.readmore {
    color: #333;
    border: 2px solid #333;
    padding: 9px 30px;
    letter-spacing: 1px;
    margin-top: 20px;
    display: inline-block;
    line-height: 1.25;
}

.ny-container .swiper-slide-active a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ny-nav,
.ny-nav-title {
    text-align: center;
    margin: 30px 0px 40px;
}

.ny-nav .ny-navbar,
.ny-navbar-title {
    display: inline-block;
    background: #e9e9e9;
    color: #000000;
    font-size: 20px;
    padding: 5px 15px;
}

.ny-nav .ny-navbar:hover,
.ny-nav .ny-navbar.on {
    color: #fff;
    background: #5f2c6a;
    text-decoration: none;
}

.tab {
    display: none;
}

.news-list,
.events-list {
    border: 1px solid #efefef;
    transition-duration: .5s;
    margin-bottom: 30px;
}

.img-box {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.img-box img {
    width: 100%;
    object-fit: cover;
}

.text-box {
    padding: 10px;
}

.text-box h3.t {
    font-size: 16px;
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 0;
    overflow: hidden;
    height: 36px;
    color: #000;
}

.text-box .time {
    color: #969696;
}

a {
    color: #000;
}

.bydate {
    font-size: 12px;
    text-align: center;
    margin-top: -20px;
    display: block;
}

.lgd em {
    height: 60px;
    width: 60px;
    background-image: url(../img/bj1.png);
}

.lgd .em1 {
    background-position: 0px 0;
}

.lgd .em2 {
    background-position: 0px -131px;
}

.lgd .em3 {
    background-position: -306px -131px;
}

.lgd .em4 {
    background-position: -609px -131px;
}

.lgd .em5 {
    background-position: -908px -131px;
}

.lgd .em6 {
    background-position: 0px -245px;
}

.lgd .em7 {
    background-position: -306px -245px;
}

.lgd {
    color: #5f2c6a;
    border: 1px solid #5f2c6a;
}

.lgd:hover,
.lgd.on {
    background: #5f2c6a;
    color: #fff;
}

.lgd.on em,
.lgd:hover em {
    background-image: url(../img/bj2.png)
}

.banner-btn {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.bgbtn{
    background: #c6010b;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 20px;
}
.bodybox {
    position: relative;
    overflow: hidden;
}

.index-bg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.index-bg-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.index-bg-2,
.index-bg-right-2 {
    top: 0
}

.index-bg img,
.index-bg-right img {
    display: block;
}

.eee {
    background: #eee;
    padding: 1px 0;
}

/*议程*/

.ny-navbar-left {}

.ny-navbar-left a,
.ny-navbar-left-a,
.ny-navbar-left-a2 {
    display: block;
    border: 1px solid #eee;
    font-size: 18px;
    line-height: 30px;
    padding: 10px 10px;
    margin-bottom: 5px;
    position: relative;
    background: #ddd;
}

.ny-navbar-left-a,
.ny-navbar-left-a2 {
    cursor: pointer;
}

.ny-navbar-left a em,
.ny-navbar-left-a em,
.ny-navbar-left-a2 em {
    right: 10px;
    position: absolute;
    display: none;
}

.ny-navbar-left a.on,
.ny-navbar-left a:hover,
.ny-navbar-left-a:hover,
.ny-navbar-left-a2:hover {
    color: #fff;
    background: #5f2c6a;
    text-decoration: none;
}

.ny-navbar-left .on em,
.ny-navbar-left a:hover em {
    display: inline-block;
}

.agenda_time {
    color: #5f2c6a;
    font-size: 16px;
}

.agenda_time .icon-diliweizhi {
    margin-left: 20px;
}

.agenda_time em {
    margin-right: 5px;
}

.agenda_bigtit {
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

.ny-navbar-right {
    display: none;
}

.agenda_list {
    border-bottom: 1px solid #eee;
    padding: 15px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: rgba(238, 238, 238, 0.3);
    box-shadow: 0 2px 0px rgba(0, 0, 0, .1);
}

.agenda_tit {


    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

.agenda_aut {
    font-size: 14px;
    line-height: 25px;
    position: relative;
    font-family: "iconfont" !important;
    color: #5f2c6a;
    padding-left: 20px;
    display: inline-block;
    margin-right: 10px;
}

.agenda_aut::before {
    position: absolute;
    content: "\e6c3";
    position: absolute;
    font-size: 16px;
    left: 0;
}

.agenda_sub {
    color: #767676;
    font-size: 14px;
    display: contents;
}

.agenda_list .agenda_time {
    font-size: 14px;
    color: #767676;padding: 0 0;
}

.ny-navbar-left .ny-navbar-left-down {}

.legend_other {
    text-align: center;
    padding-bottom: 25px;
}

.legend_other {
    font-size: 16px;
}

.fn-ny-navbar-right-1,
.fn-ny-navbar-right-11 {
    display: none;
}

/*议程end*/

.footlink {
    text-align: center;
    position: relative;
}

.footlink img {
    max-width: 100%;
}

.footlink p {}

.footlink .qrcode {
    position: absolute;
    width: 160px;
    left: 50%;
    margin-left: -80px;
    top: -170px;
    display: none;
    z-index: 99;
}

.footlink:hover .qrcode {
    display: block;
}

.footlinkbox {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {

    .partner {
        grid-template-columns: repeat(3, 33.333333%);
    }

    .text-overflow-line-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .text-overflow-line-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }



    .visible-xs {
        display: none !important;
    }



    .text-indent {
        text-indent: 2em;
    }


}

#playbill {
    display: none;
    width: 300px;
}

#playbill img {
    width: 100%;
    display: block;
}

.ny {}

.ny .ban {
    width: 100%;
    display: block;
}

.register {
    background-image: url(../img/reg.jpg?t=0730);
    height: 400px;
    position: relative;
}

.ny-title {
    color: #fff;
    font-size: 40px;
}

.livebtn-item {
    margin-left: 20px;
}

.livebtn-item img {
    width: 100px;vertical-align: middle;    border-radius: 20px;
}

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


    .hidden-md {
        display: none !important;
    }

}

@media screen and (min-width: 1400px) {}

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


    .ny-container {
        width: 80%;
    }

    .section-wrap,
    .bottom-contact {
        width: 80%;
    }
}

@media screen and (max-width: 991px) {
    .navbar-coll a {
        font-size: 14px;
    }

    .ny-nav .ny-navbar {
        padding: 5px 30px;
    }
}

.ny-navbar-all {
    display: none !important;
}

.ny-navbar-left .ny-navbar-left-sm {
    font-size: 16px;
    padding-left: 20px;
    line-height: 20px;
    background: rgba(238, 238, 238, 0.3);
}

@media screen and (max-width: 767px) {
    .livebtn-item {
        display: block;
        float: inherit;
        text-align: center;
        margin: 10px 0;
    }

    .title.title2 {
        font-size: 20px;
    }

    .f18 {
        font-size: 14px;
    }

    .footlink img {
        width: 45px;
    }

    .title.titlekandian::after {
        width: 200px;
        margin-left: -100px;
    }

    .navbar {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ny-navbar-all {
        display: inline-block !important;
    }

    .legend_other {
        font-size: 12px;
    }

    .agenda-container {
        width: 100%;
    }

    .ny-navbar-right-2 {
        display: none;background: #eee;
        padding-top: 10px;
    }

    .ny-navbar-right {
        display: block;
        /*background: #eee;*/
    }

    .agenda_tit {
        font-size: 14px;
        line-height: 20px;
    }

    .agenda_list {
        padding: 5px 15px;
        box-shadow: 0 0 0;
        border-bottom: 1px solid #ddd;
    }

    .fn-ny-navbar-right,
    .fn-ny-navbar-right-1,
    .fn-ny-navbar-right-11 {
        display: block;
        font-size: 16px;
        text-align: center;
        line-height: 35px;
        margin-bottom: 10px;
        border: 1px solid #eee;
        background: #eee;
        border-radius: 30px;
    }

    .fn-ny-navbar-right.on,
    .fn-ny-navbar-right-1.on,
    .fn-ny-navbar-right-11.on {

        background: #5f2c6a;
        color: #fff;
    }

    .fn-ny-navbar-right.on {
        background: #945ba0;
    }

    .fn-ny-navbar-right-0.on {

        background: #5f2c6a;
    }

    .agenda_time {
        font-size: 14px;
        padding: 0 15px;
    }

    .agenda_time em {
        margin-right: 2px;
    }

    .agenda_time .icon-diliweizhi {
        margin-left: 5px;
    }

    .banner {
        background-image: url(../img/banner_mob.jpg);
        padding: 30px 0;
    }

    .partner img:nth-child(1) {
        margin: 0px auto;
    }

    .partner {
        display: block;
        margin-top: 20px;
    }

    .partner img {
        width: 150px;
        display: block;
        margin: 0px auto;
        float: inherit;
        margin-bottom: 20px !important;
    }

    .index-bg,
    .index-bg-right {
        display: none;
    }

    .register {
        height: 250px;
    }

    .ny-title {
        font-size: 26px;
    }

    .bydate {
        margin-top: 0px;
    }

    .text-box h3.t {
        height: auto;
        line-height: 24px;
    }

    .newsbox {

        margin-top: 30px;
    }

    .img-box {
        height: auto;
    }

    .newsbox li {
        margin-bottom: 15px;
    }

    .text-box .time {
        margin: 0px auto;
    }

    .ny-nav .ny-navbar {
        padding: 5px 15px;
        font-size: 12px;
    }

    .news-list,
    .events-list {
        margin-bottom: 0px;
    }

    .ny-nav {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
    }

    .lgd {
        max-width: 100%;
    }

    .lgd em {
        font-size: 30px;
        width: 60px;
    }

    .lgd span {
        font-size: 12px;
        word-break: break-all;
    }



    .subt {
        font-size: 18px;
        font-weight: normal;
    }

    .header-space {
        height: 40px;
    }



    .navbar-coll {
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: #fff;
        display: none;
    }

    .navbar-coll a {
        display: block;
        float: none;
        border-bottom: 1px solid #DCDDE2;
        font-size: 3.7vw;
        line-height: 3.7;
        height: auto;
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
    }

    .navbar-logo {
        float: none;
        text-align: center;
        padding: 10px 0;
        font-size: 0;
    }

    .navbar-logo img {
        height: 20px;
        display: inline-block;
    }

    .contact-list img {
        max-width: 60%;
    }

    .supportunit {
        display: block;
    }



    .last-list.swiper-slide a em.icon-bofang {
        font-size: 10vw;
        margin-left: -5vw;
        margin-top: -6vw;
    }

    .last-list.swiper-slide-active {
        transform: scale(1);
        box-shadow: 5px 5px 15px #fff;
    }

    .speakers-list.swiper-slide-active {
        transform: scale(1);
        box-shadow: 5px 5px 15px #fff;
    }

    .legenda dl {
        width: 50%;
        margin-bottom: 30px;
    }

    .legenda dl dt img {
        width: 13vw;
    }

    .legenda dl dd {
        font-size: 4vw;
    }

    .hightlight-list {
        height: 95vw;
    }

    .hightlight-con .p-1 {
        font-size: 4.5vw;
    }

    .hightlight-con .p-2 {
        font-size: 6vw;
    }

    .hightlight-con .p-3 {
        font-size: 3.5vw;
        margin: 3vw 0;
    }

    .hightlight-con {
        padding-top: 18vw;
    }

    .organizeTitle {
        margin-top: 6vw;
        margin-bottom: 3vw;
    }

    .organizeTitle span {
        font-size: 16px;
        background: #60356d;
        color: #fff;
    }

    .organizeTitle::after {
        top: 100%;
        background: #60356d;
    }

    .organizations a {
        font-size: 14px;
        line-height: 20px;
        margin: 0px 10px;
        display: block;
        text-align: center;
    }

    .hidden-xs {
        display: none !important;
    }

    .title {

        font-size: 24px;
        font-weight: normal;
        background-size: cover;letter-spacing: 0;
    }

    .title::after {
        width: 34%;
        margin-left: -17%;
    }

    p {
        font-size: 14px;
        line-height: 1.7;
    }

    .subtitle em {
        font-size: 4.6vw;
    }

    .margin-top-90 {
        margin-top: 40px;
    }

    .subtitle {
        font-size: 3.6vw;
    }


    .banner-title {
        width: 100%;
    }

    .xs-box-fix {
        position: fixed;
        bottom: 0;
        text-align: center;
        width: 100%;
        left: 0;
        z-index: 99999;
    }

    .xs-box-fix .banner-btn {
        width: 100%;
        font-size: 14px;
        margin-left: 0;
        background: url(../img/submit.jpg?t=1) center center;
        background-size: cover;
        float: left;
        margin-right: 0;letter-spacing: 0px;
    }

    #playbill {
        width: 320px;
    }
}

@media screen and (max-width: 375px) {
    #playbill {
        width: 250px;
    }
}