@charset "utf-8"; * { margin: 0; padding: 0; } li { list-style: none;} img { border: 0;} a { text-decoration: none; color: #000; outline: none; } body {font-family: "microsoft yahei";overflow-x: hidden;min-width: 1200px;} input { outline: none; } .fl {float: left;} .fr { float: right; } .wrap { max-width: 1430px;/* min-width: 1200px; */width: calc(100% - 30px); margin: 0 auto;} .clear{zoom: 1;} .clear:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden; } @font-face{ font-family: 'SourceHanSansSC-Regular'; src : url('../fonts/SourceHanSansSC-Regular.OTF'); } @font-face{ font-family: 'SourceHanSansSC-Light'; src : url('../fonts/SourceHanSansSC-Light.OTF'); } /* header开始 */ .head{width: 100%; min-width: 1000px; position: fixed;top: 0;left: 0;height: 140px;z-index: 9;} .header{height: 44px;line-height:44px;background:#aa0018;position: relative;z-index: 1;} .header_left{position: relative;z-index: 3;height: 44px;overflow: hidden;} .header_left a{font-size: 14px;color: #fff;margin-right: 12px;transition: 0.6s all;} .header_right{position: relative;z-index: 3;} .header_right p{float: left;padding-right: 24px;background: url(../images/head03.png) no-repeat right center;} .header_right p a{margin-left: 20px;font-size: 14px;color: #fff;transition: 0.6s all;} .header_right .map{float: left;padding:0 20px;background: url(../images/head03.png) no-repeat right center;margin-right: 10px;} .header_right .language{float: left;padding-left: 15px;margin-left: 10px;background: url(../images/head03.png) no-repeat left center;margin-top: 14px;} .header_right .language img{display: block;} .header_right span.search_icon{width: 18px;height: 18px;overflow:hidden;display: inline-block;transition: 0.5s;vertical-align: middle;float: left;margin-top: 14px;} .header_right span .search{width:174px;height:18px;overflow:hidden;} .header_right span .search .search_right{width: 18px;height: 18px;} .header_right span .search .search_left{width: 150px;background: none;border:none;border-bottom: 1px solid #ec9ba6;height: 17px;color: #fff;} .header_right span.search_icon:hover{width:174px;transition: 0.5s;} .header_left a:hover,.header_right a:hover{color: #cf8d92;transition: 0.6s all;} .headon{position: fixed;top: 0;left: 0; width: 100%;height: 100%;height: 139px;box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.15);z-index: 9999999;min-width:1000px;} .headon .nav-box{background: #fff;height: 95px;} .headon .nav-box .logo a{background: url(../images/logo-on.png) no-repeat center;width: 230px;height: 70px;} .headon #navul li a{color: #323232;} /* header结束 */ /* nav-box开始 */ .nav-box{-index: 3;height: 275px; background: url(../images/banner_ceng.png) repeat-x;} .nav-box .logo{margin-top: 12px;} .nav-box .logo a{display: block;background: url(../images/logo.png) no-repeat left center;width: 303px;height: 93px;background-size: 100%;} .navbg {width: 1100px;height:34px;margin-top:40px;} #navul li {FONT-SIZE:18px;WIDTH:100px; DISPLAY: block; HEIGHT: 34px;LINE-HEIGHT: 34px;float:left; text-align: center; font-weight:normal; position:relative; cursor:pointer;z-index:999;} #navul li a{color:#fff;} #navul li a:hover{color:#fff;} #navul li ul {list-style:none;z-index:909;width:910px;position:absolute;display:none;top:34px;padding:10px;background:url(../images/nav-erji-bg.png) repeat;margin:0 auto;} .nav-main0{left:-0px;} .nav-main2{left:-100px;} .nav-main3{left:-200px;} .nav-main4{left:-300px;} .nav-main5{left:-400px;} .nav-main6{left:-500px;} .nav-main7{left:-600px;} .nav-main8{left:-700px;} .nav-main9{left:-800px;} .nav-main10{left:-900px;} #navul li.navmoon { WIDTH:100px; DISPLAY: block; HEIGHT: 34px; LINE-HEIGHT: 34px; background-color:#ba0000; color:#fff;} #navul li.navmoon a {color:#ffff;} #navul li.navmoon .nav-erji{display:block; width:910px; min-height:200px;} #navul li.navmoon .nav-left-list{margin: 10px 0 0 20px;width:440px;} #navul li.navmoon .nav-left-list .nav-li{ height:48px; line-height:48px; margin:0 5px; float:left; border-bottom:1px solid #c8cccd;display:inline; font-size:14px; background:url(../images/nav-list-left-list.png) no-repeat 5px center; padding-left:20px; text-align:left;} #navul li.navmoon .nav-left-list .nav-li1{width:120px;} #navul li.navmoon .nav-left-list .nav-li2{width:115px;} #navul li.navmoon .nav-left-list .nav-li3{width:170px;} #navul li.navmoon .nav-left-list .nav-li a{color:#5e605f;} #navul li.navmoon .nav-left-list .nav-li a:hover{ color:#f90000;} #navul li.navmoon .nav-right-tu{width: 420px;height:140px;margin:35px 10px 0 0;} #navul li.navmoon .nav-right-tu img{width:100%!important;height:auto!important;} .headon .navbg{height: 95px;margin-top: 0;} .headon #navul li{HEIGHT: 95px;LINE-HEIGHT: 95px;} .headon #navul li ul{top: 95px;} @media only screen and (max-width:1366px) { .nav-box .logo a{width: 300px;} } .top01{position: relative;} .headon{opacity: 1;transform: translateY(-100%);} .head.showdiv .top01{transform: translateY(-100%);} .head.showdiv .headon{transition: all 0.4s ease-in-out 0.3s;transform: none;opacity: 1;} /* nav-box结束 */ @media only screen and (max-width: 1510px){ #navul li a{font-size:16px;} .navbg{width: 960px;} #navul li ul{width: 778px;} #navul li.navmoon .nav-erji{width: 778px;} #navul li{width: 85px;} .nav-main0{left:-0px;} .nav-main2{left:-88px;} .nav-main3{left:-176px;} .nav-main4{left:-264px;} .nav-main5{left:-352px;} .nav-main6{left:-440px;} .nav-main7{left:-528px;} .nav-main8{left:-616px;} .nav-main9{left:-704px;} #navul li.navmoon .nav-left-list{width: 350px;} #navul li.navmoon .nav-right-tu{width: 390px;} } @media only screen and (max-width:1392px) { #navul li{width: 67px;} #navul li a{ font-size: 12px;} .navbg{width: 780px;} } /* banner-box开始 */ /* banner结束 */ /*banners css*/ .banners .swiper-container{position: fixed !important;overflow: hidden !important;width: 100vw;min-width: 1200px; /*max-width: 1920px;*/z-index: 1;margin: 0 auto !important;height: 100vh;} .banners .swiper-pagination{position: absolute;text-align: center;right: 80px !important;bottom: 60px !important; z-index: 9999;width: auto !important;left: auto !important;height: 30px;padding-right: 29px;background: url(../images/Xbanner-01.png) no-repeat right 13px;} .banners .swiper-pagination .swiper-pagination-bullet {height: 30px;line-height: 30px; display: inline-block;overflow: hidden; float: left;font-size: 14px;color: #fff;padding: 0 12px;margin: auto !important; margin-top: 4px !important;opacity: 1 !important;width: auto !important; font-family: Arial;background: url(../images/Xbanner-02.png) no-repeat 80px center;} .banners .swiper-pagination .swiper-pagination-bullet-active {font-size: 22px;line-height: 30px;margin-top: 0;padding-right: 76px;background: url(../2020images/Xbanner-02.png) no-repeat right center;transition: all 0.5s ease-out 0s;} .banners .swiper-wrapper {position: relative;z-index: 1;} .banners .swiper-wrapper .swiper-slide-active{position: relative; z-index: 999;} .banners .swiper-wrapper .swiper-slide {position: relative;text-align: center;} .banners .swiper-wrapper .swiper-slide a{display: block;width:100%;} .banners .swiper-wrapper .swiper-slide img {vertical-align: top;width: 100%;height: 100vh;-webkit-animation-name: centerBig;animation-name: centerBig;animation-duration: 5s;animation-iteration-count: infinite;} .banners .swiper-wrapper .swiper-slide p{color:#fff;font-size:30px; position: absolute; left: 55px; bottom: 50px;} @media only screen and (max-width:1366px) { .banners .swiper-container{height: auto;} .banners .swiper-wrapper .swiper-slide img{width: 100%;height: 625px;} } /* .banners .prev {position: absolute;z-index: 9;left: 2%;top: -460px;display: block;width: 29px;background: url(../images2020/bannerL.png) no-repeat;height: 51px;cursor: pointer;} .banners .next {position: absolute;z-index: 10;left: auto;right: 2%;top: -460px;display: block;width: 29px;;background: red;background: url(../images2020/Rbanner.png) no-repeat;height: 51px;cursor: pointer;} */ @keyframes centerBig { from {transform: scale(1.0, 1.0);} to {transform: scale(1.05, 1.05);} } .banners .enter{width: 100%;} .banners .enter a{position: absolute;bottom: 5%;z-index: 10;display: block;text-align: center;width: 100%;} .banners .down img{width:27px;height: 117px;-webkit-animation: more 2s infinite;animation: more 2s infinite;} @-webkit-keyframes more { 0%, 60%, 80%, 100% {-webkit-transform: translateY(0);} 20% {-webkit-transform: translateY(-10x);} 40% {-webkit-transform: translateY(10px);} } @keyframes more { 0%, 60%, 80%, 100% {-webkit-transform: translateY(0);} 20% {-webkit-transform: translateY(-10px);} 40% {-webkit-transform: translateY(10px);} } @media only screen and (max-width:1366px) { } /* banner-box结束 */ .container{background: #f7f7f7;position: relative;z-index: 7;top: 100vh;/* min-width: 1200px; *//* width: 100%; */width: calc(100% - 34px);} @media only screen and (max-width:1366px) { .container{top: 625px;} } /* 要闻速递 开始 */ .part1{padding: 60px 0;} .part1-pic ul{margin-bottom: 30px;} .part1-pic li{float: left;width: 31.93%;margin-right: 2.1%;transition: 0.6s all;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);} .part1-pic li+li+li{margin-right: 0;} .part1-pic li a{display: block;} .part1-pic li .pic{width: 100%;height: 300px;overflow: hidden;} .part1-pic li .pic img{display: block;width: 100%;height: 300px;transition: 0.6s all;} .part1-pic li .text{background: #fff;padding:14px 30px 30px 30px;transition: 0.6s all;} .part1-pic li .text h5{font-size: 20px;color: #323232;line-height: 30px;height: 60px;overflow: hidden;padding-top: 12px;background: url(../images/part1-line.png) no-repeat top;background-position:-400px 0;margin-bottom: 15px;} .part1-pic li .text p{font-size: 14px;color: #999999;line-height: 24px;height: 72px;overflow: hidden;margin-bottom: 26px;transition: 0.6s all;} .part1-pic li .text h6{font-weight: normal;font-size: 14px;color: #aa0018;background: url(../images/xpart1-01.png) no-repeat right center;transition: 0.6s all;} .part1-pic li .text h6 i{font-style: normal;} .part1-pic li:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.4);transition: 0.6s all;} .part1-pic li:hover .pic img{transition: 0.6s all;transform: scale(1.1);} .part1-pic li:hover .text{transition: 0.6s all;} .part1-pic li:hover .text h5{color: #aa0018;transition: 0.6s all;} .part1-pic li:hover .text p{color: #aa0018;transition: 0.6s all;} .part1-pic li:hover .text h6{color: #aa0018;transition: 0.6s all;} /* 本例子css */ .part1-text{position:relative;} .part1-text .hd{} .part1-text .swiper-button-prev,.part1-text .swiper-button-next{width: 22px;height: 42px;position: absolute;top: 50%;margin-top: -51px;z-index: 9;outline: none;} .part1-text .swiper-button-prev{left: -62px;background: url(../images/part1-left.png) no-repeat center;} .part1-text .swiper-button-next{right: -62px;background: url(../images/part1-right.png) no-repeat center;} .part1-text01{} .part1-text{padding-bottom: 40px;} .part1-text .swiper-container{padding-bottom: 20px !important;} .part1-text .swiper-wrapper{ zoom:1;/* overflow: hidden; */} .part1-text .swiper-slide{transition: 0.6s all;float:left; display:block; overflow:hidden;background: #fff;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);} .part1-text .swiper-slide a{display: block;position: relative;padding: 30px;} .part1-text .swiper-slide h5{font-size: 20px;color: #323232;line-height: 26px;height: 52px;overflow: hidden;margin-bottom: 20px;transition: 0.6s all;padding-top: 12px;background: url(../images/part1-line.png) no-repeat top;background-position:-400px 0;} .part1-text .swiper-slide p{transition: 0.6s all;font-size: 14px;color: #999999;line-height: 24px;height: 72px;overflow: hidden;margin-bottom: 20px;} .part1-text .swiper-slide h4{font-weight: normal;transition: 0.6s all;background:url(../images/xpart1-01.png) no-repeat right center} .part1-text .swiper-slide h4 i{transition: 0.6s all;font-size: 14px;color: #aa0018;font-style: normal;margin-right: 12px;display: block;} .part1-text .swiper-slide h4 i+i{color: #999999;margin-top: 5px;} .part1-text .swiper-slide:hover{transition: 0.6s all;} .part1-text .swiper-slide:hover h5{transition: 0.6s all;color: #aa0018;transition: 0.6s all;} .part1-text .swiper-slide:hover p{transition: 0.6s all;color: #aa0018;} .part1-more{width: 300px;height: 60px;line-height: 60px; margin:0 auto;} .part1-more a{display: block;font-size: 16px;color: #fff;text-align: center;/*font-family: 'SourceHanSansSC-Light';*/background: #aa0018;transition: 0.6s all;} .part1-more a:hover{background: #cfcfcf;transition: 0.6s all;} @media only screen and (max-width:1600px) { .part1-text .swiper-button-prev{left: 0;} .part1-text .swiper-button-next{right: 0;} .part8-l li .pic img{width:100% !important;} } .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} /* 本例子css */ /* 要闻速递 结束 */ /* 学术开始 */ .title{margin-bottom: 60px;} .title h5{font-size: 42px;height: 42px;line-height: 42px;margin-bottom: 12px;text-align: center;letter-spacing: 5px;background: url(../images/x-title01.png) no-repeat center;} .title h5 a{color: #323232;transition: 0.6s all;} .title h5 a:hover{color: #aa0018;transition: 0.6s all;} .title .pic img{display: block;margin: 0 auto;} .title p{font-size: 16px;color: #666666;text-align: center;margin-top: 12px;/*font-family: 'SourceHanSansSC-Light';*/} .xsxd-box{padding:60px 0;background: url(../images/Xpart2-bg.png) center top;/* min-width: 1200px; */} .xsxd{} .xsxd .xsxd-list{position: relative;margin: 0 auto 60px auto;} /* 切换效果开始 */ .xsxd .xsxd-list .hd{position:absolute;display: none; top: -40px;right: 220px;width: 60px;height:20px;} .xsxd .xsxd-list .hd ul{list-style: none;text-align:center;} .xsxd .xsxd-list .hd ul li{width:8px;height:8px;margin: 0 3px;display:inline-block;background:none;border: 1px solid #bb0000;} .xsxd .xsxd-list .hd ul li.on{background:#bb0000;width:8px;height:8px;} .xsxd .xsxd-list .bd {} .xsxd .xsxd-list .bd ul{list-style: none;margin-bottom: -30px;} .xsxd .xsxd-list .bd ul li{width: 32%;margin-right:2%;/*margin:0 1%;*/box-sizing: border-box;background: #fff; float: left;cursor: pointer;margin-bottom: 30px;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);transition: 0.6s all;} .xsxd .xsxd-list .bd ul li+li+li{margin-right: 0;} .xsxd .xsxd-list .bd ul li+li+li+li{margin-right: 2%;} .xsxd .xsxd-list .bd ul li+li+li+li+li+li{margin-right: 0;} .xsxd .xsxd-list .bd ul li .div-li{transition:0.5s; padding:28px;} .xsxd .xsxd-list .bd ul li .div-li .more{display:none;} .xsxd .xsxd-list .bd ul li .div-li .div-li-li>h3{font-size: 20px;color: #333333;line-height: 30px;height: 90px;clear: both;overflow: hidden;} .xsxd .xsxd-list .bd ul li .div-li .div-li-li>h3 a{color:#333333;transition: 0.6s all;} .xsxd .xsxd-list .bd ul li .xsxd-li{width:100%;position:relative;} .xsxd .xsxd-list .bd ul li .xsxd-li-left{margin-right: 98px;} .xsxd .xsxd-list .bd ul li .xsxd-li-left hr.xian{width:100%; height:52px;background: url(../images/Xpart2-01.png) no-repeat left center;display:block;border:none;} .xsxd .xsxd-list .bd ul li .xsxd-li-left p{line-height: 24px;height: 24px;overflow: hidden; padding-left: 24px;color: #444444;} .xsxd .xsxd-list .bd ul li .xsxd-li-left p.sj{background: url(../images/icon_sj.png) no-repeat left 7px;} .xsxd .xsxd-list .bd ul li .xsxd-li-left p.wz{background: url(../images/icon_wz.png) no-repeat left 7px;} .xsxd .xsxd-list .bd ul li .xsxd-li-left p.zjr{background: url(../images/icon_jzr.png) no-repeat left 7px;} .xsxd .xsxd-list .bd ul li .xsxd-li>.img{width: 90px;height: 120px;position: relative;float: right;} .xsxd .xsxd-list .bd ul li .xsxd-li>.img img{display: block; width: 90px;height: 120px;} .xsxd .xsxd-list .bd ul li:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.4);transition: 0.6s all;} .xsxd .xsxd-list .bd ul li:hover .div-li .div-li-li>h3 a{color: #af2125;transition: 0.6s all;} /* .xsxd .xsxd-list .bd ul li.li1,.xsxd .xsxd-list .bd ul li.li4{margin-left:70px;} */ .xsxd .xsxd-list a.prev{width:26px;height:50px;position: absolute;left:-62px;top: 50%;margin-top: -25px; background:url(../images/xsxd-prev.png) no-repeat;} .xsxd .xsxd-list a.next{width:26px;height:50px;position: absolute;right:-62px;top: 50%;margin-top: -25px;background:url(../images/xsxd-next.png) no-repeat;} /* 切换效果结束 */ @media only screen and (max-width:1600px) { .xsxd .xsxd-list a.prev{left: 0;} .xsxd .xsxd-list a.next{right: 0;} } @media only screen and (max-width:1366px) { .xsxd .xsxd-list{padding: 0;} .xsxd .xsxd-list .bd ul li{} .xsxd .xsxd-list .bd ul li:hover .xsxd-li-left>h3{width: 87%;} .xsxd .xsxd-list a.prev{left: 0;} .xsxd .xsxd-list a.next{right: 0;} } @media only screen and (max-width:1280px) { .xsxd .xsxd-list{padding: 0;} .xsxd .xsxd-list .bd ul li{/*width: 31%;*/} .xsxd .xsxd-list .bd ul li:hover .xsxd-li-left>h3{width: 87%;} .xsxd .xsxd-list a.prev{left: 0;} .xsxd .xsxd-list a.next{right: 0;} } /* 学术结束 */ /* 通知、公告、会议开始 */ .tongzhi-box{padding: 60px 0;background: #f7f7f7 url(../images/Xpart3-bg.png) no-repeat center 4px;} .tongzhi-box .wrap{padding: 0 30px 30px 30px;box-sizing: border-box;} .part3-l{width: 36.7%;float: left;} .part3-l li{border-bottom: 1px solid #eaeaea;} .part3-l li a{display: block;overflow: hidden;height: 40px;line-height: 40px;} .part3-l li p{width: 89%;float: left; font-size: 16px;color: #b8001a;padding-left: 24px;box-sizing: border-box;background: url(../images/Xpart3-01.png) no-repeat 4px center;transition: 0.6s all;} .part3-l li i{font-style: normal;font-size: 12px; width: 35px;text-align: right;display: block;float: right;color: #a90e09;overflow: hidden;} .part3-l li+li+li+li p{color: #333333;background: url(../images/Xpart3-02.png) no-repeat 4px center;} .part3-l li+li+li+li i{color: #888888;} .part3-l li:hover p{padding-left: 18px;color: #a90e09;transition: 0.6s all;} .part3-l>table{width:100%;} .part3-l>table a{transition: 0.5s;} .part3-l>table a:hover{color: #bd0100;} .tdunderlinestyle255994{border-bottom:#dddbd9 1px solid; height:38px;} .part3-r{width: 56.4%;float: right;position: relative;} .part3-r-title{position: absolute;right: 0;top: -44px;} .part3-r-title a{font-size: 16px;color: #323232;transition: 0.6s all;} .part3-r-title a:hover{color: #a90e09;transition: 0.6s all;} .part3-r ul{/*overflow: hidden;*/margin-bottom: -30px;} .part3-r li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;} .part3-r li:nth-child(even){margin-right: 0;} .part3-r li a{display: block;transition: 0.6s all;position: relative;padding: 12px 30px 30px;background: url(../images/Xpart3-03.png);border-bottom: 3px solid #a90e09;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);} .part3-r li .time{width: 50px;position: relative;float: left;margin-top: 32px;} .part3-r li .day{font-size: 40px;color: #a90e09;font-weight: bold;text-align: center;transition: 0.6s all;} .part3-r li .year{font-size: 12px;color: #a90e09;text-align: center;text-align: center;transition: 0.6s all;} .part3-r li .text{margin-left: 72px;position: relative;padding-bottom: 14px;} .part3-r li .text p{transition: 0.6s all;padding-top: 10px;background: url(../images/Xpart3-04.png) no-repeat top left;font-size: 16px;line-height: 25px;color: #a90e09;height: 75px;overflow: hidden;} .part3-r li .text i{font-size: 14px;color: #a90e09;font-style: normal;display: block;position: absolute;right: 0;bottom: 0;padding-left: 22px;background: url(../images/Xpart3-05.png) no-repeat left center;} .part3-r li+li+li a{border-bottom: none;} .part3-r li+li+li .day{color: #666666;} .part3-r li+li+li .year{color: #999999;} .part3-r li+li+li .text p{color: #323232;} .part3-r li+li+li .text i{color: #666666;background: url(../images/Xpart3-06.png) no-repeat left center;} .part3-r li:hover a{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.4);transition: 0.6s all;} .part3-r li:hover .text p{color: #a90e09;transition: 0.6s all;} .part3-r li:hover .day{color: #a90e09;transition: 0.6s all;} .part3-r li:hover .year{color: #a90e09;transition: 0.6s all;} /* 通知、公告、会议结束 */ /* 院系简介开始 */ .part4{background: url(../images/Xpart4-bg.png) no-repeat center;padding: 60px 0;background-size: 100% 100%;position: relative;} .part4-nr{position: relative;} .part4-nr .picMarquee-left{ position:relative;} .part4-nr .picMarquee-left .hd{} .part4-nr .picMarquee-left .hd .prev,.part4-nr .picMarquee-left .hd .next{width: 22px;height: 42px;position: absolute;top: 50%;margin-top: -36px;z-index: 99;outline: none;cursor: pointer;} .part4-nr .picMarquee-left .hd .prev{left: -62px;background: url(../images/Xpart4-10.png) no-repeat center;} .part4-nr .picMarquee-left .hd .next{right: -62px;background: url(../images/Xpart4-11.png) no-repeat center;} .part4-nr .picMarquee-left .bd{overflow: hidden;} .part4-nr .picMarquee-left .bd ul{ overflow:hidden; zoom:1;margin-right: -30px; padding-top:20px !important;} .part4-nr .picMarquee-left .bd ul li{ float:left; _display:inline; overflow:visible;width: 335px;margin-right: 30px; } .part4-nr .swiper-slide{margin-bottom: 30px;display:block;} .part4-nr .swiper-slide a{display: block;transition: 0.6s all;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);} .part4-nr .swiper-slide .pic{overflow: hidden;} .part4-nr .swiper-slide .pic img{display: block;width: 100%;} .part4-nr .swiper-slide .text{background: #fff;padding: 30px;} .part4-nr .swiper-slide .text h5{transition: 0.6s all;padding-top: 14px;background: url(../images/Xpart4-09.png) no-repeat left top;font-size: 20px;color: #323232;line-height: 20px;height: 20px;overflow: hidden;margin-bottom: 30px;} .part4-nr .swiper-slide .text p{font-size: 14px;color: #777777;line-height: 23px;height: 114px;overflow: hidden;} .part4-nr .swiper-slide:hover a{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.4);transition: 0.6s all;} .part4-nr .swiper-slide:hover .text h5{background: url(../images/Xpart4-09.png) no-repeat left 4px;transition: 0.6s all;} @media only screen and (max-width:1600px) { .part4-nr .picMarquee-left .hd .prev{left: 0;} .part4-nr .picMarquee-left .hd .next{right: 0;} } /* 院系简介结束 */ /* 科学研究开始 */ .part5{padding: 60px 0;background: #f7f7f7;} /* 本例子css */ .part5-nr{ width:100%;position:relative;} .part5-nr .hd{ height:15px; overflow:hidden; position:absolute;bottom: 28px;left: 9.4%; z-index:1;} .part5-nr .hd ul{ overflow:hidden;zoom:1;} .part5-nr .hd ul li{ float:left; margin-right:10px;width:10px; height:10px; line-height:10px; text-align:center;border: 1px solid #cbcbcb;border-radius: 50%; cursor:pointer; } .part5-nr .hd ul li.on{ background:#aa0018;border: 1px solid #aa0018; color:#fff;} .part5-nr .bd{ position:relative;z-index:0;} .part5-nr .bd li{width:100%;} .part5-nr .bd li .text{float: left;width: 32%;background: #2d2d2d;transition: 0.6s all;} .part5-nr .bd li .text div{padding: 30px;} .part5-nr .bd li .text a{display: block;background: url(../images/part5-02.png) no-repeat center;background-size: 100% 100%;padding: 62px 30px 37px 30px;} .part5-nr .bd li .text h5{font-size: 32px;color: #fff;line-height: 50px;height: 100px;overflow: hidden; text-align: center;margin-bottom: 30px;transition: 0.6s all;} .part5-nr .bd li .text p{padding-top: 36px;border-top: 1px solid #707070;height: 196px;overflow: hidden;} .part5-nr .bd li .text p i{display: block;font-style: normal;font-size: 14px;line-height: 28px;text-indent: 28px;color: #fff;} .part5-nr .bd li .pic{float: right;width: 68%;border-bottom: 12px solid #aa0018;transition: 0.6s all;} .part5-nr .bd li .pic a{display: block;width: 100%;overflow: hidden;} .part5-nr .bd li .pic img{display: block;width: 100%;transition: 0.6s all;height: 510px;} .part5-nr .bd li:hover .text{box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.64);transition: 0.6s all;background: #97071b;} .part5-nr .bd li:hover .text p{border-top: 1px solid #b65260;} .part5-nr .bd li:hover .pic{box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.64);transition: 0.6s all;} .part5-nr .bd li:hover .pic img{transition: 0.6s all;transform: scale(1.1);} @media only screen and (max-width:1366px) { .part5-nr .hd{left: 145px;} } .part5-more{position: absolute;top: -34px;left: 50px;z-index: 999;} .part5-more a{display: block;} .part5-more .pic{padding-top: 10px;padding-left: 10px;} .part5-more .pic img{display: block;width: 70px;height: 70px;} .part5-more .bit-data{position: relative;border-radius: 50%;width: 90px;height: 90px; background: rgba(170,0,24,0.3); -webkit-transition: -webkit-transform ease-out .1s, background .2s; -moz-transition: -moz-transform ease-out .1s, background .2s; transition: transform ease-out .1s, background .2s} .part5-more:hover .bit-data { border-radius: 50%;width: 90px;height: 90px; background: rgba(170, 0, 34, 0.3); -webkit-transform: scale(.93); -moz-transform: scale(.93); -ms-transform: scale(.93); transform: scale(.93); } .part5-more:hover .bit-data:after { position: relative; border-radius: 50%;width: 90px;height: 90px; top: -80px; content: ''; display: block; -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms } @-webkit-keyframes sonarEffect { 0% { opacity: .3; } 40% { opacity: .5; box-shadow: 0 0 0 2px rgba(170,0,24, .1), 0 0 5px 5px #aa0018, 0 0 0 10px rgba(170,0,24, .5) } 100% { box-shadow: 0 0 0 2px rgba(170,0,24, .1), 0 0 5px 5px #aa0018, 0 0 0 5px rgba(170,0,24, .5); -webkit-transform: scale(1.25); opacity: 0 } } @-moz-keyframes sonarEffect { 0% { opacity: .3 } 40% { opacity: .5; box-shadow: 0 0 0 2px rgba(170,0,24, .1), 0 0 5px 5px #aa0018, 0 0 0 10px rgba(170,0,24, .5) } 100% { box-shadow: 0 0 0 2px rgba(170,0,24, .1), 0 0 5px 5px #aa0018, 0 0 0 5px rgba(170,0,24, .5); -moz-transform: scale(1.25); opacity: 0 } } @keyframes sonarEffect { 0% { opacity: .3 } 40% { opacity: .5; box-shadow: 0 0 0 2px rgba(170,0,24, .1), 0 0 5px 5px #aa0018, 0 0 0 10px rgba(170,0,24, .5) } 100% { box-shadow: 0 0 0 2px rgba(170,0,24, .1), 0 0 5px 5px #aa0018, 0 0 0 5px rgba(170,0,24, .5); transform: scale(1.25); opacity: 0 } } /* 科学研究结束 */ /* 招生就业开始 */ .part6{background: #fff;padding: 60px 0;} .part6-l{width: 39.86%;float: left;} .part6-lt{ width:100%;position:relative;margin-bottom: 30px;} .part6-lt .hd{ height:12px; overflow:hidden; position:absolute;bottom: 15px;left: 0;width: 100%; z-index:1;} .part6-lt .hd ul{ overflow:hidden;zoom:1;display: table;margin: 0 auto;} .part6-lt .hd ul li{ float:left; margin-right:10px;width:10px; height:10px; line-height:10px; text-align:center;border: 1px solid #fff;border-radius: 50%; cursor:pointer; } .part6-lt .hd ul li.on{ background:#aa0018;border: 1px solid #aa0018; color:#fff;} .part6-lt .bd{ position:relative;z-index:0;} .part6-lt .bd ul{width:100% !important;} .part6-lt .bd li{width:100% !important;} .part6-lt .bd li img{display: block;height: 285px;width: 100%;} .part6-lb .part6-lb01{margin-bottom: -22px;} .part6-lb .part6-lb01 li{} .part6-lb .part6-lb01 li a{display: block;font-size: 16px;color: #333333;font-weight: normal;line-height: 16px;height: 16px;overflow: hidden;transition: 0.6s all;} .part6-lb .part6-lb01 li+li a{font-weight: normal;} .part6-lb .part6-lb01 li a:hover{color: #aa0018;transition: 0.6s all;} .part6-lb .part6-lb02{padding-top: 40px;} .part6-lb02{display: table;margin: 0 auto;} .part6-lb02 li{float: left;margin: 0 15px;padding-bottom: 4px;} .part6-lb02 li a{display: block;font-size: 16px;color: #ee7b79;padding-bottom: 10px;position: relative;width: 100%;} .part6-lb02 li a:after{content: "";width: 0;height: 1px;background: #aa0018;position: absolute;top: 100%;left: 50%;transition: all .3s;} .part6-lb02 li a:hover:after{left: 0%;width: 100%;} .part6-lb02 li:hover{background: url(../images/part6-13.png) no-repeat;background-position-x: center;background-position-y: 29px;} .part6-r{width: 57.9%;float: right;} .part6-r ul{margin-bottom: -28px;} .part6-r li{margin-bottom: 28px;transition: 0.6s all;} /*.part6-r li:hover{box-shadow: 0px 1px 30px #999;}*/ .part6-r li a{display: block;overflow: hidden;position: relative;} .part6-r li .pic{width: 199px;overflow: hidden;position: relative;float: left;} .part6-r li .pic img{display: block;width: 199px; height: 176px;} .part6-r li .text{margin-left: 224px;} .part6-r li .text h5{font-size: 20px;color: #333333;line-height: 28px;max-height: 56px;overflow: hidden;margin-bottom: 16px;transition: 0.6s all;} .part6-r li .text p{font-size: 14px;color: #777777;line-height: 26px;max-height: 104px;margin-bottom: 24px;overflow: hidden;} .part6-r li .text h4{font-weight: normal;position: absolute;bottom: 0;left: 224px;} .part6-r li .text h4 i{font-style: normal;font-size: 14px;color: #888888;margin-right: 12px;} .part6-r li:hover .text h5{color: #aa0018;transition: 0.6s all;} /* 招生就业结束 */ /* 合作交流开始 */ .part7{padding: 60px 0;background:#f7f7f7;} .part7-nr{position: relative;} .part7-nr .swiper-container{overflow: visible !important;} .part7 .swiper-slide{margin-bottom: 0px;margin-top:0 !important;float:left;display:block;} .part7 .swiper-slide:hover .pic img{box-shadow:0px 0px 20px 0px rgba(4, 0, 0, 0.4);} .part7 .swiper-slide a{display: block;} .part7 .swiper-slide .pic{margin-bottom: 30px;} .part7 .swiper-slide .pic img{display: block;transition:0.6s all;} .part7 .swiper-slide p{font-size: 14px;color: #333333;line-height: 24px;height: 48px;overflow: hidden;display: none;} .part7 .part7-prev,.part7 .part7-next{width: 22px;height: 42px;position: absolute;top: 54%;margin-top: -61px;z-index: 99;outline: none;cursor: pointer;display:none;} .part7 .part7-prev{left: -62px;background: url(../images/Xpart4-10.png) no-repeat center;} .part7 .part7-next{right: -62px;background: url(../images/Xpart4-11.png) no-repeat center;} @media only screen and (max-width:1600px) { .part7 .part7-prev{left: 0;} .part7 .part7-next{right: 0;} } /* 合作交流结束 */ /* footer 开始*/ .footer{/*background: url(../images/Xpart8-bg.png) no-repeat center; opacity:0.8;*/ padding-top: 60px;background-size:100% 100%;} /* 专题专栏开始 */ .part8 .title h5{background: url(../images/x-title02.png) no-repeat center;} .part8 .title h5 a{color: #fff;transition: 0.6s all;} .part8 .title h5 a:hover{color: #cacaca;transition: 0.6s all;} .part8 .title p{color: #c8c8c8;} .part8-l{width: 74.8%;float: left;} .part8-l ul{overflow: hidden;} .part8-l li{float: left;width: 31.3%;margin-right: 3.05%;margin-bottom: 30px;} .part8-l li+li+li{margin-right: 0;} .part8-l li+li+li+li{margin-right: 3.05%;} .part8-l li+li+li+li+li+li{margin-right: 0;} .part8-l li a{display: block;position: relative;} .part8-l li .pic{overflow: hidden;} .part8-l li .pic img{display: block;/*width: 100%;*/} .part8-l li i{position: absolute;display: block;width: calc(100% - 16px);height: calc(100% - 16px);left: 8px;top: 8px;border: 1px solid rgba(255,255,255,0.5);transition: 0.6s all;} .part8-l li:hover i{/*left: 0;top: 0;width: 100%;height: 100%; background:rgba(255,255,255,0.2)*/;transition: 0.6s all;border: 1px solid rgba(255,255,255,0);} .part8-r{width: 17%;float: right;} .part8-r ul{overflow: hidden;} .part8-r li{float: left;width: 45%;margin-left: 10%;margin-bottom: 24px;} .part8-r li:nth-child(odd){margin-left: 0;clear: both;} .part8-r li .pic{border: 5px solid #fff;overflow: hidden;} .part8-r li .pic img{display: block;width: 100%;} .part8-r li p{font-size: 14px;color: #fff;text-align: center;margin-top: 8px;} /* 专题专栏结束 */ .footer-nr{border-top: 1px solid #474646;padding: 20px 0;} .footer-nr01{float: left;padding: 16px 0;border-right: 1px solid #474646;padding-right: 3%;} .footer-nr01+.footer-nr01{padding-left: 3%;} .footer-nr01 p{font-size: 14px;color: #000;padding-left: 26px;background: url(../images/Xfooter-05.png) no-repeat left center;margin-bottom: 26px;} .footer-nr01 p+p{background: url(../images/Xfooter-06.png) no-repeat left center;margin-bottom: 0;} .footer-nr02{float: left;padding: 16px 3%;border-right: 1px solid #474646;} .footer-nr02 p{font-size: 14px;color: #000;padding-left: 26px;background: url(../images/Xfooter-07.png) no-repeat left center;margin-bottom: 26px;} .footer-nr02 p+p{background: url(../images/Xfooter-08.png) no-repeat left center;margin-bottom: 0;} .footer-nr03{float: right;} .footer-nr03 ul{float: left;padding-top: 25px;margin-right: 50px;} .footer-nr03 li{float: left;position: relative;} .footer-nr03 li .footer-ewm{position: absolute;top: -88px;left: 50%;margin-left: -40px;display: none;} .footer-nr03 li .footer-ewm .pic{/*border: 5px solid #fff;*/overflow: hidden;} .footer-nr03 li .footer-ewm .pic img{width: 80px;height: 80px;display: block;} .footer-nr03 li .footer-ewm i{display: block; width: 10px;height: 5px;position: absolute;bottom: -5px;left: 50%;margin-left: -5px;background: url(../images/Xfooter-01.png) no-repeat center;} .footer-nr03 li .icon{ width: 50px;height: 34px;background: url(../images/Xfooter-02.png) no-repeat center;} .footer-nr03 li+li .icon{background: url(../images/Xfooter-03.png) no-repeat center;} .footer-nr03 li:hover .footer-ewm{display: block;cursor: pointer;} .footer-nr03 .footer-logo{float: right;margin-top: 10px;} .footer-nr03 .footer-logo img{display: block;width: 100%;} @media only screen and (max-width:1600px) { .footer-nr01{padding-right: 1.5%;} .footer-nr01+.footer-nr01{padding-left: 1.5%;} .footer-nr02{padding: 16px 1.5%;} .footer-nr03 ul{margin-right: 10px;} .footer-nr03 .footer-logo{margin-top: 20px;} .footer-nr03 .footer-logo img{width: 80%;} .part7 .swiper-slide .pic img{width: 100%;} } .part7 .swiper-slide .pic img @media only screen and (max-width:1200px) { .footer-nr03 ul{margin-right: 10px;} .footer-nr03 .footer-logo img{width: 70%;} .part5-nr .hd{left: 8.4%;} .part3-l{width: 40.7%;} } /* footer 结束 */ /* 版权开始 */ .copyright{background: #8c0001;} .copyright p{font-size: 12px;color: #fff;text-align: center;height: 45px;line-height: 45px;} .copyright p a{color: #fff;transition: 0.6s all;} .copyright p a:hover{color: #c68d90;transition: 0.6s all;} /* 版权结束 */ /* 左侧锚点悬浮开始 */ .index-left-md{position: fixed; left: 1%;top:200px;z-index: 9999999999;} .index-left-md ul{list-style: none;} .index-left-md ul li{width: 67px !important;height: 30px;line-height: 30px;border: 1px solid #c1996e;background-repeat:no-repeat;margin-bottom: 10px;background-position:5px center;padding-left:30px;cursor: pointer;transition:0.5s;} .index-left-md ul li:hover{background-color: #c1996e;} .index-left-md ul li p{color: #C1996E;transition:0.5s;} .index-left-md ul li:hover p{color: #cc0006;} .index-left-md ul li.li0{display: none;} .index-left-md ul li.li1{background-image: url(../images/left01.png);} .index-left-md ul li.li2{background-image: url(../images/left02.png);} .index-left-md ul li.li3{background-image: url(../images/left03.png);} .index-left-md ul li.li4{background-image: url(../images/left04.png);} .index-left-md ul li.li5{background-image: url(../images/left05.png);} .index-left-md ul li.li6{background-image: url(../images/left06.png);} .index-left-md ul li.li7{background-image: url(../images/left07.png);} .index-left-md ul li.li8{background-image: url(../images/left08.png);} .index-left-md ul li.li1:hover{background-image: url(../images/left01-on.png);} .index-left-md ul li.li2:hover{background-image: url(../images/left02-on.png);} .index-left-md ul li.li3:hover{background-image: url(../images/left03-on.png);} .index-left-md ul li.li4:hover{background-image: url(../images/left04-on.png);} .index-left-md ul li.li5:hover{background-image: url(../images/left05-on.png);} .index-left-md ul li.li6:hover{background-image: url(../images/left06-on.png);} .index-left-md ul li.li7:hover{background-image: url(../images/left07-on.png);} .index-left-md ul li.li8:hover{background-image: url(../images/left08-on.png);} .backtop{width: 170px;height: 36px;line-height: 36px;background: url(../images/left09.png) no-repeat center !important;} .backtop:hover{background: #aa0018 url(../images/left09-on.png) no-repeat center !important;} /* 左侧锚点悬浮结束 */ @media only screen and (max-width:1680px) { .index-left-md{left: 0.1%;} .index-left-md ul li p{} .index-left-md ul li{width: 116px;overflow: hidden;} } @media only screen and (max-width:1600px) { .index-left-md{left: 0.1%;} .index-left-md ul li p{} .index-left-md ul li{width: 36px;overflow: hidden;} } @media only screen and (max-width:1366px) { .footer-links li{margin-left: 8px;} } /* 左侧锚点悬浮结束 */ .right{position: fixed;right: 0;top: 0;z-index: 9999999;} .cl_2018_li:hover .li_list_gg {background-color: #ac0000;} .cl_2018_box_c { width: 35px; height: 100%; background: #141414; position: fixed; right: 0; z-index: 1000; top: 0; -webkit-animation: celan 1.5s; animation: celan 1.5s; } .cl_2018_box { margin-top: 160px; width: 100%; display: block; } .cl_2018_li { width: 35px; height: 35px; text-align: center; cursor: pointer; position: relative; z-index: 100; margin-bottom: 15px; z-index: 100; } .cl_2018_box .li_2018_1 { background: url(../images/cl_2018_yzsfw.png) no-repeat #141414 center center; } .cl_2018_box .li_2018_2 { background: url(../images/cl_2018_znwd.png) no-repeat #141414 center center; } .cl_2018_box .li_yhfk { background: url(../images/cl_2018_yhfk.png) no-repeat #141414 center center; } .cl_2018_box .li_list_gg { width: 100%; height: 35px; text-align: center; cursor: pointer; display: block; position: absolute; top: 0; left: 0; z-index: 100; } .cl_2018_fix_b_0 { position: fixed; top:310px; right: 0; margin-bottom: 0; -webkit-animation: celan 1.5s; animation: celan 1.5s; } .cl_2018_box .li_fhdb { background: url(../images/cl_2018_fhdb.png) no-repeat #141414 center center; } .cl_2018_li .cl_2018_text { height: auto; line-height: 35px; z-index: 10; background: url(../images/cl_2018_text_bg.png) left center; position: absolute; right: 80px; border-radius: 5px 0 0 5px; color: #fff; z-index: 10; text-align: center; font-size: 14px; display: none; } .cl_2018_fix_b_35 { position: fixed; btop: 260px; right: 0; -webkit-animation: celan 1.5s; animation: celan 1.5s; } .cl_2018_li:hover .cl_2018_text { display: block; } .cl_2018_li_80 { width: 80px; } .backtop{opacity:1 !important;} .zszc_lb{position:relative;} .zszc_lb .bd ul li{height:38px;margin-bottom:0 !important;} .zszc_lb .hd{position: absolute; right: 0; bottom: 0; z-index: 10;} .zszc_lb .hd .prev,.zszc_lb .hd .next{display: block; top: -200px; right: -37px; position: absolute; width: 17px; height: 106px; overflow: hidden; cursor: pointer; transition:0.5s; } .zszc_lb .hd .prev{background: url(../images/zzjz_prev_bg.png) no-repeat;} .zszc_lb .hd .next{ top: -80px; background: url(../images/zzjz_next_bg.png) no-repeat;} .zszc_lb .hd .prev:hover{background: url(../images/zzjz_prev_bg_on.png) no-repeat;} .zszc_lb .hd .next:hover{background: url(../images/zzjz_next_bg_on.png) no-repeat;} .part8-kstd ul li{float:left;width:220px;height:48px;text-align:center;margin:0px 18px 10px 0;transition:0.4s;} .part8-kstd ul li a{font-size:16px;color:#fff;line-height:45px;width:220px;height:48px;border:1px solid #565656;border-radius:50px;text-align:center;transition:0.4s;display:block;} .part8-kstd ul li:hover a{background:#8c0001;border:1px solid #8c0001;} @media only screen and (max-width: 1135px){ #navul li{width: 67px;} #navul li a{ font-size: 12px;} .navbg{ width: 780px;} .header_right p a{font-size: 12px;margin-left:6px;} .header_left a{ font-size: 12px;} .nav-box .logo a{width: 150px;} .headon .nav-box .logo a{background-size: 100%;width: 150px;} } #part1{position: absolute;top: 830px;} #part2{position: absolute;top: 1670px;} #part3{position: absolute;top: 2537px;} #part4{position: absolute;top: 3375px;} #part5{position: absolute;top: 4300px;}