@charset "utf-8";
/* CSS Document */

.main{width:100%;background-color:#fffcf7;}
.content{width:76.5%;margin:82px auto;}
.title{font-family: "KaiTi",sans-serif;font-size:30px; font-size: 3rem;margin: 20px 60px;color:#4e2925;}
.title .roman{display: none;}
.tabBox .tab{display: inline-block;padding: 3px 5px;margin-right: 10px;cursor: pointer;border-radius: 3px;}
.tabBox .tab.active{background: #4e2925;color: #ffffff;}
.tabBox{margin: 0 60px;}

.content-nr{width:100%;margin-top:53px;}
.content-nr01{margin: 20px 60px;}
.content-nr01 p{line-height:36px;}

.video{position:relative;width:calc(100%/3 - 60px);margin:30px;overflow: hidden;}
.video>img{display:block;width:100%;max-width:100%;}
.video .cover{position:absolute;top:0;left:0;right:0;bottom:0;}
.video .cover>a{position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;}
.video .cover>a>img{width: 100%;}
.cover>a{ opacity:0.5;}
.cover:hover a{ opacity:1;}
.video-play{margin: 30px; display: flex;flex-wrap: wrap;}
.video .title2{font-size: 36px;font-size: 3.6rem;color: #fffcf7;position: absolute;right: 5%;bottom: -40px;}
.video-play .video:hover .title2{bottom: 20px;}
.video-play .video:hover .cover{background-color: rgba(0,0,0,0.2);}

.group .logo2{text-align: center;margin: 20px 0 50px;}
.introduce .text{width: 43%;margin: 20px auto;text-align: center;color: #808080;}
.introduce{margin-bottom: 100px;}
.backTop{text-align: center;margin-bottom: 60px;margin-top: 40px;}
#model{position: fixed;top:0;left: 0;right: 0;bottom: 0;background: #000;z-index: 66;display: none;}
#model video{ position: absolute; width: 90%;height: calc(100% - 200px);left: 5%;right: 5%; top: 100px;bottom:100px; }
#model .close{position: absolute;top: 10px;right: 15px;width: 40px;height: 40px;background: url("../img/close.png") no-repeat center;background-size: cover;cursor: pointer;z-index: 10;}

@media screen and (max-width:1400px){
	.video .cover>a{width: 120px;height: 120px;margin-left: -60px;margin-top: -60px;}
	.video{width: calc(100%/3 - 30px);margin: 15px;}
	.video-play{margin: 15px;}
}

@media screen and (max-width:1023px){
	.content-nr01 p{line-height: 2;}
	.video .cover>a{width: 80px;height: 80px;margin-left: -40px;margin-top: -57px;}
	.video{width: calc(100%/3 - 10px);margin: 5px;}
	.video-play{margin: 5px;}
}
@media screen and (max-width:769px){
	  body{overflow-x:hidden;}
	  html{overflow-x:hidden;}
	 /*.main{margin-top:60px;}*/
	#model .close{top: 70px; width: 32px;height: 32px;}
	 .title{font-size:22px;font-size:2.2rem;margin:20px;}
	 .content-nr01{margin:20px;}
	 .backTop img{width: 40px;}
	.tabBox{margin: 0 20px;}
}

@media screen and (max-width:600px){
	.video{width: 100%;margin: 10px 0;}
	.video-play{margin: 0;}
	.video .title2{position: static;padding: 8px 0;text-align: center;font-size: 16px;font-size: 1.6rem;color: #4e2925;}
}