/* 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: auto; min-width: 1280px;}

.close, .btnbox a,.btnbox a:hover ,.jt{background: url("https://static.1000yy.com/1000y/pic/2016/1116xq/sprite.png") no-repeat center top;}
.wrap01{width: 100%; height: 982px; background: url("https://static.1000yy.com/1000y/pic/2016/1116xq/wrap01.jpg") no-repeat center top;}
.top{width: 1280px; margin: 0 auto; height: 100%; position: relative;}
.logo{position: absolute; left: -120px; top: 85px;}
.logo img{width: 160px;}
.btnbox{width: 100%; height: 87px; float: left; margin-top: 724px;}
.btnbox a{float: left; width: 226px; height: 87px; background-position: -321px -0px; text-align: center; line-height: 87px; font-size: 26px; color: #fffff8; margin: 0 15px;}
.btnbox .btn01{margin-left: 110px;}
.btnbox a:hover{background-position: -95px -0px;}
.jt{position: absolute; bottom: 60px; left: 140px; width: 155px; height: 58px; background-position: -0px -96px; cursor: pointer; animation: updown 2s infinite; -webkit-animation: updown 2s infinite; -moz-animation: updown 2s infinite;}
@keyframes updown{0%{bottom: 60px;} 50%{bottom: 40px;} 100%{bottom: 60px;}}
@-webkit-keyframes updown{0%{bottom: 60px;} 50%{bottom: 40px;} 100%{bottom: 60px;}}
@-moz-keyframes updown{0%{bottom: 60px;} 50%{bottom: 40px;} 100%{bottom: 60px;}}

.wrap02{width: 100%; height: 1318px; background: url("https://static.1000yy.com/1000y/pic/2016/1116xq/wrap02.jpg") no-repeat center top;}
.content{width: 1000px; height: 1318px; margin: 0 auto;overflow: hidden}
.content ul{float: left; width: 1150px; height: 1080px; margin: 78px 0 0 36px;}
.content li{float: left; width: 430px; height: 218px; margin: 0 82px 52px 0; display: none;}
.content .li_01{animation: fadeInUp 1s ease both; -webkit-animation:fadeInUp 1s ease both; -moz-animation:fadeInUp 1s ease both;}
.content .li_02{animation: fadeInUp 1s .2s ease both; -webkit-animation:fadeInUp 1s .2s ease both; -moz-animation:fadeInUp 1s .2s ease both;}
.content .li_03{animation: fadeInUp 1s .4s ease both; -webkit-animation:fadeInUp 1s .4s ease both; -moz-animation:fadeInUp 1s .4s ease both;}
.content .li_04{animation: fadeInUp 1s .6s ease both; -webkit-animation:fadeInUp 1s .6s ease both; -moz-animation:fadeInUp 1s .6s ease both;}
.content .li_05{animation: fadeInUp 1s .8s ease both; -webkit-animation:fadeInUp 1s .8s ease both; -moz-animation:fadeInUp 1s .8s ease both;}
.content .li_06{animation: fadeInUp 1s 1s ease both; -webkit-animation:fadeInUp 1s 1s ease both; -moz-animation:fadeInUp 1s 1s ease both;}
.content .li_07{animation: fadeInUp 1s 1.2s ease both; -webkit-animation:fadeInUp 1s 1.2s ease both; -moz-animation:fadeInUp 1s 1.2s ease both;}
.content .li_08{animation: fadeInUp 1s 1.4s ease both; -webkit-animation:fadeInUp 1s 1.4s ease both; -moz-animation:fadeInUp 1s 1.4s ease both;}
@keyframes fadeInUp{0%{opacity:0; transform:translateY(200px)} 100%{opacity:1; transform:translateY(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(200px)} 100%{opacity:1; -webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(200px)} 100%{opacity:1; -moz-transform:translateY(0)}}

.content li .navbox{float: left; width: 430px; height: 218px; background: url("https://static.1000yy.com/1000y/pic/2016/1116xq/boxbg.png") no-repeat center top;}
.content li .navbox h1{width: 100%; height: 61px; font-size: 28px; color: #ffda6b; font-weight: bold; line-height: 70px;}
.content li .navbox h1 img{margin: 0 10px 0 4px;}
.content li .navbox .con_box{width: 100%; height: 159px;}
.content li .navbox .con_box .con_box_left{float: left; width: 139px; height: 133px; margin: 14px 0 0 11px; overflow: hidden;}
.content li .navbox .con_box .con_box_right{float: left; width: 230px; height: 133px; margin: 14px 0 0 18px; position: relative;}
.con_box_right h2{font-size: 15px; color: #b1d939; font-weight: bold; margin-bottom: 5px;}
.con_box_right h2 img{margin-right: 5px;}
.con_box_right p{font-size: 12px; line-height: 22px; color: #dbeea2; margin-left: 13px;}
.con_box_right .btn{display: block; width: 72px; height: 22px; background-color: #fec53d; position: absolute; top: 110px; left: 158px; font-size: 15px; line-height: 22px; color: #113206; text-align: center;}
.foot{float: left; margin-top: 20px;}
.foot a{float: left; width: 198px; height: 63px; border: 3px solid #ffda6b; font-size: 24px; color: #ffda6b; line-height: 63px; text-align: center; margin: 0 35px;}
.foot a.f_btn01{margin-left: 130px;}

#overlay{width: 100%; height: 100%; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; position:fixed; background:#180802; top:0; left:0; z-index:3000; display:none;}
.layer{width: 1378px; height: 603px; position: absolute; left: 46%; display: none; z-index:3002; background: url("https://static.1000yy.com/1000y/pic/2016/1116xq/popbg.png") no-repeat center top;}
.layer .close{display: block; position: absolute; right: 50px; top: -120px; width: 95px; height: 96px;background-position: -0px -0px;transition: all .5s ease-out;  -moz-transition: all .5s ease-out;  -webkit-transition: all .5s ease-out;}
.layer .close:hover {  transform: rotate(360deg);  -ms-transform: rotate(360deg);  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg); }
.popbox{width: 600px; height: 500px; position: relative;left: 637px;top:80px;}
.popbox .title{float: left;}
.popbox .txtbox{float: left; width: 440px; height: 100%; margin-left: 50px; font-size: 16px; color: #dbeea2; line-height: 42px;}
.popbox .txtbox td{border: 2px solid #dbeea2; padding-left: 10px;}