@charset "UTF-8";
 

.i_footer{
    min-width:1200px;
    max-width:1920px;
    width:100%;
    background:url(images/footer_bg_02.jpg) no-repeat center center/cover #d5d5d5;}
.topBack {
    width: 66px;
    height: 66px;
    position: fixed;
    bottom: 132px;
    right: 50px;
    z-index: 999999;
    display: none;
    cursor: pointer;}
.topBack img {
    display: block;
    width: 100%;
    height: 100%;}
.banner{
    font-size:0;
    width:1600px;
    height:520px;
    margin:0 auto;}
.banner .swiper-slide{
    width:1600px;
    height:520px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;}
.banner .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background-color:#d9d9d9;
    opacity: 1;
    margin:0 8px;}
.banner .swiper-pagination-bullet-active{
    background-color:#9a0000;}
.banner .my_pageination{
    position: absolute;
    /* text-align: right; */
    bottom:50px;
    right:19%;
    /* width:1200px; */
    z-index:10;}
.swiper-button-next, .swiper-button-prev{
    width:12px;
    height:14px;
    position: static;
    margin:0;
    display:inline-block;
    vertical-align: middle;}
.banner .swiper-button-prev{
    background:url(images/icon.jpg) no-repeat -10px -87px;
    margin-right:6px;}
.banner .swiper-button-next{
    background:url(images/icon.jpg) no-repeat -59px -87px;
    margin-left:6px;}
.banner .swiper-pagination{
    position:  static;
    display: inline-block;
    vertical-align: middle;}
.news_list {
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    overflow: hidden;
    font-size:0;}

.news_list .con {
    float: left;
    width: 377px;
    padding-bottom: 53px;
    margin-right: 25px;}

.m-module {
    font-family: "Microsoft YaHei", Arial, Helvetica!important;
    letter-spacing: 0px!important;
    padding-bottom: 14px;
    position: relative;
    border-bottom: 1px dashed #d6d6d6;
    margin-bottom: 14px;}

.m-module .line {
    width: 122px;
    height: 2px;
    background-color: #9a0000;
    position: absolute;
    bottom: -1px;
    right: 0;}

.m-module .m-name {
    font-family: "Microsoft YaHei", Arial, Helvetica!important;
    letter-spacing: 0px!important;
    font-size: 24px;
    color: #464646;
    height: 29px;
    line-height: 29px;}

.m-module .m-name b {
    width: 45px;
    height: 29px;
    vertical-align: middle;}

.news_list .con:first-of-type .m-name b {
    background: url(images/icon.jpg) no-repeat 0 0;}

.news_list .con:nth-of-type(2) .m-name b {
    background: url(images/icon.jpg) no-repeat -48px -1px;}

.news_list .con:nth-of-type(3) .m-name b {
    background: url(images/icon.jpg) no-repeat -100px 0;}

.news_list .con:nth-of-type(3) {
    margin: 0;}

.m-module .m-more {
    font-family: "Microsoft YaHei", Arial, Helvetica!important;
    letter-spacing: 0px!important;
    float: right;
    height: 24px;
    line-height: 42px;
    text-align: center;
    color: #888888;
    font-size: 14px;}
.m-module .m-more:hover{
    color:#9a0000;}
.news_list .con .m-list {
    padding: 21px 15px 23px 10px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;}

.news_list .con .m-list:last-of-type {
    border: 0;}

.news_list .con .m-list dt {
    float: left;
    width: 110px;
    height: 110px;}

.news_list .con .m-list dt a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius:4px;}

/* .main .con .m-list dt a img{
} */
.news_list .con .m-list dd {
    float: left;
    width: 230px;
    padding-left: 10px;}

.news_list .con .m-list:hover {
    background: url(images/shadow_bg.jpg) no-repeat 0 -3px/100% 104%;
    border-bottom-color: #fff;}

.news_list .con .m-list .m-l-title {
    padding: 8px 0 11px 10px;
    font-size: 16px;
    color: #333;}
.news_list .con .m-list .m-l-title a{
    color:#333;}
.news_list .con .m-list .m-l-title a:hover {
    color: #9a0000;
    text-decoration: underline;}

.news_list .con .m-list .m-l-info {
    font-size: 13px;
    color: #a2a2a2;
    line-height: 18px;}

.teacher_wrap {
    background: url(images/teacher_bg_2.jpg) no-repeat center center/cover;}

.teacher {
    width: 1200px;
    height: 540px;
    margin: 0 auto;
    color: #fff;}

.teacher .m-module {
    padding-top: 76px;}

.teacher .m-module .m-name,
.teacher .m-module .m-more {}

.teacher .m-module .line {}

.teacher .m-module {
    /* border-color: #ac3b3b; */
    margin-bottom:39px;}

.teacher .m-module .m-name b {
    background: url(images/teacher_icon_03.jpg) no-repeat 0 0/35px 32px;}

#scrollBox {
    overflow: hidden;}

#scrollBox #con1,
#scrollBox #con2 {
    float: left;
    margin-left: 0px;}

#innerdiv {
    float: left;
    width: 800%;}

#innerdiv a {
    width: 233px;
    height: 298px;
    margin-right: 0;
    position: relative;
    overflow: hidden;}
#innerdiv a img {
    margin:13px auto 0;
    width: 212px;
    height: 270px;
    -webkit-transition: all .3s;
    transition: all .3s;}
