body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font-size: 12px; font-family: "Microsoft Yahei",arial; }
em, strong, th, i { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; cursor: pointer; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
fieldset, img { border: 0;  display: block;}
input, select, textarea { outline: none; border: none; background: none; }
textarea { resize: none; }
html body { background: #3b3b3b; width: 100%;}

.container { width: 100%; min-width: 1000px; height: 100%; position: relative; overflow: hidden; }
.container .bg { width: 1920px; position: absolute; left: 50%; margin-left: -960px; top: 0px; }
.container .bg div { height:254px; background-position: center top; width: 100%; background-repeat: no-repeat;}
.container .bg .bg1 { background: url(../images/bg1.jpg);}
.container .bg .bg2 { background: url(../images/bg2.jpg);}
.container .bg .bg3 { background: url(../images/bg3.jpg);}
.container .bg .bg4 { background: url(../images/bg4.jpg);}
.container .bg .bg5 { background: url(../images/bg5.jpg);}
.container .bg .bg6 { background: url(../images/bg6.jpg);}
.container .bg .bg7 { background: url(../images/bg7.jpg);}
.container .bg .bg8 { background: url(../images/bg8.jpg);}
.container .bg .bg9 { background: url(../images/bg9.jpg);}
.container .bg .bg10 { background: url(../images/bg10.jpg);}
.container .bg .bg11 { background: url(../images/bg11.jpg);}
.container .bg .bg12 { background: url(../images/bg12.jpg);}
.container .bg .bg13 { background: url(../images/bg13.jpg);}
.container .bg .bg14 { background: url(../images/bg14.jpg);}
.container .bg .bg15 { background: url(../images/bg15.jpg);}
.container .bg .bg16 { background: url(../images/bg16.jpg);}
.container .bg .bg17 { background: url(../images/bg17.jpg);}
.container .bg .bg18 { background: url(../images/bg18.jpg);}
.container .bg .bg19 { background: url(../images/bg19.jpg);}
.container .bg .bg20 { background: url(../images/bg20.jpg);}

.container .section { position: relative; z-index: 2;}
.main { width: 1000px; margin-left: auto; margin-right: auto; position: relative; z-index: 2; }
.logo{position:absolute; width:112px; height:106px; top:10px; left:20px; text-indent:-999em; background:url(../images/sprite.png) no-repeat 0px -56px; z-index:3;}
.share {position: absolute; right: 28px; top: 22px; background: url(../images/sprite.png) no-repeat 0px -198px; z-index: 3; }
.share a{float: left; width: 99px; height: 40px; margin-right: 3px; text-indent: -999em; overflow: hidden; display: block; }
.share .sn { width: 25px; height: 40px; margin: 0px 12px 0 66px; }

.dialog { background-image: url(https://img1.tiancitycdn.com/lq/event/summer2016/images/dialog.png); width: 574px; height: 358px; display: none; }
.dialog .close { width: 47px; height: 43px; position: absolute; top: 44px; right: 0; }

.section_01{height:5080px;} 

.m-buff{display: block; width:18px; height:18px; position:absolute;}
.m-buff1_1{top:2800px; left:521px;}
.m-buff1_2{top:2992px; left:356px;}
.m-buff1_3{top:3183px; left:356px;}
.m-buff1_4{top:3375px; left:356px;}
.m-buff1_5{top:3565px; left:356px;}
.m-buff1_6{top:3756px; left:356px;}
.m-buff1_7{top:3947px; left:356px;}
.m-buff1_8{top:4138px; left:356px;}
.m-buff1_9{top:4329px; left:356px;}
.m-buff1_10{top:4520px; left:216px;}

.m-buff2_1{top:2800px; left:987px;}
.m-buff2_2{top:2992px; left:979px;}
.m-buff2_3{top:3183px; left:979px;}
.m-buff2_4{top:3374px; left:979px;}
.m-buff2_5{top:3565px; left:979px;}
.m-buff2_6{top:3756px; left:979px;}
.m-buff2_7{top:3947px; left:979px;}
.m-buff2_8{top:4138px; left:979px;}
.m-buff2_9{top:4329px; left:979px;}

.m-buff3_1{top:2964px; left:513px;}
.m-buff3_2{top:3156px; left:197px;}
.m-buff3_3{top:3348px; left:497px;}
.m-buff3_4{top:3537px; left:216px;}
.m-buff3_5{top:3729px; left:538px;}
.m-buff3_6{top:3920px; left:218px;}

.m-buff4_1{top:2964px; left:1077px;}
.m-buff4_2{top:3347px; left:1073px;}
.m-buff4_3{top:3729px; left:1076px;}

.m-buff5_1{top:4110px; left:522px;}
.m-buff5_2{top:4301px; left:429px;}
.m-buff5_3{top:4492px; left:216px;}

.m-buff6_1{top:4110px; left:1062px;}
.m-buff6_2{top:4301px; left:1062px;}
.m-buff div{position:relative; display:none;}
.m-buff1 div{width:232px; height:266px; background:url(../images/yl1.png); top:-260px; left:-153px;}
.m-buff2 div{width:232px; height:338px; background:url(../images/yl2.png); top:-330px; left:-153px;}
.m-buff3 div{width:237px; height:122px; background:url(../images/yl3.png); top:-112px; left:-146px;}
.m-buff4 div{width:241px; height:122px; background:url(../images/yl4.png); top:-112px; left:-173px;}
.m-buff5 div{width:239px; height:129px; background:url(../images/yl9.png); top:-120px; left:-156px;}
.m-buff6 div{width:228px; height:129px; background:url(../images/yl10.png); top:-120px; left:-128px;}
.m-buff:hover div{display: block;}