@media screen and (min-width:992px) {
    .loginBlock {
        right: 0
    }
}

@media screen and (max-width:1024px) and (min-width:992px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
}

@media screen and (max-width:1456px) {
    .part1 .left-content {
        width: 50%
    }
    .part1 .right-content {
        width: 38%
    }
    .part3 .grid:first-child .item {
        width: 100%
    }
    .part3 .grid:first-child {
        width: 64%
    }
    .part3 .grid,
    .part3 .grid.space-m {
        width: 31%
    }
    .part3 .grid .item,
    .part3 .grid.space-m .item {
        height: auto;
        width: 100%
    }
    .part3 .grid {
        height: auto
    }
    .part3 .grid.space-m img {
        width: 100%
    }
    .part5 .tabsMenu {
        height: 461px
    }
    .part5 .tabsMenu a {
        height: .3rem
    }
    .part5 .tabsMenu .icon {
        margin-bottom: .1rem
    }
}

@media screen and (max-width:1366px) {
    .part5 .tabsMenu {
        height: 432px
    }
    .part1 .button {
        margin-right: .1rem
    }
    .part10 .jj {
        padding: 90px 30px 75px
    }
    .part10 .jj-txt {
        width: 55%
    }
}

@media screen and (max-width:1300px) {
    .part5 .tabsMenu {
        height: 382px
    }
    .part10 .jj {
        padding: 50px 30px
    }
    .part10 .jj-txt h3 {
        font-size: 18px;
        height: 260px
    }
}

@media screen and (max-width:1189px) {
    .part1 .right-content {
        margin-left: 10%
    }
}

@media screen and (max-width:1150px) {
    .slogan {
        font-size: 45px
    }
    .slogan h3 {
        font-size: 25px
    }
    .part-right .banner_img {
        height: 449px
    }
    .part5 .tabsMenu {
        height: 323px
    }
}

@media screen and (max-width:1024px) {
    .part6 #hot .hot1 .hotImg:nth-child(2) {
        left: -83%;
        top: 0
    }
    .meeting-content {
        padding: 0 22%
    }
    .part-right .banner_img {
        height: 306px
    }
    .max-width-1440 {
        width: 100%;
        max-width: 100%
    }
    .banner {
        height: 100%;
    }
    .logo {
        margin-left: .26rem
    }
    .loginBlock {
        margin-right: 26px
    }
    .banner {
        flex-flow: column-reverse
    }
    .part-left {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        flex-flow: column
    }
    .part-right {
        width: 280px;
        margin-top: 33px
    }
    .slogan {
        padding-top: 36px;
        font-size: 42px
    }
    .button {
        margin: 0 auto 35px
    }
    #navHeight {
        display: none
    }
    .part1,
    .part10,
    .part11,
    .part12,
    .part2,
    .part3,
    .part4,
    .part5,
    .part6,
    .part7,
    .part8 {
        padding-left: 5%;
        padding-right: 5%
    }
    .part1,
    .part2,
    .part3 {
        margin-bottom: 0
    }
    .part4,
    .part5,
    .part6,
    .part7 {
        padding-bottom: 50px
    }
    .part1 .left-content {
        width: auto
    }
    .part1 .right-content {
        width: 100%;
        margin: 36px auto 0;
        text-align: center
    }
    .part1 .right-content img {
        width: 50%
    }
    .part1 .button img {
        width: 100%
    }
    .news-detail-content {
        padding-right: 15px;
        padding-left: 15px
    }
    .part3 .grid .txt {
        margin-left: 20px
    }
    .part5 .tabsMenu {
        padding: 3.5% .2rem;
        height: 426px
    }
    .part5 .tabsMenu a {
        height: 28px
    }
    .part5 .tabsMenu .icon {
        line-height: 25px;
        margin-bottom: 0
    }
    .part6 #hot {
        margin-bottom: 50px
    }
    .part6 #hot img {
        top: 0
    }
    .part6 #hot .tabsMenu {
        margin-top: 0
    }
    .part6 #hot .bg {
        top: 50%
    }
    .part6 #hot .hotImg a img:hover {
        transform: scale(1)
    }
    .part10 .jj {
        height: 100%;
        padding: 5% 0
    }
    .part10 .jj-txt h3 {
        margin: 0
    }
    .part10 .jj-guestImg {
        float: none;
        width: 50%;
        margin: 0 auto;
        height: auto
    }
    .part10 .jj-txt {
        width: 60%;
        margin-left: 0
    }
    .part11 .news-iteam .news-footer {
        bottom: 2%
    }
}

@media screen and (max-width:992px) {
    .part11 .news-iteam {
        height: auto
    }
}

