*{margin:0; padding:0;}
body{font-family: Microsoft Yahei, "微软雅黑", sans-serif; background: #000;}
ul{list-style: none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
em,i{font-style: normal;}
img{border: none;}
#wrap{width: 100%; height: 1022px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/bg_wrap.jpg") no-repeat top center;}
#main{width: 990px; height: 1022px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/bg_center.jpg") no-repeat top center; margin: 0 auto; position: relative;}
.logo{width: 110px; height: 210px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/logo.png") no-repeat; position: absolute; top:60px; left: 45px;}
#top_nav{width: 290px; height: 30px; overflow: hidden; position: absolute; top:15px; right: 0; z-index: 10;}
.top_nav{width: 400px; height: 30px;}
.top_nav li{float: left; margin-right: -12px;}
.top_nav a{display: inline-block; width: 66px; height: 26px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/top_nav.png") no-repeat; font-size: 14px; color: #fff; line-height: 26px; text-align: right; padding-right: 21px;}
.top_nav a.odd{margin-top: 3px;}
.top_nav a.odd2{margin-left: -4px;}
.top_nav a:hover{text-decoration: underline;}
.b_title{width: 630px; height: 225px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/title.png") no-repeat; position: absolute; left:165px; top:85px; -webkit-animation:bounceInRight .8s .2s ease both; -o-animation:bounceInRight .8s .2s ease both; -moz-animation:bounceInRight .8s .2s ease both; animation:bounceInRight .8s .2s ease both;}
.date_title{width: 460px; height: 50px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/title_date.png") no-repeat; position: absolute; top:268px; left: 155px; animation: scaleAni .3s 1s both; -webkit-animation: scaleAni .3s 1s both; -moz-animation: scaleAni .3s 1s both; -o-animation: scaleAni .3s 1s both;}
.nav{display: block; width: 325px; height: 85px; position: absolute;}
.nav1{background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/nav1.png") no-repeat; left: 155px; top:492px; -webkit-animation:fadeInUp 1s 1.5s ease both; -moz-animation:fadeInUp 1s 1.5s ease both; -ms-animation:fadeInUp 1s 1.5s ease both; animation:fadeInUp 1s 1.5s ease both;}
.nav2{background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/nav2.png") no-repeat; left: 500px; top:617px; -webkit-animation:fadeInUp 1s 1.7s ease both; -moz-animation:fadeInUp 1s 1.7s ease both; -o-animation:fadeInUp 1s 1.7s ease both; animation:fadeInUp 1s 1.7s ease both;}
.nav3{background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/nav3.png") no-repeat; left: 192px; top:757px; -webkit-animation:fadeInUp 1s 1.9s ease both; -moz-animation:fadeInUp 1s 1.9s ease both; -o-animation:fadeInUp 1s 1.9s ease both; animation:fadeInUp 1s 1.9s ease both;}
#overlay{width: 100%; height: 1022px; background: #000; opacity: .9; position: absolute; z-index: 1000; top:0; left: 0;}
#popup{width: 990px; height: 678px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/popup_bg.png") no-repeat; position: absolute; left: 50%; margin-left: -495px; z-index: 2000; top:0;}
.close{display: block; width: 91px; height: 91px; background: url("https://static.1000yy.com/1000y/pic/2017/0414kfzc/close.png") no-repeat; position: absolute; left: 50%; margin-left: -45.5px; bottom: -63px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.close:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
#popup h3{font-size: 36px; color: #e4b883; text-align: center; font-weight: normal; margin-top: 15px;}
#popup .detail{width: 888px; height: 423px; margin: 80px auto; font-size: 14px; color: #dec4a4;}
#popup .detail p{line-height: 1.75em;}
#popup .detail ul{width: 990px; height: 34px; margin-bottom: 45px;}
#popup .detail li{float: left; margin-right: 11px;}
#popup .detail li a{display: block; width: 124px; height: 32px; color: #e4b883; font-size: 18px; font-weight: bold; border: 1px solid #e4b883; line-height: 32px; text-align: center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}
#popup .detail li a:hover{color: #3c1304; background: #e4b883;}
#popup .detail li a.on{color: #3c1304; background: #e4b883;}
#popup .con3 .map{width: 310px; border: 1px solid #7b412c; padding: 6px; margin-right: 48px; float: left;}
#popup .con3 .detail div.form{float: left;}
#popup .con3 p{width: 500px;}
/*Animate*/
@-moz-keyframes scaleAni{0%{opacity: 0; -moz-transform: scale(1.5,1.5);} 100%{opacity: 1; -moz-transform: scale(1,1);}}
@-o-keyframes scaleAni{0%{opacity: 0; -o-transform: scale(1.5,1.5);} 100%{opacity: 1; -o-transform: scale(1,1);}}
@-webkit-keyframes scaleAni{0%{opacity: 0; -webkit-transform: scale(1.5,1.5);} 100%{opacity: 1; -webkit-transform: scale(1,1);}}
@keyframes scaleAni{0%{opacity: 0; transform: scale(1.5,1.5);} 100%{opacity: 1; transform: scale(1,1);}}
@-webkit-keyframes bounceInRight{0%{opacity:0; -webkit-transform:translateX(500px)} 60%{opacity:1; -webkit-transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px)} 100%{-webkit-transform:translateX(0)}}
@-o-keyframes bounceInRight{0%{opacity:0; -o-transform:translateX(500px)} 60%{opacity:1; -o-transform:translateX(-30px)} 80%{-o-transform:translateX(10px)} 100%{-o-transform:translateX(0)}}
@-moz-keyframes bounceInRight{0%{opacity:0; -moz-transform:translateX(500px)} 60%{opacity:1; -moz-transform:translateX(-30px)} 80%{-moz-transform:translateX(10px)} 100%{-moz-transform:translateX(0)}}
@keyframes bounceInRight{0%{opacity:0; transform:translateX(500px)} 60%{opacity:1; transform:translateX(-30px)} 80%{transform:translateX(10px)} 100%{transform:translateX(0)}}
@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px);} 100%{opacity: 1; -webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp{0%{opacity: 0; -moz-transform: translateY(20px);} 100%{opacity: 1; -moz-transform: translateY(0);}}
@-o-keyframes fadeInUp{0%{opacity: 0; -o-transform: translateY(20px);} 100%{opacity: 1; -o-transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0; transform: translateY(20px);} 100%{opacity: 1; transform: translateY(0);}}