body{
	overflow: hidden;
	background: #333;
}
/*nav*/
.th_nav{
	width: 57px;
	border-right:1px solid #fff ;
	height: 100%;
	position: fixed;
	left: 0;
	top:0;
	background: #ffefd5;
	text-align: center;
	z-index: 9999;
	display: none;
}
.th_nav .but{
	margin: 150px auto 0 auto;
}
.th_nav ul{
	width: 24px;
	margin: 0 auto;
}
.th_nav li{
	width:24px;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
	font-family: "方正宋刻本秀楷简体","微软雅黑";
	letter-spacing: 1px;
	margin-top: 20px;
	font-size: 24px;
	cursor: pointer;
}
.th_nav li span{
	display: none;
	font-size: 10px;
	padding-bottom: 3px;
	border-bottom: 2px solid #bd1200;
}
.th_nav li:hover{
	color: #bd1200;
}
.th_nav .th_list{
	color: #bd1200;
}

/*logo*/
.th_logo{
	width: 40px;
    position: fixed;
    top: 23px;
    left: 5px;
    z-index: 9999;
	display: none;
}
@media only screen and (min-height:700px ) {
	.th_nav li span{
		display: inline-block;
		font-size: 10px;
		padding-bottom: 3px;
		border-bottom: 2px solid #bd1200;
	}
	.th_logo{
		width: 53px;
		position: fixed;
		top:23px;
		left:78px;
		z-index: 999;
		display: none;
	}
	.th_nav .but{
		margin: 21px auto 0 auto;
	}
}
@media only screen and (max-width: 1024px) {
	.th_nav li span{
		display: none;
		font-size: 10px;
		padding-bottom: 3px;
		border-bottom: 2px solid #bd1200;
	}
	.th_logo{
		width: 40px;
		position: fixed;
		top:23px;
		left:5px;
		z-index: 9999;
		display: none;
	}
	.th_nav .but{
		margin: 150px auto 0 auto;
	}
}
/*th_content*/
.th_content{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
.th_content >div{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	
	display: none;
}
/*思想*/
.th_content >.th_sx{
	display: block;
	
	background: url(../img/th_sx_bg.jpg) no-repeat center 0;
	background-size:cover ;
}
.sx_tab{
	width: 52.5%;
	height: 35px;
	margin-top:55px;
	margin-left: 24.5%;
}
.sx_tab li{
	font-family:"黑体","微软雅黑";
	font-size: 17px;
	width: 80px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #927571;
	float: left;
	cursor: pointer;
}
.sx_tab .s_a{
	background: #bf1d0b;
	color: #fff;
}
.out_box{
	width: 60%;
	height:75%;
	
	margin-left: 17.5%;
	background: url(../img/sx_outbox.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent{
	margin-left: 12%;
	width: 86.6%;
	height:97% ;
	position: relative;
}
.box_cotent>div{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	display: none;
}
.box_cotent>div:nth-of-type(1){
	display: block;
	background: url(../img/sx_bg1.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent>div:nth-of-type(2){
	background: url(../img/sx_bg2.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent>div:nth-of-type(3){
	background: url(../img/sx_bg3.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent>div:nth-of-type(4){
	background: url(../img/sx_bg4.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent>div:nth-of-type(5){
	background: url(../img/sx_bg5.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent>div:nth-of-type(6){
	background: url(../img/sx_bg6.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.box_cotent>div h6{
	font-family: "方正小标宋简体","微软雅黑";
	width: 30px;
	height:auto;  
	float: right;  
 	font-size: 30px;
 	margin-top: 55px;
	margin-right: 58px;
	color: #40454e;
    writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ 
}
.box_cotent>div .s_txt{
	width: 36.7%;
	height: 86%;
	float: right;
	font-family: "微软雅黑";
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	margin-top: 5%;
	margin-right: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}

.box_cotent>div .s_txt::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #C0C0C0;
}


/*定义滚动条轨道 内阴影+圆角*/

.box_cotent>div .s_txt::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ebebeb;
}


/*定义滑块 内阴影+圆角*/

.box_cotent>div .s_txt::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(92, 47, 21);
}
.box_cotent>div .s_txt p{
	float: right;
	
}
/*精编*/
.th_content >.th_jb{
	background: #333333;
}
/*名言*/
.th_content >.th_my{
	
	background: url(../img/th_my_bg.jpg) no-repeat center 0;
	background-size:cover ;
}
.my_scroll{
	width: 1020px;
	margin: 0 auto;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.my_scroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #C0C0C0;
}


/*定义滚动条轨道 内阴影+圆角*/

.my_scroll::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ebebeb;
}


/*定义滑块 内阴影+圆角*/

.my_scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(92, 47, 21);
}
.my_ce{
	width: 1008px;
	margin-top: 8px;
}

.my_imgs{
	width: 1008px;
	height:314px;
	
}
.my_img{
	width:300px ;
	height: 300px;
	overflow: hidden;
	border: 7px solid #927571;
	position: relative;
	float: left;
	
	margin-right: 32px;
	cursor: pointer;
}
.my_img img{
	width: 300px;
	height: 300px;
}
.my_img:nth-of-type(3n) {
	margin-right: 0px;
}
.my_img .b_txt{
	width: 110px;
	height: 40px;
	text-align: center;
	position: absolute;
	top: -6px;
	left: -42px;
	background: #9e5d54;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 50px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* Internet Explorer */
	-moz-transform:rotate(-45deg); /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); /* Opera */
}
.my_ce:nth-of-type(n) .my_img .b_txt{
	background: #9e5d54;
}
.my_ce:nth-of-type(3) .my_img .b_txt{
	background: #4673b7;
}
.my_ce:nth-of-type(7) .my_img .b_txt{
	background: #4673b7;
}
.my_ce:nth-of-type(11) .my_img .b_txt{
	background: #4673b7;
}
.my_ce:nth-of-type(15) .my_img .b_txt{
	background: #4673b7;
}
.my_ce:nth-of-type(4n+0) .my_img .b_txt{
	background: #4673b7;
}
.my_contents{
	width: 1008px;
	height: auto;
}
.my_content{
	width: 1008px;
	height: 374px;
	display: none;
	
}
.my_content:nth-of-type(n){
	background: url(../img/my_01bg.png) no-repeat 0 0;
}
.my_content:nth-of-type(3n-1){
	background: url(../img/my_02bg.png) no-repeat 0 0;
}
.my_content:nth-of-type(3n){
	background: url(../img/my_03bg.png) no-repeat 0 0;
}

.my_content div{
	width: 228px;
	height: 308px;
	margin-top: 44px;
	float: left;
	padding-left: 50px;
	padding-right: 50px;
	overflow-x: hidden;
	overflow-y: auto;
}
.my_content div::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #C0C0C0;
}


/*定义滚动条轨道 内阴影+圆角*/

.my_content div::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ebebeb;
}


/*定义滑块 内阴影+圆角*/

.my_content div::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(92, 47, 21);
}
.my_content div h6{
	font-family: "微软雅黑";
	font-size: 20px;
	color: #fff;
	margin-bottom: 22px;
	font-weight: normal;
}
.my_content div p{
	font-family: "微软雅黑";
	font-size: 15px;
	color: #fff;
	line-height: 22px;
	
}
.my_content .my_gw{
	border-right: 1px solid #a8918d;
}
.my_content .my_yw{
	border-right: 1px solid #a8918d;
}
/*成语*/
.th_content >.th_cy{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(../img/th_cy_bg.jpg) no-repeat center 0;
	background-size:cover ;
}
.container {
		max-width: 63rem;
		margin-right: auto;
		margin-left: auto;
		padding: 2rem;
		
	}

	.mt1 {
		margin-top: 1rem;
	}

	.align-right {
		text-align: right;
		padding-right: 2rem;
	}

	.mouse-pointer {
		cursor: pointer;
	}
/*讲堂*/
.th_content >.th_jt{
	background: url(../img/th_jt_bg.jpg) no-repeat 0 0;
	background-size:100% 100% ;
	position: relative;
}
.th_content >.th_jt a{
	position: absolute;
	display: block;
	/*background: #fff;*/
	z-index: 9;
	cursor:pointer;
}
.th_content >.th_jt a img{
	width: 50px;
	position: absolute;
}
.th_content >.th_jt>.jt_wd{
	width: 10.9%;
	height:33.5%;
	top:17.2%;
	left:18.75%;
}
.th_content >.th_jt>.jt_wd img{
	top:105%;
	left: 0%;
}
.th_content >.th_jt > .jt_bj{
	width: 19.2%;
	height:28.1%;
	top:27.4%;
	left:36.72%;
}
.th_content >.th_jt>.jt_bj img{
	top:75%;
	left: 85%;
}
.th_content >.th_jt > .jt_gl{
	width: 3.9%;
	height:28.4%;
	top:17.2%;
	left:73.7%;
}
.th_content >.th_jt>.jt_gl img{
	top:88%;
	left: 48%;
}
.th_content >.th_jt > .jt_zh{
	width:9.1%;
	height:66.1%;
	top:0;
	right:0;
}
.th_content >.th_jt>.jt_zh img{
	top:95%;
	left: 0%;
}
/*视频*/
.th_video{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(64,69,78,0.8);
	display: none;
}
.th_video .Vd{
	width: 100%;
	height: 100%;
}
.th_video .Vd>div{
	width: 45.1%;
	margin:0 auto;
	display: none;
}
.th_video .Vd>div h3{
	width: 100%;
	font-family: "楷体","微软雅黑";
	font-size: 32px;
	color: #CCCCCC;
	margin-top: 12%;
	margin-bottom: 20px;
}

.th_video .Vd>div span{
	float: right;
	font-style: oblique;
	font-size: 16px;
	color: #ccc;
}
.th_video .Vd>div ul li{
	float: left;
	padding: 5px 10px;
	border: 1px solid #fff;
	color: #fff;
	margin-left: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
.th_video .Vd>div ul .acts{
	color: red;
	border: 1px solid red;
}
.th_video .Vd>div video{
	width: 100%;
	height: 350px;
	
	background: black;
}

@media only screen and (min-height:700px ) {
	.th_video .Vd>div h3{
		width: 100%;
		font-family: "楷体","微软雅黑";
		font-size: 32px;
		color: #CCCCCC;
		margin-top: 15%;
		margin-bottom: 20px;
	}
	.th_video .Vd>div video{
		width: 100%;
		height: 550px;
		
		background: black;
	}
}