@charset "utf-8";
#main{background: #f5f5f5;}
#main .container{display: flex;overflow: visible;}
#main .left, #main .right{background: #fff;border: 1px solid #eee;margin: 20px 0;padding: 20px;box-sizing: border-box;display: table-cell;min-height: 600px;}
#main .left{width: 300px;margin-right: 20px; min-width: 210px;}
#main .right{width: 940px; padding:20px 35px;}
#main .left h2{background: #0166ac;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 18px}
#main .left li{height: 45px;line-height: 45px;margin-top: 20px;font-size: 16px;border: 1px solid #eee; padding-left:40px; color:#2fa4e1; font-weight:bold;display: block;background: url(arr2.png) #f7f7f7 30px 20px no-repeat;}
#main .left li a{font-weight:normal; color:#333; display:block}
#main .left li#sub{height:auto;color:#333}
#main .left li#sub a,#main .left li#sub:hover a{color:#333}
#main .left li#sub:hover a:hover{color:#2fa4e1}
#main .left li#sub:hover{background:#f7f7f7; color:#333}
#main .left li li{height:30px; background:none; border:none; font-size:13px; line-height:30px; margin:10px 0; padding-left:0; background:none}
#main .left li:hover,#main .left li.current{color: #fff;background: url(arr2_hover.png) #2fa4e1 30px 20px no-repeat}
#main .left li:hover li:hover{background:none}
#main .left li:hover a,#main .left li.current a{color:#fff}
#main .left .long li{padding:0 15px; background-image:none; font-size:14px}
#main .left .long li a{background-position:8px 20px; height:45px; line-height:1.2em; font-size:15px;display: flex;align-items: left;justify-content: space-around;flex-direction: column;}
#main .left h2 i{display: inline-block;width: 24px;height: 24px;background: url(icon_left_tit.png) no-repeat;vertical-align: middle;margin-right: 8px;margin-top: -5px}
#top_right h2{float: left;color: #0166ac;font-size: 24px;line-height: 1em;border-left: 4px solid #0166ac;padding-left: 8px}
#top_right nav{float: right}
.content{margin-top:40px; font-size:14px; line-height:2em;word-break: break-all}
.content span,.content p{ font-size:14px !important; line-height:2em}
.content p{ margin-bottom:5px;}
/**社科快讯**/
.news_list{border-top:1px solid #ccc}
.news_list li{padding:20px 0; border-bottom:1px dashed #ccc}
.news_list li h3{font-size:18px; color:#333}
.news_list li a:hover h3{color:#c30}
.news_list li p{font-size:13px; color:#999; line-height:1.5em; margin:12px 0;}
.news_list li br{height:0; margin:0; line-height:0}
.news_list li em{font-style:normal; color:#999; background:url(icon_time.png)0 2px no-repeat; padding-left:20px}
.news_list2 li{height:80px; line-height:80px; font-size:16px; border-bottom:1px dashed #ccc}
.news_list2 li a{display:inline-block; width:780px;}
.news_list2 li em{font-size:12px; color:#999; float:right; font-style:normal}
.news_list_pic li{ overflow: hidden}
.news_list_pic a{ display: flex}
.news_list_left{width: 200px;height: 114px; overflow: hidden;margin-right: 20px}
.news_list_left img{ width: 100%;height: auto!important;min-height: 114px}
.news_list_right{flex: 1;width: 640px}
.news_list_pic li h3 {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.news_list_pic li p {    margin: 10px 0;}
footer{ padding-top: 40px;}
article h1{font-size:22px; text-align:center; color:#0166ac}
article p.spec{text-align:center; border-bottom:1px solid #ccc; padding-bottom:20px; margin:20px 0; color:#999}
article a{color:#0166ac}
/*分页*/
.divPage{margin:20px auto; clear:both; width:720px;line-height:20px; text-align:center}
.divPage{margin-top:20px}
.divPage a,.divPage span{line-height:20px; font-size:13px;display:inline-block; margin:5px; padding:2px 8px; height:20px; border:1px solid #eee; text-align:center}
.divPage a:hover,.divPage span.current{background:#2fa4e1; color:#fff}
.divPage b{font-size:13px; float:left; margin:5px; margin-top:8px; color:#f00}
/**dajiangtang**/
.tit_szccf{border-bottom:1px solid #ccc; padding-bottom:8px; margin-top:20px;}
.tit_szccf h2{font-size:20px; display:inline-block; color:#333}
.tit_szccf a{float:right}
#szccf_video{margin-top:20px;}
#szccf_video li{float:left; width:215px; margin:20px 37px; font-size:13px; text-align:center;  }
#szccf_video li p{text-overflow:ellipsis; display:block; overflow: hidden; white-space:nowrap; width:100%}
#szccf_video li img{width:215px; height:auto;}
/*社科专家*/
.expert_1 #left_tit{background: url(tit_expert.gif) no-repeat center;}
.pic_list{clear:both}
.pic_list li{float:left; margin:25px 25px; padding:10px; text-align:center; border:1px solid #eee; line-height:18px; background:#f7f7f7;text-overflow:normal; overflow:visible;-moz-binding:url()}
.expert_1 .pic_list li img{width:100px; height:120px}
.expert_1 .divPage{display:none} .pic_list li:hover{background:#2fa4e1; color:#fff}
.pic_list li:hover a{color:#fff}
.expert_info img{margin:8px 15px 10px 0; border:1px solid #ccc; text-align:left; float:left}
.expert_info *{font-family: "微软雅黑",Verdana,Geneva,sans-serif!important; font-size:14px !important; line-height:2em !important}
.right#skzk{ width:100%}
.skzk{ margin: 30px auto ; box-sizing:border-box; padding:20px; border:1px solid #ccc}
.skzk h3{  padding: 5px 30px;
    color: #fff; text-align:center; background:#0166ac;
    font-size: 18px;
    line-height: 2em;
   
  }  .skzk  .news_list{border: none}
  .skzk  .news_list li{padding: 10px 0;box-sizing:border-box;
   
    width: 22.8%;
    text-align: center;
    margin: 1%;
    overflow: hidden;
    border: 1px solid #eee;
    float: left;
    background: #f7f7f7; }
    .skzk  .news_list li:last-child{ border:none}

@media (max-width:1200px){
#main .left  li{ background:none; padding: 5px 10px; font-size: 14px; height: auto;  line-height: 1.8em; margin-top: 8px;  }
#main .left li:hover,#main .left li.current{ background:#2fa4e1   }
}

@media (max-width:1024px){
#main .left .long li{padding:5px; height: auto; line-height:normal;  }
#main .left .long li a{ height:auto;font-size:14px }
video{ max-width: 100%; height: auto;} 
}
@media (max-width:700px){
#main .container,#main .left, #main .right{ margin: 0; float: none;padding: 0; display: flex;flex-direction: column; width: 100%; box-sizing: border-box;}
#top_right nav{display: none}
#main .left, #main .right{ min-height: auto;}
#left_menu{ padding: 20px; background: #f7f7f7; overflow: hidden;}
#main .left h2{ text-align: left; padding-left: 14px;}
#main .left li{ float: left; margin: 12px; margin-top: 0;}
#top_right{ height: 60px;  border-top: 5px #0166ac solid;}
#top_right h2{  margin-top: 16px;}
.right .content{ margin: 20px;}
footer{ padding-top: 20px;}
#copyright{ margin-top: 20px;}
.divPage{ width:100%}

.skzk{ width:100%; float:none; padding: 10px }
.skzk .news_list li{float: none;width: 100%;margin: 0}
.news_list2 li a{     max-width: 330px;}
#szccf_video li{float:none; text-align:center; width:auto;}
embed{max-width: 100%;height:auto}

.news_list_pic li a{ display: block}
.news_list_left{float: none;width: 100%;height: auto;}
.news_list_left img{ width: 100%;height: auto!important;}
.news_list_right{float: none;width: 100%;}
.news_list_pic li h3 {    overflow: visible;    text-overflow:unset;    white-space: normal;}



	}