﻿.ne-banner{width: 100%; overflow: hidden; background: #000; position: relative; }
.ne-banner img{  
 width:100%; 
  display:block;  
  animation: changeScale 1 2.5s; }
.hzdw {width: 100%; position: relative; margin:0 0 45px 0; text-align: center; }
.hzdw a {width: 18%; display: inline-block;  margin-right: 2%; color: #333333;  padding:0 35px; cursor: pointer; height: 56px; line-height: 56px; font-size: 20px; position: relative;  border:1px solid #cfcfcf; border-radius: 3px; transition-duration: .5s; overflow: hidden; padding-left: 3%; text-align: left !important; }
.hzdw a:after{width: 45px; height: 56px; background: url(../images/nav-bg.png) no-repeat center center #e5e5e5; position:absolute; content: ""; right: 0; top: 0;}
.hzdw a:nth-child(5){margin-right: 0;}
.hzdw a:hover { background: #7a5131; color: #fff; border:1px solid #7a5131;}
.hzdw .ts{background: #7a5131; color: #fff; border:1px solid #7a5131;}
.hzdw .ts a:after{display: none;}
.ny-box1{width: 100%; padding-bottom:50px; }
.ne-posotion {
    font-size: 17px;
    color: #666666;
    line-height: 88px;
text-align: right;
}
.a-bit{text-align: center; line-height: 106px; font-size:30px; color: #333333; }
.ab_text{font-size: 18px; line-height: 36px;}
.a-bit1{color: #7a5131; font-size: 24px;}
.ab_text .c1{padding-bottom: 35px;}
.p-wi{width: 48%; text-align: center; overflow: hidden; margin-bottom: 40px;}
.p-wi:hover img{transform:scale(1.1);}
.p-wi img{display: block; transition-duration: 1s;}

.yywh-left{width: 64%;}
.yywh-left li{padding:18px 0; border-bottom: 1px solid #d6d6d6; font-size: 20px; color: #333333; line-height: 35px; position: relative; cursor: pointer;}
.yywh-left li:hover:after{width: 110px;}
.yywh-left li:after{position: absolute; content: ""; width: 82px; height: 2px; background: #7a5131; bottom: 0; left: 0; transition-duration: 1s;}
.yywh-left li span{display: inline-block; width: 144px; color: #7a5131; font-weight:bold;}
.yywh-right{width: 31.763%; overflow: hidden; position: relative;}
.tt {
    background: #84665a;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation-name: tt;
    animation-name: tt;
}

.ylt{width: 100%; padding-bottom:30px;}
.ylt dl{width:31.736%; float: left; margin-right: 2.396%; cursor: pointer; }
.ylt dl:nth-child(3){margin-right: 0; overflow: hidden;}
.ylt dl dt{width: 100%; overflow: hidden; background: #000; position: relative;}
.ylt dl dt .dw{width: 133px; height: 133px; border-radius: 100%; background: rgba(122,81,49,0.7); position: absolute; left: 50%; transform: translate(-50%); top: 30%; text-align: center; line-height: 133px; color: #fff; font-size: 20px; opacity: 0; transition-duration: 1s; }
.ylt dl:hover dt .dw{ top: 35%; opacity: 1; }
.ylt dl:hover dt .dw a{color: #fff;}
.ylt dl dt img{display: block; width: 100%; transition-duration: 1s;}
.ylt dl:hover dt img{transform: scale(1.1); opacity: 0.7;}
.ylt dl dd{position:relative; width: 100%; text-align: center; line-height: 80px; font-size: 20px; border-bottom: 3px solid #7a5131;}
.ylt dl dd:before{content:""; position: absolute;width: 0; height: 3px; background: #d8af8d; left: 50%; transform: translate(-50%); transition-duration: .5s;bottom: -3px;}
.ylt dl:hover dd:before{width: 100%;}
.lx-xi{overflow: hidden; }
#map{ height:535px;  font-size: 15px !important; line-height: 28px !important;}
.lx-zi{ position:absolute; width:35%; height:100%; background:#7a5131; top:0; right:0; color:#fff; padding:110px 40px 0 40px;
align-items:center;
justify-content:center;}
.lx-zi h1{font-size: 32px; font-weight: normal; margin-bottom:45px; display: block; width: 100%; }
.lx-zi h1 span{display: inline-block; font-size: 26px; width: 100%; padding-top: 15px;}
.lx-zi p{line-height: 48px; padding-left: 40px; color: #fff; font-size: 19px; margin-bottom:15px; width: 100%; display: block;}

/*学科介绍*/
.jy-ks {width: 100%;padding-top: 15px;}
.jy-ks dl {width: 100%;margin-bottom: 25px;}
.jy-ks dl dt {font-size: 22px; height: 60px; line-height: 60px; padding-left: 50px; color: #333333; margin-bottom: 30px; position: relative;}
.jy-ks dl dt:after{position: absolute; left: 0; top: 0; width: 50px; height: 60px; content: ""; transition-duration: 1s;}
.jy-ks dl:nth-child(1) dt:after{background: url(../images/ks-icon1.png) no-repeat left center;}
.jy-ks dl:nth-child(2) dt:after{background: url(../images/ks-icon2.png) no-repeat left center;}
.jy-ks dl:nth-child(3) dt:after{background: url(../images/ks-icon3.png) no-repeat left center;}
.jy-ks dl:hover dt:after{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate; }
.ks-list01 {width: 100%}
.ks-list01 li { width: 15%; float: left; margin: 0 1.66% 30px 0;border: 1px solid #cccccc; border-radius: 6px; cursor: pointer; color: #434343;font-size: 17px;line-height: 42px; text-align: center; display: inline-block;  overflow: hidden; text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1;  -webkit-box-orient: vertical; position: relative; transition-duration: 1s;}

.ks-list01 li a:hover{color: #fff;}
.ks-list01 li:hover {color: #fff; background: #7a5131; }
.ks-list01 li:hover a {color: #fff;  }
/*学科介绍*/
.xk-neir {width: 100%; padding-top: 30px;}
.xk-neir .bit1 {height: 54px; border-bottom: 1px solid #b09e74; margin-bottom: 15px; position: relative;}
.xk-neir .bit1 span{line-height:54px; padding:0 40px; background:#7a5131; color: #fff; height: 54px; display: inline-block; font-size: 19px; }
.xk-zj {padding-top: 10px;}
.xk-zj .pic { width: 100%;background: #000; overflow: hidden; border:1px solid #dadada;}
.xk-zj .pic img {display: block;width: 100%; transition-duration: 1s;}
.xk-zj:hover .pic img {transform: scale(1.1);}
.xk-zj .neir {padding: 8px 5px 0 5px;line-height: 28px; color: #333333;font-size: 16px; }
.xk-zj .neir span { display: block;font-weight: normal; font-size: 18px;}

.zj-list dl {
        width: 15%;
        float: left;
        margin-right: 1.6%;
        margin-bottom: 20px;
        cursor: pointer;
    }

        .zj-list dl:nth-child(6n) {
            margin-right: 0;
        }

        .zj-list dl dt {
            width: 100%;
            overflow: hidden;
            border:1px solid #c8c8c8;
        }

            .zj-list dl dt img {
                display: block;
                width: 100%;
                transition-duration: 1s;
            }

        .zj-list dl:hover dt img {
            transform: scale(1.1);
        }

        .zj-list dl dd {
            padding: 8px 0;
            line-height: 28px;
            color: #333333;
            text-align: center;
            font-size: 16px;

        }

            .zj-list dl dd span {
                display: block;
                font-weight: normal;
                font-size: 18px;
            }
.szks {
    width: 100%;
    padding: 20px 0 30px 0;
}

    .szks .le {
        width: 47.7%;
        float: left;
        position: relative;
        overflow: hidden;
    }

        .szks .le .dw {
            display: block;
            padding: 0 40px;
            background: #f09218;
            line-height: 50px;
            font-size: 20px;
            position: absolute;
            right: 0;
            bottom: 0px;
            color: #fff;
            font-weight: bold;
        }

        .szks .le img {
            display: block;
            width: 100%;
        }

    .szks .re {
        width: 50%;
        float: right;
    }

        .szks .re p {
            text-indent: 2em;
            padding-bottom: 25px;
            line-height: 26px;
            color: #555555;
            font-size: 16px;
        }

        .szks .re span {
            display: block;
            width: 100%;
            text-align: right;
            font-size: 18px;
        }

            .szks .re span a {
                color: #015eae;
            }
.zj-js {width: 18%; border:1px solid #eaeaea;}
.zj-js img{display: block; width: 100%; }

.zj-js1 {
    width: 76%;
}

    .zj-js1 .zb {
        font-size: 30px;
        color: #333333;
        padding-bottom: 20px;
    }

    .zj-js1 dl {
        width: 100%;
        font-size: 18px;
    }

        .zj-js1 dl dt {
            width: 100px;
            line-height: 40px;
            color: #999999;
            float: left;
            padding-right: 10px;
            display: block;
        }
.zj-js1 dl dd { width: 65%;line-height: 40px;color: #555555; float: left;}
.jianT {width: 100%; text-align: center; padding: 40px 0 0 0;}
.jianT li {background: #fff;border: 1px solid #ddd;line-height: 36px; height: 36px;
        display: inline-block;
        margin: 0 6px;
        border-radius: 5px;
        overflow: hidden;
    }
.jianT li a {
            font-size: 14px;
            color: #474747;
            display: block;
            padding: 0 15px;
        }

            .jianT li a:hover {
                text-decoration: none;
                background: #ded0b5;
                color: #fff;
            }

        .jianT li span {
            font-size: 14px;
            color: #474747;
            display: block;
            padding: 0 15px;
        }

            .jianT li span:hover {
                text-decoration: none;
                background: #ded0b5;
                color: #fff;
            }

.jianT li .on { background: #ded0b5;color: #fff;}
.tjzx{width: 100%; overflow: hidden; position: relative; margin-bottom: 30px;}
.tjzx img{display: block; width: 100%}
.tjzx .text{position: absolute; top: 45%; right: 12%; font-size: 36px; font-weight: bold; color: #fff; text-shadow: 0 0 10px #333; }
.n-list { width: 100%; border-top: 2px dashed #ededed;}
.n-list li {position: relative; line-height:70px; border-bottom: 2px dashed #ededed; padding-left: 25px;font-size: 18px; color: #333333;padding-right: 15%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;  font-weight: normal; transition-duration: 0.5s; cursor: pointer;}
.n-list li:after { position: absolute; width: 4px; height: 6px; background: url(../images/list-icon.png) no-repeat center center; left: 6px; top: 32px; content: "";}
.n-list li a { color: #000;}
.n-list li a:hover { color: #7a5131;}
.n-list span {position: absolute; right: 0; top: 0;width: 12%; text-align: center; display: inline-block; font-size: 16px;color: #999999;}

.n-list li:hover {padding-left: 30px;}
.detail {line-height: 30px;color: #111111;font-size: 24px; font-weight: bold;text-align: center;padding-bottom: 15px;}
.xx { width: 100%; line-height: 46px; text-align: center;background: rgba(176, 158, 116, 0.2); font-size: 16px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.detail1 {padding-top: 20px;}
.detail1 p {font-size: 17px; line-height: 30px;color: #555555;padding-bottom: 30px}
.detail1 p img {display: inline-block; max-width: 48%;margin: 0 1%;}

@media only screen and (max-width: 1367px) {
.hzdw {
    margin: 0 0 0 0;
}
.hzdw a {
    height: 46px;
    line-height: 42px;
    font-size: 17px;
    padding-left: 3%;
}
.a-bit {
    line-height: 86px;
    font-size: 26px;
}
.n-list li {
    line-height: 60px;
    border-bottom: 1px dashed #ededed;
    font-size: 17px;
    padding-right: 12%;
}
.n-list li:after{top: 27px;}
.ne-posotion {
    font-size: 16px;
}
.ab_text {
    font-size: 17px;
    line-height: 30px;
}
.lx-zi h1 {
    font-size: 28px;
    margin-bottom: 25px;
}
#map {
    height: 400px;
}
.lx-zi {
    padding: 70px 40px 0 40px;
}
.pi1{width: 30%;}
.ylt dl dd {
    line-height: 70px;
}
}

@media only screen and (max-width: 1280px) {
    .yywh-left li {
    padding: 15px 0;
    font-size: 16px;
    line-height: 30px;
}
.yywh-left li span{width: 124px;}
.pi1{width: 36%;}
.ylt dl dd {
    line-height: 60px;
    font-size: 18px;
}
}

@media only screen and (max-width: 1024px) {
    .ne-banner{padding-top: 70px;}
    .hzdw a:after{display: none;}
    .hzdw a {
        width: auto !important;
    display: inline-block;
    margin-right: 2%;
    padding: 0 20px;
    line-height: 40px; height: 40px;
    font-size: 17px;
    padding-left: 20px;
    text-align: center !important;
}
.a-bit1 {
    font-size: 20px;
}
.ab_text {
    font-size: 15px;
    line-height: 28px;
}
.pi1{width: 40%;}
.yywh-left li {
    padding: 10px 0;
}
.ylt dl dt .dw {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 17px;
}
.lx-zi {
    position: relative;
    width: 100%;
    padding: 30px;
}
.jy-ks {
 padding-top: 0px;
}
.jy-ks dl dt {
    font-size: 20px;
    margin-bottom: 5px;
}
.ks-list01 li {
    font-size: 16px;
    margin: 0 1.66% 15px 0;
}
.tjzx .text {
    font-size: 20px;
}
.n-list li {
    font-size: 16px;
}
.zj-list dl {
    width: 31.333%;
    float: left;
    margin: 0 1%;
    margin-bottom: 20px;
    cursor: pointer;
}
}

@media only screen and (max-width: 760px) {
.ne-banner{padding-top: 53px;}
.ne-posotion {
    font-size: 16px;
    line-height: 58px;
}
.hzdw a {
    width: 31% !important;
    display: block;
    float: left;
    margin-right: 1.3%;
    margin-bottom: 8px;
}
.pi1 {
    width: 100%;
    margin-bottom: 15px;
}
.a-bit {
    line-height: 66px;
    font-size: 24px;
}
.ab_text .c1 {
    padding-bottom: 20px;
}
.ab_text{font-size: 16px;}
.p-wi {
    width: 100%;
    margin-bottom: 10px;
}
.yywh-left {
    width: 100%;
}
.yywh-right {
    width: 100%;
margin-top:20px;
}
.ylt dl {
    width: 46%;
    margin: 0 2% 15px 2%;
}
.ylt dl dd {
    line-height: 50px;
    font-size: 17px;
}
.lx-zi {
    padding: 20px;
}
.lx-zi h1 {
    font-size: 24px;
    margin-bottom: 15px;
}
.lx-zi p {
    line-height: 40px;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 15px;
}
.ks-list01 li {
    width: 31%;
    font-size: 16px;
}
.zj-list dl {
    width: 48%;
    float: left;
    margin: 0 1%;
    margin-bottom: 20px;
    cursor: pointer;
}
.zj-js {
    width: 40%;
}
.zj-js1 {
    width: 100%;
    margin-top: 15px;
}
.n-list li {
    padding-right: 25%;
    height: 50px; line-height: 50px;
}
.n-list span {
    width: 25%;
    font-size: 15px;

}
}

@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

 @keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}