body{background: url(../img/bg.jpg) center no-repeat;}
#landscape{display: none;}
.bg{height: 3678px;width: 1200px;margin:0 auto;position: relative;}
.bg1, .bg2{display: none;width: 100%;}
.side{position: fixed;bottom: 5%;right: 1%;z-index: 50;}
.side a{display: block;}
.backbbs{background: url(../img/back.png) center no-repeat;height:184px;width: 69px;position: relative;}
.backtop{background: url(../img/top.png) center no-repeat;height:184px;width: 69px;position: relative;}
.content{padding-top:1400px;}
.nav{padding-top: 770px;}
.nav ul{display: block;background: url(../img/nav.png) center no-repeat;text-align: center;height: 121px;}
.nav li{display: inline-block;width: 277px;height: 121px;margin:0 30px;}
.nav a{display: block;width: 100%;height: 100%;}
.nav .btn1{background: url(../img/nav_btn1.png) center no-repeat;background-size: 100%;}
.nav .btn1:hover,.nav .btn1.cur{background: url(../img/nav_btn1_h.png) center no-repeat;background-size: 100%;}
.nav .btn2{background: url(../img/nav_btn2.png) center no-repeat;background-size: 100%;}
.nav .btn2:hover,.nav .btn2.cur{background: url(../img/nav_btn2_h.png) center no-repeat;background-size: 100%;}
.nav .btn3{background: url(../img/nav_btn3.png) center no-repeat;background-size: 100%;}
.nav .btn3:hover,.nav .btn3.cur{background: url(../img/nav_btn3_h.png) center no-repeat;background-size: 100%;}

.content .tab-li{text-align: center;margin: 15px 0;cursor: pointer;}
.content .tab-li li{display: inline-block;width: 250px;height: 61px;font-size:0px;}
.content .tab-li .li1{background: url(../img/pv_video.png) center no-repeat;}
.content .tab-li .li2{background: url(../img/new_video.png) center no-repeat;}
.content .tab-li .li1.cur,.content .tab-li .li1:hover{background: url(../img/pv_video_h.png) center no-repeat;}
.content .tab-li .li2.cur,.content .tab-li .li2:hover{background: url(../img/new_video_h.png) center no-repeat;}

.video-con{margin: 0 50px;display: none;max-height: 1000px;}
.video-con.show{display: block;}
.pv_video{}

.videos{text-align: center;}
.videos li{display: inline-block;margin: 30px;/*background: url(../img/info_bg.png) center no-repeat;*/width: 298px;height: 233px;border: 2px solid #352621;}
.videos .video{padding: 2px 0px 0px 12px;font-size:80%;}
.video img{width: 286px;height: 163px;overflow: hidden;}
.video-info{width: 286px;background: #352621;margin: 0 auto;}
.video-info p{line-height: 25px;overflow: hidden;padding: 4px 10px;}
.video-info .video_title{color: #fff;float: left;width: 220px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;}
.video-info .video_time{color: #9b8983;float: right;}
.video-info .video_pv{color: #f3b43d;float: left;}
.video-info .video_btn{width: 80px;height: 24px;line-height: 24px;background-color: #f3b43d;color: #352621;float: right;text-align: center;font-size: 12px;}

.holder, .holder2{text-align: center;/*font-size: 20px;*/font-weight: 700;}
.holder a, .holder2 a{color: #000;margin:0 3px;}
.holder .jp-previous, .holder .jp-next, .holder2 .jp-previous, .holder2 .jp-next{margin:0 15px;}
.holder .jp-current, .holder2 .jp-current{color:#dd4559;}


/*手机版适配优化*/

@media screen and (max-width: 1024px) {
	body{background-image: none; font-size:62.5%;}
	.bg{/*background: url(../img/bg_m.jpg) center 0 no-repeat;height: 3565px;*/width: 100%;height:auto;background-size: 100%;}
	.bg1, .bg2{display: block;}
	.side{}
	.backbbs{background-size: 100%;height: 80px;width: 30px;}
	.backtop{background-size: 100%;height: 80px;width: 30px;}
	.nav {padding-top: 0;position: absolute;top:11%;width: 100%;height: 10rem;}
	.nav ul{background-size: 100%;width: 90%;margin: 0 auto;}
	.nav li{width: 24%;margin: 0 3.3%;}

	.content{padding-top: 10%;width: 100%;/*background: url(../img/bg_m2.jpg) 0 0 no-repeat;background-size: 100%;*/position: absolute;top: 67%;}
	.content .tab-li{margin: 0;}
	.content .tab-li .li1,  .content .tab-li .li2, .content .tab-li .li1.cur, .content .tab-li .li1:hover, .content .tab-li .li2.cur, .content .tab-li .li2:hover{width: 40%;background-size: 100%;}
	.video-con{margin:0;}
	.videos{min-height: inherit;}
	.videos li{margin:0.5rem;width: 40%;height: auto;padding: 2px 0;}
	.videos .video{padding:0;padding-left: 0.5rem;}
	.video img{width: 100%;height: 5.7rem;}
	.video-info{width: 100%;padding: 0rem;margin:0 auto;}
	.video-info p{line-height: 1rem;}
	.video-info .video_title{width:100%;}
	.video-info .video_time{display: none;}

	.holder .jp-previous, .holder .jp-next, .holder2 .jp-previous, .holder2 .jp-next{margin: 0 0.2rem;}
}
@media screen and (max-width: 320px) {
	.video-info .video_btn{display: none;}
	.nav{top:10.3%;}
	.video img{height: 4.7rem;}
}

/*横屏*/
@media (orientation:landscape) {
	#landscape{background-color:#aaa;}
	.nav{top:12.5%;}
	.content{top:68%;}
	.content .tab-li .li1, .content .tab-li .li2, .content .tab-li .li1.cur, .content .tab-li .li1:hover, .content .tab-li .li2.cur, .content .tab-li .li2:hover{width:30%;}
}
@media (min-width: 667px) and (orientation:landscape) {
	.video img{height: 10rem;}
}

/*ipad*/
@media screen and (min-width: 1536px) {
	#landscape{background-color:#aaa;}
	.nav{top:12.5%;}
	.content{top:68%;}
	.content .tab-li .li1, .content .tab-li .li2, .content .tab-li .li1.cur, .content .tab-li .li1:hover, .content .tab-li .li2.cur, .content .tab-li .li2:hover{width:30%;}
	.video img{height: 10rem;}
}