@charset "utf-8"; /* CSS Document */ /*----栏目装饰开始----*/ .lanmu-zs{ width:100%; position:relative;height:254px; z-index:20;} .lanmu-imgbox{ width:100%; height: 254px; position:relative; top:0; left:0; overflow:hidden;} .lanmu-zs-img{width:1920px; height:254px; position: relative; left:50%; margin-left:-960px;} /*.list-lm-bt-ceng{position:absolute; width:100%; bottom:0; left:0; height:64px; z-index:88;}*/ .list-lm-bt{ width: 288px; line-height: 64px; text-align: center; font-size: 20px; color: #fff; background: #8B0614;} /*----栏目装饰结束----*/ /*----栏目名称开始----*/ .list-lm{margin:0 auto 32px auto;} .list-lm-nav{list-style:none;} .list-lm-nav li{margin-right:8px; float:left; display:inline-block;white-space:nowrap;} .list-lm-nav li a{padding:0 15px 0 30px; height:50px; line-height:50px;color:#333;display:inline-block;transition:0.5s;} .list-lm-nav li.li-on a,.list-lm-nav li a:hover{padding:0 12px 0 33px; height:50px; line-height:50px; background-color:#224b70; background-image:url(../images/list-image/list-nav-icon-on.png); background-repeat:no-repeat; color:#fff;display:inline-block; -webkit-animation: dh-er 2s infinite;animation: dh-er 2s infinite;} @-webkit-keyframes dh-er { 0% {background-position:12px center;padding:0 15px 0 30px;} 50% {background-position:15px center;padding:0 12px 0 33px;} 100% {background-position:12px center;padding:0 15px 0 30px;} } @keyframes dh-er { 0% {background-position:12px center;padding:0 15px 0 30px;} 50% {background-position:15px center;padding:0 12px 0 33px;} 100% {background-position:12px center;padding:0 15px 0 30px;} } .list-dqwz{line-height:40px; color:#333;} .list-dqwz a{color:#333;} .list-dqwz a:hover{ color:#e98235;} /*----栏目名称结束----*/ /*--栏目主界面开始--*/ .main-box{ margin:10px auto 0 auto;} .gg-list-bt{ height:32px; line-height:32px; padding-left:30px; background-repeat:no-repeat; background-position:left center; font-size:18px;} .gg-list-bt span{ font-size:14px;margin-left:10px; font-style:inherit;} .c333{ color:#333;} .cfff{ color:#fff;} /*--栏目主界面结束--*/ /*--学院概况开始--*/ .list-gk-part1{ margin-bottom:50px;} .list-gk-part1 ul{list-style:none;} .list-gk-part1 ul li{width:380px; margin-right:30px; float:left; display:inline; position:relative; overflow:hidden;border:1px solid #fff;} .list-gk-part1 ul li:hover{border:1px solid #dcdcdc;} .list-gk-part1 ul li>img{width:100%;} .list-gk-part1 ul li:hover>img{animation:hover-img 2s infinite;-webkit-animation:hover-img 2s infinite;} .list-gk-part1 ul .li-bt-box{ position:absolute; bottom:20px; left:20px; width:340px; padding:18px 0; line-height:24px; min-height:24px;} .list-gk-part1 ul .li-bt-title{ padding:0 55px 0 15px; line-height:24px; position:relative; color:#fff; font-size:18px;} .list-gk-part1 ul .li-bt-title span{font-size:14px;margin-left:10px;} .list-gk-part1 ul .li-bt-span{position:absolute; right:5px; top:50%; margin-top:-25px;} .list-gk-part1 ul .li-bt-span:hover{position:absolute;top:50%; margin-top:-25px;animation:more-img 2s infinite;-webkit-animation:more-img 2s infinite;} .list-gk-part2{padding:50px 0; background:#f1f2f8;} .gk-part2{ margin-top:30px;} .gk-part2 .gk2-li{width:380px; margin-right:30px; float:left; display:inline; position:relative; background-color:#fff; height:390px; overflow:hidden;} .gk-part2 .gk2-li-bt{width:320px; height:50px; margin:0 auto;} .gk-part2 .gk2-li-list{width:320px; height:50px; margin:20px auto 0 auto; color:#333;} .gk-part2 .gk2-li-list h3{line-height:32px; width:100%; font-size:16px; font-weight:bold; margin:8px 0 0 0; padding:0;float:left;} .gk-part2 .gk2-li-list h4{ line-height:30px; width:320px; font-size:16px; font-weight:normal; margin:0; padding:0;} .gk-part2 .gk2-li-list h4 span{ text-align:left; height:24px; line-height:24px; display:inline-block;width:76px;margin:0;padding:0;} .gk-part2 .gk2-li-list a{color:#333;} .gk-part2 .gk2-li-list a:hover{color:#b9322c; font-weight:bold;} .gk-part2 .gk2-img{ height:135px;background-size: cover;background-position: center; background-repeat:no-repeat; width:100%; position:absolute; bottom:0;} .list-gk-part3{padding:50px 0 40px 0;} .gk-part3{} .gk-part3 .gk3-li{width:380px; margin-right:30px; float:left; display:inline; position:relative; background-color:#fff; height:390px;} .gk-part3 .gk3-li-img{width:100%; margin:26px 0 20px 0;} .gk-part3 .gk3-li-list{list-style:none;} .gk-part3 .gk3-li-list li{margin-bottom:3px;font-size:16px;width:100%;} .gk-part3 .gk3-li-list li a{padding:13px 0; background-color:#f1f2f8; padding-left:30px; color:#333; display:block;transition:0.5s;} .gk-part3 .gk3-li-list li a:hover{padding:13px 0; background-color:#b9322c; padding-left:35px; color:#fff; display:block;transition:0.5s;} .gk-part3 .gk3-li-list li span{ font-size:12px; margin-left:10px; font-style:inherit; color:#666;} .gk-part3 .gk3-li-list li a:hover span{ color:#fff;} .rc-part{ background-color:#f1f2f8; padding:50px 0;} /*--学院概况结束--*/ /*--教育教学开始--*/ .jy-he{ height:328px;} .xy-he{ height:400px;} .list-jy-part1{ margin:32px auto 42px auto; overflow:hidden;position:relative;} .jy-part1-left{ width:600px;} .jy-part1-left img{width:600px; min-height:328px;} .jy-part1-right{ width:600px; background-color:#f1f2f8;position:absolute;top:0;right:0;} .jy24-26{padding:24px 24px 0 24px;} .xy24-26{padding:24px 0 0 24px;} .jy-part-list{margin-top:20px; padding:0; list-style:none;} .jy-part-list li{font-size:16px;} .jy-part-list li:hover{animation:hover-wen 1s infinite;-webkit-animation:hover-wen 1s infinite;} .jy-part-list li a{padding:13px 0; color:#333; display:block;text-overflow:ellipsis; white-space: nowrap; overflow:hidden;} .jy-part-list li span{ font-size:12px; margin-left:10px; font-style:inherit; color:#666;} .jy-part-list li a:hover,.jy-part-list li a:hover span{ color:#b9322c;} .list-jy-part2{ padding:50px 0;background-color:#f1f2f8;} .jy-part2-box{height:616px;position:relative;} .jy-part2-box .jy-part2-img{width:100%; position:absolute; top:-14px; left:0; z-index:99;} .jy-part2-left{ width:600px; position:absolute;z-index:102; height:616px;left:0;} .jy-part2-right{ width:600px;position:absolute;z-index:102; height:316px; padding-top:300px;right:0;} .jy-part2-img1{position:absolute; bottom:0px; right:0px; width:50%; height:312px;background-size: cover;background-repeat:no-repeat; background-position:center;} .jy-part2-img2{position:absolute; top:0px; right:0px; width:100%; height:282px; overflow:hidden;} .jy-part2-img2 .jy-part2-img2-div{background-size: cover;background-position: center; background-repeat:no-repeat;width:100%; height:282px;} /*--教育教学结束--*/ /*--学院学科开始--*/ .xy-part1-bt{ height:50px; line-height:50px; width:100%; position:relative; background-repeat:no-repeat; background-position:left center; font-size:18px;background-color:#a52c27;} .xy-part1-bt span{ font-size:14px;margin-left:10px; font-style:inherit;} .xy-part1{ position:absolute; height:67px; width:624px; background:url(../images/list-image/xyxk-part1-bg.png) no-repeat; left:-48px; padding-left:80px; line-height:50px; color:#fff;} .xy-part2-img1{position:absolute; bottom:0px; right:0px; width:100%; height:312px; overflow:hidden;} .xy-part2-img1 .xy-part2-img1-div{background-size: cover;background-position: center; background-repeat:no-repeat;width:100%; height:312px;} .xy-part-list{margin-top:20px; padding:0; list-style:none;} .xy-part-list li{font-size:14px; width:33%; float:left;height:32px;line-height:32px;} .xy-part-list li a{color:#333; width:100%; display:block;text-overflow:ellipsis; white-space: nowrap; overflow:hidden;} .xy-part-list li a:hover{color:#a52c27; width:100%; font-weight:bold;display:block;text-overflow:ellipsis; white-space: nowrap; overflow:hidden;font-size:15px;} .xy-list{ width:560px; height:204px;background:#f1f2f8; margin:0 auto;} .xy-list-part{width:280px;} .xy-list-part .xy-list-img{ float:left; height:204px; width:150px; overflow:hidden;} .xy-list-part .xy-list-img-div{background-size: cover;background-position: center; background-repeat:no-repeat;width:150px; height:204px;} .xy-list-part:hover .xy-list-img-div{animation:hover-img 2s infinite;-webkit-animation:hover-img 2s infinite;} .xy-list-part .xy-list-wen{ float:left; padding-top:20px; width:100px; padding-left:15px; padding-right:15px; color:#333; font-size:14px;} .xy-list-part .xy-list-wen .wen-bt{color:#333; font-size:14px;line-height:30px;} .xy-list-part:hover .wen-bt{color:#a52c27; font-size:15px;font-weight:bold;} .xy-list-part .xy-list-wen .wen-zy{color:#333; font-size:14px;line-height:30px;margin-top:15px;} .xy-list-part2{width:150px;padding:0 18px;} .xy-list-part2 .xy-list-img{height:204px; width:150px; overflow:hidden;} .xy-list-part2 .xy-list-img-div{background-size: cover;background-position: center; background-repeat:no-repeat;width:150px; height:204px;} .xy-list-part2:hover .xy-list-img-div{animation:hover-img 2s infinite;-webkit-animation:hover-img 2s infinite;} .xy-list-part2 .xy-list-wen2{width:150px; text-align: center; color:#333; font-size:14px;} .xy-list-part2 .xy-list-wen2 .wen-bt{color:#333; font-size:14px;line-height:20px;} .xy-list-part2:hover .wen-bt{color:#a52c27; font-size:15px;font-weight:bold;} .xy-list-part2 .xy-list-wen2 .wen-zy{color:#333; font-size:14px;line-height:30px;margin-top:15px;} /*--学院学科结束--*/ /*--校园生活开始--*/ .xysh-part{} .xysh-part .xysh-li{width:380px;margin-right:20px; float:left; display:inline; position:relative; background-color:#fff; min-height:390px;} .xysh-part .xysh-li-bt{width:92%; height:50px; margin:50px 0 0 30px; float:left;} .xysh-part .xysh-li-bt img{ width:50px; height:50px; float:left;} .xysh-part .xysh-li-bt .xysh-bt{ height:50px;padding-left:3%; font-size:18px;} .xysh-part .xysh-li-bt .xysh-bt span{ font-size:14px; margin-left:10px; font-style:inherit;} .xysh-part .xysh-li-bt .xysh-bt table{width:100%;height:50px;text-align:left;} .xysh-part .xysh-li-bt .xysh-bt table td{width:100%;height:50px;text-align:left;} .xysh-part .xysh-li-list{width:320px; margin:20px auto 0 auto; color:#333;} .xysh-part .xysh-li-list h3{line-height:32px; width:100%; font-size:16px; font-weight:bold; margin:8px 0 0 0; padding:0;float:left;} .xysh-part .xysh-li-list h3 span{ font-size:14px;margin-left:10px; font-style:inherit; font-weight:normal;} .xysh-part .xysh-li-list h4{ line-height:30px; width:100%; font-size:16px; font-weight:normal; margin:0; padding:0;} .xysh-part .xysh-li-list h4 span{ text-align:left; display:inline-block;padding-right:10px;} .xysh-part .xysh-li-list a{color:#333;} .xysh-part .xysh-li-list a:hover{color:#e98235;} .xysh-part .xysh-img{ height:135px;background-size: cover;background-position: center; background-repeat:no-repeat; width:100%; position:absolute; bottom:0;} /*--校园生活结束--*/ /*--管理服务开始--*/ .glfw-part{ margin:50px auto; background:#f1f2f8; min-height:340px;} .glfw-div{padding:35px 25px;} .glfw-list{margin-top:20px; padding:0; list-style:none;} .glfw-list li{font-size:16px; width:50%; float:left;} .glfw-list li:hover{ animation:hover-wen 1s;-webkit-animation:hover-wen 1s;} .glfw-list li a{padding:13px 0; color:#333; display:block;text-overflow:ellipsis; white-space: nowrap; overflow:hidden;} .glfw-list li span{ font-size:12px; margin-left:10px; font-style:inherit; color:#666;} .glfw-list li a:hover,.glfw-list li a:hover span{ color:#b9322c;} /*--管理服务结束--*/ /*----栏目左侧导航开始----*/ .main-left{width:24%; margin-bottom:30px;} .main-left-nav{list-style:none;} .main-left-nav li{ width: 100%; height: 50px; line-height: 50px; display: block; font-size: 16px; border-bottom: 1px solid #fff; } .main-left-nav li a{ background: none; /* padding-left: 30px; */ height: 50px; line-height: 50px; display: block; color: #333333; font-size: 15px; text-align: center; background: #eee; /* border-bottom: 1px solid #fff; */} .main-left-nav li:hover a,.main-left-nav li.li a{font-size:16px;background:#c84742; height:50px;line-height:50px; display:block; color:#fff;-webkit-animation: dh-ce-er 2s infinite;animation: dh-ce-er 2s infinite;padding-right:30px;} .main-left-img{width:100%; height:400px;background-size: cover;background-position: center; margin-top:5px;} /*----栏目左侧导航开始----*/ @-webkit-keyframes dh-ce-er { 0% {padding-left:30px;} 50% {padding-left:35px;} 100% {padding-left:30px;} } @keyframes dh-ce-er { 0% {padding-left:30px;} 50% {padding-left:35px;} 100% {padding-left:30px;} } /*----栏目右侧内容开始----*/ .main-right{ width:850px;min-height:500px;} .lanmu-list{ width:100%; list-style:none;} .lanmu-list li{padding:27px 0px; width:100%; height:157px; overflow:hidden; color:#333; font-size:16px; position:relative; border-bottom:1px solid #d8d8d8; overflow:hidden;} .lanmu-list li:hover{background-color:#fafafa;} .lanmu-list li .li-div{padding-left:255px; position:relative;} .lanmu-list li .li-img{width:227px; height:155px; border:1px solid #e5e5e5; float:left; overflow:hidden; position:absolute; left:0;} .lanmu-list li .li-img img{width:227px; min-height:155px;} .lanmu-list li:hover .li-img img{width:227px; min-height:155px;animation:hover-img 1.5s infinite;-webkit-animation:hover-img 1.5s infinite;} .lanmu-list li .li-wen{} .lanmu-list li .li-sj{color:#cc9966; font-size:14px;} .lanmu-list li .li-bt{color:#333; height:40px; line-height:40px; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lanmu-list li .li-zy{ margin-top:16px; height:48px; line-height:24px; overflow:hidden; font-size:14px; color:#666666;} .lanmu-list li a{color:#333;} .lanmu-list li a:hover{color:#aa021c;} .list-lianjie{ width:100%; list-style:none;} .list-lianjie li{width:220px; height:40px; line-height:40px; padding-left:40px; padding-right:10px; background-image:url(../images/list-image/list-icon-a.png); background-repeat:no-repeat; background-position:20px center; float:left; display:inline; background-color:#eeeeee; display:block; margin-top:5px; margin-bottom:5px; margin-right:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; color:#333;} .list-lianjie li .div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:100%;} .list-lianjie li:hover{animation:lianjie 1.5s infinite;-webkit-animation:lianjie 1.5s infinite;background-color:#a0b5c8;color:#c84742;} .list-lianjie li a{color:#333;} .list-lianjie li:hover{color:#c84742;} .list-liebiao{ width:850px; list-style:none;} .list-liebiao li{width:100%; height:40px; line-height:40px;} .list-liebiao li .div-li{padding-left:40px; padding-right:90px; width:720px; background-image:url(../images/list-image/list-icon-a.png); background-repeat:no-repeat; background-position:20px center;display:inline; overflow:hidden;display:block; margin:5px 10px;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0; color:#333; border-bottom:1px solid #f1f1f1;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .list-liebiao li:hover .div-li{padding-left:40px; padding-right:90px; animation:liebiao 2s infinite;-webkit-animation:liebiao 2s infinite;color:#c84742;} .list-liebiao li .div-li span{position:absolute; right:10px; top:0;} /*--图片列表--*/ .lanmu-list-tu{} .lanmu-list-tu li{ width:270px;height:220px; margin-bottom:10px; margin-right:20px; overflow:hidden; color:#333; font-size:16px; overflow:hidden; float:left; display:inline;} .lanmu-list-tu li .li-div{ width:100%;} .lanmu-list-tu li .li-img-box{width:268px; height:178px; border:1px solid #e5e5e5; overflow:hidden;} .lanmu-list-tu li .li-img{width:100%; height:178px;transition:1s; overflow:hidden;} .lanmu-list-tu li .li-img img{width:100%; min-height:178px;} .lanmu-list-tu li .li-wen{ height:40px; line-height:40px; color:#333; text-align:center;transition:2s;} .lanmu-list-tu li:hover .li-wen{color:#bb322d;} .lanmu-list-tu li:hover .li-img{animation:hover-img 1.5s infinite;-webkit-animation:hover-img 1.5s infinite;} .lanmu-list-zt{width:820px; margin:0 auto;} .lanmu-list-zt li{ width:375px;height:162px; margin:0 15px 10px 15px; overflow:hidden; color:#333; font-size:16px; overflow:hidden; float:left; display:inline;} .lanmu-list-zt li .li-div{ width:100%;} .lanmu-list-zt li .li-img-box{width:373px; height:120px; border:1px solid #e5e5e5; overflow:hidden;} .lanmu-list-zt li .li-img{width:100%; height:120px;transition:1s; overflow:hidden;} .lanmu-list-zt li .li-img img{width:100%; min-height:120px;} .lanmu-list-zt li .li-wen{ height:40px; line-height:40px; color:#333; text-align:center;transition:2s;} .lanmu-list-zt li:hover .li-wen{color:#bb322d;} .lanmu-list-zt li:hover .li-img{animation:hover-img 1.5s infinite;-webkit-animation:hover-img 1.5s infinite;} .right-content{ width:100%; margin:0 auto; min-height:300px; padding-bottom:10px;} .right-content .content-bt{ width:95%; line-height:30px;padding:10px 0; text-align:center; color:#585858; font-size:25px;margin-bottom:5px;} .right-content .content-bt-xia{ width:95%; line-height:26px; text-align:center; color:#585858; font-size:14px;} .right-content .content-bt-xia span{ color:#585858; padding:0 10px;} .right-content .content-ld,.right-content .content{ width:95%; line-height:2em; color:#585858;margin:15px auto 0 auto;} .right-content .content-ld p,.right-content .content p{text-indent:2em;line-height:2em; color:#585858; margin:0; padding:0;} .right-content .content-ld table p,.right-content .content table p{text-indent:0em; max-width:100%;} .right-content .content img{max-width:90%;margin:5px auto;/* display:block; */} .right-content .content-ld img{float: left;margin: 7px 15px 3px 0px;padding: 2px;border: 1px solid #DDD;display: inline;} .right-content a{color:#585858;} .right-content a:hover{color:#aa021c;} .pages a:hover{color:#ffffff;} /*----栏目右侧内容开始----*/ .table-border table{ border-left:1px solid #ccc; border-top:1px solid #ccc;} .table-border table td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .list-right-bt{border-bottom:1px solid #b8312d; font-size:18px; color:#333; font-weight:bold;padding-right:80px;height:36px; line-height:36px;margin-top:20px;position:relative;} .list-right-bt span{position:absolute;right:10px;top:0;font-size:12px;} .list-right-bt span a{color:#333;} .list-right-bt span a:hover{color:#b8312d}*/ .content-fx{ height:32px; line-height:32px; margin:20px 0;width:100%; padding:15px 0; font-size:18px;}