@charset "utf-8";
body {
    color: #333;
    font-size: 16px;
   font-family: Open sans-serif;
    margin:0 auto;
    position:relative;

}
.img-hide{ overflow:hidden; }
.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1430px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #dd0000;
    text-decoration: none;
}
.logo_img{
    width: 489px;
}
#top {width:100%;height: 116px;}
#top img{padding:20px 0;}
#menu {width:100%;line-height: 50px;height: 50px;background-color: #b82329;color: #FFFFFF;}
.navlist a {color: #FFFFFF;display: block;float: left;height: 50px;width: 14%;text-align: center;}
.navlist a:hover {background: #870810;}
/* banner */
.banner-box{ overflow:hidden; position: relative;}
.banner-box .slick a{ display: block; position: relative; }
.nav-box{ position: relative; z-index: 100000; }
.slick{margin:0;}
.banner-box .slick img{margin:0 auto; width: 100%; }
.banner-box .slick a span{ position: absolute; z-index: 100; left: 12%; width:59%; color: #fff; bottom: 50px;font-size: 20px; line-height: 70px;font-weight: bold; }
.banner-box .slick-slide.slick-active:before{ display: block; transition: 0.5s all; content: ""; position: absolute; left: 10%; bottom: 50px; width:60%; height: 70px; 
    background: url(../img/slide_txtbg.png) repeat center; z-index: 10; }
.slick-dots{ right: 10%;  bottom: 50px; z-index: 1000; width: auto; }
.slick-dots li{ width: 19px; height: 19px; display: block; float: left; background: #fff; border-radius: 50%; }
.slick-dots li.slick-active{ border:solid 3px #fff; background: none; }
.slick-dots li button{ opacity: 0; }
#r1_top {
    font-size: 24px;line-height: 60px;background-image: url(../img/r1_topbg.png);text-align: center;height: 60px;
    background-repeat: no-repeat;background-position: center center;margin-top:30px;}
#r1 {padding-bottom: 30px;}
#r1_list {width:100%;}
.newlist li {float: left;width:33.3%;padding-right: 45px;}
.news_pic {position: relative;overflow: hidden;}
.news_pic a{position: relative;display: block;height: 0;width:100%;padding-top:75%;}
.news_pic a img {display: block;position: absolute;width:100%;height:100%;top:0;left:0;    transition: all 1s;
}
.news_pic img:hover{  transform: scale(1.1);  } 
.news_date {
    background-image: url(../img/news_datebg.png);position: absolute;left: 0px;top: 0px;height: 80px;width: 80px;color: #FFFFFF;z-index: 100;
}
.day {font-size: 28px;line-height: 40px;text-align: center;margin-top: 10px;}
.month {font-size: 20px;line-height: 20px;text-align: center;}
.news_info {background-color: #9e0e10;height: 70px;margin-top: 15px;color: #FFFFFF;width:100%;}
.news_info_left {
    background-image: url(../img/news_info_leftbg.jpg);
    background-repeat: no-repeat;
    background-position: center 17px;
    float: left;height: 70px;width: 15%;
    border-right:1px solid #FFFFFF;font-size: 12px;text-align: center;padding-top: 40px;}
.news_info_right {
    float: left;height: 60px;width: 85%;font-size: 14px;line-height: 22px;padding:10px 15px 0;}
.news_info_right a {color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 44px;}
.news_info_right a:hover {color: #00FF00;}
.r1_more {margin-top: 20px;margin-bottom: 10px;}
.more_btn {height: 37px;width: 162px;margin-right: auto;margin-left: auto;}
.more_btn a {color: #9e0e10;text-align: center;height: 35px;width: 160px;border: 1px solid #9e0e10;
    line-height: 35px;display: block;
}
.more_btn a:hover {color: #FFFFFF;background-color: #9e0e10;}
#r2 {/* background-image: url(../img/r2bg.png); *//* background-repeat: no-repeat; *//* background-position: right bottom; */padding-bottom: 35px;}
.r2_left {float: left;width:50%;padding-right:100px;}
.r2_top {
    height: 40px;
    background-image: url(../img/r2_topbg.png);
    background-repeat: repeat-x;
    background-position: 0px center;margin-bottom: 10px;
}
.r2_top_l1 {
    background: #FFFFFF url(../img/r2_top_l1bg.png) no-repeat left center;height: 40px;width: 46px;float: left;
}
.r2_top_l2 {
    float: left;
    background: #FFFFFF url(../img/r2_top_l2bg.png) no-repeat right center;
    padding-right: 65px;height: 40px;font-size: 24px;line-height: 40px;
}
.r2_right {
    float: right;
    width: 40%;
}
.r3{width:100%;padding-bottom:35px;}
.link{margin:0 -15px;}
.link li{line-height: 26px;font-size:16px;width: 25%;float: left;padding: 0 15px;}
.pub_year_left {
    float: left;
    height: auto;
    width: 80px;
    font-weight: bold;
}
.pub_year_right {
    float: left;
    height: auto;
    width: 760px;
}
.pub_year_right a {
    float: left;
    text-align: center;
    display: block;
    height: 22px;
    line-height: 22px;
    margin: 5px;
    text-decoration: none;
    font-size: 14px;
    padding-right: 12px;
    padding-left: 12px;

}
.pub_year_right a:hover {
    color: #FFFFFF;
    background-color: #5E871A;
}
.pub_year_right a.active {
    color: #FFFFFF;
    background-color: #5E871A;
}
.pub_list li {
    padding-top: 10px;margin-bottom: 20px;width:100%;
}
.pub_title {
    line-height: 24px;
    padding-bottom: 6px;
}
.pub_title a {
    color: #4482A9;
    text-decoration: none;
}
.pub_title a:hover {
    color: #5E871A;
}

.pub_author {
    font-size: 13px;
    color: #787878;
    background-image: url(../img/pub_author.png);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    padding-left: 23px;
    line-height: 20px;
}
.pub_info {
    font-size: 13px;
    color: #787878;
    background-image: url(../img/pub_info.png);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    padding-left: 23px;
    line-height: 25px;
}
.pub_journal {
    float: left;
    padding-right: 6px;
    font-weight: bold;
    font-style: italic;
}
.pub_page {
    float: left;
}
.cover_pic {
    float: left;width:20%;padding-right:25px;
}
.cover_pic a{display: block;height: 0;width: 100%;padding-top: 128%;position: relative;}
.cover_pic img{    display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.cover_info {float: right;width: 80%;
}
.link_list a {
    display: block;font-size: 18px;line-height: 24px;padding: 10px 24px ;
    margin: 10px 0;border: 1px solid #9E0E10;
}
.link_list a:hover {color: #FFFFFF;background-color: #9E0E10;}
.cover_style {font-weight: bold;line-height: 24px;padding-bottom: 3px;}
.cover_link {
    font-size: 13px;
    color: #787878;
    background-image: url(../img/cover_link.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    padding-left: 23px;
    line-height: 23px;
    text-decoration: underline;
}

.cover_link a {color: #787878;text-decoration: underline;}
.cover_link a:hover {color: #dd0000;}
.bottom {
    background-color: #333333;
    clear: both;
    color: #adadad;
    padding-top: 25px;
    padding-bottom: 25px;
}
.bottom .container{position: relative;}
.bottom p{font-size: 13px;line-height: 20px;}
.totop {
    height: 43px;
    width: 43px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.gongzhonghao{

}
.date {
    float: right;
}
/* list */
.main{padding:40px 0;}
.sub_left{width:17%;float: left;}
.sub_left_top{line-height: 55px;background: #B82329;font-size: 18px;color: #FFFFFF;height: 55px;}
.sub_left_menu{border: 1px solid #B82329;font-size: 16px;padding:10px 20px;}
.sub_left_menu li{text-align: center;padding:10px 0;}
.sub_left_menu li.active a,.sub_left_menu li a:hover{background: #B82329;color:#fff;}
.sub_left_menu li a{line-height: 34px;color:#333;display: block;border:1px solid #B82329;}

.sub_right{width:80%;float: right;}
.sub_right_top{border-bottom: 1px solid #B82329;}
.sub_right_top_l{float: left;font-size: 20px;background: url(../img/sub_right_top_lbg.png) no-repeat left center;padding-left: 45px;
    line-height: 50px;
}
.sub_right_top_r{float: right;font-size: 16px;line-height: 50px;}
.list{padding:10px 0;}
.list li{line-height: 45px;background: url(../img/li.jpg) no-repeat left center;padding-left: 16px;
    padding-right: 100px;border-bottom: 1px dashed #999;position: relative;
}
.list li .date{position: absolute;top: 0;right: 0;}
/* tealist */
.category_teacher{padding:10px 0;}
.category_block{padding:15px 0;}
.category_block_top{height:35px;border-bottom: 1px solid #B82329;margin-bottom: 10px;}
.category_block_top h2{background: #B82329;color:#fff;font-size: 18px;line-height: 35px;padding:0 30px;display: inline-block;margin: 0;}
.category_main_teacher{padding:10px 15px 5px;border-bottom: 1px dashed #999;width:100%;}
.category_main_teacher_left{float: left;width:10%;font-size: 15px;font-weight: bold;line-height: 24px;}
.tealist{float: right;width:85%;font-size: 14px;}
.tealist li{width:25%;float: left;text-align: left;line-height: 16px;padding-bottom: 10px;}
/* piclist */
.piclist li{padding: 15px;}
.paper_info{width:50%;float: left;padding-left:30px;}
.picl{width: 15%;}
/* content */
.cont{padding:15px;}
.show_title{font-size: 24px;line-height:35px;padding:20px 0 10px;font-weight: bold;
    border-bottom: 1px dashed #787878;margin-bottom: 15px;
}
.show-con{padding:25px 0 35px;width: 100%;}
.show_info{font-size: 12px;line-height: 20px;padding-top: 10px;padding-bottom: 10px;color: #888888;}
/* tutlist */
.tutlist{padding:15px;float: none;width: 100%;}
.tutlist li{width:16.6%;}
/* jglist */
.xisuo_list_l{float: left;height: auto; width: 30%;font-size: 20px;text-align: center;line-height: 40px;border: 1px solid #AB1F2A;
    margin-top: 208px;
}
.xisuo_list_c{float: left;height: 460px;width: 15%;background: url(../img/xisuo_list_c.png) no-repeat right  center;}
.xisuo_list_r{float: left;text-align: center;width: 52%;}
.xisuo_list_r li {line-height: 43px;font-size: 14px;border: 1px solid #AB1F2A;margin: 15px 0;float: left;width:100%}

@media( max-width: 1499px){
    .container{ width: 1200px; }
    .link li{width:33.3%;}
}
@media( max-width: 1279px){
    .container{ width: 970px; }
}
@media( max-width: 1279px) and (min-width:992px){
    .paper_info {width: 83%;padding-left: 0;}
}
@media( max-width: 991px){
    .container{ width:100%;}
    #menu{position: relative;z-index: 1000;}
    .navlist{display: none; position: absolute;z-index: 1000;top: 100%; right: 0;background: #d00a12;width: 100%;}
    .menu-button { display: block;}
    .navlist a{float: none;height: 40px;line-height: 40px;padding:0 15px;text-align: left;color: #fff;width:100%;}
    .banner-box .slick a span{ left: 10%; bottom: 20px;font-size: 18px; line-height: 50px;font-weight: bold; }
    .banner-box .slick-slide.slick-active:before{ left: 9%; bottom: 20px; width:60%; height: 50px; }
    .slick-dots{ right: 10%;  bottom: 20px; z-index: 1000; width: auto; }
    .slick-dots li{ width: 15px; height: 15px; }
    .r2_left {width:100%;padding-right:0px;}
    .r2_right {width: 100%;}
    .r2_top{margin:20px 0;}
    .link_list{width:100%;}
    .link_list a{float: left;width:49%;margin-right: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .bq{width:75%;}
    .sub_left{width:100%;float: none;}
    .sub_right{width:100%;float: none;padding-top:35px;}
     .link li{width:48%;}
}
@media( max-width: 799px){
    .paper_info {width: 85%;padding-left: 0px;}
    .pub_title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

}
@media( max-width: 679px){
    .news_date{width:60px;height:60px;}
    .day {font-size: 20px;line-height: 30px;margin-top: 10px;}
    .month {font-size: 16px;line-height: 10px;}
    .sub_right_top_l,.sub_right_top_r {float: none;}
    .category_main_teacher_left {width: 20%;}
    .tealist {width: 75%;}
    .category_main_teacher {padding: 10px 0px 5px;}
    .tealist li {width:33.3%;}
    .picl{width:20%;}
    .paper_info {width: 80%;}
}

@media( max-width: 589px){
    #menu{height:35px;}
    .menu-button{top:10px;}
    #top {height: 90px;}
    #top img { padding: 5px 0; }
    .banner-box .slick a span{ left: 10%; bottom: 10px;font-size: 18px; line-height: 30px;font-weight: bold; }
    .banner-box .slick-slide.slick-active:before{ left: 9%; bottom: 10px; width:60%; height: 30px; }
    .slick-dots{ bottom: 10px;  }
    .slick-dots li{ width: 12px; height: 12px; }
    .newlist li {float: left;width:100%;padding-right:0px;margin-bottom: 20px;}
    .news_date{width:80px;height:80px;}
    .day {font-size: 28px;line-height: 40px;margin-top: 10px;}
    .month {font-size: 20px;line-height: 20px;}
    .link_list a{float: none;width:100%;margin-right: 0px;}
    .tealist li {width:50%;}
    .picl{width:25%;}
    .paper_info {width: 75%;}
    .pub_title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .xisuo_list_c{background: url(../img/xisuo_list_c.png) no-repeat right -30px  center;}
     .link li{width:100%;}
}
@media( max-width: 460px){
    .logo_img{
        width: 389px;
margin-left:16%;
    }
    #top {height: 75px;}
    #top img { padding: 10px 0 5px; }
    .cover_pic{width:30%;}
    .paper_info,.cover_info {width: 70%;}
    .piclist li{padding:15px 0;}
    .xisuo_list_c{background: url(../img/xisuo_list_c.png) no-repeat right -40px  center;}
}

.v_news_content div img{height:auto !important;}
.v_news_content p span{font-family:Open sans-serif !important;}
#vsb_content p span{font-family:Open sans-serif !important;}