@charset "utf-8"; /* css document */ .banner{position: relative;z-index: 1;max-width: 1920px;margin:0 auto;} .banner_line{position: absolute;width: 100%;height: 48px;background:url(/uploads/image/tdimages/line.png) no-repeat top center;position: absolute;bottom:-19px;left:0;z-index: 998;} /* browser resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* flexslider necessary styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* hide the slides before the js is loaded. avoids image jumping */ .flexslider .slides > li.clone{position:relative} .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* no javascript fallback */ /* if you are not using another script, such as modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* flexslider default theme *********************************/ .flexslider { position: relative;zoom:1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* direction nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 30px; height: 50px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-indent:-999em ;margin-top:-25px;} .flex-direction-nav .flex-prev { display: none; left: 60px; background:url(/uploads/image/tdimages/lf.png) no-repeat center center; } .flex-direction-nav .flex-next { display: none; right: 60px; background:url(/uploads/image/tdimages/rt.png) no-repeat center center;} .flexslider:hover .flex-prev { opacity: 0.7; left: 10px;} .flexslider:hover .flex-next { opacity: 0.7; right: 10px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* pause/play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* control nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -2px; left:0; text-align: center; z-index:9999; } .flex-control-nav li {margin: 12px 6px 0; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 8px; height: 8px; display: block; border:2px solid #0d58aa; cursor: pointer; text-indent: -9999px;border-radius:8px; } .flex-control-paging li a:hover { background: #0d58aa; } .flex-control-paging li a.flex-active { background: #0d58aa;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /*banner按钮背景样式*/ .banner .flex-control-nav{width: 160px;height: 32px;position: absolute;bottom:-3px;left:50%;margin-left:-80px;z-index: 1045} /*content*/ .content{width:100%;position: relative;padding-top:18px;z-index: 100; } .article .content p{margin-bottom:18px; line-height: 28px; font-size: 16px;} .article .content p span{font-size: 16px;font-family:"楷体","楷体_gb2312","kaiti",kaiti_gb2312;} .gz_bg{width: 100%;height: 50px;background:#fff;position: absolute;left:0;top:-12px;} .modewrap01{width: 100%;margin:0 auto;;background:#fff; } .section{width: 1225px;margin:0 auto; } .listtitle01:hover{opacity: 0.8} .listtitle01{width:100%;position: relative; height: 40px;} .listtitle01 h3{position: relative;z-index: 10} .listtitle01 img{width: 100px;height: 30px;padding-left:66px; padding-top:29px;} .list01{width: 100%;overflow: hidden;padding-top:30px;} .list01 li{width: 25%;float: left;} .list01 li a{margin:0 1px;display: block;} .item-img01{width: 100%;display: block;height: 0;padding-bottom: 56.394%;overflow: hidden;} .item-img01 img{transition: all 0.5s ease;} .item-txt01{width:auto;padding:20px 10px 16px; overflow: hidden;} .item-txt01 h3{font-size:16px;color:#0b5aa8;line-height: 24px;height: 48px;overflow: hidden;} .item-txt01 .more01{width: 30px;height: 30px;float: right;transition: all 0.3s ease} .item-txt01 .more01:hover{transform: rotatez(90deg);opacity: 0.8} .list01 li a:hover .item-txt01{opacity: 0.8} .list01 li a:hover .item-img01 img{opacity: 0.8;transform: scale(1.1);} .libg1 a{background-color:#172536;} .libg2 a{background-color:#010101;} .libg3 a{background-color:#092e5c;} .libg4 a{background-color:#192c43;} .modewrap02{width:100%;overflow: hidden;} .listtitle02{ margin-top: 20px;} .listtitle02 h3{ font-size:28px; text-align:center; height: 36px; line-height: 36px; position: relative;} .listtitle02 h3 span{color:#dbdbdb; font-size: 24px;} .list02{width: 105%; height:280px;} .list02 li{width: 300px;float:left;margin-right: 8px;transition: all 0.3s ease} .list02 li:hover{margin-top:-12px;box-shadow: 0 2px 5px rgba(0,0,0,0.3)} .list02 li > div{background-color:#fff;height: 218px;} .list02 li .item-info2{height: 170px;overflow: hidden;display: block;} .item-img02{width: 100%;display: block;height: 0;padding-bottom:56.667%;overflow: hidden; } .item-txt02{padding:0 19px;} .item-txt02 h3{font-size:16px;line-height: 24px;color:#024495;padding:15px 0 10px;font-weight: normal;border-bottom: 1px solid #a9bad8} .item-txt02 p{font-size:14px;line-height: 21px;color:#323232;padding:15px 0 0 0;} .more02{height: 38px;text-align: center;display: block;padding-top:10px;transition: all 0.3s ease} .more02 img{width: 30px;height: 30px;display: block;margin:0 auto;} .more02:hover{transform: rotatez(90deg);opacity: 0.8} .modewrap03{width: 100%;overflow:hidden; background:url(/uploads/image/tdimages/xsxw_bg.jpg) top center; height:614px;} .listtitle03{width:100%;position: relative;height: 70px;background:url(/uploads/image/tdimages/more.png) no-repeat 1194px top ;} .listtitle03{margin:47px 0 34px;} .listtitle03 h3{background: no-repeat center #0c5ba8 ;width: 190px;margin:0 auto;height: 70px;position: relative;z-index: 10} .listtitle03:before{content: '';width: 100%;position: absolute;left:0;height: 1px;background-color:#aaa;top:50%;z-index: 2; top:48px;} .listtitle03 img{width: 100px;height: 30px;padding-left:66px; padding-top:39px;} .list03{width: 100%;overflow: hidden;padding-top:30px;} .list03 li{width: 25%;float: left;} .list03 li a{margin:0 1px;display: block;} .item-img03{width: 100%;display: block;height: 0;padding-bottom: 56.394%;overflow: hidden;} .item-img03 img{transition: all 0.5s ease;} .item-txt03{width:auto;padding:20px 10px 16px; overflow: hidden;} .item-txt03 h3{font-size:16px;color:#0b5aa8;line-height: 24px;height: 48px;overflow: hidden;} .item-txt03 .more01{width: 30px;height: 30px;float: right;transition: all 0.3s ease} .item-txt03 .more01:hover{transform: rotatez(90deg);opacity: 0.8} .list03 li a:hover .item-txt01{opacity: 0.8} .list03 li a:hover .item-img01 img{opacity: 0.8;transform: scale(1.1);} */.item-img03 img{transition: all 0.3s ease;} .item-img03:hover img{opacity: 0.8;transform: scale(1.2);} /*文化交院*/ .modewrap04{width: 100%;overflow: hidden;background:url(/uploads/image/tdimages/mtxc_bg.jpg) top center; height:605px;} .listtitle04{margin:49px 0 43px;} .listtitle04 h3{background: no-repeat center #eeeeee ;width: 190px;margin:0 auto;height: 70px;position: relative;z-index: 10} .listtitle04:before{content: '';width: 100%;position: absolute;left:0;height: 1px;background-color:#aaa;top:50%;z-index: 2; top:48px;} .list04{position: relative;width: 100%;overflow: hidden;padding-bottom: 18px;} .item-info04{margin-bottom: 11px;} .item-1{width: 322px;float: left;margin-right: 12px;} .item-info04 > div{border:1px solid #fff;position: relative;overflow: hidden;} .item-img04{width: 100%;height: 0;overflow: hidden;padding-bottom:55.901%;display: block; } .item-txtbg04{position: absolute;height: 55px;background-color:rgba(0,0,0,0.52);filter:alpha(opacity=52); width: 100%;bottom: -55px;transition: all 0.5s ease;} .item-txt04{height: 55px;line-height: 55px;position: absolute;left:0;bottom: -55px;padding:0 20px;transition: all 0.5s ease;font-size:16px;text-align: center;} .item-txt04 a{color:#fff;} .item-2{width: 656px;position: absolute;left:334px;top:0;} .item-2 .item-img04{padding-bottom: 56.621%;} .item-marginr{margin-right: 900px;} .item-4{width: 223px;float: left;} .item-4 .item-img04{padding-bottom: 80.718%;} .item-3{width: 223px;position: absolute;right: 0;top:0;} .item-3 .item-img04{padding-bottom: 166.817%;} .item-info04:hover .item-txtbg04,.item-info04:hover .item-txt04{bottom: 0} /*通知公告*/ .modewrap05{width: 100%;background-color:#cce1fa;overflow: hidden;} .modewrap05 .lf{width: 61.225%;float:left;} .listtitle05{margin:50px 0 40px;} .listtitle05 h3{background:url(/uploads/image/tdimages/more2.png) no-repeat 144px center #cce1fa;} .listtitle05:before{background-color:#afc1d7;} .modewrap05 .rt{width:32.654%;float:right;} .notice-list{padding-bottom: 40px; margin-bottom: 90px;} .notice-date{width: 71px;height: 71px;border-radius: 50%;float:left;background-color:rgba(219,219,219,0.3);} .notice-date strong,.notice-date i{font-family: 'century gothic';font-weight: normal;font-style: italic;color:#0857b6;display: block;text-align: center;} .notice-date strong{font-size:30px;padding-top:6px;height: 30px;} .notice-date i{font-size:18px;} .notice-txt{margin-left:90px;padding-bottom: 13px;} .notice-txt a{display: block;font-size:16px;line-height: 24px;max-height:72px;overflow: hidden; } .notice-txt .notice-intro{ font-size: 12px; line-height: 18px; margin-top: 8px;} .notice-list .notice-more{ position: relative; top: 170px; width: 165px; height: 40px; line-height: 40px; border: 1px solid #999999; margin: 0 auto; text-align: center;} .notice-list .slides li{margin-right: 100px;} .notice-list .flex-control-nav{display: block;} .notice-list .flex-control-paging li a{width: 8px;height: 8px;background-color:#0050a5;border:2px solid #0050a5;} .notice-list .flex-control-paging li a.flex-active{background:none;} .notice-list .flex-control-nav{ display:none; bottom:10px;} .modewrap05 .flex-direction-nav{display: none;} /*专题网站*/ .topic-list{width: 105%;overflow: hidden;} .topic-list li{width: 192px;margin:0 14px 12px 0;display: inline-block;*display: inline;*zoom:1;} .topic-list li span{display: block;width:100%;height: 0;padding-bottom:31.25%;overflow: hidden; } .topic-list li a{position: relative;display: block;} .topic-list li a:before{content: '';width: 0;height: 0;border:1px solid #dadada;left:50%;top:50%;z-index: 10;display: block;position: absolute;background:url(/uploads/image/tdimages/link.png) no-repeat center center;transition: all 0.3s ease} .topic-list li:hover a:before{width: 90%;height: 80%;left:5%;top:10%;} .topic-list li a:after{content: '';position: absolute;left:0;top:0;z-index: 8;display: block;width: 100%;height: 100%;transition: all 0.3s ease} .topic-list li:hover a:after{background-color:#000;opacity: 0.5;filter:alpha(opacity=5);} .listtitle06{margin:50px 0 25px;} .modewrap06{background-color:#eaeef5;} .modewrap06 .section{position: relative;} .modewrap06 .lf{width: 177px;font-size:0;position: absolute;left:0;top:9px;overflow: hidden;} .modewrap06 .lf span{width: 87px;height: 87px;overflow: hidden;float:left;} .modewrap06 .lf span a{width: 100%;height: 100%;display: block;} .sina{background:url(/uploads/image/tdimages/sina.png) no-repeat center #00aecd;margin-bottom: 3px;} .weixin{background:url(/uploads/image/tdimages/weixin.png) no-repeat center #2a79a7;} .ma01{margin-bottom: 3px;} .sina_inner{float:left;padding:0 50px 15px 80px;background:url(/uploads/image/tdimages/small_sina.png) no-repeat 34px 20px;min-height: 180px;float: left;} .sina_inner >p{font-size:14px;max-height: 175px;overflow:hidden;line-height:25px; } .modewrap06 .md{margin-left:202px;width:39.76%;overflow: hidden;float:left;border-left:1px solid #acacac; border-right: 1px solid #acacac;} .sina_inner .p01{margin:14px 0 10px;line-height: 25px;font-size:12px;display: block;max-height: 178px;overflow: hidden;} .sina_inner .p01 strong{font-size: 16px;} .modewrap06 .rt{width: 42.123%;float: right;border-right: 1px solid #acacac;} .modewrap06 .rt .sina_inner{background:url(/uploads/image/tdimages/small_weixin.png) no-repeat 34px 20px;} .review_newsbg{width: 65px;height: 25px;background-color:#fff;opacity: 0.4;filter:alpha(opacity=60);position: absolute;right:20px;bottom: 60px;z-index: 998} .review_news{width:65px;height:25px;line-height:23px;font-size:15px;z-index: 999;position: absolute;right:20px;bottom: 60px;text-align: center;} .modewrap06 .p02{height: 120px;line-height: 20px;margin-bottom: 20px;display: block;overflow: hidden;} .phoneitem-inf004{display: none;} .phoneitem-inf004 .item-img04 a{display: block;text-align: center;margin-top:25%;letter-spacing: 1px;font-size:16px;} .sina_inner > section{margin:0;max-height: 175px;overflow: hidden;line-height: 25px;} .sina_inner > section section{margin:0 !important;} /*2020年8月改版样式*/ /*文化交院*/ .whjy{ width:1200px; overflow:hidden; margin:80px auto;} .whjy p{ height:36px; line-height:36px; text-align:center; margin-bottom: 40px;} .whjy p span:nth-child(1){ font-size:28px; font-weight:bolder; } .whjy p span:nth-child(2){color:#dbdbdb; font-size:24px;font-weight:bolder;} .whjy ul li{float:left; margin-right:10px; width:190px; height:380px; overflow:hidden;position:relative;} .whjy ul li:last-child{ margin-right:0;} .whjy ul li:nth-child(1) a{ background:url(/uploads/image/tdimages/pic1.jpg) no-repeat; transition: all 0.6s;} .whjy ul li:nth-child(2) a{ background:url(/uploads/image/tdimages/pic2.jpg) no-repeat; transition: all 0.6s;} .whjy ul li:nth-child(3) a{ background:url(/uploads/image/tdimages/pic3.jpg) no-repeat; transition: all 0.6s;} .whjy ul li:nth-child(4) a{ background:url(/uploads/image/tdimages/pic4.jpg) no-repeat; transition: all 0.6s;} .whjy ul li:nth-child(5) a{ background:url(/uploads/image/tdimages/pic5.jpg) no-repeat; transition: all 0.6s;} .whjy ul li:nth-child(6) a{ background:url(/uploads/image/tdimages/pic6.jpg) no-repeat; transition: all 0.6s;} .whjy ul li a:hover{ transform: scale(1.05);} .whjy ul li a{ display:inline-block; position:relative; width:190px; height:380px;} .whjy_title{ position:absolute; top:40px; left:16px; width:24px; line-height:24px; font-size:24px; color:#fff;} .whjy_more{ position:absolute; bottom:-2px; right:20px; color:#fff; width:14px; line-height:14px; cursor:pointer;} .whjy_more::after{content:""; border-left:1px solid #fff; height:40px; margin:8px 0 0 6px; display:inline-block;} /*学术动态*/ .jz-xs .public-title p{ height:36px; line-height:36px; text-align:center; padding-top:20px;} .jz-xs .public-title p span:nth-child(1){ font-size:28px; font-weight:bolder; } .jz-xs .public-title p span:nth-child(2){color:#dbdbdb; font-size:24px;font-weight:bolder;} .jz-xs .public-title p a{color:#999; font-size:16px; float:right;} /*热点专题*/ .rdzt{ width:1200px; overflow:hidden; margin:20px auto 50px;} .rdzt p{ height:36px; line-height:36px; text-align:center; margin-bottom: 40px;} .rdzt p span:nth-child(1){ font-size:28px; font-weight:bolder; } .rdzt p span:nth-child(2){color:#dbdbdb; font-size:24px;font-weight:bolder;} .rdzt p a{color:#999; font-size:16px; float:right;} .rdzt ul {overflow:hidden; margin:20px 0;} .rdzt ul li {float:left; margin:0 5px;} /*2020年8月改版样式 结束*/ /*右侧快捷导航*/ .menu2023 ul li img {border: none;vertical-align: top;} .menu2023 ul li {list-style: none;text-align: center;width: 80px;height: 73px;background: #0162c7;padding-bottom: 5px;padding-top: 2px;} .menu2023 ul li a {display: inline-block;position: relative;color: #fff;font-size: 12px;text-decoration: none;} .menu2023 ul li:hover {background: #ffbb50;} .menu2023>ul {padding-top: 105px;} .menu2023 {position: fixed;right: 5px;top: 20%;} .tel2023 {position: relative;} .tel2023:hover .number2023 {display: block;} .erweima2023 {position: relative;} .number2023 {position: absolute;height: 80px;width: 160px;right: 80px;top: 0;color: #fff;display: none;z-index: 888;box-sizing: border-box;padding-top: 10px;padding-left: 15px;background: #ffbb50;text-align: left;font-weight: bold;font-size: 12px;} .erweima2023 .gz {position: absolute;width: 160px;padding: 10px;box-sizing: border-box;right: 80px;display: none;padding: 10px;top: 0;border: 1px solid #eee;background: #ffbb50;font-size: 12px;font-weight: bold;color: #fff;} .erweima2023:hover .gz {display: block;} /*通用样式学校简介*/ /*右侧快捷导航 结束*/ @media screen and (max-width:1225px) { .section{width: auto;padding:0 15px;} .list02{width: 100%;} .list02 li{margin:0 0 10px;width: 25%;} .list02 li > div{margin:0 5px;} .list03 li{margin-bottom: 10px;width: 25%;} .img-lf .item-img03{position: static;width:100%;} .img-lf .item-txt03{margin:0;} .list03 li a{height: auto;margin:0 5px;padding-bottom: 10px;} .img-lf .item-img03:before{display: none;} .item-3,.item-4{display: none;} .list04{max-width: 1002px;margin:0 auto;} .item-marginr{margin-right: 667px;} .modewrap05 .rt,.modewrap05 .lf{width: 100%;} .topic-list{width: 100%;text-align: center;padding-bottom: 20px;} .topic-list li{margin:0 7px 12px;} .listtitle06{margin-top:25px;} .modewrap06 .lf{position: static;width: 348px;text-align: center;padding:10px 0;clear: both;margin:0 auto;} .modewrap06 .lf span{} .modewrap06 .md{width: 50%;margin:0;box-sizing: border-box;overflow: hidden;} .modewrap06 .rt{width: 50%;margin:0;box-sizing: border-box;overflow: hidden;} .modewrap06 .lf span{margin-bottom: 0} } @media screen and (max-width:992px) { .item-2{position:static;width: 100%;} .item-marginr{margin-right: 12px;} .item-1{width: 50%;margin:0 0 12px;} .item-info04 > div{margin:0 6px;} .modewrap04{background-size:cover;} .notice-list .slides li{margin-right: 50px;} .phoneitem-inf004{display: block;} .phoneitem-inf004 > div{background-color:#cce1fa;} /*.mode02 .slides li{margin-right: 30px;}*/ } @media screen and (max-width:800px) { } @media screen and (max-width: 768px) { .list01 li,.list02 li,.list03 li{width:50%;} .item-txt02 p{padding-top:12px;} .notice-list .slides li{margin-right: 20px;} .list02 li:hover{margin-top:0;box-shadow: none;} } @media screen and (max-width:640px) { .modewrap06 .md,.modewrap06 .rt{width: 100%;border:none;} .sina_inner{padding:0 15px 0 39px;background-position:0 15px} .sina_inner > p{max-height: auto} .sina_inner > section{max-height: auto} .sina_inner{min-height: auto} .modewrap06 .md{padding-bottom: 20px;} .sina_inner br{display: none;} .modewrap06 .rt .sina_inner{background-position:0 15px} } @media screen and (max-width:480px) { .topic-list li{width: 170px;} } @media screen and (max-width:400px) { } @media screen and (max-width:380px) { .list01 li,.list02 li,.list03 li,.item-1{width: 100%;margin-bottom: 10px;} .modewrap06 .lf span{width: 60px;height: 60px;} .modewrap06 .lf{width: 240px;} .list02 li > div,.list02 li .item-info2{height: auto;} } @media screen and (max-width:320px) { }