.navbar{background: #67308B;height: 100px;line-height: 100px;font-size:20px;}
.navbar-header{float: left;width:60%;}
.navbar-content{float: left;width:40%;}
.navbar-content li{float:left;list-style: none;width: 33.333333%;text-align: right;padding-right:30px;}
.navbar-content li.active a{color:#fff;}
.navbar-brand img{width:269px;height:57px;}
.info-title{font-size:28px;}
.info-content{font-size:18px;word-wrap:break-word;}
.nav{font-size:20px;height: 100px;line-height: 100px;border-bottom: 1px solid #999999;padding-left:10px;}
.nav li{float:left;list-style: none;width:33.333333%;}
.nav li.active a{color:#67308B;}
.nav li a:hover{color:#67308B;}
.info-img,.info-download{float:left;}
.info{}
.intro-img{}
.btn-fix{width:200px;height:56px;line-height: 40px;font-size:20px;margin-top:20px;margin-right:20px;text-align: center;}
.img-baner{padding: 10px 0;border-bottom: 1px solid #999;color:#666;}
.img-baner img{width: 100%;height: 467px;}
.row{padding-top:20px;margin-right:0;}
.media-object{width:240px;height:135px;}
.panel-title{font-size:20px;}
.panel-heading{font-size:20px;}
.media-heading-cite{color:#898989;}
.media-body-content{font-size:18px;}
.more{color: #337ab7;}
.more:hover{color: #286090;}
.head-title{font-size:24px;}
.head-cite{color:#898989;font-size:12px;}
.content{font-size:24px;overflow-x:hidden;}
.share{font-size:18px;color:#ccc;}
.share a{margin-left:10px;}
.talk{padding-top:20px;}
.nav-title{border:1px solid #ccc;border-bottom: none;width:240px;height:60px;  line-height:60px;text-align: center;font-size:26px;color:#67308b;border-top:2px solid #398439;}
.talk textarea{width:100%;border:1px solid #ccc;padding:10px 5px;outline:none;}
.talk-submit{padding:10px 0 20px 0;}
.talk-content{border-top:1px solid #ccc;margin-top:10px;padding-top:10px;}
.hot-talk{font-size:26px;color:#398439;}
.hot-soure{font-size:12px;color:#ccc;}
.hot-purple{color:#67308b;}
.img-list{margin-bottom:10px;display:block;}
.img-row-list{color:#999;font-size:21px;cursor:pointer;}
.img-row-list:hover{color:#000;}
#idlist li{list-style: none;}
.img-list img{width:320px;height:198px;}
ul{padding:0;}

.heading-date{font-size:14px;}
.video-info{font-size:18px;color:#0f0f0f;}
.video-info:hover{color:#000;}
.video-list{padding-bottom: 40px;}
.media-heading a{color:#1e1e1e;}
.media-heading a:hover{color:#000;}
.banner{max-width:1100px;margin:0 auto;}
.info-download{width:50%;padding-right:5px;}
.info-img{width:50%;}
@media screen and (max-width: 768px) {
    .navbar-content li{text-align: center;padding-right:0;}
	.navbar{height: 80px;line-height: 80px;font-size: 14px;}
    .navbar-brand img{width:198px;height:42px;}
    .nav{font-size:14px;height: 60px;line-height: 60px;}
    .btn-fix{font-size:14px;width:100px;}
    .img-baner img{height:233px;}
    .panel-title{font-size: 16px;}
    .nav-title{width:120px;font-size:16px;}
    .media-left{display: block;}
    .media-object{width:120px;height:90px;}
    .media-left{float: left;width:130px;}
    .row-xs{padding:0;}
    .panel{border-top:0 none;border-left:0 none;border-right:0 none;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);box-shadow: 0 1px 1px rgba(0, 0, 0, 0);border-radius:0;}
    .media{border-bottom:1px solid #f5f5f5;padding:0 0 15px 0;max-height:250px;position:relative;width:100%;}
    .panel-body{padding:0;}
    .media-body{float:left;width:60%;overflow: hidden;}
    /*
    .talk-add-list{border:1px solid #ccc;border-radius: 4px;padding:0 15px 15px 15px;margin-top:15px;}

    .js-video{padding-right:15px;}

    .teach-picture{border-right:1px solid #ccc;}
     */
    .nav{font-size:14px;}
    .panel-body-message{padding-top:15px;}
    .media-heading{font-size:16px;}
    .hot-talk{font-size:16px;}
    .row{padding-top:0;}
    .container-fluid{padding:0;}
    .info-img{width:30%;}
    .info-download{width:70%;}
    .info-title{font-size:16px;}
    .info-content{font-size:14px;}
    .video-info{font-size:16px;}
    .video-list img{width:170px;height:99px;}
    .media-body-content{font-size:14px;color:#898989;}
    .icon-comment{position:absolute;bottom:0;right:0;}
    .icon-comment:hover{color:#000;}
    .icon-comment img{margin-right:5px;}
    .talk-add-list{padding:5px;}
}
@media screen and (min-width: 768px){
    .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:99%;}
    .media-left{width:250px;}
    .media-body{width:65%;}
    .container-fluid{max-width:1120px;}
    .col-md-9{width:70%;padding-left:7px;padding-right:7px;}
    .col-md-3{width:30%;padding-left:7px;padding-right:7px;}
}