/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;}
p,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin: 0}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}
/*a:focus{-moz-outline-style: none;}*/
.h_20{width:100%;height:20px; float:left;}
.h_30{width:100%;height:30px; float:left;}
.h_40{width:100%;height:40px; float:left;}
.h_50{width:100%;height:50px; float:left;}
.h_60{width:100%;height:60px; float:left;}
.h_70{width:100%;height:70px;}
.h_90{width:100%;height:90px;}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
iframe{border: 0; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/

.wrap{
    width: 100%;
    height: 1000px;
    max-width: 1920px;
    min-width: 1280px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/wrapbg.jpg") no-repeat center top;
}
.wrapper{
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.top-nav{
    position: absolute;
    top: 20px;
    right: 30px;
    width: 205px;
    height: 14px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/top.png") no-repeat center top;
    z-index: 11;
}
.top-nav a{
    float: left;
    width: 38px;
    height: 14px;
    margin-left: 13px;
}
.logo{
    position: absolute;
    top: 125px;
    left: 120px;
    z-index: 11;
}
.slogan{
    position: absolute;
    top: 80px;
    left: 220px;
    width: 562px;
    height: 198px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/slogan.png") no-repeat center top;
    z-index: 11;
    animation: zoomOut 0.5s 0.6s ease-out 1 forwards;
    -webkit-animation: zoomOut 0.5s 0.6s ease-out 1 forwards;
    -ms-animation: zoomOut 0.5s 0.6s ease-out 1 forwards;
}
@-ms-keyframes zoomOut {
    from {
        opacity: 1;
        -ms-transform: scale3d(3, 3, 3);
        transform: scale3d(3, 3, 3);
    }
    50% {
        opacity: .8;
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
        -webkit-transform: scale3d(3, 3, 3);
        transform: scale3d(3, 3, 3);
    }
    50% {
        opacity: .8;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        opacity: 1;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
        -webkit-transform: scale3d(3, 3, 3);
        transform: scale3d(3, 3, 3);
    }
    50% {
        opacity: .8;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        opacity: 1;
    }
}
.time{
    position: absolute;
    top: 300px;
    left: 225px;
    z-index: 11;
}
.time h2{
    font-family: arial;
    font-size: 14px;
    color: #3b110d;
    font-weight: bold;
    line-height: 30px;
}
.time h1{
    font-size: 24px;
    font-weight: bold;
    color: #3b110d;
}
.nav-box{
    position: relative;
    padding-top: 678px;
    margin-left: 218px;
}
.nav-box a{
    float: left;
    width: 140px;
    height: 262px;
    margin-right: 42px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/nav.png") no-repeat center top;
}
.nav-box a span{
    display: block;
    width: 73px;
    height: 168px;
    margin:  36px 0 0 32px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/title.png");
}
.nav-box a span.t1{ background-position: 0 0;}
.nav-box a span.t2{ background-position: -73px 0;}
.nav-box a span.t3{ background-position: -146px 0;}
.nav-box a span.t4{ background-position: -219px 0;}
.nav-box a span.t5{ background-position: -292px 0;}
.nav-box a i{
    display: block;
    width: 71px;
    height: 32px;
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/icon.png") no-repeat center top;
    margin: 15px auto 0 auto;
    opacity: 0;
}
.nav-box a:hover{
    background: url("https://static.1000yy.com/1000y/pic/2017/0614/navc.png") no-repeat center top;
}
.nav-box a:hover i{
    opacity: 1;
    animation: down 2s infinite;
    -webkit-animation: down 2s infinite;
}
@keyframes down {
    0%{ transform: translate(0,0);}
    50%{ transform: translate(0,-10px);}
    100%{ transform: translate(0,0);}
}
@-webkit-keyframes down {
    0%{ -webkit-transform: translate(0,0);}
    50%{ -webkit-transform: translate(0,-10px);}
    100%{ -webkit-transform: translate(0,0);}
}
#overlay{width:100%; height:100%; opacity: 0.9; position:fixed; background:#000000; top:0; left:0; z-index:100; display:none;}
.overlay{position: absolute; top: 180px; left: 50%; margin-left: -423px; width: 844px; height: 587px; background: url("https://static.1000yy.com/1000y/pic/2017/0614/popbg.png") no-repeat center top; z-index: 101; display: none;}
.close{z-index: 111; position: absolute; top: 0; right: -100px; width: 78px; height: 78px;background: url("https://static.1000yy.com/1000y/pic/2017/0614/close.png") no-repeat center top;}
.content{
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}
.content5{
    display: block;
}
.pop-title{
    position: absolute;
    top: -45px;
    width: 50px;
    left: -70px;
    font-size: 48px;
    color: #d2d1d1;
    font-family: arial;
    font-weight: bold;
}
.con{
    width: 735px;
    height: 485px;
    margin-top: 45px;
    padding: 0 0 0 75px;
    font-size: 13px;
    line-height: 30px;
    color: #392718;
    overflow: auto;
}
.con h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.con-title{
    display: inline-block;
    width: auto;
    height: 24px;
    padding: 0 10px;
    line-height: 24px;
    background-color: #634428;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
}
.detail{width: 100%; height: 423px;}
.detail p{line-height: 1.75em;}
.detail ul{width: 100%; height: 34px; margin-bottom: 25px;}
.detail li{float: left; margin-right: 11px;}
.detail li a{display: block; width: 124px; height: 32px; color: #392718; font-size: 18px; font-weight: bold; border: 1px solid #634428; line-height: 32px; text-align: center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}
.detail li a:hover{color: #ffffff; background: #634428;}
.detail li a.on{color: #ffffff; background: #634428;}
.map{width: 310px; border: 1px solid #7b412c; padding: 6px; margin:10px 0; float: left;}
.detail div.form{float: left;}

.img-box img{
    margin: 10px;
}