@charset "utf-8"; body { min-width: 1200px; max-width: 1920px; margin: 0 auto; background: url("../images/bodybg.jpg") no-repeat top center; position: relative; } .try-header { width: 100%; height: 204px; background: url("../images/headerbg.jpg") no-repeat center; position: relative; z-index: 99; } .try-header-center { width: 1300px; height: 100%; margin: 0 auto; } .try-header-l { height: 100%; float: left; /* border: 1px solid yellow; */ } .try-header-logo { float: right; margin-top: 45px; } .try-header-r { width: 857px; height: 100%; float: right; /* border: 1px solid yellow; */ } .try-header-r-up { margin-top: 58px; } .try-language-switch { width: 47px; height: 20px; background: url("../images/icon-dq.png") no-repeat left; text-align: right; float: right; margin: 7px 0 0 38px; } .try-language-switch p { font: 14px/20px 'Microsoft YaHei'; color: #fff; cursor: pointer; } .try-search { width: 165px; height: 35px; background-color: #fff; border-radius: 30px; float: right; } .try-search input { width: 116px; height: 100%; float: left; box-sizing: border-box; padding-left: 10px; } .try-search-ss { width: 45px; height: 100%; float: left; background: url("../images/icon-search.png") no-repeat 15px; cursor: pointer; } .try-header-r-down { margin-top: 45px; } .try-nav { /* background-color: #fff; */ float: right; } .try-nav ul li { float: left; margin-right: 20px; position: relative; height: 49px; } .try-nav ul li::before { content:""; position:absolute; left:0; bottom:-3px; width:100%; /* 重点 */ height:3px; background:#fcd8b5; transition:transform .5s; /* 重点 */ transform:scaleX(0); /* 重点 */ transform-origin:100% 0; /* 重点 */ } .try-nav ul li:hover::before { transform:scaleX(1); /* 重点 */ transform-origin:0 0; /* 重点 */ } .try-nav ul li:first-child { margin-right: 25px; } .try-nav ul li:last-child { margin-right: 0; } .try-nav ul li>a { font: 16px/49px 'Microsoft YaHei'; color: #fff; text-align: center; transition: all 0.1s; display: block; width: 100%; height: 52px; } .try-nav ul li>a:hover { color: #fcd8b5; } .try-nav ul li.active { border-bottom: 3px solid #fcd8b5; } .try-nav ul li.active>a { color: #fcd8b5; font-weight: bold; } .try-nav ul li .try-nav-h { width: 150px; position: absolute; transition: all 0.1s; top: 59px; left: 50%; margin-left: -75px; /* display: none; */ padding-top: 10px; transition: all 0.36s; opacity: 0; visibility:hidden; } .try-nav ul li .try-nav-h.active{ top: 49px; opacity: 1; visibility: initial; } .try-nav-h-s { background: rgba(163, 35, 18, 0.8); padding: 20px 0; } .try-nav ul li .try-nav-h a { display: block; font: 16px/38px 'Microsoft YaHei'; color: #fff; text-align: center; } .try-nav ul li .try-nav-h a:hover { color: #fcd8b5; background-color: #a32312; } .try-index-cont { min-height: 2100px; overflow: hidden; } .try-tpxy { width: 1300px; height: 554px; margin: 60px auto 0; } .try-tpxy-tpxw { width: 710px; height: 554px; float: left; overflow: hidden; box-sizing: border-box; padding: 4px; background-color: #fff; border-radius: 5px; border: 1px solid #dcdcdc; } .swiper-container{ position: relative; } .pagination{ position: absolute; bottom: 35px; right:25px; } .swiper-slide{ position: relative; } .swiper-slide a{ display:block; } .swiper-slide img{ width: 100%; height: 100%; } .swiper-slide .mask { position: absolute; left: 0; bottom: 4px; width: 100%; height: 95px; background-color: #000; opacity: .5; text-align: center; filter: alpha(opacity=50); border-top: 1px solid #fff; border-radius: 0 0 5px 5px; } .swiper-slide-text{ height: 40px; /* border: 1px solid red; */ position: absolute; bottom: 29px; left: 18px; } .swiper-slide-text-date{ width: 98px; height: 100%; border-right: 1px solid #fff; float: left; } .swiper-slide-text-date h2{ font: 20px 'Mcirosoft YaHei'; font-weight: bold; color: #fff; } .swiper-slide-text-date p{ font: 14px/22px 'Mcirosoft YaHei'; opacity: 0.6; color: #fff; } .swiper-slide-text-p{ float: left; width: 445px; margin-left: 18px; } .swiper-slide-text-p p{ width: 100%; font: 18px/40px 'Mcirosoft YaHei'; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 3px; background: rgba(204, 204, 204, 1); cursor: pointer; } .swiper-active-switch { width: 8px; height: 8px; background-color: #bb2316; border-radius: 50%; transition: all 0.5s ease; } .arrow-left{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 99; width: 40px; height: 80px; } .arrow-right{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99; width: 40px; height: 80px; } .s-b{ opacity: 0; transition: all 0.5s; } .try-tpxy-xyxw { width: 550px; height: 554px; float: right; } .try-tpxy-xyxw-tt { width: 100%; height: 52px; border-bottom: 1px solid #b5b5b5; } .try-tpxy-xyxw-tt h2 { height: 52px; font: 26px/35px 'Microsoft YaHei'; color: #bb2316; font-weight: bold; float: left; border-bottom: 3px solid #bb2316; box-sizing: border-box; } .try-tpxy-xyxw-tt a { width: 66px; height: 28px; display: block; float: right; font: 14px/28px 'Microsoft YaHei'; color: #fff; text-align: center; background-color: #bb2316; border-radius: 5px; margin-top: 5px; transition: all 0.1s; } .try-tpxy-xyxw-tt a:hover{ color:#dcdcdc; } .try-tpxy-xyxw-cont { margin-top: 25px; } .try-tpxy-xyxw ul li { overflow: hidden; box-sizing: border-box; position: relative; background: url("../images/libg.png") no-repeat left; padding-left: 17px; } .try-tpxy-xyxw ul li:after { content: ''; position: absolute; left: 0px; top: auto; bottom: 0; right: auto; height: 1px; width: 0; background-color: #bb2316; transition: all 0.5s; } .try-tpxy-xyxw ul li:hover:after{ width: 550px; } .try-tpxy-xyxw ul li a { font: 16px/48px 'Microsoft YaHei'; color: #6b6b6b; float: left; transition: all 0.5s; width: 400px; display: block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .try-tpxy-xyxw ul li p { font: 16px/36px 'Microsoft YaHei'; color: #b5b5b5; float: right; } .try-tpxy-xyxw ul li:hover { background: url("../images/libg-h.png") no-repeat left; } .try-tpxy-xyxw ul li:hover a { color: #bb2316; font-weight: bold; } .try-news-three { width: 1300px; margin: 65px auto 0; overflow: hidden; } .try-news-three-new { width: 405px; height: 552px; float: left; margin-right: 40px; } .try-news-three-new:last-child { margin-right: 0; } .try-news-three-new-tt { width: 100%; height: 87px; border-bottom: 1px solid #b5b5b5; border-top: 1px solid #b5b5b5; } .try-news-three-new-tt h2 { height: 87px; font: 26px/84px 'Microsoft YaHei'; color: #bb2316; font-weight: bold; float: left; box-sizing: border-box; border-top: 3px solid #bb2316; } .try-news-three-new-tt a { width: 66px; height: 28px; display: block; float: right; font: 14px/28px 'Microsoft YaHei'; color: #fff; text-align: center; background-color: #bb2316; border-radius: 5px; margin-top: 31px; } .try-news-three-new-tt a:hover{ color:#dcdcdc; } .try-news-three-new ul { margin-top: 20px; } .try-news-three-new ul li { background: url("../images/libg.png") no-repeat left; overflow: hidden; padding-left: 17px; box-sizing: border-box; position: relative; } .try-news-three-new ul li:after { content: ''; position: absolute; left: 0px; top: auto; bottom: 0; right: auto; height: 1px; width: 0; background-color: #bb2316; transition: all 0.5s; } .try-news-three-new ul li:hover:after{ width: 550px; } .try-news-three-new ul li a { font: 16px/48px 'Microsoft YaHei'; color: #6b6b6b; float: left; transition: all 0.3s; width: 310px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .try-news-three-new ul li p { font: 16px/36px 'Microsoft YaHei'; color: #b5b5b5; float: right; } .try-news-three-new ul li:hover { background: url("../images/libg-h.png") no-repeat left; } .try-news-three-new ul li:hover a { color: #bb2316; font-weight: bold; } .try-news-three-xyjb { width: 408px; height: 554px; background: url("../images/xyjbbg.jpg") no-repeat center; float: right; border-radius: 5px; box-sizing: border-box; border: 1px solid #b5b5b5; border-top: 4px solid #bb2316; padding: 0 28px; } .try-news-three-xyjb-tt { width: 100%; height: 84px; border-bottom: 1px solid #b5b5b5; } .try-news-three-xyjb-tt h2 { font: 26px/84px 'Microsoft YaHei'; color: #bb2316; font-weight: bold; float: left; box-sizing: border-box; } .try-news-three-xyjb-tt a { display: block; float: right; font: 14px/28px 'Microsoft YaHei'; color: #bb2316; margin-top: 28px; } .try-news-three-xyjb-cont ul{ height: 450px; overflow: hidden; } .try-news-three-xyjb-cont ul li { margin-top: 25px; overflow: hidden; } .try-news-three-xyjb-cont ul li a { display: block; } .try-news-three-xyjb-cont ul li a .li-date { float: left; width: 46px; text-align: center; } .try-news-three-xyjb-cont ul li a .li-date p { font: 13px 'Microsoft YaHei'; color: #6b6b6b; transition: all 0.1s; } .try-news-three-xyjb-cont ul li a .li-date p span { font: 30px 'Microsoft YaHei'; color: #6b6b6b; transition: all 0.1s; } .try-news-three-xyjb-cont ul li a .li-text { float: right; width: 283px; } .try-news-three-xyjb-cont ul li a .li-text p { font: 16px/31px 'Microsoft YaHei'; color: #6b6b6b; font-weight: bold; transition: all 0.1s; } .try-news-three-xyjb-cont ul li:hover a .li-date p { color: #333333; } .try-news-three-xyjb-cont ul li:hover a .li-date p span { color: #333333; } .try-news-three-xyjb-cont ul li:hover a .li-text p { color: #bb2316; } .try-pic-switch { width: 1300px; height: 175px; margin: 40px auto 0; overflow: hidden; } .swiper-container3{ position: relative; } .swiper-container3 .swiper-slide{ position: relative; } .swiper-container3 .swiper-slide a{ display:block; } .swiper-container3 .swiper-slide img{ width: 100%; height: 100%; } .try-pic-switch .flexslider { position: relative; height: 175px; overflow: hidden; } .try-pic-switch .slides { position: relative; z-index: 1; } .try-pic-switch .slides li { height: 175px; } .try-pic-switch .slides li a{ display: block; } .try-pic-switch .slides li img{ width: 100%; height: 100%; } .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; } .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; /* background: url(images/dot.png) right 0 no-repeat; */ cursor: pointer; } .flex-control-nav .flex-active { background-position: 0 0; } .try-footer { height: 204px; background: url("../images/footerbg.jpg") no-repeat center; } .try-footer-center { width: 1360px; height: 100%; margin: 0 auto; } .try-footer-center-logo { float: left; margin: 78px 75px 0 0; } .try-footer-center-contact { margin-top: 55px; float: left; } .try-footer-center-contact-text-l { margin-right: 30px; } .try-footer-center-contact h2 { font: 18px/42px 'Microsoft YaHei'; color: #fff; font-weight: bold; } .try-footer-center-contact p { font: 14px/28px 'Microsoft YaHei'; color: #fff; font-weight: lighter; } .try-footer-center-link { width: 238px; float: right; margin-top: 68px; } .try-footer-center-link-s { position: relative; margin-bottom: 22px; } .try-footer-center-link-i { width: 100%; height: 40px; box-sizing: border-box; background: rgba(186, 42, 23, 0.4); transition: all 0.3s; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 5px; padding-left: 14px; cursor: pointer; position: relative; z-index: 2; } .try-footer-center-link-i p { font: 14px/40px 'Microsoft YaHei'; color: #fff; } .try-footer-center-link-i-sjx { position: absolute; width: 40px; height: 40px; background: url("../images/icon-sjx.png") no-repeat center center; top: 0; right: 0; transform: rotate(180deg); z-index: 3; } .try-footer-center-link-s:hover .try-footer-center-link-i { background: rgba(186, 42, 23, 1); border: 1px solid rgba(255, 255, 255, 1); } .try-footer-center-link-s:hover .try-footer-center-link-i .try-footer-center-link-i-sjx { transform: rotate(360deg); } .try-footer-center-link-i-h { width: 238px; min-height: 150px; overflow-y: auto; background-color: #fff; box-shadow: 0 0 5px 0 #c2b7b6; position: absolute; bottom: 0; left: 0; display: none; } .try-footer-center-link-i-h ul { width: 210px; height: 170px; overflow-y: auto; margin: 15px auto 0; } .try-footer-center-link-i-h ul::-webkit-scrollbar { width: 4px; background-color: #eaeaea; border-radius: 5px; } .try-footer-center-link-i-h ul::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 5px; } .try-footer-center-link-i-h ul a { font: 14px/30px 'Microsoft YaHei'; color: #999999; display: block; } .try-footer-center-link-i-h ul a:hover { color: #ba2a17; } .try-footer-center-link-s:nth-child(2) .try-footer-center-link-i { z-index: 6; } .try-footer-center-link-s:nth-child(2) .try-footer-center-link-i-h { z-index: 5; } .try-mailbox{ width: 100px; position: fixed; top: 330px; right: 130px; box-sizing: border-box; padding: 5px 8px 0; background-color: #bb2316; border-radius: 4px 4px 0 0; } .try-bjb-mailbox { width: 35px; height: 110px; border-radius: 5px 0 0 5px; position: fixed; background-color: #bb2316; right: -35px; top: 430px; cursor: pointer; transition: all 0.36s; overflow: hidden; } @media (max-width: 1830px) { .try-mailbox{ display: none; } .try-bjb-mailbox { width: 35px; height: 110px; border-radius: 5px 0 0 5px; position: fixed; background-color: #bb2316; right: -0px; top: 430px; cursor: pointer; overflow: initial; transition: all 0.36s; } .try-bjb-mailbox.active{ right: -35px; } .try-bjb-mailbox img:nth-child(1){ width: 50%; display: block; margin: 20px auto 0; } .try-bjb-mailbox p{ font: 14px/16px 'Microsoft YaHei'; color: #fff; text-align: center; padding: 0 10px; margin-top: 10px; } .try-bjb-mailbox img:nth-child(3){ display: block; margin: 10px auto 0; } .try-mailbox-h{ width: 122px; position: absolute; top: -98px; right: -100px; box-sizing: border-box; border-radius: 4px 4px 0 0; transition: all 0.36s; z-index: 99; opacity: 0; visibility: hidden; padding: 0 11px; } .try-mailbox-h.active{ right: 35px; opacity: 1; visibility: initial; } .try-mailbox-h ul{ box-sizing: border-box; padding: 5px 8px 0; background-color: #bb2316; border-radius: 5px 5px 0 0; } .try-mailbox-h-up{ width: 100px; height: 23px; background: url("../images/mailbox-up.png") no-repeat center; position: absolute; top: -23px; left: 10px; } .try-mailbox-h ul li{ background: url("../images/icon-email.png") no-repeat 28px 14px; height: 70px; border-bottom: 1px dashed rgba(255, 255, 255, 0.4); cursor: pointer; transition: all 0.1s; position: relative; } .try-mailbox-h ul li:last-child{ border: 0; } .try-mailbox-h ul li h2{ font: 14px/95px 'Microsoft YaHei'; color: #fff; text-align: center; transition: all 0.1s; } .try-mailbox-h ul li:hover{ background: url("../images/icon-email-h.png") no-repeat 28px 14px; } .try-mailbox-h ul li:hover h2{ color: #fcd8b5; } .try-mailbox-h-down{ width: 122px; height: 29px; background: url("../images/mailbox-down.png") no-repeat center; position: absolute; bottom: -29px; left: 0; margin: auto; } .try-mailbox-h-s{ width: 177px; height: 70px; background-color: #fff; box-shadow: 0px 0px 5px 0px #ccc; position: absolute; left: -185px; top: 0; border-radius: 5px; display: none; } .try-mailbox-h-s-sjx{ width: 4px; height: 8px; position: absolute; top: 0; bottom: 0; right: -4px; margin: auto; } .try-mailbox-h-s p{ font: 14px/50px 'Microsoft YaHei'; color: #333333; text-align: center; } } .try-mailbox-up{ width: 100px; height: 23px; background: url("../images/mailbox-up.png") no-repeat center; position: absolute; top: -23px; left: 0; } .try-mailbox ul li{ background: url("../images/icon-email.png") no-repeat 28px 14px; height: 70px; border-bottom: 1px dashed rgba(255, 255, 255, 0.4); cursor: pointer; transition: all 0.1s; position: relative; } .try-mailbox ul li:last-child{ border: 0; } .try-mailbox ul li h2{ font: 14px/95px 'Microsoft YaHei'; color: #fff; text-align: center; transition: all 0.1s; } .try-mailbox ul li:hover{ background: url("../images/icon-email-h.png") no-repeat 28px 14px; } .try-mailbox ul li:hover h2{ color: #fcd8b5; } .try-mailbox-down{ width: 122px; height: 29px; background: url("../images/mailbox-down.png") no-repeat center; position: absolute; bottom: -29px; left: -11px; margin: auto; } .try-mailbox-s{ width: 177px; height: 70px; background-color: #fff; box-shadow: 0px 0px 5px 0px #ccc; position: absolute; left: -185px; top: 0; border-radius: 5px; display: none; } .try-mailbox-s-sjx{ width: 4px; height: 8px; position: absolute; top: 0; bottom: 0; right: -4px; margin: auto; } .try-mailbox-s p{ font: 14px/70px 'Microsoft YaHei'; color: #333333; text-align: center; } /* 学院概况开始 */ .try-xygk-cont{ background: #fff url("../images/xygkbg.jpg") no-repeat top; } .try-xygk-banner{ height: 340px; overflow: hidden; } .try-xygk-banner-logo{ width: 1295px; height: 115px; margin: 112px auto 0; } .try-xygk-banner-logo h2{ font: 48px/55px 'Microsoft YaHei'; font-weight: bold; letter-spacing: 7px; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; } .try-xygk-banner-logo h3{ font: 44px/72px 'Microsoft YaHei'; color: #fff; font-weight: bold; letter-spacing: 7px; } .try-xygk-cont-ny{ margin: 45px auto 0; width: 1300px; } .try-aside{ width: 220px; float: left; position: relative; margin-top: -105px; } .try-aside-top{ height: 21px; background: url("../images/aside-j.png") no-repeat center; } .try-aside ul{ background: #bb2a17 url("../images/asidebg.png") no-repeat top; border-radius: 5px; padding: 38px 0 35px 0; position: relative; } .try-aside ul li{ width: 220px; height: 55px; position: relative; z-index: 50; } .try-aside ul li a{ display: block; font: 16px/55px 'Microsoft YaHei'; color: #fff; text-align: center; } .try-aside ul .active-bg{ width: 100%; height: 55px; background: #a32312; position: absolute; z-index: 40; left: 0; top: 0; transition: all 0.36s; } .try-aside ul li a span{ position: relative; } .try-aside ul li.active a span::before{ content: ''; width: 20px; height: 10px; background: url("../images/aside-libg-before.png") no-repeat center; position: absolute; top: 5px; left: -25px; } .try-aside ul li.active a span::after{ content: ''; width: 20px; height: 10px; background: url("../images/aside-libg-after.png") no-repeat center; position: absolute; top: 5px; right: -25px; } .try-aside ul li:hover{ /* background-color: #a32312; */ } .try-aside ul li:hover a{ color: #fcd8b5; } /* .try-aside ul li.active::before{ content: ''; width: 100%; height: 100%; background-color: #a32312; position: absolute; top: 0; left: 0; } */ .try-aside ul li.active{ background-color: #a32312; } .try-aside ul li.active a{ color: #fcd8b5; } .try-main{ width: 1030px; float: right; padding-bottom: 110px; } .try-main-tt{ height: 55px; border-bottom: 1px solid #dcdcdc; } .try-main-tt h2{ float: left; font: 28px/50px 'Microsoft YaHei'; color: #313131; font-weight: bold; } .try-na-bar{ float: right; background: url("../images/icon-house.png") no-repeat left; padding-left: 20px; } .try-na-bar p{ font: 14px/55px 'Microsoft YaHei'; color: #999999; float: left; margin-right: 10px; } .try-na-bar a{ font: 14px/55px 'Microsoft YaHei'; color: #999999; } .try-na-bar span{ font: 14px/55px 'Microsoft YaHei'; color: #999999; margin: 0 10px; } .try-na-bar a:hover{ color: #bc2b18; } .try-na-bar a.active{ color: #bc2b18; } .try-main-text{ padding: 45px 0 0 0; } .try-main-text img{ max-width: 100%; display: block; margin: 10px auto; } .try-main-text>p{ font: 16px/36px 'Microsoft YaHei'; color: #333333; text-align: justify; text-indent: 2em; margin-bottom: 10px; } .try-main-text ul{ /* overflow: hidden; */ position: relative; } .try-main-text .try-xygk-ul li{ width: 235px; height: 340px; background: url("../images/gxjzx-bg.jpg") no-repeat center; border-radius: 5px; margin-right: 30px; margin-bottom: 30px; float: left; box-sizing: border-box; border: 1px solid #dcdcdc; transition: all 0.4s; position: relative; } .try-main-text .try-xygk-ul li:nth-child(4n){ margin-right: 0; } .try-main-text .try-xygk-ul li a{ display: block; height: 100%; overflow: hidden; } .try-main-text .try-xygk-ul li a img{ display: block; margin: 50px auto 25px; } .try-main-text .try-xygk-ul li a p{ font: 18px/28px 'Microsoft YaHei'; color: #313131; text-align: center; text-indent: 0; } .try-main-text .try-xygk-ul li a h2{ width: 104px; height: 32px; margin: 40px auto 0; border: 1px solid #ba2a17; border-radius: 5px; font: 16px/32px 'Microsoft YaHei'; color: #ba2a17; text-align: center; transition: all 0.4s; } .try-main-text .try-xygk-ul li:hover{ margin-top: -10px; box-shadow: 0 0 5px 0 rgba(214, 211, 211, 1); } .try-main-text .try-xygk-ul li:hover a h2{ background-color: #ba2a17; color: #fff; } /* 学院概况结束 */ /* 科学研究开始 */ .try-kxyj-banner{ } /* 科学研究结束 */ /* 师资队伍开始 */ .try-szdw-banner{ } .try-szdw-ul{ } .try-szdw-ul li{ width: 235px; height: 355px; /* border: 1px solid red; */ box-sizing: border-box; float: left; margin: 0 28px 20px 0; cursor: pointer; } .try-szdw-ul li:nth-child(4n){ margin-right: 0; } .try-szdw-ul-li-img{ height: 270px; position: relative; } .try-szdw-ul-li-img img{ width: 215px; height: 100%; position: relative; z-index: 1; float: left; margin: 0; } .try-szdw-ul-li-img-bg{ position: absolute; width: 235px; height: 190px; bottom:0; background-color: #fcd8b5; border-radius: 5px; transition: all 0.5s; } .try-szdw-ul-li-text h2{ font: 22px/40px 'Microsoft YaHei'; color: #313131; font-weight: bold; margin-top: 10px; } .try-szdw-ul-li-text p{ font: 14px/20px 'Microsoft YaHei'; color: #6b6b6b; text-indent: 0; } .try-szdw-ul li:hover .try-szdw-ul-li-img-bg{ background-color: #ba2a17; } .try-szdw-page{ width: 325px; height: 38px; border: 1px solid red; margin: 40px auto 0; } /* 弹窗开始 */ .try-szdw-popover{ width: 100%; height: 100%; /* 默认隐藏 */ display: none; /* 固定定位 */ position: fixed; /* 设置在顶层 */ z-index: 1000; /* 设置位置 */ left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); } .try-szdw-popover-content{ position: relative; background: url("../images/popover-content.png") no-repeat top center; margin: 4% auto; border: 1px solid #888; width: 900px; height: 800px; z-index: 1001; } .try-szdw-popover-content-tt{ width: 780px; height: 103px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; margin-left: 55px; } .try-szdw-popover-content-tt h2{ font: 28px/110px 'Microsoft YaHei'; color: #313131; font-weight: bold; float: left; } .try-szdw-popover-content-tt-close{ float: right; width: 40px; height: 40px; cursor: pointer; background: url("../images/close.png") no-repeat center; margin-top: 35px; transition: all 0.4s; } .try-szdw-popover-content-tt-close:hover{ transform: rotate(90deg); } .try-szdw-popover-content-cont{ width: 820px; margin-left: 55px; overflow: hidden; padding-top: 30px; } .try-szdw-popover-content-cont-l{ width: 235px; height: 355px; box-sizing: border-box; float: left; cursor: pointer; } .try-szdw-popover-content-cont-l-img{ height: 270px; position: relative; } .try-szdw-popover-content-cont-l-img img{ width: 215px; height: 100%; position: relative; z-index: 1; float: left; margin: 0; } .try-szdw-popover-content-cont-l-img-bg{ position: absolute; width: 235px; height: 190px; bottom:0; background-color: #fcd8b5; border-radius: 5px; transition: all 0.5s; } .try-szdw-popover-content-cont-l-text h2{ font: 22px/40px 'Microsoft YaHei'; color: #313131; font-weight: bold; margin-top: 10px; } .try-szdw-popover-content-cont-l-text p{ font: 14px/20px 'Microsoft YaHei'; color: #6b6b6b; text-indent: 0; } .try-szdw-popover-content-cont-r{ width: 560px; height: 600px; float: right; overflow-y: auto; box-sizing: border-box; padding-right: 32px; } .try-szdw-popover-content-cont-r p{ font: 14px/28px 'Microsoft YaHei'; color: #333333; text-align: justify; text-indent: 2em; } .try-szdw-popover-content-cont-r p:first-child{ text-indent: 0; } .try-szdw-popover-content-cont-r::-webkit-scrollbar { width: 5px; background-color: #eaeaea; border-radius: 5px; } .try-szdw-popover-content-cont-r::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 5px; } .try-szdw-popover-content-cont-r h2{ font: 18px/28px 'Microsoft YaHei'; color: #333333; font-weight: bold; text-align: justify; margin-top: 20px; } /* 弹窗结束 */ /* 师资队伍结束 */ /* 研究生教育开始 */ .try-yjsjy-ul li{ height: 160px; position: relative; border-bottom: 1px solid #dcdcdc; } .try-yjsjy-ul li:after { content: ''; position: absolute; left: 0px; top: auto; bottom: 0; right: auto; height: 2px; width: 0; background-color: #ba2a17; transition: all 0.5s; } .try-yjsjy-ul li:hover:after{ width: 1030px; } .try-yjsjy-ul li a{ display: block; height: 100%; padding: 54px 0; box-sizing: border-box; } .try-yjsjy-ul-li-date{ width: 132px; height: 100%; box-sizing: border-box; border-right: 1px solid #dcdcdc; float: left; } .try-yjsjy-ul-li-date h2{ font: 36px/52px 'Microsoft YaHei'; color: #333333; float: left; } .try-yjsjy-ul-li-date h3{ font: 36px/46px 'Microsoft YaHei'; color: #333333; float: left; margin-left: 10px; } .try-yjsjy-ul-li-date p{ width: 32px; height: 100%; font: 14px/18px 'Microsoft YaHei'; color: #6b6b6b; float: left; text-indent: 0; padding-top: 8px; box-sizing: border-box; margin-left: 10px; } .try-yjsjy-ul-li-text{ float: left; width: 625px; margin-left: 34px; } .try-yjsjy-ul-li-text-tt p{ font: 18px/20px 'Microsoft YaHei'; color: #333333; font-weight: bold; text-indent: 0; transition: all 0.3s; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .try-yjsjy-ul-li-text-p p{ font: 14px/45px 'Microsoft YaHei'; color: #999999; text-indent: 0; transition: all 0.3s; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .try-yjsjy-ul-li-more{ width: 84px; height: 32px; float: right; border: 1px solid #ba2a17; border-radius: 5px; text-align: center; transition: all 0.3s; margin-top: 10px; } .try-yjsjy-ul-li-more p{ text-indent: 0; font: 14px/32px 'Microsoft YaHei'; color: #ba2a17; transition: all 0.3s; } .try-yjsjy-ul li:hover .try-yjsjy-ul-li-text p{ color: #ba2a17; } .try-yjsjy-ul li:hover .try-yjsjy-ul-li-more{ background-color: #ba2a17; } .try-yjsjy-ul li:hover .try-yjsjy-ul-li-more p{ color: #fff; } .try-yjsjy-page{ width: 325px; height: 34px; /* border: 1px solid red; */ margin: 40px auto 0; } .try-yjsjy-page .paging{ display: flex; justify-content:center; } .try-pre-page{ width: 74px; height: 34px; box-sizing: border-box; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 5px; /* float: left; */ margin-right: 8px; transition: all 0.1s; } .try-pre-page a{ font: 14px/32px 'Microsoft YaHei'; color: #6b6b6b; text-align: center; transition: all 0.1s; display: block; } .try-pre-page:hover{ border: 1px solid #bc2b18; } .try-pre-page:hover a{ color: #bc2b18; } .try-page-number{ width: auto; height: 34px; /* float: left; */ } .try-page-number li{ width: 34px; height: 34px; border: 1px solid #dcdcdc; background-color: #fff; box-sizing: border-box; float: left; margin-right: 8px; border-radius: 5px; transition: all 0.1s; } .try-page-number li a{ font: 14px/32px 'Microsoft YaHei'; color: #6b6b6b; text-align: center; transition: all 0.1s; display: block; } .try-page-number li:hover{ background-color: #bc2b18; } .try-page-number li:hover a{ color: #fff; } .try-page-number li.active{ background-color: #bc2b18; } .try-page-number li.active a{ color: #fff; } .try-next-page{ width: 74px; height: 34px; box-sizing: border-box; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 5px; /* float: right; */ } .try-next-page a{ font: 14px/32px 'Microsoft YaHei'; color: #6b6b6b; text-align: center; display: block; } .try-next-page:hover{ border: 1px solid #bc2b18; } .try-next-page:hover a{ color: #bc2b18; } /* 研究生教育结束 */ /* 研究生教育详情开始 */ .try-yjsjy-details-ul{ } .try-yjsjy-details-ul-back{ width: 104px; height: 34px; background-color: #ffece9; border-radius: 5px; margin-top: 15px; transition: all 0.1s; } .try-yjsjy-details-ul-back a{ display: block; height: 100%; background: url("../images/icon-back.png") no-repeat 13px; font: 14px/34px 'Microsoft YaHei'; color: #c12e1b; box-sizing: border-box; padding-left: 34px; transition: all 0.1s; } .try-yjsjy-details-ul-back:hover{ background-color: #c12e1b; } .try-yjsjy-details-ul-back:hover a{ background: url("../images/icon-back-h.png") no-repeat 13px; color: #fff; } .try-yjsjy-details-ul-news-tt p{ font: 24px/70px 'Microsoft YaHei'; color: #333333; font-weight: bold; text-align: center; } .try-yjsjy-details-ul-news-fbly-fb{ width: 490px; float: left; text-align: right; } .try-yjsjy-details-ul-news-fbly-fb p{ font: 14px/20px 'Microsoft YaHei'; color: #999999; } .try-yjsjy-details-ul-news-fbly-fb p span{ color: #6b6b6b; } .try-yjsjy-details-ul-news-fbly-ly{ width: 490px; float: right; } .try-yjsjy-details-ul-news-fbly-ly p{ font: 14px/20px 'Microsoft YaHei'; color: #999999; } .try-yjsjy-details-ul-news-fbly-ly p span{ color: #6b6b6b; } .try-yjsjy-details-ul-news-text{ margin-top: 30px; border-bottom: 1px dashed #dcdcdc; padding-bottom: 50px; } .try-yjsjy-details-ul-news-text img{ max-width: 100%; display: block; margin: 10px auto; } .try-yjsjy-details-ul-news-text p{ font: 16px/28px 'Microsoft YaHei'; color: #333333; text-align: justify; text-indent: 2em; margin-bottom: 10px; } .try-yjsjy-details-page{ margin-top: 30px; } .try-yjsjy-details-page a{ font: 14px/36px 'Microsoft YaHei'; color: #c12e1b; display: block; } .try-yjsjy-details-page a span{ color: #333333; } .try-yjsjy-details-page a:hover span{ color: #c12e1b; } /* 研究生教育详情结束 */ /* 搜索开始 */ .try-search-banner h2{ font: 44px/130px 'Microsoft YaHei'; color: #ffffff; font-weight: bold; margin-top: 50px; text-align: center; } .try-search-input{ width: 900px; height: 65px; background-color: #fff; border-radius: 30px; margin: 0 auto; } .try-search-input-ss { width: 55px; height: 100%; float: left; background: url(../images/icon-search.png) no-repeat right; cursor: pointer; } .try-search-input input { width: 845px; height: 100%; float: left; box-sizing: border-box; padding-left: 10px; font: 16px/65px 'Microsoft YaHei'; } .try-search-main{ width: 1300px; margin: 0 auto; padding-bottom: 85px; } .try-search-ul li{ height: 160px; position: relative; border-bottom: 1px solid #dcdcdc; } .try-search-ul li:after { content: ''; position: absolute; left: 0px; top: auto; bottom: 0; right: auto; height: 2px; width: 0; background-color: #ba2a17; transition: all 0.5s; } .try-search-ul li:hover:after{ width: 1030px; } .try-search-ul li a{ display: block; height: 100%; padding: 54px 0; box-sizing: border-box; } .try-search-ul-li-date{ width: 132px; height: 100%; box-sizing: border-box; border-right: 1px solid #dcdcdc; float: left; } .try-search-ul-li-date h2{ font: 36px/52px 'Microsoft YaHei'; color: #333333; float: left; } .try-search-ul-li-date h3{ font: 36px/46px 'Microsoft YaHei'; color: #333333; float: left; margin-left: 10px; } .try-search-ul-li-date p{ width: 32px; height: 100%; font: 14px/18px 'Microsoft YaHei'; color: #6b6b6b; float: left; text-indent: 0; padding-top: 8px; box-sizing: border-box; margin-left: 10px; } .try-search-ul-li-text{ float: left; width: 625px; margin-left: 34px; } .try-search-ul-li-text-tt p{ font: 18px/20px 'Microsoft YaHei'; color: #333333; font-weight: bold; text-indent: 0; transition: all 0.3s; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .try-search-ul-li-text-p p{ font: 14px/45px 'Microsoft YaHei'; color: #999999; text-indent: 0; transition: all 0.3s; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .try-search-ul-li-more{ width: 84px; height: 32px; float: right; border: 1px solid #ba2a17; border-radius: 5px; text-align: center; transition: all 0.3s; margin-top: 10px; } .try-search-ul-li-more p{ text-indent: 0; font: 14px/32px 'Microsoft YaHei'; color: #ba2a17; transition: all 0.3s; } .try-search-ul li:hover .try-search-ul-li-text p{ color: #ba2a17; } .try-search-ul li:hover .try-search-ul-li-more{ background-color: #ba2a17; } .try-search-ul li:hover .try-search-ul-li-more p{ color: #fff; } .try-search-No-content img{ display:block; margin: 80px auto 50px; } /* 搜索结束 */