@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%;}
}