@charset "utf-8";
/* CSS Document 通用样式*/
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;word-wrap:break-word}
body,html,input{font:12px "宋体",serif;color: #333;background:url(../images/bg.png) repeat;}/********  Microsoft Yahei ******/
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:20px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}

.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999;}
.red, .red a, a.red{color:red;}.green{color:#0e774a;}
select optgroup{color:#cac8bb;}
header{display:block;}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.clear, .clearfix:after {clear:both;height:0;overflow:hidden;display:block}
.clearfix:after {visibility:hidden;content:"."}
.clearfix {*zoom:1;}

.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;}
a:hover{text-decoration: underline;color: red!important;}
.Box{margin: 0 auto;width: 1000px;}


/*banner部分*/
.banner{background: url(../images/banner.jpg) top center no-repeat;height: 594px;width: 100%;}
.bannerbox{position: relative;}
.logo{position: absolute;left: 0;top: 0;}
.person{background: url(../images/person.png) top center no-repeat;height: 482px;width: 500px;position: absolute;left: 0;top: 112px;-webkit-animation:img1 .4s .8s ease-in both;-moz-animation:img1 .4s .8s ease-in both;-ms-animation:img1 .4s .8s ease-in both;-o-animation:img1 .4s .8s ease-in both;animation:img1 .4s .8s ease-in both}
.fly{background: url(../images/fly.png) top center no-repeat;height: 54px;width: 49px;position: absolute;left: 0px;top: 205px;}
.route{background: url(../images/route.jpg) top center no-repeat;height: 185px;width: 328px;position: absolute;right: 10px;top: 20px;}
.dian{background: url(../images/dian.png) top center no-repeat;height: 24px;width: 24px;position: absolute;right: 70px;top: 185px;}
.mainTitle{background: url(../images/mainTitle.png) top center no-repeat;height: 221px;width: 425px;position: absolute;right: 31px;top: 110px;-webkit-animation:img2 .4s 1.2s ease-in both;-moz-animation:img2 .4s 1.2s ease-in both;-ms-animation:img1 .4s 1.2s ease-in both;-o-animation:img2 .4s 1.2s ease-in both;animation:img2 .4s 1.2s ease-in both}
.subTitle{background: url(../images/subTitle.png) top center no-repeat;height: 37px;width: 421px;position: absolute;right: 45px;top: 355px;}
.enter{position: absolute;width: 150px;height: 86px;top: 470px;right: 295px;}
.enter p{font-size: 90px;color: #000;line-height: 30px;font-weight: bold;}
.enter p span a{font-size: 12px;margin-left: 20px;color: #000;}



.ablum{background: url(../images/ablum.jpg) top center no-repeat;height: 708px;width: 100%;}


.new{background: url(../images/new.jpg) top center no-repeat;height: 826px;width: 100%;}
.new a{color: #333;}
.new p{width: 865px;text-indent: 2em;line-height: 26px;padding-top: 138px;}
.new ul{padding-top: 30px;}
.new ul li{line-height: 32px;}
.newbox{position: relative;}
.newImg{position: absolute;top: 338px;right: 28px;}
.newImg img{width: 455px;height: 262px;}


.host{background: url(../images/host.jpg) top center no-repeat;height: 383px;width: 100%;}
.hostbox p{font-family: "微软雅黑";font-size: 16px;font-weight: bold;color: #ffd200;}
.site p{line-height: 28px;margin-left: 365px;}
.hostbox p span{margin-left: 17px;}
p.hoster{margin-left: 320px;margin-top: 53px;}
p.undertake{margin-left: 345px;margin-top: 25px;}
p.join{margin-left: 365px;margin-top: 25px;}



.media{background: url(../images/media.jpg) top center no-repeat;height: 1218px;width: 100%;}
.mediabox{height: 1218px;}
.meiti{padding-top: 175px;}
.meiti img{float:left;width: 125px;height: 60px;margin-top:15px;margin-right: 17px;}
.hudong img{width: 253px;height: 94px;margin-top: 60px;}

.weibo{background: url(../images/weibo.jpg) top center no-repeat;height: 850px;width: 100%;}


.footer{width: 100%;height: 90px;background-color: #212121;}
.footer p{text-align: center;margin: 0 auto;font-size: 12px;color: #fff;padding-top: 20px;}


.fly{animation:3s linear infinite worksMove; -webkit-animation:3s linear infinite worksMove; z-index:1;}
@keyframes worksMove{
	0%{}
	49%{transform:rotateY(0deg);}
	50%{ left:70px; transform:rotateY(180deg);}
	100%{ transform:rotateY(180deg);}
}
@-webkit-keyframes worksMove{
	0%{}
	49%{-webkit-transform:rotateY(0deg);}
	50%{ left:70px; -webkit-transform:rotateY(180deg);}
	100%{ -webkit-transform:rotateY(180deg);}
}

.dian{ -webkit-animation: dian 1s infinite linear 2s; animation: dian 1s infinite linear 2s;}
@-webkit-keyframes dian {
	0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(2, 2);}
}
@keyframes dian {
	0% { transform: scale(1, 1);}
	100% { transform: scale(2, 2);}
}


.person{-webkit-animation:img1 .4s .8s ease-in both;-moz-animation:img1 .4s .8s ease-in both;-ms-animation:img1 .4s .8s ease-in both;-o-animation:img1 .4s .8s ease-in both;animation:img1 .4s .8s ease-in both}
@-webkit-keyframes img1{0%{opacity:0;-webkit-transform:translate3d(-792px,0,0);-moz-transform:translate3d(-792px,0,0);-ms-transform:translate3d(-792px,0,0);-o-transform:translate3d(-792px,0,0);transform:translate3d(-792px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes img1{0%{opacity:0;-webkit-transform:translate3d(-792px,0,0);-moz-transform:translate3d(-792px,0,0);-ms-transform:translate3d(-792px,0,0);-o-transform:translate3d(-792px,0,0);transform:translate3d(-792px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

.subtitle{-webkit-animation:img2 .4s 1.2s ease-in both;-moz-animation:img2 .4s 1.2s ease-in both;-ms-animation:img1 .4s 1.2s ease-in both;-o-animation:img2 .4s 1.2s ease-in both;animation:img2 .4s 1.2s ease-in both}
@-webkit-keyframes img2{0%{opacity:0;-webkit-transform:translate3d(792px,0,0);-moz-transform:translate3d(792px,0,0);-ms-transform:translate3d(792px,0,0);-o-transform:translate3d(792px,0,0);transform:translate3d(792px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes img2{0%{opacity:0;-webkit-transform:translate3d(792px,0,0);-moz-transform:translate3d(792px,0,0);-ms-transform:translate3d(792px,0,0);-o-transform:translate3d(792px,0,0);transform:translate3d(792px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}