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

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1200px) {
.wrapper .inner {
    width: auto;
    padding: 0px 20px;
    background: #fff;
    margin: 0 auto;
}
.main0 .ml {
    float: left;
    width: 17%;
    margin-top: 30px;
}
.fl {
    float: left;
    width: 18%;
    margin-top: 30px;
}
.wp-menu {
    max-width: 999px;
    margin: 0 auto;
}.post-33 .tt span {
 
    padding: 7px 0px;
}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
button.slick-next.slick-arrow {
    display: block !important;
}
button.slick-prev.slick-arrow {
    display: block !important;
}
button.slick-next.slick-arrow {
    right: -0px;
    font-size: 20px;
}
.post-21.mbox {
    margin-bottom: 0px;
    border-bottom: 0;
    padding-bottom: 20px;
}
.post-33 .tt span {
    padding: 7px 0px;
    display: inline-block;
    float: none;
}
.post-33 .con.clearfix {
    padding: 15px 0px;
    min-height: 500px;
}
.fr {
    float: none;
    width: 100%;
    margin-top: 30px;
}
#footer .inner {
    
}
.ttp div#post1 {
    
}
div#post2 {
    float: right;
    width: 30%;
}
.bott {
    margin-top: 0px;
    float: left;
    width: 50%;
}
.fl {
    float: none;
    width: 100%;
}
.navi-aside-toggle, .navi-aside-search {
    display: block;
}
.site-lang{display:none}
.head-right{margin-bottom:10px}
.post-313 button.slick-prev{left:-150px}
.post-313 button.slick-prev,.post-313 button.slick-next{background:url(./css/img/jt_bg.png) center no-repeat;background-size:cover}
.main0 .head-right .con{margin-left:5px}
.navi-slide-title{font-size:18px;margin-left:10px}
.wp-navi .navi-slide-head {display:block;}
.wrapper .inner { width:auto; margin:0 auto;} /**页面全局宽度**/
.main0 .mainr .moder{width:75%}
.main0 .mainr .con1 {width:100%!important}
.main0 .mainr .navcon{}
/**首页三列布局**/
.mod {}
.mbox { background:; }
.nav .navcon .item span{}


.main0 .mainr .moder .wp_subcolumn_list .wp_sublist .sublist_title{color: #0061ae;}
.nav .navcon .item span{color: #0061ae;background:none}
.nav .navcon{color: #0061ae;background:none}
.main0 .nav{background:none}


.main0{}
.main0 .inner{position:relative;}
.main0 .img_pic{left: 10px;bottom: 0px; *bottom:auto;top:0px;z-index:100;position:relative;}
.main0 .mainr{width: 100%;}
/*个人名称*/
.teach_info{}
/*导航*/
.nav{left:0px;bottom:auto;top: 5px;right:0px;z-index:100;}
.nav .navcon .item{float:left;}

.main1{background:none;}
.main1 .inner{}
.main1 .ml{float:left;margin-left: 0px;    position: inherit;      width: 17%;}
.ttp {
  float: right;
    width: 80%;
}
.ttp2 {
 
}
.main1 .mr{float:none;width: 100%;margin-right:0px;position: inherit;    margin-top: 50px;}
/*标准标题*/
.post1 .tt .tit {margin-bottom:0px;font-size: 16px;font-weight:normal;border-bottom:0px;}
.post1 .tt .tit .title {line-height:36px;}
.post-21{}
.post-22{/* float:right; */}
.post-23{/* float:right; */}
.post-24 .teach_relative .news{width:100%;margin-bottom: 26px;}
}


/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
.main0 .ml {
    float: none;
    width: 100%;
    margin: 0 auto;

}
.img_pic .con img {
    max-width: 100%;
    height: auto;
width: auto;
}
.main0 .ttp {
    float: none;
    width: 100%;
}
.fr {
    float: none;
    width: 100%;
    margin-top: 0px;
}
.main1 .mr {}
.main1 .ml {}
.main0 .mainr .moder {width: calc(100% - 130px);}
.main1 .inner {padding: 0px 8px 0 8px;width: auto;}
.wp_subcolumn_list .wp_sublist .sublist_title a .subcolumn-name{font-size:18px}
.post-313 button.slick-prev{left:-110px}
span.btn.rightBtn{display:none}
.nav2{display:block!important}
html{/* overflow-x:auto; */}
.head .head-left{float:none;display:inline-block;width:100%;height: auto;/* text-align:left; */}
.head .sitelogo a{display:block;position:absolute;left: 14px;top: 24px;z-index:100;}
.head .head-left .site-name{margin-top: 10px;*margin-top: 46px;margin-left: 205px;padding-left: 10px;font-size:16px;border-left:1px solid #a7a7a7;}
.head .head-left .sitelogo img{width:65%;}
.head .head-right{ float:right; width:100%;margin-top:10px; text-align:right;}
/*个人名称*/
.main0 .inner{padding: 20px 8px 0 8px;position:relative;width: auto;}

.teach_info{top: -182px;margin-left: 151px;bottom: auto;}
.teach_info .news_title{    text-align: center;
    margin: 0;}
.teach_info .news_title .tip{font-size:15px; vertical-align:bottom;}
.teach_info .news_meta span{font-size: 14px;margin-right: 0px;color:#fff;}



.nav{top: 82px;margin-bottom:22px;}
.nav .navcon{}
.nav .navcon .item{}
.nav .navcon .item span{}
.nav .navcon .item{float:none;width: 100%;padding:0px 1px;}
.nav .navcon .item span{padding-left:15px;}
.nav .navcon .item.selected span{background: #eee;color:#03873b;}

.post-24 .teach_relative .news{width:100%;}
/*个人资料两列*/
.post-31 .news_list{float:none;width:100%;}
/*表格默认样式*/
.post-31 .con{}
.news_table{width:750px;}
.fi-date {
    font-size: 14px;
    text-align: center;
    background: #fff;
    opacity: 0.8;
    margin-top: 3px;
    line-height: 20px;
}
.main0 .teach_info span.grzl {display:block !important; margin: 0 !important;}
.head_txtinfo {
    display:block;
    bottom: 0px;
    top: 0px;
    z-index: 100;
    position: relative;
    width: 135px;
    height: 180px;
    left: 7px;
}
}
@media screen and (max-width: 600px) {
.qbzd .ml2 {
    float: none;
    width: 100%;
    margin-right: 0;
}
.qbzd .mc2 {
    float: none;
    width: 100%;
    margin-right: 0;
}.qbzd .mr2 {
    float: none;
    width: 100%;
    margin-right: 0;
}
.main1 .ml {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.post.post2.post-21.mbox .news_text.grzl2 {
    font-size: 14px;
    color: #000;
    float: left;
    width: 50%;
}
.ttp {
    float: none;
    width: 100%;
}

div#post2 {
    display: none;
}
.ttp div#post1 {
    float: left;
    width: 100%;
}

.ttp div#post1 {
    float: none;
    width: 100%;
    margin: 0 auto;
}
}
@media screen and (max-width: 520px) {
.post-313 .slick-next{right:-20px}
}
@media screen and (max-width: 366px) {
#header .inner{padding-top:15px}
.head .head-left .site-name{display:none}
.head .sitelogo a{position: unset;}
.head .head-left .sitelogo{width: 100%;
    text-align: center;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
	.top-nav-panel .wp-menu .menu-item a.menu-link { font-size: 14px; height: 28px; line-height: 28px;}
	.wp-footer .wp-inner .footer .address,.wp-footer .wp-inner .footer .zipcode { display: inline;}
	.wp-footer .wp-inner .footer .icp { display: block; }
}