@charset "utf-8";

.culture{width:100%;padding:30px 0 30px 0;background:#f4f4f4; overflow:hidden;}
.culture .zone{width:1200px;margin:auto;padding:20px 0 20px 0;}
.culture .cname{width:100%;text-align:center;}
.culture .cname h2 { font-size: 36px;line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}

.main .detail_text{min-height:100px;width:98%;line-height:32px;font-size:16px; padding:20px 0 20px 0; text-align:left;text-align:justify;color:#333333;}
.main .detail_text P{text-indent:40px;}

.bar_myclass{width:100%;min-height:500px;text-align:center;padding:20px 0 50px 0;} 
.bar_myclass .headclass{min-height:50px;line-height:50px;width:90%;text-align:center;margin:auto;}
.bar_myclass .headclass li{display:inline-block;height:50px;width:90px;margin:auto;line-height:50px;font-size:16pt;padding:0 20px 0 20px;background-color:#fff;color:#1362cb;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition: all 1s;cursor:pointer;} 

.bar_myclass .headclass li.selected{background-color:#1362cb;color:#fff;font-size:16pt;} 
.bar_myclass .headclass li.selected s{display:none;}

.bar_myclass .content_1{text-align:left;min-height:300px;width:94%;font-size:12pt;padding:6% 3% 6% 3%;line-height:30px;color:#666;} 
.bar_myclass .content_3{text-align:left;min-height:300px;width:94%;font-size:12pt;padding:6% 3% 6% 3%;line-height:30px;color:#666;} 
.bar_myclass .content_4{text-align:left;min-height:300px;width:94%;font-size:12pt;padding:6% 3% 6% 3%;line-height:30px;color:#666;} 
.bar_myclass .content_5{text-align:left;height:300px;width:100%;font-size:12pt;padding-top:60px;} 
.bar_myclass .content_6{text-align:left;min-height:300px;width:94%;font-size:12pt;padding:6% 3% 6% 3%;line-height:30px;color:#666;} 

.unit_culture{float:left;width:calc( 31.3% - 4px);padding:1%;margin:2px;height:150px;background:#fff;position:relative;}
.unit_culture s{display:block;float:left;height:100%;width:60%;overflow:hidden;}
.unit_culture s img{height:100%;} 
.unit_culture A{display:block;float:right;width:38%;height:60px;font-size:16pt;}
.unit_culture dt{display:block;float:right;width:38%;height:60px;font-size:12px;color:#666;line-height:20px;}
.unit_culture em{display:block;position:absolute;width:20px;height:20px;line-height:20px;right:0px;bottom:0px;text-align:center;color:#fff;font-weight:bold;font-size:14px;background-color:#c41305;}
 

.bar_bookUnit{width:23%;text-align:center;display:inline;height:auto;margin-top:50px;}
.bar_bookUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.bar_bookUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.bar_bookUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.bar_bookUnit ul .shape .vi img{ height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.bar_bookUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.bar_bookUnit ul .shape .t{float:left;width:100%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.bar_bookUnit ul .shape .t A{}

.content_4 .bar_videoUnit{width:23%;text-align:center;display:inline;height:auto;margin-top:50px;}
.content_4 .bar_videoUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.content_4 .bar_videoUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.content_4 .bar_videoUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.content_4 .bar_videoUnit ul .shape .vi img{ height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.content_4 .bar_videoUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.content_4 .bar_videoUnit ul .shape .t{float:left;width:100%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.content_4 .bar_videoUnit ul .shape .t A{}

@media only screen and (max-width: 760px) {
.culture .zone{width:100%;}
}

.culture_list_remark{float:left;width:100%;min-height:200px; clear:both;margin-top:10px;} 
.culture_list_remark .uContent{float:left;width:100%;padding:20px 0 30px 0;}

.culture_list_remark .unit{float:left;width:100%;margin-top:15px;padding:10px 0px 10px 0px;position:relative; background-color:#FFF; transition:0.5s;bbox-shadow: 0 4px 10px #CBCBCB;}

.culture_list_remark .unit .uimg{width:40%;min-height:0px;text-align:center;margin:10px 0 0 10px;}
.culture_list_remark .unit .uimg li{float:left;width:100%;position:relative;overflow:hidden;}
.culture_list_remark .unit .uimg img{float:left;width:100%;height:auto;left:0;top:0;}

.culture_list_remark .unit .p1 {float:left;display:block;height:40px;font-size:20pt;color: #CCC;text-transform: uppercase;font-family: "Noto Sans SC","Microsoft YaHei",arial,"宋体";margin-left:20px;margin-top:20px;}
.culture_list_remark .unit .utitle{min-height:120px; padding:0px 0 0 0px;margin:10px 0 0 5px;width:calc( 60% - 20px );font-family: "Noto Sans SC","Microsoft YaHei",arial,"宋体";} 
.cutitle1{}
.culture_list_remark .unit .utitle li{float:left;width:100%;height:60px; line-height:60px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:16pt;}
.culture_list_remark .unit .utitle li A{font-size:30pt;font-weight:bold;font-family: "Noto Sans SC","Microsoft YaHei",arial,"宋体";}
.culture_list_remark .unit .utitle img{margin-left:20px;max-width: 40px; float: left; margin-right: 10px;} 
.culture_list_remark .unit .utitle .red {float:left;color: #dd0330;font-size:25pt;font-weight: 300;line-height:40px;display: inline-block;}
.culture_list_remark .unit .utitle .sy {float:left;width:50px;height:20px;border-bottom:3px solid #f4ae06; }

.culture_list_remark .unit .utitle .remark{float:left;width:96%;min-height:300px;height:100%;border-bottom:1px solid #CCC;line-height:32px;font-size:12pt;overflow:hidden;color:#666;margin-left:2%; font-family: "Noto Sans SC","Microsoft YaHei",arial,"宋体";} 
.culture_list_remark .unit .utitle .remark p{margin:30px 0;font-family: "Noto Sans SC","Microsoft YaHei",arial,"宋体";font-size:16pt;}
.culture_list_remark .unit .utitle info{display:none;float:left;width:100%;height:25px;color:#666;text-align:right;}
.culture_list_remark .unit .utitle info span{display:inline-block;height:25px;line-height:25px;padding:0 20px 0 20px;text-indent:10px;color:var(--mainColor);}
  

@media only screen and (max-width: 760px) {
.culture_list_remark .unit .uimg{width:100%;height:auto;min-height:10px;max-height:1000px;margin:10px 0 0 0;overflow:hidden;}
.culture_list_remark .unit .uimg img{width:100%;max-height:1000px;}

.culture_list_remark .unit .udate{float:left;position:relative;width:calc( 22% - 2px ) ;}
.culture_list_remark .unit .utitle{float:right;width:100%;}  
.utitle1{width:75%;}
.utitle2{width:75%;}
}