@media screen and (max-width: 1400px){
    .past_review{
        /* height: 400px; */
    }
    .categories_item::before {
        content: '';
        background-image: url(../img/pic/奖杯拷贝4.png);
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        vertical-align: sub;
        margin-right: 5px;
    }
    .categories_item {
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px){
    #past_review img{
        width: 100%;
        height: 160px;
    }
    .topicpc{
        display: none;
    }
    .topicm{
        width: calc(100% - 40px);
        margin-top: 20px;
        padding: 20px;
        display: block;
    }
    .topicm img{
        width: 100%;
    }
    .preface{
        margin: 0;
        padding: 0 20px;
    }
    .light{
        padding: 0 20px;
    }
    .guest{
        padding: 0 20px;
        background: #fff;
    }
    .past_review{
        padding: 0 20px;
    }
    .highlights{
        padding: 0 20px;
    }
    .column_title{
        width: 100%;
        height: 36px;
        background-position: center;
        background-size: cover;
    }
    .column_title img{
        display: none;
    }
    .preface_text{
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        /* height: auto; */
    }
    .preface_ins{
        font-size: 16px;
        /* margin-top: -25px; */
        line-height: 26px;
    }
    .preface_text{
        /* padding-top: 80px; */
        background-size: 100% 100%;
    }
    .light_text{
        background: #fff;
        height: auto;
        margin-top: 100px;
    }
    .light_item{
        /* width: 48% !important; */
        margin-bottom: 20px;
    }
    .light_ins_top{
        width: 100%;
        padding-top: 0;
    }
    .light_ins_bottom{
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .guest_ins{
        width: 100%;
    }
    .past_review{
        /* height: 300px; */
    }
    .highlights_tabs_btn{
        width: 100%;
    }
    .highlights_tabs{
        width: 100%;
    }
    .registration{
        padding: 0 20px;
    }
    .registration_box{
        width: 100%;
        background-size: 100% 100%;
        height: auto;
    }
    .categories_item{
        font-size: 18px;
        width: 32%;
    }
    .categories_item::before{
        vertical-align: middle;
    }
    .contact_text{
        width: 100%;
    }
    .contact ul{
        width: 100%;
    }
    .pary{
        padding: 0 20px;
    }
    .video_swiper{
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        padding-top: 130px;
    }
    .welfare_ins{
        flex-direction: column;
    }
    .welfare_ins_item:nth-child(1){
        margin-top: 60px;
    }
    .welfare_ins_item:nth-child(2){
        margin-top: 60px;
    }
    .selection{
        width: 100%;
    }
    .selection_ins{
        background: none;
        height: auto;
    }
    .selection_ins .selection_tab_item{
        width: 90%;
        margin: 0 auto;
        background: none;
    }
    .selection_ins .selection_tab_btn{
        /* padding-top: 185px; */
    }
    .item_item{
        padding: 20px;
    }
    .circle{
        display: block;
        align-items: center;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .circle p{
        width: 159px;
        height: auto;
        background-color: #dfae68;
        border: solid 0px #fafaf9;
        border-radius: 10px;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        margin: 0 auto;
    }
    .circle .text{
        width: 90%;
        height: auto;
        padding: 10px 20px;
        margin: 0 auto;
        margin-top: 20px;
    }
}

@media screen and (max-width: 800px){
    .column_title {
        margin-top: 15px;
    }
    .column_title span{
        font-size: 36px;
        overflow: hidden;
        white-space: nowrap;
        width: 86%;
        display: inline-block;
    }
    .column_title p{
        font-size: 22px;
    }
    .column_title .line{
        margin-top: 5px;
    }
    .column_title p{
        margin-top: -30px;
    }
    .navigation {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 200;
        display: none;
    }
    .navigation .nav {
        width: auto;
        padding-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        height: auto;
    }
    .navigation .nav li {
        width: 80%;
        float: left;
        height: 40px;
        display: inline;
        border: 0;
        margin-bottom: 10px;
    }
    .navigation .nav li a {
        /* display: block;
        font-size: 18px;
        color: #fff;
        line-height: 18px;
        margin-top: 11px;
        text-align: center;
        padding: 0 24px; */
        display: block;
        width: 80%;
        height: 30px;
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center;
        line-height: 30px;
        font-size: 13px;
        color: #fff;
        border: 1px solid #f4dea9;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        text-decoration: none;
    }
    .nav_btn{
        display: block;
        position: fixed;
        width: 40px;
        height: 40px;
        top: 20px;
        right: 20px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 50%;
        z-index: 15;
    }
    
    .nav_btn::after, .nav_btn::before {
        content: "";
        position: absolute;
        top: 19px;
        left: 20%;
        width: 60%;
        height: 2px;
        background: #fff;
    }
    .nav_btn::after {
        top: 13px;
        background: transparent;
        border-top: 2px solid #fff;
        padding: 4px 0px;
        border-bottom: 2px solid #fff;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 56% !important;
    }
    .preface_text{
        background:transparent;
        padding-top: 35px;
        height: auto;
        padding-bottom: 10px;
    }
    .preface_ins{
        border-radius: 15px;
        padding:15px;
        font-size: 14px;
    }
    .preface_text p {
        text-indent: 32px;
    }
    .light{
        margin-top: 0px;
    }
    .light_text{
        margin-top: 45px;
    }
    .light_item{
        /* width: 100% !important; */
        margin-bottom: 20px;
        height: auto;
        width: 47%;
    }
    .light_item .light_item_title{
        height: auto;
        padding-bottom: 5px;
        font-size: 14px;
        width: 100%;
    }
    .duo{
        display: none;
    }
    .video_item{
        width: 190px;
    }
    .video_item img{
        width: 100%;
        height: auto;
    }
    .light_item p{
        font-size: 12px;
        line-height: 20px;
        padding: 10px 15px;
    }
    .light_item .light_item_title img{
        width: 25px;
        height: 25px;
    }
    .guest{
        margin-top: 0px;
    }
    .guest_ins{
        align-items: unset;
    }
    .guest_img {
        width: 24%;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
        line-height: 25px;
        position: relative;
        font-size: 14px;
    }
    .past_review {
        height: 160px;
        padding-bottom: 0px;
        margin-bottom: 110px;
    }
    .swiper-container{
        /* margin-top: 120px !important; */
    }
    .highlights_tabs{
        margin-top: 0px;
    }
    .highlights_tabs_btn{
        margin-top: 40px;
    }
    .tabs_btn{
        width: 32%;
        background-size: 100%;
        height: 30px;
        background-repeat: no-repeat;
        line-height: 30px;
        font-size: 18px;
        margin-top: 15px;
    }
    .tabs_item img {
        width: 30%;
        margin: 0 auto;
        margin-top: 20px;
		height:100%;
    }
    .tabs_item a{
        width: 30%;
        margin: 0 auto;
    }
    .tabs_item a img{
        height: 80%;
    }
    .registration{
        margin: 0px;
    }
    .registration_box {
        background: #fff;
        margin-top: 40px;
    }
    .registration_box p {
        font-size: 18px;
        padding: 0;
        margin-left: 10px;
    }
    .categories{
        width: auto;
    }
    .categories_item {
        font-size: 16px;
        width: 50%;
    }
    .categories_item:nth-child(2n){
        width: 40%;
    }
    .categories_item:nth-child(2n+1){
        padding-left: 5%;
    }
    .categories_item::before {
        content: '';
        background-image: url(../img/pic/奖杯拷贝4.png);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        vertical-align: sub;
        margin-right: 5px;
    }
    .online_btn{
        width: 150px;
        height: 40px;
        background-size: 100%;
    }
    .online_btn a{
        font-size: 16px;
        line-height: 40px;
    }
    .award{
        background-size: cover;
        margin-top: 0px;
    }
    .award_ins{
        width: 100%;
        flex-direction: column;
        margin-top: 50px;
    }
    .award_ins_item:nth-child(2){
        margin-top: 30px;
        width: 320px;
        height: 320px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .award_ins_item{
        width: 320px;
        height: 320px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .award_ins_item p{
        padding-top: 65px;
    }
    .welfare{
        background: none;
    }
    .welfare_ins{
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
    }
    .welfare{
        /* margin-top: 200px; */
    }
    .welfare_ins_item{
        width: 90%;
        background-size: contain;
        margin: 0 auto;
        background: none;
        height: auto;
    }
    .welfare_ins_item:nth-child(2){
        background: none;
    }
    .welfare_ins_item div{
        margin: 0 auto;
        width: 80%;
        background-size: 80%;
        padding: 20px;
        padding-top: 50px;
        line-height: 26px;
        font-size: 14px;
    }
    .welfare_ins_item:nth-child(1){
        margin-top: 20px;
    }
    .welfare_ins_item:nth-child(2){
        margin-top: 0px;
    }
    .welfare_ins_item:nth-child(1):before {
        content: '参选企业';
        position: absolute;
        top: -8px;
        left: 30%;
        color: #fff;
        line-height: 55px;
        font-size: 18px;
    }
    .welfare_ins_item:nth-child(2):before {
        content: '获奖企业';
        position: absolute;
        top: -8px;
        left: 30%;
        color: #fff;
        line-height: 55px;
        font-size: 18px;
    }
    .welfare_ins_item:nth-child(2) div {
        margin: 0 auto;
        width: 80%;
        background-size: 80%;
        padding: 20px;
        padding-top: 50px;
    }
    .see_more{
        font-size: 16px;
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .selection{
        width: 100%;
    }
    .selection_ins{
        background: none;
        margin-top: 10px;
    }
    .selection_ins .selection_tab_item{
        width: 90%;
        margin: 0 auto;
        background: none;
    }
    .selection_ins .selection_tab_btn p{
        font-size: 16px;
        float: left;
    }
    .circle p{
        font-size: 16px;
        line-height: 20px;
        padding: 5px 0;
        width: 120px;
    }
    .circle .text{
        margin-top: 15px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 24px;
    }
    .item_item{
        padding: 20px;
    }
    .selection_ins .selection_tab_item{
        height: auto;
    }
    .long{
        font-size: 40px !important;
    }
    .toTop{
        bottom: 20px;
        right: 20px;
    }
    .guest_ins{
        margin-top: 20px;
    }
    .contact_text{
        margin-top: 50px;
    }
    .swiper-button-next{
        right: 3% !important;
    }
    .swiper-button-prev{
        left: 3% !important;
    }
    #roll{
        display: none;
    }
    .gotosign{
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 80px;
        right: 13px;
        z-index: 10;
        background-color: #143468;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 50px;
        display: block;
    }
    .gotosign a{
        color: #fff;
    }
    .timeline{
        width: 100%;
        overflow-x: scroll;
        /* padding: 0 65px; */
        /* padding-left: 65px; */
        margin: 0;
        margin-top: 0px;
        height: 200px;
    }
    .steps_box {
        width: 1200px;
        padding-left: 50px;
        box-sizing: border-box;
    }
    .circle{
        padding-top: 20px;
    }
    .selection_ins .selection_tab_btn{
        padding: 0;
        display: block;
        height: 31px;
        overflow: hidden;
    }
    .selection_ins .selection_tab_btn .active::after{
        content: '';
        display: none;
    }
    .contact ul li{
        width: 160px;
        height: 120px;
    }
    .contact ul li dl {
        margin-top: 20px;
    }
    .contact ul li:nth-child(2n) dl{
        margin-top: 10px;
    }
    .contact ul li dl dt{
        margin-bottom: 10px;
    }
    .phonePary{
        display: block !important;
        margin: 10px 0;
    }
    .phonePary .video_swiper{
        padding-top: 20px;
    }
    .pary{
        display: none;
    }
    .past_review{
        width: 70%;
    }
    .past_review .swiper-slide{
        width: 100%;
    }
    .past_review .swiper-button-next{
        right: -8% !important;
        top: 103% !important;
    }
    .past_review .swiper-button-prev{
        left: -8% !important;
        top: 103% !important;
    }
    .downArrow{
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        width: 20px;
        height: 10px;
    }
    .canvas_box{
        display: block;
        padding: 0 20px;
        margin-top: 50px;
    }
    canvas {
		width: 100%;
    }
    .timeline{
        display: none;
    }
    .preface_after{
        width: 100%;
        display: block;
    }
    .download {
        padding: 20px;
        margin: 0 auto;
    }
    .tti{
        font-size: 18px;
        padding-left: 15px;
        margin-bottom: 10px;
    }
    .tti::after{
        content: '';
        position: absolute;
        left: 0;
        top: 18%;
        width: 6px;
        height: 17px;
        background-color: #143468;
    }
    .download .downLeft p{
        font-size: 14px;
        color: rgb(144, 82, 23);
        line-height: 20px;
    }
    .download .downLeft p:nth-child(1){
        color: rgb(64, 37, 11);
        font-size: 16px;
    }
    .download .downBtn a{
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        margin-top: 20px;
        background-size: 100% 100%;
    }

    .bbs{
        width: calc(100% - 40px);
        padding: 20px;
    }
    .bbs .bbs_text{
        display: block;
        margin-top: 40px;
    }
    .bbs .bbs_swiper{
        width: calc(100% - 20px);
        height: 160px;
        margin-bottom: 15px;
    }
    .bbs .bbs_swiper img{
        /* width: calc(100% - 20px); */
        height: 100%;
    }
    .bbs .swiper-next{
        outline: none;
    }
    .bbs .swiper-prev{
        outline: none;
    }
    .bbs .unit{
        padding: 20px;
        margin: 0 auto;
        height: 240px;
    }
    .bbs .unit .tti{
        margin-bottom: 8px;
    }
    .bbs .unit .techSupUnit .tti{
        margin-top: 10px;
    }
    .bbs .unit p{
        color: rgb(150, 92, 39);
        line-height: 24px;
        font-size: 14px;
    }

    .news{
        width: calc(100% - 40px);
        padding: 20px;
        padding-bottom: 0;
    }
    .news .news_text{
        display: flex;
        padding-left: 20px;
        padding-top: 10px;
    }
    .news .news_text ul{
        font-size: 16px;
        line-height: 30px;
    }
    .news .news_text li{
        float: none;
    }
    .news .news_text li:nth-child(2n){
        float: none;
    }
    .news .news_text a{
        width: 70%;
    }
    .news .news_text span{
        font-size: 14px;
        padding-left: 0px;
        color: #666;
        display: inline-block;
        float: right;
    }
    .meeting::after{
        content: '';
        position: absolute;
        background-image: url(../img/pic/v2/hot.png);
        left: 60%;
        top: -7px;
        width: 50px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .voteonline::after{
        content: '';
        position: absolute;
        background-image: url(../img/pic/v2/hot.png);
        left: 60%;
        top: -7px;
        width: 50px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .pc{
        display: none;
    }
    .mobile{
        display: block;
    }
    .shadow{
        display: none;
    }
    .character_posters {
        padding: 0 20px;
    }

    .swiper_posters {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .swiper_posters .swiper-slide {
        border: 0;
    }
}