@charset "UTF-8";
/* CSS Document */

nav li.exhibitions{
    border-top: 4px solid #e9b43f;
    
}
nav li.exhibitions a{
    color: #09437b;
    font-weight: bold;
    }
.menu-list .menu-list-box1  a{
    color: #666;
    font-weight: normal;
}
.menu-list a:hover{
    color: #eab84a;
    font-weight: bold;
}
    
/*exhibition_main*/
.exhibition_main_con{
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
.exhibition_main_con .exhibition_main_title01{
    width: 156px;
    height: 62px;
    border: 2px solid #eab84a;
    float: left;
    margin-right: 30px;
    cursor:pointer;
}
.exhibition_main_con .exhibition_main_title01 h3{
    font-size: 18px;
    font-weight: normal;
    color: #ebb94a;
    padding-top: 22px;
    padding-left: 16px;
}
.exhibition_main_con .exhibition_main_title01 p{
    font-size: 12px;
    font-weight: normal;
    color: #ebb94a;
    padding-top: 8px;
    padding-left: 16px;
}
.exhibition_main_con .exhibition_main_title02{
    width: 134px;
    height: 62px;
    border: 2px solid #fff;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
    cursor:pointer;
}
.exhibition_main_con .exhibition_main_title02 h3{
    font-size: 18px;
    font-weight: normal;
    color: #333;
    padding-top: 22px;
    padding-left: 16px;
}
.exhibition_main_con .exhibition_main_title{
    width: 156px;
    height: 62px;
    border: 2px solid #fff;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
    cursor:pointer;
}
.exhibition_main_con .exhibition_main_title h3{
    font-size: 18px;
    font-weight: normal;
    color: #333;
    padding-top: 22px;
    padding-left: 16px;
}
.exhibition_main_con .exhibition_main_title p{
    font-size: 12px;
    font-weight: normal;
    color: #333;
    padding-top: 8px;
    padding-left: 16px;
}
.detailed{
    margin-top: 50px;
}
.detailed p{
    width: 610px;
    font-size: 13px;
    line-height: 26px;
    text-align:justify;
    text-justify:inter-ideograph;
    float: left;
}
.detailed_right{
    float: right;
}
.detailed_right_btn a img{
    margin-right: 40px;
    width: 148px;
    height: 30px;
}
.address{
    margin-top: 30px;
}
.address img{
    float: left;
    margin-top: 6px;
    width: 30px;
    height: 30px;
}
.address p{
    font-size: 12px;
    color: #f8b551;
    line-height: 20px;
    border-left: 1px solid #e2e2e2;
    float: left;
    padding:4px 0 4px 16px;
    margin-left: 12px;
    width: 170px;
}
.address p span{
    font-size: 12px;
    color: #333;
}
.address02{
    margin-top: 20px;
}
.address02 img{
    float: left;
    margin-top: 6px;
    width: 30px;
    height: 30px;
}
.address02 p{
    font-size: 12px;
    color: #f8b551;
    line-height: 20px;
    border-left: 1px solid #e2e2e2;
    float: left;
    padding:4px 0 4px 16px;
    margin-left: 12px;
    width: 170px;
}
.address02 p span{
    font-size: 12px;
    color: #333;
}
.detailed_right_btn {
    margin-top: 40px;
}
.detailed_right_btn2{
    margin-left: 40px;
}
.main_czr{
    border-right: 1px solid rgba(248,181,81,0.5);
    width: 596px;
    float: left;
    margin-top: 60px;
}
.main_czr li{
    margin-top: 40px;
    height: 82px;
    width: 540px;
}
.czr_title{
    font-size: 18px;
    color: #333;
    height: 18px;
    font-weight: bold;
}
.czr_title1{
    font-size: 18px;
    color: #333;
    height: 18px;
    font-weight: bold;
    margin-top: 100px;
}

.main_czr li img{
    width: 82px;
    height: 82px;
    float: left;
    margin-top: 6px;

}
.main_czr li h5{
    font-size: 14px;
    color: #333;
    line-height: 92px;
    float: left;
    padding: 0 20px;
    font-weight: bold;
    width: 108px;
}
.main_czr li p{
    font-size: 12px;
    color: #333;
    line-height: 24px;
    text-align:justify;
    text-justify:inter-ideograph;
    width: 310px;
    float: left;
    margin-bottom: 30px;

}


.main_czr02{
    float: left;
    margin-left: 60px;
    margin-top: 60px;
}
.main_czr02 li{
    margin-top: 40px;
    height: 82px;
    width: 540px;
}
li.czr_title{
    font-size: 18px;
    color: #333;
    height: 18px;
    font-weight: bold;
}

.main_czr02 li img{
    width: 82px;
    height: 82px;
    float: left;
    margin-top: 4px;
}
.main_czr02 li h5{
    font-size: 14px;
    color: #333;
    line-height: 92px;
    float: left;
    padding: 0 20px;
    font-weight: bold;
    width: 116px;
}
.main_czr02 li p{
    font-size: 12px;
    color: #333;
    line-height: 24px;
    text-align:justify;
    text-justify:inter-ideograph;
    width: 300px;
    float: left;
}


.tezhan1{
    width: 1200px;
    height: 270px;
    background:url(../images/exhibition_main_pic06.png) no-repeat;
    background-size: 660px;
    background-position: 660px 0px; 
    margin-top: 100px;
}
.tezhan1 a p{
    width: 76px;
    height: 21px;
    border: 1px solid #164779;
    font-size: 12px;
    color: #164779;
    line-height: 21px;
    padding-left: 6px;
    background: url(../images/artwork_btn_more.png) no-repeat; 
    background-size: 6px;
    background-position: 72px ;
    margin-top: 8px;
    margin-left: 520px;
}


.tezhan2{
    width: 1200px;
    height: 270px;
    background:url(../images/exhibition_main_pic07.png) no-repeat;
    background-size: 660px;
    background-position: 660px 0px; 
    margin-top: 70px;
}
.tezhan2 a p{
    width: 76px;
    height: 21px;
    border: 1px solid #164779;
    font-size: 12px;
    color: #164779;
    line-height: 21px;
    padding-left: 6px;
    background: url(../images/artwork_btn_more.png) no-repeat; 
    background-size: 6px;
    background-position: 72px ;
    margin-top: 8px;
    margin-left: 520px;
}
.tezhan3{
    width: 1200px;
    height: 270px;
    background:url(../images/exhibition_main_pic08.png) no-repeat;
    background-size: 660px;
    background-position: 660px 0px; 
    margin-top: 70px;
}
.tezhan3 a p{
    width: 76px;
    height: 21px;
    border: 1px solid #164779;
    font-size: 12px;
    color: #164779;
    line-height: 21px;
    padding-left: 6px;
    background: url(../images/artwork_btn_more.png) no-repeat; 
    background-size: 6px;
    background-position: 72px ;
    margin-top: 8px;
    margin-left: 520px;
}
.tezhan4{
    width: 1200px;
    height: 270px;
    background:url(../images/exhibition_main_pic09.png) no-repeat;
    background-size: 660px;
    background-position: 660px 0px; 
    margin-top: 70px;
}
.tezhan4 a p{
    width: 76px;
    height: 21px;
    border: 1px solid #164779;
    font-size: 12px;
    color: #164779;
    line-height: 21px;
    padding-left: 6px;
    background: url(../images/artwork_btn_more.png) no-repeat; 
    background-size: 6px;
    background-position: 72px ;
    margin-top: 8px;
    margin-left: 520px;
}
.tezhan5{
    width: 1200px;
    height: 270px;
    background:url(../images/exhibition_main_pic10.png) no-repeat;
    background-size: 660px;
    background-position: 660px 0px; 
    margin-top: 70px;
}
.tezhan5 a p{
    width: 76px;
    height: 21px;
    border: 1px solid #164779;
    font-size: 12px;
    color: #164779;
    line-height: 21px;
    padding-left: 6px;
    background: url(../images/artwork_btn_more.png) no-repeat; 
    background-size: 6px;
    background-position: 72px ;
    margin-top: 8px;
    margin-left: 520px;
}
.tezhan_con .round{
    width: 14px;
    height: 14px;
    margin-top: 26px;
    margin-right: 10px;
    border-radius: 7px;
    background-color: #f8b551;
    float: left;
}
.tezhan_con h4{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 60px;
    /*width: 540px;*/    
    border-top: 1px solid #e1e1e1;
}
.tezhan_con p{
    width:620px;
    font-size: 13px;
    line-height: 24px;
    text-align: justify;
    text-justify:inter-ideograph;
    margin-top: 0px;
}

/* main_image */
.main_visual{
    width: 1200px;
    height:400px;
    overflow:hidden;
    position:relative;

}
.main_image{
    height:400px;
    overflow:hidden;
    position:relative;
}
.main_image ul{
    width:400px;
    height:460px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
}
.main_image li{
    float:left;
    width:400px;
    height:460px;
}
.main_image li span{
    display:block;
    width:1200px;
    height:400px;
}
.main_image li a{
    display:block;
    width:400px;
    height:460px
}
.main_image li .img_1{
    background:url('../images/exhibition_main_pic01.png') no-repeat
}
.main_image li .img_2{
    background:url('../images/exhibition_main_pic00.png') center top no-repeat
}


div.flicking_con{
    position:absolute;
    bottom:20px;
    left:52%;
    z-index:999;
    width:100px;
    height:10px;
    margin:0 0 0 -50px;
}
div.flicking_con a{
    float:left;
    width:10px;
    height:10px;
    margin:0;
    padding:0;background:url('../images/exhibition_main_btn_main.png') 0 0 no-repeat;
    display:block;
    text-indent:-1000px;
    margin-left: 10px;
}
div.flicking_con a.on{
    background-position:0 -20px;
}
#btn_prev,#btn_next{
    z-index:11111;
    position:absolute;
    display:block;
    width:20px!important;
    height:30px!important;
    top:0;
    margin-top:215px;
    display:none;
}
#btn_prev{
    background:url(../images/about_03_01_detail_btn_left.png) no-repeat left top;
    left:20px;
    opacity: 0;
}
#btn_next{
    background:url(../images/about_03_01_detail_btn_right.png) no-repeat right top;
    right:20px;
    opacity: 0;
}