#innerdiv a:hover img {
    margin:0 auto;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;}
#innerdiv a:hover p{
    bottom:0;
    -webkit-transition: all .3s;
    transition: all .3s;}
#innerdiv a p{
    position: absolute;
    width:100%;
    bottom:-48px;
    left:0;
    height:34px;
    background-color:rgba(0,0,0,0.8);
    color:#fff;
    font-size:16px;
    text-align: center;
    padding-top:14px;}
#innerdiv a p span{
    padding-right:13px;
    margin-right:13px;
    border-right:1px solid #fff;
    height:16px;}
.research_wrap{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    font-size:0;}
.research_wrap .m-module{
    padding-top:65px;
    margin-bottom:40px;}
.research_wrap .m-module .line{
    background-color:#ac3b3b;}
.research_wrap .m-module .m-name b{
    background:url(images/icon.jpg) no-repeat 0 -46px;}
.r_left{
    overflow: hidden;}
.research_show{
    float:left;}
.research_show>a{
    position: relative;
    width:100%;
    overflow: hidden;}
.research_show>a>p{
    width:100%;
    background-size:cover;
    background-position: center center;
    -webkit-transition: all .3s;
    transition: all .3s;}
.research_show a:hover .shadow_b{
    bottom:0;
    -webkit-transition: all .3s;
    transition: all .3s;}
.research_show a:hover>p{
   -webkit-transform: scale(1.2);
           transform: scale(1.2);
   -webkit-transition: all .3s;
   transition: all .3s;}
.research_show .shadow_b{
    width:100%;
    height:100%;
    position: absolute;
    bottom:-100%;
    left:0;
    background-color:rgba(0,0,0,.6);
    color:#fff;
    -webkit-transition: all .3s;
    transition: all .3s;}
.research_show .shadow_b .r_info{
    width:80%;
    margin:0 auto;
    text-align: center;
    line-height: 22px;
    font-size:16px;}
.r_show{
    float:left;
    width:340px;
    margin-left:10px;}
.r_show a{
    margin:0 0 10px 0;} 
.r_show a:last-of-type{
    margin-bottom:0;}
.r_show>a>p{
    height:177px;}
.r_left>a>p{
    height:364px;
    width:498px;}
.r_left .shadow_b .r_icon,.r_show .shadow_b .r_icon{
    width:60px;
    height:38px;
    margin:120px auto 16px;
    background:url(images/icon.jpg) no-repeat -115px -40px;}
.r_show .shadow_b .r_icon{
    height:32px;
    margin:40px auto 0;
    background:url(images/view.jpg) no-repeat 10px 0;}
.r_show .shadow_b .r_info{
    font-size:14px;}
.college_glimpse{
    margin-bottom:150px;}
.college_glimpse .m-module .m-name b{
    background:url(images/icon.jpg) no-repeat -49px -43px;}
.college_glimpse .r_left{
    margin-right:10px;}
.college_glimpse .r_left .video_wrap{
    height:361px;
    width:667px;}
.college_glimpse .r_show{
    width:226px;
    margin-left:0;
    margin-right:10px;}
.college_glimpse .r_right a>p{
    width:226px;
    height:175px;}
.college_glimpse .shadow_b{
    height:36px;
    bottom:-36px;
    font-size:16px;
    line-height: 36px;
    text-align: center;}
#scrollBox_2{
    float:left;
    width:519px;
    overflow: hidden;}
#innerdiv_2{
    overflow: hidden;
    width:400%;}
#con3,#con4{
    float:left;}

.m-con-more{
    color:#333;
    font-size:16px;
    display: block;
    text-align: center;}
.m-con-more:hover{
    color:#9a0000;
    text-decoration: underline;}