@media screen and (min-width:768px) {
    .navbar-nav li .choose::after {
        height: 2px;
        background: #c7000b;
        content: '';
        display: block;
        margin: 3px auto 0
    }
    .head .navbar-nav {
        margin-top: 10px;
        margin-left: 48px
    }
    .modal-dialog {
        width: 800px;
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .part12 .content {
        height: auto
    }
    .part12 .data {
        margin-bottom: .4rem
    }
    .part12 .data_info a img {
        width: 21px;
        height: 21px;
        vertical-align: bottom;
        margin-right: .2rem
    }
    .part12 .mobile .down {
        width: 52px;
        height: 52px;
        display: block;
        cursor: pointer;
        margin: 10px auto 0;
        background: url(../images/arrow-top-2.png) no-repeat;
        background-size: contain
    }
    .part12 .mobile .down.collapsed {
        background: url(../images/arrow-down-2.png) no-repeat;
        background-size: contain
    }
    .part10,
    .part11,
    .part12 {
        padding-bottom: 80px
    }
    .part10 .content {
        margin-top: 0
    }
    .part10 .title {
        margin-bottom: .6rem
    }
    .part10 {
        padding: 0 0 80px;
        background: 0 0
    }
    .part10 .jj-txt h3 {
        padding: .5rem 0;
        height: auto
    }
    .part10 .jj-txt {
        width: 80%
    }
    .part10 .swiper-button-next,
    .part10 .swiper-container-rtl .swiper-button-prev,
    .part4 .swiper-button-next,
    .part4 .swiper-container-rtl .swiper-button-prev {
        background-image: url(../images/arrow-right.png) !important
    }
    .part10 .swiper-button-prev,
    .part10 .swiper-container-rtl .swiper-button-next,
    .part4 .swiper-button-prev,
    .part4 .swiper-container-rtl .swiper-button-next {
        background-image: url(../images/arrow-left.png) !important
    }
    .part10 .swiper-button-prev,
    .part10 .swiper-container-rtl .swiper-button-next,
    .part4 .swiper-button-prev,
    .part4 .swiper-container-rtl .swiper-button-next {
        left: 35% !important
    }
    .part10 .swiper-button-next,
    .part10 .swiper-container-rtl .swiper-button-prev,
    .part4 .swiper-button-next,
    .part4 .swiper-container-rtl .swiper-button-prev {
        right: 35% !important
    }
    .part10 .swiper-button-next,
    .part10 .swiper-button-prev,
    .part4 .swiper-button-next,
    .part4 .swiper-button-prev {
        width: 9px !important;
        height: 15px !important;
        top: 98.5% !important
    }
    .part10 .jj-guestImg {
        width: 80%;
        margin: 0 .6rem;
        height: 269px
    }
    .part10 .jj {
        padding: .6rem 0;
        margin: 24px 0 50px;
        border-radius: 0
    }
    .part10 .jj-guest {
        padding-left: 0
    }
    .part11 .content {
        margin-top: .8rem
    }
    .part11 .newsDefault .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }
    .part11 .newsDefault .col-md-6:nth-child(2) .news-iteam {
        margin-bottom: 0
    }
    .part11 .col-md-4 {
        padding-left: 0;
        padding-right: 0
    }
    .head .navbar-nav {
        margin: 0 -15px
    }
    .mobile .live-status {
        margin-top: 10px
    }
    .modal-dialog {
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important
    }
    .live-status {
        float: none
    }
    .part-left .button {
        margin-left: 0
    }
    .head .navbar-nav li {
        border-bottom: 1px solid #ddd;
        padding-left: 30px
    }
    .head .navbar-collapse {
        z-index: 10;
        background: #fff;
        position: fixed;
        z-index: 10;
        width: 100%;
        height: calc(100% - 70px);
        top: 68px;
        display: none
    }
    .loginBlock {
        display: none
    }
    .dottedLine {
        display: none
    }
    .part-left {
        text-align: left
    }
    .title {
        margin-bottom: .8rem
    }
    .footer-nav ul li a:visited,
    .list-unstyled a:visited {
        color: #333
    }
    .meeting h1 {
        margin-bottom: 0;
        font-size: .2rem
    }
    .meeting h2 .location {
        margin: 8px 0 10px
    }
    .button {
        margin: .8rem auto .7rem;
        text-align: center
    }
    .meeting-content {
        margin: 0 auto;
        height: 82px
    }
    .meeting h2 span {
        display: block
    }
    .line {
        margin: 0 12px 0 13px;
        height: 82px
    }
    .meeting h2 {
        font-size: .2rem
    }
    .slogan {
        padding: 36px 25%;
        line-height: 54px;
        font-size: .4rem
    }
    .slogan h3 {
        text-align: left;
        font-size: .3rem;
        line-height: .35rem;
        margin-top: .3rem
    }
    .pc {
        display: none !important
    }
    .mobile {
        display: block !important
    }
    .button_group.mobile a img {
        width: 30%
    }
    .part1 {
        padding-bottom: .8rem
    }
    .part1 .left-content {
        margin-top: 0
    }
    .part1 .left-content .signature {
        float: none
    }
    .part2 .tabsMenu span {
        font-size: 15px
    }
    .part1 .right-content {
        margin-bottom: 80px
    }
    .part1 .right-content .button {
        margin-top: 35px;
        padding-left: .4rem;
        padding-right: .4rem
    }
    .part1 .right-content img {
        width: 100%
    }
    .mark {
        width: 65%;
        height: auto;
        margin-bottom: 10px
    }
    .part4,
    .part5,
    .part6,
    .part7 {
        padding-left: 2%;
        padding-right: 2%;
        padding-bottom: 1.6rem
    }
    .part7 {
        padding-top: 0
    }
    .part6 {
        padding-bottom: 0;
        padding-top: 30px
    }
    .part1 {
        padding: 38px 30px 0
    }
    .part2 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
        margin-top: 80px
    }
    .part2 .tabsMenu {
        margin-top: 40px;
        line-height: 0
    }
    .part2 .tabsMenu p {
        line-height: 20px
    }
    .part2 .tabContent {
        border: none;
        margin-top: 0 !important
    }
    .part9 .partner {
        width: 100%
    }
    .part2 .tabContent .timeLine .time img {
        margin-top: 2%
    }
    .part2 .tabContent .timeLine .theme .titleLine {
        font-size: 20px
    }
    .part3,
    .part9 {
        padding-left: 20px;
        padding-right: 20px;
        background: 0 0
    }
    .part3 .content {
        padding-top: 0;
        margin-bottom: 0
    }
    .part3 .grid {
        margin-bottom: 20px
    }
    .part3 .grid .txt {
        margin-left: 36px
    }
    .part4 {
        padding-left: 20px;
        padding-right: 20px;
        background: url(../images/bg3.png) no-repeat 10% top
    }
    .part4 .col-md-2 {
        margin-left: 0;
        margin-right: 0
    }
    .part4 .guest-bg {
        height: 7.6rem
    }
    .part4 .guest {
        height: 3.2rem;
        width: 37%
    }
    .part4 .title {
        margin-bottom: 0
    }
    .part4 .guest .guest_info h2 {
        font-size: .15rem
    }
    .part4 .guest .guest_info h4 {
        padding-left: .05rem;
        padding-right: .05rem;
        font-size: .1rem
    }
    .part5 #exhibition {
        flex-flow: column-reverse;
        margin-top: 40px
    }
    .part5 .tabContent {
        margin-left: 0;
        width: 100%
    }
    .part5 .tabsMenu {
        width: 100%;
        border-radius: 0;
        padding: .34rem .31rem
    }
    .part4 .content {
        margin-top: 0
    }
    .part6 #hot {
        margin-bottom: 25px;
        height: 6.5rem
    }
    .part6 #hot .tabsMenu {
        padding-top: 0
    }
    .part6 #hot .bg {
        left: 50%;
        top: 20%;
        width: 2rem;
        transform: translateX(-50%)
    }
    .part6 #hot .schedule .hotImg img {
        width: 100%
    }
    .part6 #hot .schedule .hotImg {
        width: 100px
    }
    .part6 #hot .hot1 .hotImg:first-child {
        top: 165% !important;
        left: -8% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(2) {
        top: 165% !important;
        left: 70% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(3) {
        top: 100% !important;
        left: -8% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(4) {
        top: 100% !important;
        left: 70% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(5) {
        top: 230% !important;
        left: -8% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(6) {
        top: 230% !important;
        left: 70% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(7) {
        top: 295% !important;
        left: -8% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(8) {
        top: 295% !important;
        left: 70% !important
    }
    .part6 #hot .hot2 .hotImg:first-child {
        top: 165% !important;
        left: -8% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(2) {
        top: 100% !important;
        left: -8% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(3) {
        top: 100% !important;
        left: 70% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(4) {
        top: 165% !important;
        left: 70% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(5) {
        top: 230% !important;
        left: 70% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(6) {
        top: 230% !important;
        left: -8% !important
    }
    .part9 .content {
        padding-top: 0
    }
    .part9 .col-md-3 {
        margin-bottom: 1rem
    }
    #homeVideo .modal-content {
        height: auto
    }
}

@media screen and (max-width:600px) {
    .head {
        border-bottom: inherit;
        height: 64px;
    }
    .part10 .jj-txt h3 {
        padding: 1rem 0;
        height: auto
    }
    .part10,
    .part11,
    .part12 {
        padding-bottom: 1.6rem
    }
    .part12 .data {
        padding: 0 .5rem
    }
    .part10 .jj-guest {
        margin-bottom: .5rem
    }
    .part10 .jj {
        height: 750px
    }
    .button_group.mobile a img {
        width: 45%
    }
    .button_red {
        font-size: .32rem
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 35% !important
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 35% !important
    }
    .swiper-button-next,
    .swiper-button-prev {
        margin-top: -17px !important
    }
    .part4 .guest {
        height: 6rem;
        margin-top: .4rem
    }
    .en .part4 .guest .guest_info h4 {
        -webkit-line-clamp: 5 !important;
        padding: 0 5px
    }
    .part4 .swiper-progress {
        width: 30%
    }
    #part4-mb .swiper-slide {
        flex-flow: wrap;
        align-items: start
    }
    .part4 {
        padding: 0;
        background: 0 0
    }
    .part4 .guest-bg {
        width: 100%;
        height: 14rem;
        border-radius: 0
    }
    .part4 .swiper-container {
        padding: 68px 0 109px
    }
    #part4-mb .content {
        padding-top: 0
    }
    .part4 .guest {
        width: 41%;
        margin-left: .1rem;
        margin-right: .1rem
    }
    .part4 .guest:hover {
        transform: scale(1)
    }
    #part4-mb .swiper-wrapper {
        height: 90%
    }
    .part4 .guest .guest_info {
        margin-top: -.4rem
    }
    .part4 .guest .guest_info h2 {
        font-size: .36rem
    }
    .part4 .guest .guest_info h4 {
        font-size: .28rem
    }
    .part2 .tabsMenu span {
        font-size: .24rem
    }
    .part2 .tabContent .timeLine .theme .online {
        margin: 10px 0
    }
    .part2 .tabContent .timeLine .watchButton {
        float: none
    }
    .part2 .tabContent .timeLine .well {
        display: block;
        margin: 10px 0
    }
    .pc-550,
    .pc-tab {
        display: none
    }
    .mobile-550,
    .mobile-tab {
        display: block !important
    }
    .logo {
        width: 66%;
        line-height: 50px
    }
    .loginBlock {
        margin-right: 0
    }
    .title h1 {
        font-size: .56rem
    }
    .button_group {
        display: flex;
        justify-content: center
    }
    .part1 .button:nth-child(2) {
        margin-left: .5rem
    }
    .part1 .button {
        width: auto;
        font-size: .28rem;
        margin-right: 0;
        margin-left: 0
    }
    .part1 .right-content .button {
        padding-left: 0;
        padding-right: 0
    }
    .part1 .left-content h1 {
        font-size: .45rem;
        margin: 0
    }
    .part-left .Bitmap {
        width: 1.92rem;
        height: 1.36rem
    }
    .slogan h3 {
        font-size: .46rem;
        line-height: .6rem;
        margin-top: .6rem
    }
    .part2 .tabContent .timeLine .time img {
        margin-top: 4%
    }
    .part2 .tabsMenu a {
        width: 42%;
        padding-left: .28rem;
        margin-left: -.95rem;
        font-size: 11.5px;
        height: 1.04rem
    }
    .part2 .tabsMenu a:first-child {
        padding-left: .2rem
    }
    .part2 .tabsMenu a:nth-child(1) {
        background: url(../images/day1.png) no-repeat;
        background-size: contain
    }
    .part2 .tabsMenu a:nth-child(1).active {
        background: url(../images/day1-1.png) no-repeat;
        background-size: contain
    }
    .part2 .tabsMenu a:nth-child(2) {
        background: url(../images/day2.png) no-repeat;
        background-size: contain
    }
    .part2 .tabsMenu a:nth-child(2).active {
        background: url(../images/day2-1.png) no-repeat;
        background-size: contain
    }
    .part2 .tabsMenu a:nth-child(3) {
        background: url(../images/day3.png) no-repeat;
        background-size: contain;
        margin-left: -.8rem;
        width: 37%
    }
    .part2 .tabsMenu a:nth-child(3).active {
        background: url(../images/day3-1.png) no-repeat;
        background-size: contain
    }
    .meeting h1 {
        font-size: .34rem
    }
    .slogan {
        padding: 36px 0;
        font-size: .8rem;
        margin: 0 auto
    }
    .part1 .right-content {
        margin-bottom: 0
    }
    .meeting h2 {
        font-size: .28rem
    }
    .meeting h2 .location>img {
        margin: 0 10px 0 4px;
        width: .36rem;
        height: .48rem
    }
    .meeting-content {
        padding: 0;
        margin-bottom: 0
    }
    .part2 .tabContent {
        border-radius: 0
    }
    .part1 {
        background: url(../images/bg1.png) no-repeat left 226%;
        padding: 38px .6rem 1.6rem
    }
    .part2 {
        margin: -60px auto 0;
        padding: 125px 0 80px;
        background: url(../images/bg2.png) no-repeat right -200px
    }
    .part3 .grid:first-child {
        width: 100%;
        margin-right: auto
    }
    .part3 .grid,
    .part3 .grid .item,
    .part3 .grid.space-m,
    .part3 .grid.space-m .item,
    .part3 .grid.space-m img,
    .part3 .grid:first-child .item {
        margin-left: auto;
        margin-right: auto
    }
    .part3 .grid .txt {
        margin-left: 25px
    }
    .part3 .grid,
    .part3 .grid.space-m {
        width: 100%
    }
    .part3 .content {
        padding: 0 0 .36rem
    }
    .mark {
        width: 84%
    }
    .part5 .tabsMenu {
        padding: .86rem .4rem 1.14rem;
        height: 7.52rem;
        justify-content: left;
        margin: 0 auto
    }
    .part5 #exhibition .address h1 {
        margin: 0;
        font-size: .48rem
    }
    .part5 #exhibition .address h2 {
        font-size: .36rem
    }
    .part5 .tabsMenu .icon {
        font-size: .36rem;
        margin-bottom: .4rem
    }
    .part5 .tabsMenu a {
        height: .72rem
    }
    .part6 {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }
    .part6 #hot {
        margin-left: 0;
        margin-bottom: 0;
        height: 800px
    }
    .en .part6 #hot {
        margin-left: 0;
        margin-bottom: 0;
        height: 660px
    }
    .part6 #hot .schedule .hotImg img {
        display: inline-block
    }
    .part6 #hot .hotImg a {
        height: 100%;
        overflow: hidden
    }
    .part6 #hot .schedule .hotImg {
        width: 2.5rem
    }
    .part6 #hot .tabContent {
        width: 6.26rem
    }
    .part6 #hot .schedule p {
        font-size: .24rem;
        margin: 0
    }
    .part6 #hot .tabsMenu a {
        font-size: .3rem;
        width: auto;
        margin: 0;
        width: 2.3rem;
        display: inline-block
    }
    .part6 #hot .tabsMenu a:nth-child(2) {
        margin: 0
    }
    .part6 #hot img {
        width: 92%
    }
    .part6 #hot .hot1 .hotImg:first-child {
        top: 210% !important;
        left: 0 !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(2) {
        top: 210% !important;
        left: 55% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(3) {
        top: 120% !important;
        left: 0 !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(4) {
        top: 120% !important;
        left: 55% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(5) {
        top: 300% !important;
        left: 0 !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(6) {
        top: 300% !important;
        left: 55% !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(7) {
        top: 390% !important;
        left: 0 !important
    }
    .part6 #hot .hot1 .hotImg:nth-child(8) {
        top: 390% !important;
        left: 55% !important
    }
    .part6 #hot .hot2 .hotImg:first-child {
        top: 210% !important;
        left: 0 !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(2) {
        top: 120% !important;
        left: 0 !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(3) {
        top: 120% !important;
        left: 55% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(4) {
        top: 210% !important;
        left: 55% !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(5) {
        top: 300% !important;
        left: 0 !important
    }
    .part6 #hot .hot2 .hotImg:nth-child(6) {
        top: 300% !important;
        left: 55% !important
    }
    .en .part6 #hot .hot2 .hotImg:first-child {
        top: 210% !important;
        left: 0 !important
    }
    .en .part6 #hot .hot2 .hotImg:nth-child(2) {
        top: 120% !important;
        left: 0 !important
    }
    .en .part6 #hot .hot2 .hotImg:nth-child(3) {
        top: 120% !important;
        left: 55% !important
    }
    .en .part6 #hot .hot2 .hotImg:nth-child(4) {
        top: 210% !important;
        left: 55% !important
    }
    .en .part6 #hot .hot2 .hotImg:nth-child(5) {
        top: 300% !important;
        left: 0 !important
    }
    .en .part6 #hot .hot2 .hotImg:nth-child(6) {
        top: 300% !important;
        left: 55% !important
    }
    .part6 #hot .bg {
        width: 50%;
        top: 10%
    }
}