#container{
    position: relative;
    width:100%;
    height: 100%;
    overflow:auto;
}
/* banner start */
.banner{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
    top:-10px;
    margin-bottom:-10px;
}
.banner_pic{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.banner_mob_pic{
    position: relative;
    width: 100%;
    height: auto;
    display: none;
}
.banner_conn{
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    left:0;
    top:20%;
    padding:0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.banner_title{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    font-size:24px;
    color:#fff;
    font-weight:bold;
    line-height:36px;
    margin-bottom: 10px;
}
.banner_desc{
    position: relative;
    width: 70%;
    height: auto;
    display: block;
    color:#fff;
    line-height:24px;
}
/* banner end */

/* 整体图 start */
.whole{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    background-color: #e8f0f5;
    padding: 50px 0;
}
.whole_title{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    font-size: 24px;
    color:#282828;
    margin-bottom:30px;
    text-align: center;
}
.whole_conn{
    position: relative;
    width: 1200px;
    height: auto;
    display: block;
    margin:0 auto;
    transition: width 2s;
    -webkit-transition: width 2s; /* Safari */
}
.whole_conn_selected{
    width:100%;
}
.whole_small_pic{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.whole_scale_btn{
    position: absolute;
    width:63px;
    height: 63px;
    display: block;
    left:0;
    bottom:0;
    background: url("../img/exhibition/whole_icon.png") 0 0 no-repeat;
    z-index:50;
    cursor: pointer;
}
.whole_scale_btn_selected{
    background:url("../img/exhibition/whole_icon_all.jpg") 0 0 no-repeat;
}
.whole_big_conn{
    position: relative;
    width: 86%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.whole_big_pic{
    position:relative;
    width:100%;
    height:auto;
    display: block;
}
/* 整体图 end */

/* 展区列表 start */
.exhibition{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    padding:50px 0;
}
.exhibition_title{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    font-size: 24px;
    color: #282828;
    margin-bottom: 50px;
    text-align: right;
}
.exhibition_title:after{
    content: "";
    position: absolute;
    width: 86%;
    height: 2px;
    display: block;
    background-color: #ff5c5c;
    left:0;
    top:15px;
}
.exhibition_conn{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 50px;
    background-color: #e8f0f5;
}
.exhibition_pic{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.exhibition_list{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    min-height:320px;
    margin: 0;
    padding: 30px 50px;
    background-color: #e8f0f5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.exhibition_list1{
    min-height:320px;
}
.exhibition_list2{
    min-height:240px;
}
.exhibition_item{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    color:#7a8184;
}
.exhibition_big_title{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    font-size: 18px;
    color:#282828;
    font-weight:bold;
    margin-bottom:10px;
}
.exhibition_little_title{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    color:#282828;
    font-weight:bold;
    margin-bottom:10px;
}
.list{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}
.list_item{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.list_item:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    background-color: #989d9f;
    border-radius: 50%;
    left:0;
    top:10px;
}

.exhibition_more{
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    left:44%;
    bottom:-22px;
    background:#fff url("../img/submit/plus_icon.png") no-repeat 16px -47px;
    border: 1px solid #e5e8ea;
    border-radius: 50%;
}
.exhibition_more:hover{
    background-color: #ff5a3c;
    border: 1px solid #ff5a3c;
    background-position: 16px 18px;
    box-shadow: 0 0 30px #ff5a3c;
    -webkit-box-shadow: 0 0 30px #ff5a3c;
}
.exhibition_more_selected{
    background-position: 16px -155px;
}
.exhibition_more_selected:hover{
    background-position: 16px -100px;
    background-color: #ff5a3c;
    border: 1px solid #ff5a3c;
    box-shadow: 0 0 30px #ff5a3c;
    -webkit-box-shadow: 0 0 30px #ff5a3c;
}

/* 展区列表 end */


@media screen and (min-width:1px) and (max-width:360px){
    .banner_conn{
        top:7%!important;
    }
}
@media screen and (min-width:1px) and (max-width:959px){
    .banner{
        top:0;
        margin-bottom:0;
    }
    .banner_conn{
        top:14%;
    }
    .banner_pic{
        display: none;
    }
    .banner_mob_pic{
        display: block;
    }
    .banner_title{
        text-align: center;
        line-height:30px;
        font-size: 18px;
        margin-bottom: 15px;
    }
    .banner_desc{
        width:100%;
    }

    /* whole mobile */
    .whole{
        padding:20px 15px;
        box-sizing: border-box;
    }
    .whole_title,.exhibition_title{
        font-size:18px;
        margin-bottom: 15px;
        font-weight:bold;
    }
    .whole_conn{
        width:100%;
    }
    .whole_scale_btn{
        display:none;
    }
    .exhibition{
        padding:20px 15px;
        box-sizing: border-box;
    }
    .exhibition_title:after{
        width:68%;
    }
    .exhibition_conn{
        margin-bottom: 15px;
        padding-bottom: 20px;
    }
    .exhibition_list{
        padding:20px;
        min-height:100px;
        box-sizing: border-box;
    }
    .exhibition_list1{
        min-height:100px;
    }
    .list_item{
        margin-bottom: 5px;
    }

    .exhibition_more{
        position: relative;
        left: 0;
        bottom: 0;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (min-width:960px) and (max-width:1280px){
    .banner_conn{
        top:14%;
    }
    .banner_title{
        margin-bottom:15px;
    }
    .banner_desc{
        width:60%;
    }
}

@media screen and (min-width:1400px) and (max-width:1920px){
    .banner_conn{
        top:21%;
    }
    .banner_title{
        margin-bottom: 30px;
    }
    .banner_desc{
        line-height:30px;
    }
}