@charset "gb2312";
/*basic.css - Written by douchaoyang in September 2015*/
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;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{*zoom:1;}
/*basic end*/
html body{ background:#3b3b3b;}


.container{width:100%; min-width:1000px; height:100%; position:relative; overflow:hidden;}
.header{background:url(../images/bg_head.jpg) no-repeat center top; height:907px; position:relative; z-index:3; overflow:hidden;}
.main{width:1000px; margin:0 auto; position:relative;}
.logo{position:absolute; width:110px; height:110px; top:23px; left:16px; text-indent:-999em; background:url(../images/sprite.png) no-repeat 0px -54px; z-index:100;}
.share {width: 500px;height:35px;position: absolute;left: 50%;margin-left:24px;top:20px; background:url(../images/sprite.png) no-repeat 0px -200px; z-index:100}
.share a {display: block;float: left; margin:0px 3px;}
.hdt {text-indent: -99em;overflow: hidden;}
.share .registered{width: 98px;height: 35px;background-position: 0px -200px !important;}
.share .home{width: 98px;height: 35px;background-position: -103px -200px !important;}
.share .down{width: 98px;height: 35px;background-position: -206px -200px !important;}
.share .tx {width: 25px;height: 25px;margin: 5px 3px 0 60px;}
.share .sn {width: 25px;height: 25px;margin: 5px 5px 0 5px;}
.share .qz {width: 25px;height: 25px;margin: 5px 5px 0 3px;}

.dialog{background-image: url(http://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;}

/*------µ¼º½-------*/
.nav{position:absolute; width:1000px; height:110px; z-index:100; left:50%; margin-left:-500px; top:770px;}
.nav .nav_li{ height:110px; width:840px; margin:0 auto; position:relative; top:0px; left:0px;}
.nav ul li{float:left; width:280px;font-size:30px; font-family:΢ÈíÑźÚ; text-align:left; height:110px; line-height:78px; color:#805fb1; font-weight:bold;}
.nav ul li a{color:#fff; display:block; padding-left:55px; background:url(../images/sprite.png) no-repeat 18px -247px;}
.nav ul li:hover a,.nav ul li.active a{background-position:-291px -247px;}
.nav ul li a span{display:block; width:61px; height:61px; float:left; position:relative; top:8px; left:-25px;}

.nav ul li a.event span{background:url(../images/btn1.png) no-repeat center center;}
.nav ul li a.event1 span{background:url(../images/btn2.png) no-repeat center center;}
.nav ul li a.event2 span{background:url(../images/btn3.png) no-repeat center center;}

.nav ul li:hover a span{-webkit-animation:song 2.5s infinite linear; animation:song 2.5s infinite linear; -moz-animation:song 2.5s infinite linear; -ms-animation:song 2.5s infinite linear; -o-animation:song 2.5s infinite linear;}

@keyframes song {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes song {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes song {
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes song {
	0%{-ms-transform:rotate(0deg);}
	100%{-ms-transform:rotate(360deg);}
}
@-o-keyframes song {
	0%{-o-transform:rotate(0deg);}
	100%{-o-transform:rotate(360deg);}
}

.nav ul li dl{position:absolute; top:60px; height:0px; width:auto; overflow:hidden; left:50%;}
.nav ul li dl dt{float:left;}
.nav ul li dl dt a{position:relative; text-align:center; line-height:110px; font-size:18px; font-family:΢ÈíÑźÚ; color:#9183bc !important; display:block; padding:0px 35px; font-weight:normal !important; background:none !important;}
.nav ul li dl dt a:hover,.nav ul li dl dt.on a{color:#9183bc !important; font-weight:bold !important;}

.nav ul li dl dt a i{display:block; background:url(../images/sprite.png) no-repeat; position:relative; top:35px; left:50%; margin-left:-6px; width:12px; height:12px;}
.nav ul li dl dt.btn1 a i{background-position:0px -554px;}
.nav ul li dl dt.btn2 a i{background-position:-15px -554px;}
.nav ul li dl dt.btn3 a i{background-position:-30px -554px;}
.nav ul li dl dt.btn4 a i{background-position:-45px -554px;}
.nav ul li dl dt.btn5 a i{background-position:-60px -554px;}
.nav ul li dl dt.btn6 a i{background-position:-75px -554px;}


.container .nav .parent li:hover dl{display:block;}
/*-------Ö÷Ìå--------*/
.main{width:1000px; margin:0 auto; position:relative; z-index:2;}
.pic{background:url(../images/pic.png) no-repeat center center; width:1124px; height:944px; position:absolute; top:-46px; right:-309px; z-index:1}
.cloud{background:url(../images/cloud1.png) no-repeat center center; width:1920px; height:907px; position:absolute; top:0px; left:50%; margin-left:-960px; z-index:10;}
.cloud_box{width:1920px; height:907px; position:relative; left:50%; margin-left:-960px;}
.cloud0{background:url(../images/cloud2.png) no-repeat center center; width:618px; height:419px; position:absolute; top:550px; left:430px;}
.cloud1{background:url(../images/cloud3.png) no-repeat center center; width:195px; height:108px; position:absolute; top:350px; left:1700px; z-index:2; -webkit-animation:cloud 65s infinite linear; animation:cloud 65s infinite linear; -moz-animation:cloud 65s infinite linear; -ms-animation:cloud 65s infinite linear; -o-animation:cloud 65s infinite linear;}
.cloud2{background:url(../images/cloud4.png) no-repeat center center; width:190px; height:137px; position:absolute; top:20px; left:1700px; -webkit-animation:cloud 115s infinite linear; animation:cloud 115s infinite linear; -moz-animation:cloud 115s infinite linear; -ms-animation:cloud 115s infinite linear; -o-animation:cloud 115s infinite linear;}
.cloud3{background:url(../images/cloud5.png) no-repeat center center; width:490px; height:430px; position:absolute; top:460px; left:1300px; z-index:2; -webkit-animation:cloud 95s infinite linear; animation:cloud 95s infinite linear; -moz-animation:cloud 95s infinite linear; -ms-animation:cloud 95s infinite linear; -o-animation:cloud 95s infinite linear;}

@keyframes cloud{
	0%{transform:translateX(100px);}
	100%{transform:translateX(-2000px);}
}
@-webkit-keyframes cloud{
	0%{-webkit-transform:translateX(100px);}
	100%{-webkit-transform:translateX(-2000px);}
}
@-moz-keyframes cloud{
	0%{-moz-transform:translateX(100px);}
	100%{-moz-transform:translateX(-2000px);}
}
@-ms-keyframes cloud{
	0%{-ms-transform:translateX(100px);}
	100%{-ms-transform:translateX(-2000px);}
}
@-o-keyframes cloud{
	0%{-o-transform:translateX(100px);}
	100%{-o-transform:translateX(-2000px);}
}