@charset "utf-8";

/* CSS Document */
body {
    background: #e4e4e4;
}

.header {
    height: 114px;
    width: 100%;
    background: #313131;
    text-align: center;
    margin: 0px auto;
}

.nav {
    width: 100%;
    height: 100px;
    line-height: 100px;
    background: #FFFFFF;
    border-bottom: 2px solid #c0c0c0;
    text-align: center;
    margin: 0px auto;
}

.pic {
    width: 1000px;
    height: 461px;
    margin: 0px auto;
    background: #FFFFFF;
}

.content {
    width: 1000px;
    margin: 0px auto;
    background: #FFFFFF;
    height: 100%;
    overflow: hidden;
}

.content_about {
    width: 47%;
    height: 198px;
    background: #e4e4e4;
    margin-bottom: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.content_about_left {
    width: 49.5%;
}

.content_about_right {
    width: 48%;
}

.About_US {
    width: 100px;
    color: #fb8200;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;
}

.About_US_bottom {
    font-size: 13px;
    text-align: left;
}

.Volunteers_bottom {
    font-size: 13px;
    text-align: left;
}

.About_US_bottom {
    font-size: 13px;
    text-align: left;
}

.Exhibitions_bottom {
    font-size: 13px;
    text-align: left;
}

.Specials_bottom {
    font-size: 13px;
    text-align: left;
}

.content_Exhibitions {
    width: 778px;
    height: 198px;
    background: #FFFFFF;
}

.content_Exhibitions_left {
    width: 262px;
    margin: 24px;
    height: auto;
}

.content_Exhibitions_right {
    position: relative;
}

.Exhibitions {
    width: 100px;
    color: #fb8200;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;
    border-bottom: 2px solid #c0c0c0;
}

.content_top_left {
    width: 778px;
}

.content_top_right {
    width: 222px;
    background: #FFFFFF;
}

.Special {
    position: relative;
}

.Special_bottom {
    width: 182px;
    height: 158px;
    margin: 20px;
}

.Specials {
    width: 182px;
    color: #fb8200;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;
    border-bottom: 2px solid #c0c0c0;
}

.Service {
    width: 222px;
    height: 198px;
    background: #7e7d7a;
}

.Service_top {
    width: 76px;
    color: #fb8200;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;
    border-bottom: 2px solid #c0c0c0;
    margin: 20px 20px 0px 20px;
}

.Service_bottom {
    margin: 0px 20px 20px 20px;
    text-align: left;
    color: #FFFFFF;
    font-size: 13px;
}

.content_Volunteers {
    width: 1000px;
    height: 318px;
    background: #FFFFFF;
}

.content_Volunteers_left {
    width: 262px;
    margin: 24px;
    height: auto;
}

.content_Volunteers_right {
    position: relative;
    width: 690px;
    height: 318px;
}

.Volunteers {
    width: 100px;
    color: #fb8200;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;
    border-bottom: 2px solid #c0c0c0;
}

.content_bottom {
    width: 1000px;
    height: 99px;
    text-align: left;
}

.content_bottom_1 {
    font-size: 13px;
    text-align: left;
}

.fl_lf {
    float: left;
}

.fl_rf {
    float: right;
}

.clear {
    clear: both;
}


.content-pic {
    width: 1000px;
    height: 306px;
    text-align: center;
    margin: 0 auto;
}

.option {
    width: 1000px;
    height: 46px;
    margin: 0 auto;
}

.option_pic {
    float: left;
    height: 46px;
    margin-left: 10px;
    width: 18px;
}

.option_pic img {
    padding-top: 14px;
    border: 0;
}

.option_op {
    float: left;
    width: 400px;
    margin-left: 12px;
    line-height: 46px;
    text-align: left;
    font-size: 14px;
}

.by {
    width: 1000px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    margin-bottom: 10px;
}

#by_left {
    float: left;
    width: 230px;
    margin-left: 10px;
    background-color: #f4f4f4;
}

.by_left_pic {
    width: 229px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background: url(en_20.png) center no-repeat;
}

.by_left_lm {
    background-color: #f4f4f4;
}

.by_left_lm ul {
    text-align: center;
    list-style-type: none;
}

.by_left_lm ul li {
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    text-align: left;
    color: #000000;
}

#by_right {
    float: left;
    width: 732px;
    margin-left: 15px;
}

.by_right_lmmc {
    overflow: hidden;
}

.by_right_pic {
    height: 56px;
    text-align: left;
    width: 12px;
    float: left;
    background: url(en_21.png) left no-repeat;
}

.by_right_lmmc1 {
    margin-left: 10px;
    width: 400px;
    float: left;
    line-height: 56px;
    text-align: left;
    color: #fb8200;
    font-weight: bold;
}

.by_right_con {
    border: 1px solid #cccccc;
    padding: 10px;
    text-align: left;
}


.by_rcle {
    width: 98%;
    border: solid 1px #cccccc;
    margin-left: 8px;
    margin-bottom: 10px;
    text-align: left;
}

.by_art {
    width: 1000px;
    margin: 0 auto;
}

/*Special Exhibitions*/
.list_img {
    text-align: center;
    padding: 15px 0px;
}

.list_top {
    text-align: left;
    border-bottom: 1px solid #000000;
    padding: 5px 0px;
}

.list_bottom {
    text-align: left;
    padding: 5px 0px;
}

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

/* home */
.JOINUS {
    background-color: #fb8200;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
}

.main-content {
    width: 100%;
    background-color: #e4e4e4;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.content-img {
    width: 100%;
    height: 380px;
    display: flex;
}

.content-img-itemLeft {
    width: 50%;
    height: 380px;
    position: relative;
}

.content-img-itemRight {
    width: 50%;
    height: 380px;
    position: relative;
}

.position-logo2 {
    position: absolute;
    top: 40px;
    left: 40px;
}

.position-logo3 {
    position: absolute;
    top: 40px;
    left: 40px;
}