@charset "utf-8";

.culture{width:100%;padding:30px 0 30px 0;background:url(../images/column_culture_bg.jpg); 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;}

.bar_myclass{width:100%;min-height:500px;text-align:center;padding:20px 0 50px 0;} 
.bar_myclass .headclass{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 .bar_mycontent{min-height:300px;width:94%;font-size:12pt;padding:3% 3% 3% 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%;min-height:90px;font-size:12pt;line-height:18px;}
.unit_culture dt{display:block;float:right;width:38%;height:40px;font-size:12px;color:#666;line-height:20px;display:none;}
.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_mycontent .bar_bookUnit{width:23%;text-align:center;display:inline;height:auto;margin-top:20px;}
.bar_mycontent .bar_bookUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.bar_mycontent .bar_bookUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.bar_mycontent .bar_bookUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.bar_mycontent .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_mycontent .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_mycontent .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_mycontent .bar_bookUnit ul .shape .t A{font-size:12px;}

.bar_mycontent .bar_videoUnit{width:23%;text-align:center;display:inline;height:auto;margin-top:50px;}
.bar_mycontent .bar_videoUnit ul{width:100%;padding-bottom:calc( 75% + 40px );position:relative;height:auto;}
.bar_mycontent .bar_videoUnit ul .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.bar_mycontent .bar_videoUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 40px );text-align:center;overflow:hidden;}
.bar_mycontent .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;}
.bar_mycontent .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);}
.bar_mycontent .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; }
.bar_mycontent .bar_videoUnit ul .shape .t A{}

.bar_mycontent .video{float:left;min-height:400px;width:100%; text-align:center;margin:10px 0px 0px 0px;}
.bar_mycontent .video li{float:left;height:25px;width:300px;margin:10px;text-align:left;padding-left:20px;}
.bar_mycontent .video li A{font-weight:bold;font-size:14px;}
.bar_mycontent .video .play{float:left;height:400px;width:790px;margin:5px;text-align:center;background-color:#000000;}
.bar_mycontent .video .play iframe{height:400px; width:790px;}

.bar_mycontent .myimgs{float:left;width:90%;min-height:5px;margin:10px 0 0 20px;}
.bar_mycontent .myimgs img{float:left;height:100px;margin:3px;}
.bar_mycontent .ai{float:left;min-height:100px;width:100%; text-align:center;margin:10px 0px 0px 0px;}

@media only screen and (max-width: 760px) {
.culture .zone{width:100%;}
.bar_myclass .headclass{min-height:40px;line-height:40px;height:auto;}
.bar_myclass .headclass li{height:40px;width:auto;line-height:40px;font-size:12pt;padding:0 10px 0 10px;} 
.bar_myclass .headclass li.selected{font-size:12pt;} 

.unit_culture{width:calc( 100% - 4px);}

.bar_mycontent .bar_bookUnit{float:left; width:48%;}

.bar_mycontent .bar_videoUnit{width:48%;}
}