@charset "utf-8";
.container-fluid { width: 100%; height: auto;}
.container-fluid .row { width: 100%; padding: 0;}
.row.school-info { height: 130px; line-height: 130px; background: #fff;}
.school-info .col { width: 50%; height: 100%;}

.row.carousel { width: 100%; position: relative;}
.carousel-inner, .carousel-inner .item, .carousel-inner .item img { width: 100%; height: 100%;}
.carousel-control { position: absolute; top: 50%; transform: translate(0,-50%); z-index: 10;}
.carousel-control.left { left: 50px;}
.carousel-control.right { right: 50px;}
.carousel-control span { display: block; width: 55px; height: 80px; background-size: 100% 100%!important;}
.carousel-control.left span { background: url(../images/logo/l.jpg) no-repeat;}
.carousel-control.right span { background: url(../images/logo/r.jpg) no-repeat;}
.carousel-indicators{ position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none;}
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px 10px; text-indent: -999px; cursor: pointer; background-color: #003b64; border-radius: 10px; opacity: 0.5;}
.carousel-indicators li.active { width: 12px; height: 12px; margin: 0 10px; background-color: #003b64; opacity: 1;}

.row.news { height: auto;  background: url(../images/logo/logo_diwen.jpg) 100% 100% no-repeat; background-color: #eaeef5; background-size: 100% 100%!important;}
.title { position: relative;}
.title h2{ height: 80px; line-height: 80px; font-size: 22px; color: #003b64;}
.title h2 span { margin-right: 15px;color: #003b64;}
.title .more{ position: absolute; top: 0; right: 0; height: 100%; font-size: 18px; color: #003b64; line-height: 80px; z-index: 2;}
.title .more i{ display: inline-block; width: 20px; height: 20px; background: url(../images/logo/you.jpg) no-repeat; background-size: 100% 100%!important; transform: translateY(3px);}
.news .title h2{ margin-bottom:25px; border-bottom: 2px solid #003b64;}
.news .news-case{ width: 36%; position: relative;overflow:hidden;float: left;}
.news .news-case>div>div{position: relative;}
.news .news-case img{ width: 100%;}
.news .news-case>div>a>p{font-size: 13px;width: 100%;color: #787878;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-indent: 15px;}
.desc-wrapper{position: absolute;  left: 0;  right: 0;  bottom: 0;  width: 100%; height: 30px; background: rgba(0,0,0,.5); text-align: center;font-size: 15px;line-height: 30px;color: #333;z-index: 2;}
.news .news-case .desc-wrapper{position: relative;/* left: 0; *//* right: 0; *//* bottom: 0; *//* width: 100%; */height: 30px;background: none;text-align: center;font-size: 15px;line-height: 30px;color: #333;z-index: 2;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-case .desc-wrapper:hover{color: #003b64;}
.news .news-list{padding-left: 2%;overflow: hidden;float: none;}
.news .news-list ul{width: 49%;margin-left: 1%;display: inline-block;}
.news .news-list ul>li .nlist-more{display: inline-block;}
.news .news-list ul:last-child{float: right;}
.news .news-list ul:first-child li:last-child{display: none;}
.news-list li{ width: 100%; height: 55px; font-size: 16px; line-height: 55px; border-bottom: 1px solid #b3b3b3;}
.news-list li.last{ border:0;}
.news-list li a{ color: #333;}
.news-list li a:hover{ color: #003b64;}
/*.news-list li a p{ display: inline-block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.news-list li a p{width: 100%;overflow: hidden;white-space: inherit;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list li a span{ float: right;display: none;}
.news-list li.last span{ color: #003b64;}

.row.master{ position: relative; height: auto; padding-bottom: 25px; background: url(../images/img/bg_master.jpg) 100% 100% no-repeat; background-size: 100% 100%!important;}
.bg-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,.2);}
.master .content-wrap{ z-index: 10; position: relative;}
.master .title h2{ color: #fff;}
.master .title .more i{ background: url(../images/logo/bai.jpg) no-repeat; background-size: 100% 100%;}
.master .col.col-sm{ width: 290px; margin-right: 10px;overflow: hidden;}
.master .col.col-md{ width: 300px; margin-right: 10px;overflow: hidden;}
.master .col.col-lg{ width: 590px; margin-right: 10px;overflow: hidden;}
.master .col.col-lg .img-sm{display: none;}
.master .col:last-child{ margin: 0;overflow: hidden;}
.master .col a{ position: relative; float: left; margin: 0 10px 10px 0;overflow: hidden;}
.master .col a:last-child{ margin-right: 0;overflow: hidden;}
.master .col img{ box-shadow: 0 0 0 1px #fff; transition: all 300ms ease;}
.master .col .img-sm{ width: 290px; height: 200px;overflow: hidden;}
.master .col .img-xs{ width: 300px; height: 200px;overflow: hidden;}
.master .col .img-md{ width: 300px; height: 410px;overflow: hidden;}
.master .col .img-lg{ width: 590px; height: 410px;overflow: hidden;}
.master .desc-wrapper{ height: 55px; font-size: 16px; line-height: 55px; text-align: left; text-indent: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;color: #fff;}
.master .col img:hover{transform: scale(1.2); transition: all 300ms ease;}
.row.fusion{ height: auto; padding-bottom: 25px; background: #eaeef5; background-size: 100% 100%!important;}
.fusion .fc-wrap{width: 50%;display: inline-block;overflow: hidden;float: left;}
.fc-wrap h2{border-bottom: 2px solid #003b64;margin-bottom: 20px;}
.fc-wrap .col{float: left;margin-bottom: 15px;overflow: hidden;}
.fc-wrap .col .item-img{width: 25%;float: left;display: inline-block;}
.fc-wrap .col .item-img img{width: 100%;vertical-align: middle;}
.fc-wrap .col .item-cont{width: 75%;display: inline-block;}
.fc-wrap .col .item-cont .tit{padding: 8px 10px;font-size: 18px;color:#003b64;}
.fc-wrap .col .item-cont .desc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #555;padding: 0 10px; font-size: 14px;}
.fc-wrap .communication{position: relative;}
.fc-wrap .communication .comm-item img{width: 100%;}
.fc-wrap .communication .comm-item span{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #FFF;padding: 10px 0; font-size: 18px;background: rgba(0,0,0,0.5); text-indent: 15px;display: inline-block;}
.fc-wrap .communication .comm-item p{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #555;padding: 10px 0; font-size: 14px;max-height: 80px;line-height: 22px;text-indent: 15px;}
/*.fusion .col{ width: 100%; background: #fff; margin: 0 30px 0 0;}
.fusion .col:last-child{ margin: 0;}
.fusion .col:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);transition: all 300ms ease;}
.fusion .item-img{ width: 385px;height: 303px;float: left;}
.fusion .item-img img{ width: 100%; height: 100%;}
.fusion .item-cont{height: 100%;overflow: hidden;}
.fusion .item-cont .tit{ height: 50px; margin-bottom: 10px; text-align: center; font-size: 20px; line-height: 50px; color: #042981; border-bottom: 1px solid #003b64;}
.fusion .item-cont .desc{ font-size: 12px; color: #666; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;max-height:154px;}*/

.row.culture{ height: auto; padding-bottom: 25px; background: #d0e5ff; background-size: 100% 100%!important;}
.culture .item{ margin-bottom: 40px;}
.culture .item:last-child{ margin-bottom: 0;}
.culture .item .col{ width: 48.4%; height: 250px; margin-right: 2.6%; background: #f4f4f4; border: 1px solid #cecece;}
.culture .item .col:last-child{ margin: 0;}
.culture .item .item-tit{ float: left; width: 24%; height: 100%; font-size: 18px; color: #003b64; line-height: 20px; text-align: center;}
.culture .item .item-tit i{ display: block; width: 60px; height: 60px; margin: 50% auto 15px; background-size: 100% 100%!important;}
.culture .item .desc-wrapper{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.culture .item .lecture-room i{ background: url(../images/logo/jiangtang.jpg) no-repeat;}
.culture .item .article i{ background: url(../images/logo/wenzhang.jpg) no-repeat;}
.culture .item .positive-energy i{ background: url(../images/logo/zhuanti.jpg) no-repeat;}
.culture .item .advertising-video i{ background: url(../images/logo/xuanchuanpian.jpg) no-repeat;}
.culture .item .item-img{ position: relative; float: right; width: 76%; height: 100%;}
.culture .item .item-img img{ width: 100%; height: 100%;}

.row.features{ height: auto; padding-bottom: 20px; background: #eaeef5; background-size: 100% 100%!important;}
.features .title .more i{ margin-left: 8px; background: url(../images/logo/jh.png) no-repeat;}
.features .col{ margin-right: 20px;}
.features .col:nth-child(4n+1){ margin-right: 0;}
.features .col .item-img{ width: 285px; height: 120px;}
.features .col .item-img img{ width: 100%; height: 100%;}
.features .col .item-tit{ margin: 15px auto 10px; font-size: 18px; color: #333; text-align: center;}
.features .col a:hover .item-tit{ color: #003b64;}

.news-lunbo{max-height: 300px;overflow: hidden;}
.carousel-inner{max-height: 540px;overflow: hidden;}
.news-lunbo .slider-sign,.fc-wrap .slider-sign{
    position: absolute;
    top: 10px;
    left: 10px;
    height: 10px;}
.fc-wrap .slider-sign{left: auto;right: 10px;}
.news-lunbo .news-next,.communication .comm-next{display: none;}
.news-lunbo .slider-sign .news-slider-btn,.fc-wrap .slider-sign .news-slider-btn{
    float: left;
    width: 9px;
    height: 9px;
    background: #999;
    margin: 0 10px 0 0;
    opacity: 0.25;
    filter: alpha(opacity:25);
    border: 1px solid #000;}
.news-lunbo .slider-sign .news-slider-btn.selected,.fc-wrap .slider-sign .news-slider-btn.selected{    background: #000;
    opacity: 1;
    filter: alpha(opacity:100);}
.news .news-class{
    float: right;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 30px;
    z-index: 2;
    color: #003b64;}
/*自适应*/
@media screen and (min-width: 1000px) and (max-width: 1679px){
    .row.school-info { height: 110px; line-height: 110px;}
    .school-info .logo img{ width: 350px;}
    .school-info .motto img{ width: 340px;}
    .title h2{ height: 70px; line-height: 70px; font-size: 20px;}
    .title .more{ line-height: 70px;}
    .title .more i{ width: 18px; height: 18px;}
    .news .title h2{ margin-bottom:20px;}
    .news-list li{ height: 45px; /*line-height: 45px;*/line-height: 22.5px; padding: 5px 0;}
    .news-list li a p{width: 100%;overflow: hidden;white-space: inherit;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .row.master { padding-bottom: 15px;}
    .master .col.col-sm{ width: 240px;overflow: hidden;}
    .master .col.col-md{ width: 250px;overflow: hidden;}
    .master .col.col-lg{ width: 490px;overflow: hidden;}
    .master .col .img-sm{ width: 240px; height: 165px;}
    .master .col .img-xs{ width: 250px; height: 165px;}
    .master .col .img-md{ width: 250px; height: 341px;}
    .master .col .img-lg{ width: 490px; height: 340px;}
    .master .desc-wrapper { height: 50px; font-size: 14px; line-height: 50px;}
    .row.fusion { padding-bottom: 20px;}
    /*.fusion .left{width: 50%;}*/
    /*.fusion .col { width: 320px; margin: 0 20px 0 0;}*/
    /*.fusion .item-img { width: 320px; height: 252px;}*/
    .row.culture { padding-bottom: 20px;}
    .culture .item .col { height: 208px;}
    .row.features { padding-bottom: 15px;}
    .features .col { margin-right: 16px;}
    .features .col .item-img { width: 238px; height: 100px;}
    .features .col .item-tit { margin: 12px auto 8px; font-size: 16px;}
}
@media screen and (min-width: 770px) and (max-width: 999px){
    .row.school-info { height: 95px; line-height: 95px;}
    .school-info .logo img{ width: 280px;}
    .school-info .motto img{ width: 270px;}
    .carousel-control span { width: 40px; height: 55px;}
    .title h2{ height: 55px; line-height: 55px; font-size: 18px;}
    .title .more{ line-height: 55px;}
    .title .more i{ width: 15px; height: 15px;}
    .news .title h2{ margin-bottom: 15px;}
    .news-list li{ height: 35px; font-size: 14px; line-height: 35px;}
    .news .news-case>div>a>p{-webkit-line-clamp: 3;}
    .news-list li a p{width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block;}
    .row.master { padding-bottom: 12px;}
    .master .col.col-sm{ width: 182px;overflow: hidden;}
    .master .col.col-md{ width: 191px;overflow: hidden;}
    .master .col.col-lg{ width: 377px;overflow: hidden;}
    .master .col .img-sm{ width: 182px; height: 125px;}
    .master .col .img-xs{ width: 191px; height: 125px;}
    .master .col .img-md{ width: 191px; height: 261px;}
    .master .col .img-lg{ width: 377px; height: 261px;}
    .master .desc-wrapper { height: 40px; font-size: 13px; line-height: 40px; text-indent: 15px;}
    .row.fusion { padding-bottom: 15px;}
    .fc-wrap .col .item-cont .desc{-webkit-line-clamp: 2;}
    .fc-wrap .communication .comm-item p{-webkit-line-clamp: 3;max-height: 60px;}
    /*.fusion .col { width: 100%; margin: 0 0 20px 0;}
    .fusion .item-img { width: 385px; height: 303px; float: left;}
    .fusion .item-cont { height: 100%; overflow: hidden;}
    .fusion .item-cont .desc { font-size: 14px; -webkit-line-clamp: 9;}*/
    .row.culture { padding-bottom: 15px;}
    .culture .item { margin-bottom: 20px;}
    .culture .item .col { height: 162px;}
    .culture .item .item-tit { font-size: 14px;}
    .culture .item .item-tit i { width: 45px; height: 45px; margin: 50% auto 10px;}
    .row.features { padding-bottom: 12px;}
    .features .col { margin-right: 10px;}
    .features .col .item-img { width: 185px; height: 77px;}
    .features .col .item-tit { margin: 10px auto 6px; font-size: 14px;}
}
@media screen and (min-width: 320px) and (max-width: 769px){
    .news .news-class{display: none;}
    .news .news-case>div>a>p{display: none;}
    .news .news-list ul{margin-left: 0;}
    .news .news-list ul:first-child li:last-child{display: block;}
    .news-list li a span{ display: inline-block;width: 20%;}
    .row.school-info{display: none;}
    .carousel-control span { width: 30px; height: 45px;}
    .carousel-control.right { right: 32px;}
    .carousel-control.left { left: 32px;}
    .row.news { padding-bottom: 0;}
    .title h2{ height: 45px; line-height: 45px; font-size: 16px;}
    .title .more{ font-size: 12px; line-height: 45px;}
    .title .more i{ width: 12px; height: 12px; transform: translateY(1px);}
    .news .title h2{ margin-bottom: 15px;}
    .news .news-case { width: 100%;}
    .desc-wrapper { font-size: 12px;}
    .news .news-list { width: 100%; margin-left: 0;}
    .news-list li{ height: 42px; font-size: 14px; line-height: 42px;}
    .news .news-case .desc-wrapper{position: absolute;background: rgba(0,0,0,0.5);color: #fff;}
    .news-list li a p{display:inline-block;width:75%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .row.master { padding-bottom: 8px;}
    .master .col.col-sm{ display: none;}
    .master .col.col-md{ display: none;}
    .master .col.col-lg{ width: 100%;overflow: hidden;}
    .master .col.col-lg .img-sm{display: inline-block;}
    .master .col .img-sm{ width: 100%; height: 125px;}
    .master .col .img-lg{ width: 100%; height: 236px;}
    .master .col a{ width: 49%; margin: 0 2% 6px 0;}
    .master .col a:first-child{ width: 100%; margin-right: 0;}
    .master .desc-wrapper { height: 35px; font-size: 12px; line-height: 35px; text-indent: 15px;}
    .row.fusion { padding-bottom: 12px;}
    .fusion .fc-wrap{width: 100%;display: inline-block;overflow: hidden;float: none;}
    .fc-wrap .col{background: #FFF;max-height: 130px;}
    .fc-wrap .col .item-img{width: 50%;float: left;display: inline-block;}
    .fc-wrap .col .item-cont{width: 50%;display: inline-block;}
    .fc-wrap .col .item-cont .desc{-webkit-line-clamp: 4;max-height: 80px;overflow: hidden;}
    /*.fusion .col { width: 100%; margin: 0 0 10px 0;}
    .fusion .item-img { width: 170px; height: 134px; float: left;}
    .fusion .item-cont { height: 100%; overflow: hidden; padding: 0 12px;}
    .fusion .item-cont .tit { height: 35px; margin-bottom: 5px; font-size: 14px; line-height: 35px;}
    .fusion .item-cont .desc { font-size: 12px; line-height: 20px; -webkit-line-clamp: 4;}*/
    .row.culture { padding-bottom: 12px;}
    .culture .item { margin-bottom: 10px;}
    .culture .item .col { width: 100%; height: 146px; margin-right: 0; margin-bottom: 10px;}
    .culture .item .item-tit { font-size: 12px;}
    .culture .item .item-tit i { width: 38px; height: 38px; margin: 50% auto 5px;}
    .row.features { padding-bottom: 5px;}
    .features .title .more i { margin-left: 5px;}
    .features .col { width: 48%; margin-right: 2%;}
    .features .col .item-img { width: 100%; height: 72px;}
    .features .col .item-tit { margin: 6px auto 10px; font-size: 12px;}
    .features .col:nth-child(2n+1){ margin-right: 0;}
}
@media screen and (min-width: 1680px){
    .news-list li {
        height: 45px;
        line-height: 22.5px;
        padding: 5px 0;}
}