/*body{background: url(../img/bg.jpg) center 80px no-repeat #fff;}*/
body{overflow-x: hidden;}
.main{position: relative;height: 960px;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.banner , .banner_landscape , .webtopbar , .webtopbar-gotop{display: none;}


/*固顶的系列活动导航*/
.nav_all{position: fixed;top: 0;left: 0;width: 100%;background: #000;z-index: 999;}
.nav_all ul{width: 1200px;margin: 0 auto;text-align: center;}
.nav_all li{display: inline-block;width: 240px;height: 80px;line-height: 1.2;font-weight: bold;margin: 0 -3px;}
.nav_all li a{display: block;color: #000;font-size: 24px;height: 80px;text-indent: -9999px;}
.nav_all li .home{background: url("../img/home.jpg");}
.nav_all li .home:hover{background: url("../img/home_hover.jpg");}
.nav_all li .story{background: url("../img/story.jpg");}
.nav_all li .story:hover{background: url("../img/story_hover.jpg");}
.nav_all li .story.hover{background: url("../img/story_hover.jpg");}
.nav_all li .video{background: url("../img/video.jpg");}
.nav_all li .video:hover{background: url("../img/video_hover.jpg");}
.nav_all li .video.hover{background: url("../img/video_hover.jpg");}
.nav_all li .live{background: url("../img/live.jpg");}
.nav_all li .live:hover{background: url("../img/live_hover.jpg");}
.nav_all li .live.hover{background: url("../img/live_hover.jpg");}
.nav_all li.cur{background: #3d3d3d;}
.nav_all li.cur a{color: #fff;}
.nav_all li p{line-height: 1.5;font-size: 14px;color: #aaa;font-weight: normal;display: none;}
.nav_all li i{display: block; margin: 5px auto 0;width: 20px;height: 1px;background: #d59195;}


/*视觉差元素*/
.main .layer{width: 100%;height: 100%;}
.main .bg{width: 100%;height: 100%;position: absolute;background: url(../img/bg.jpg) no-repeat;background-position: center center;}
.main .bg{width: 2048px;height: 110%;position: absolute;background: url(../img/bg_none.jpg) no-repeat;background-position: center center;background-size: 98%;left:50%;margin-left: -1024px;}
.main .logo{display: block;width: 432px;height: 76px;background: url(../img/logo.png) no-repeat;position: absolute;top:15%;left:50%;margin-left:-226px;}
.main .slogan1{display: block;width: 914px;height: 140px;background: url(../img/slogan1.png) no-repeat;position: absolute;top:30%;left:50%;margin-left:-457px;}
.main .slogan2{display: block;width: 581px;height: 95px;background: url(../img/slogan2.png) no-repeat;position: absolute;top:47%;left:50%;margin-left:-290px;}
.main .eagle1{display: block;width: 502px;height: 304px;background: url(../img/eagle1.png) no-repeat;position: absolute;top:35%;left: 50%;margin-left: -950px;}
.main .eagle2{display: block;width: 502px;height: 304px;background: url(../img/eagle2.png) no-repeat;position: absolute;top:25%;left: 60%}
.main .down{display: block;width: 59px;height: 62px;background: url(../img/down.png) no-repeat;position: absolute;top:85%;left: 48%}
.main .enter {display: block;width: 800px;height: 180px;position: relative;margin: 650px auto 0;}
.main .enter a{display: block;width: 366px;height: 140px;/*background-image: url("../img/btn.png");*/}
.main .btn1{/*position: absolute;*/float: left;}
.main .btn2{/*position: absolute;*/float: right;}
.main .story{background: url(../img/enter_l.png) no-repeat;}
.main .story:hover {background: url(../img/enter_l_h.png) no-repeat;}
.main .video {background: url(../img/enter_r.png) no-repeat;}
.main .video:hover {background: url(../img/enter_r_h.png) no-repeat;}
/*.main .enter {width: 366px;height: 86px;background-image: url("../img/btn.png");}*/

.content{width:100%;height:500px;background: url(../img/bg_c.jpg) center repeat;padding-top:50px;}
.content .title{width: 300px;height: 40px;background: url(../img/title.png) center no-repeat;margin: 5% auto;}
.content .jiangli {text-align: center;}
.content .jiangli div{width:152px;height: 142px;display: inline-block;margin:3% 3%;}
.content .jiangpin1{background: url(../img/1.jpg) center no-repeat;}
.content .jiangpin2{background: url(../img/2.jpg) center no-repeat;}
.content .jiangpin3{background: url(../img/3.jpg) center no-repeat;}
.content .jiangpin4{background: url(../img/4.jpg) center no-repeat;}

/*手机版适配优化*/
@media screen and (max-width: 1024px) {
	.topbar , .footer { display: none;}

	body { font-size: 62.5%; background-image: none;}

	.banner { display: block; width: 100%; position: relative; /*margin-bottom: -1.5rem;*/}
	.banner img { width: 100%;}

	.main { margin: 0 auto; background: none; height: auto;overflow: hidden;}

	.nav_all { bottom: 0; top: inherit; border-top: 2px solid #3d3d3d; border-bottom: 0; background: #fff;}
	.nav_all ul { width: 100%;}
	.nav_all li { width: 24%; height: 2.5rem; padding-top: 0.5rem; margin: 0;}
	.nav_all li a { font-size: 14px; color: #3d3d3d; text-indent: initial;}
	.nav_all li .home { background: none;}
	.nav_all li .home:hover { background: none;}
	.nav_all li .story { background: none;}
	.nav_all li .story:hover { background: none;}
	.nav_all li .story.hover { background: none;}
	.nav_all li .video { background: none;}
	.nav_all li .video:hover { background: none;}
	.nav_all li .video.hover { background: none;}
	.nav_all li .live { background: none;}
	.nav_all li .live:hover { background: none;}
	.nav_all li .live.hover { background: none;}
	.nav_all li p { font-size: 12px; display: block;}
	.nav_all li i { display: none;}

	.main .bg , .main .logo , .main .slogan1 , .main .slogan2 , .main .eagle1 , .main .eagle2 {display: none;}
	.main{position: absolute;width: 100%;height: 100%;top: 0;}
	.main .enter{margin:80% auto;width: 100%;}
	.main .btn1, .main .btn2{float:none;}
	.main .btn1 a, .main .btn2 a{margin:3% auto;width:277px;height:104px;background-size: 100%;}
	.main .btn1 a:hover, .main .btn2 a:hover{background-size: 100%;}
}