@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font:20px 'Microsoft YaHei',Verdana, Arial, Helvetica, AppleGothic, sans-serif;
}
html,body{overflow-x: hidden;}
body{background:#c9a059 url("../img/events/page_bg_2.jpg") repeat;}

/* other styles */
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1}
.center{text-align: center;}
.left{text-align:left;}
.right{text-align: right;}
.t_m_50px{margin-top:50px;}
.b_m_50px{margin-bottom:50px;}
.t_p_50px{padding-top:50px;}
.b_p_50px{padding-bottom:50px;}
.float_left{float:left;}
.float_right{float:right;}

.t_label span{display: inline-block;padding:5px 20px;background-color:#630;color:#fff;font-size:20px;border-radius:10px;margin:10px 0;}
a{color:#fff;}
a:hover{color:#000;}

/* layouts */
.container{width:100%;height:100%;padding:0;margin:0 auto;position:relative;min-height:500px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.container.bg_1{background:#c9a059 url("../img/events/page_bg_1.jpg") no-repeat center;background-size: cover;}
.container.bg_2 .radius_bottom{width:100%;height:23px;background:transparent url("../img/events/radius_bottom.png") repeat-x top center;position: absolute;top:0px;}
.container.bg_2 .b_bg{background:transparent url("../img/events/building.png") no-repeat top center;height:732px;}
.container.bg_3{margin-top:-500px;}
.container.bg_4{background-color:#b3b5b2;}
.container.bg_5{background:url("../img/events/page_bg_3.png") no-repeat top center;}
.container.bg_6{background:url("../img/events/page_bg_4.png") no-repeat center 40px;min-height:200px;}

.content{width:1000px;margin:0 auto;padding:0;height:100%;}

.content.page_1{height:100%;position:relative;}

.content.page_1 .avatar{width: 478px;height:608px;background:url("../img/events/avatar.png") no-repeat center;position:absolute;top:50%;left:50%;margin-top:-40%;margin-left:-25%;}

.content.page_1 .left_h1,
.content.page_1 .right_h1,
.content.page_1 .bottom_h1{position:absolute;display:inline-block;}
.content.page_1 .left_h1{text-align: left;top:50%;}
.content.page_1 .right_h1{top:50%;right:10px;}
.content.page_1 .bottom_h1{text-align:center;bottom:10%;left:50%;width: 100%;}

.content h1{text-indent:-99999px;position:relative;}
.content.page_1 h1.t_1{width: 190px;height:68px;background: url("../img/events/p1_h1_1.png") no-repeat center;margin-bottom: 40px;}
.content.page_1 h1.t_2{width: 171px;height:46px;background: url("../img/events/p1_h1_2.png") no-repeat center;margin-bottom:20px;}
.content.page_1 h1.t_3{width: 123px;height:47px;background: url("../img/events/p1_h1_3.png") no-repeat center;margin-bottom:20px;}
.content.page_1 h1.t_4{width: 190px;height:47px;background: url("../img/events/p1_h1_4.png") no-repeat center;}
.content.page_1 h1.t_5{width: 1000px;height:52px;background: url("../img/events/p1_h1_5.png") no-repeat center;margin-bottom:20px;position:relative}
.content.page_1 h1.t_6{width: 1000px;height:46px;background: url("../img/events/p1_h1_6.png") no-repeat center;position:relative;}
.content.page_1 h1.t_7{width: 256px;height:46px;background: url("../img/events/p1_h1_7.png") no-repeat center;}

.content.page_2 .desc_cont_left{width:75%;padding-top:80px;float:left;}
.content.page_2 .desc_cont_left h2{margin-bottom:20px;}
.content.page_2 .desc_cont_right{width: 223px;height:371px;float:right;background: url("../img/events/people_1.png") no-repeat center;margin-top:50px;}
.content.page_2 h1.t_1{width:100%;height:47px;background:url("../img/events/p2_h1_1.png") no-repeat left center;margin:50px 0;}
.content.page_2 h1.t_2{width:100%;height:47px;background:url("../img/events/p2_h1_2.png") no-repeat center;}

.content.page_3 .desc_cont_left{width:294px;height:274px;background:url(../img/events/people_2.png) no-repeat center;float:left;margin-right:50px;}
.content.page_3 .desc_cont_right{width:650px;float:right;}
.content.page_3 h1.t_1{width:100%;height:78px;background:url("../img/events/p3_h1_1.png") no-repeat left center;}

.content.page_4 .desc_cont_left{width:600px;float:left;margin-right:50px;}
.content.page_4 .desc_cont_right{width:344px;float:left;margin-top:-100px;text-align:right;}
.content.page_4 .desc_cont_all{width:438px;height:338px;background:url(../img/events/people_3.png) no-repeat center;margin:50px auto ;}
.content.page_4 h1.t_1{height:23px;background:url("../img/events/p4_h1_1.png") no-repeat left center;margin-bottom:25px;}
.content.page_4 h1.t_2{height:39px;background:url("../img/events/p3_h1_2.png") no-repeat left center;}
.content.page_4 h1.t_3{height:114px;background:url("../img/events/p4_h1_2.png") no-repeat 50% 0;}

.content.page_5 .t_1 span{background:#630 url("../img/events/p5_h1_1.png") no-repeat center;width:457px;height:46px;margin:120px auto 0 230px;text-indent:-99999px;display:inline-block;padding:10px 20px;border-radius:10px;}
.content.page_6 .t_1 span{background:#630 url("../img/events/p6_h1_1.png") no-repeat center;width:202px;height:46px;margin:10px auto 0 400px;text-indent:-99999px;display:inline-block;padding:10px 20px;border-radius:10px;text-align:center;}
.content.page_6 p{display:none;}

/* btn styles */
.btn{padding:15px 25px;margin:20px auto;font-size:30px;font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, AppleGothic, sans-serif;background-color:#f93;color:#fff;outline: none;text-align:center;text-decoration: none;display:inline-block;border-radius:10px;border-bottom:5px solid #630;}
/* table */
table{width:80%;margin:30px auto;border:0 none;border-collapse:collapse;}
table td{padding:5px 10px;font-size:14px;}
table td .t_label span{font-size:14px;margin:0;background-color:#000;}
table td:first-child{width:200px;text-align:center;}

@media all and (max-width:480px) {
    .container{min-height:100px;}
    .btn{font-size: 18px;display: inline-block;margin:0 auto;position: relative;}
    .content{width:100%;}
    .content p{font-size:14px;}

    .content.page_1 .left_h1{left:10px;top:50px;position:relative;width:100%;text-align:center;}
    .content.page_1 .right_h1{right:0;margin:80px auto 30px;width:100%;text-align:center;height:30px;}
    .content.page_1 .bottom_h1{text-align:center;left:0;right:0;margin:0 auto;bottom:30px;}

    .content.page_1 .avatar{width:192px;height:243px;background-size:cover;top:45%;margin-bottom: 0;}

    .content.page_1 h1.t_1{width: 95px;height:34px;background-size:cover;margin:0 auto 20px;left:0;top:0;right:0;}
    .content.page_1 h1.t_2{width: 85px;height:23px;background-size:cover;margin-bottom:0;display: inline-block;}
    .content.page_1 h1.t_3{width: 62px;height:23px;background-size:cover;margin-bottom:0;display: inline-block;}
    .content.page_1 h1.t_4{width: 95px;height:23px;background-size:cover;margin-bottom:0;display: inline-block;}
    .content.page_1 h1.t_5{width: 70%;height:26px;background-size:100% 70%;margin-bottom:10px;position:relative;display: inline-block;}
    .content.page_1 h1.t_6{width: 255px;height:19px;background-size:cover;position:relative;display: inline-block;}
    .content.page_1 h1.t_7{width: 128px;height:23px;background-size:cover;background-position:center;display:inline-block;margin-bottom:20px;position:relative;}

    .content.page_2 .desc_cont_left{width:100%;padding-top:20px;float:none;text-align:center;}
    .content.page_2 .desc_cont_left h2{margin-bottom:10px;font-size:14px;padding:0 10px;}
    .content.page_2 .desc_cont_right{width: 112px;height:185px;float:none;background-size:cover;margin:30px auto 10px;}
    .content.page_2 h1.t_1{width:100%;height:100%;background-size:80%;background-position:center;margin:10px 0;}
    .content.page_2 h1.t_2{width:100%;height:100%;background-size:80%;}

    .content.page_3{background-color:#b1b5b1;padding-bottom:20px;}
    .content.page_3 .desc_cont_left{width:147px;height:137px;background-size:cover;float:none;margin:-50px 0 0 50px;}
    .content.page_3 .desc_cont_right{width:80%;float:none;margin:0 auto;}
    .content.page_3 h1.t_1{width:100%;height:39px;background-size:100%;margin-top:10px;background-position:center;}

    .content.page_4 .desc_cont_left,.content.page_4 .desc_cont_right{width:80%;float:none;margin:0 auto;text-align:left;}
    .content.page_4 .desc_cont_left{padding-top:20px;}
    .content.page_4 .desc_cont_right{padding-top:20px;text-align:center;}
    .content.page_4 .desc_cont_all{width:80%;height:200px;background:url(../img/events/people_3.png) no-repeat center;margin:20px auto;background-size:80%;}
    .content.page_4 h1.t_1{height:20px;background-size:80%;width:80%;}
    .content.page_4 h1.t_2{height:20px;background-size:48%;width:80%;margin:0 auto;}
    .content.page_4 h1.t_3{height:91px;width:80%;margin:0 auto;background-size:100%;}

    .content.page_5 .t_1,.content.page_6 .t_1{width:100%;text-align:center;}
    .content.page_5 .t_1 span{background-size:80%;width:80%;height:25px;margin:10px auto 0;padding:5px;}
    .content.page_6 .t_1 span{background-size:80%;width:5em;height:25px;margin:10px auto 0;padding:5px;}
    .content.page_6 img{display: none;}
    .content.page_6 p{display:block;padding:5px 10px 30px;text-align:center;margin:-10px auto 0;background-color:#b1b5b1;}

    .container.bg_2 .b_bg{background:transparent url("../img/events/building_m.png") no-repeat top center;height:100px;background-size:cover;}
    .container.bg_2 .radius_bottom{width:100%;height:10px;background:transparent url("../img/events/radius_bottom.png") repeat-x top center;background-size:5% 50%;position: absolute;top:0;}
    .container.bg_3{margin-top:0;background-color:#b1b5b1;padding-top:30px;}
    .container.bg_5{background:url("../img/events/page_bg_3_m.png") no-repeat top center;}
    .container.bg_6{background:url("../img/events/page_bg_4_m.png") no-repeat center 30px;min-height:100px;}

    .btn{padding:10px 15px;margin:10px auto;font-size:20px;border-bottom:3px solid #630;}
    .arrow{position:absolute;bottom:10px;left:0;right:0;margin:auto;z-index:99999999;color:#fff;width:20px;height:20px;line-height:20px;font-size:15px;text-align:center;-webkit-animation:start 1.5s ease-in-out infinite;animation:running start 1.5s ease-in-out 0s normal none infinite ;}

    .t_m_50px{margin-top:20px;}
    .b_m_50px{margin-bottom:20px;}
    .t_label span{display:inline-block;padding:5px 10px;background-color:#630;color:#fff;font-size:14px;font-weight:bold;border-radius:10px;margin:10px 0;}
    a{font-size:14px;}
    table{width:90%;margin:10px auto;}
    table td{vertical-align: middle;font-size:12px;padding:3px;}
    table td .t_label span{margin:0;background-color:#000;}
    table td:first-child{width:5em;text-align:center;}

    @-webkit-keyframes start {
        0%, 30% {
            opacity: 0;
            -webkit-transform: translate(0px, 10px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate(0px, 0px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate(0px, -8px);
        }
    }
    @keyframes start {
        0%, 30% {
            opacity: 0;
            transform: translate(0px, 10px);
        }
        60% {
            opacity: 1;
            transform: translate(0px, 0px);
        }
        100% {
            opacity: 0;
            transform: translate(0px, -8px);
        }
    }

}