@charset "utf-8"; /* CSS Document */ @charset "utf-8"; /* CSS Document */ .Banner{width:100%;overflow:hidden;position:relative;z-index:91;margin-bottom: -32px;} .flexslider .slides li >a{display: block;position: relative;height: 0;padding-bottom: 38.54%;overflow: hidden;width: 100%} .Banner .slides_tills{position: absolute;width: 100%;overflow: hidden;bottom: 0;left: 0;height: 164px; background: url(../../images/gb20200205/banner_bg.png) repeat-x ;} .Banner .slides_tills p{max-width: 1200px;margin: 0 auto;color:#fff;text-shadow:0px 2px 6px #000;font-size: 2.2rem;font-weight: bold;letter-spacing: 2px;margin-top: 80px;} .Banner .flex-direction-nav{display: block;} .Banner .flex-direction-nav a{} .Banner .flex-direction-nav a.flex-prev{transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */left:50px; } .Banner .flex-direction-nav a.flex-next{right:50px;} .Banner .flex-direction-nav a{width: 80px;height: 80px;background: rgba(0,0,0,0.4);color:#fff;line-height: 80px;margin-top: -40px; font-size: 4rem;text-align: center;transition:all 0.5s ease-in-out;top:auto; bottom:46%;border-radius: 50%;position: absolute;} .Banner .flex-direction-nav a:hover{background: rgba(27,75,204,0.4);} .Banner .flex-control-nav{bottom:65px;max-width: 1200px;margin: 0 auto;position: relative;text-align: right;} .Banner .flex-control-paging li a {width: 18px;height: 22px; background: url(../../images/gb20200205/a.png) no-repeat center top;text-indent: 9999px;transition:all 0.5s ease-in-out;} .Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {background-image:url(../../images/gb20200205/a_hover.png); } .content{overflow:hidden;background: #fff;position: relative;z-index: 100;} .mode{width: 1200px;margin:0 auto;overflow: hidden;padding-top: 30px} /*学院新闻*/ .mode01{margin-bottom: 40px;} .listTitle{margin-bottom: 15px;} .listTitle h2{font-size: 20px;background: url(../../images/gb20200205/title_bg.png) no-repeat center left;padding-left: 20px;} .listTitle h2 strong{font-size: 1.4rem;font-weight: normal;display: inline-block;margin-left: 8px; color:#999;} .more{float: right;} .more a{display: block;position: relative; color:#999;font-size: 1.4rem;padding-right:10px;padding-top: 5px;} .more a i{position: absolute;top:0;right:0;font-style: normal;} .more a:hover{color:#1d7ee5;} .col{width: 48.33%;} .lf{float: left;} .rt{float: right;} .item-box01{} .item-topic01{overflow: hidden;background: #fff;} .item-topic01 .item-img01{float: left;width: 55.17%;} .item-topic01 .item-title01{float: right;width: 41.03%;height: 0;padding-bottom: 28%;overflow: hidden;position: relative;} .item-topic01 .item-title01 a{display: block;height: 94px; line-height: 24px;overflow: hidden;font-size: 1.6rem;padding:15px 15px 0 0;} .item-topic01 .item-title01 span{display: block;font-size: 1.4rem;color:#999;position: absolute;bottom:0;left: 0;} .item-list01{overflow: hidden;margin-top: 20px;} .item-list01 li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;padding:11px 15px;} .item-list01 li a{display: block;height: 52px;overflow: hidden;line-height: 26px;font-size: 1.6rem; background: url(../../images/gb20200205/arrow.png) no-repeat left 5px;padding-left: 20px;border-right: 1px solid #eee;padding-right: 10px;} .item-list01 li span{float: right;margin-left: 10px;font-size: 1.4rem;color:#999; } .item-list01 li:last-child{margin-bottom: 0;} /*通知公告*/ .item-list02{overflow: hidden;width: 102%;} .item-list02 li{width: 50%;float: left;margin-bottom: 20px;} .item-list02 li a{ display: block;margin-right: 20px;border:1px solid #eee;padding:20px;position: relative;overflow: hidden;box-shadow:none;transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;} .item-list02 li a:before{display: block; content: '';clear: both;position: absolute;width: 100%;background:#1d7ee5; background: -moz-linear-gradient( left ,#1d7ee5,#1e8afd);background: -webkit-linear-gradient( left ,#1d7ee5,#1e8afd);background: -ms-linear-gradient( left ,#1d7ee5,#1e8afd);background: -o-linear-gradient( left ,#1d7ee5,#1e8afd);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1751ee, endColorstr=#1d7ee5);height: 100%;top:0;left: 0;transition:all 0.3s ease-in-out; opacity: 0; *background: #ffffff; background: #ffffff\9\0;} .item-notice01{overflow: hidden;} .item-notice01 p{ font-size: 1.4rem;letter-spacing: 1px;height: 48px;line-height: 24px;overflow: hidden;z-index: 98;position: relative;} .item-notice01 span.time:after{content: '';clear: both;position: absolute;left: 0;top:0;width: 30px;height: 1px;background: #eee;} .item-notice01 span.time{color:#999;display: block;position: relative;z-index: 70;margin-top: 15px;padding-top: 15px;position: relative;} .item-list02 li a:hover {*background: #1d7ee5; background: #1d7ee5\9\0; box-shadow:0px 3px 10px rgba(240,135,83,0.2);color:#fff;} .item-list02 li a:after{width: 100%;height: 100%; position: absolute;top:0;right: 0;content: '';clear: both;display: block; opacity: 0;z-index: 9;transition:all 0.3s ease-in-out;opacity: 0} .item-list02 li a:hover:before{opacity: 1; *background: #1d7ee5; background: #1d7ee5\9\0;} .item-list02 li a:hover .item-notice01 p{color:#fff;} .item-list02 li a:hover .item-notice01 p:after{background: rgba(255,255,255,0.2);} .item-list02 li a:hover:after{opacity: 0.1;background-position: right top;} .item-list02 li a:hover .item-notice01 span.time{color:#fff;} /*mode02*/ .wrap_mode02{position: relative;width: 100%;background: url(../../images/gb20200205/mode02.jpg) no-repeat center top;background-size: 100% 100%;} .wrap_mode02:after{position: absolute;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;content: '';clear: both;z-index:1;} .mode02{padding:30px 0 26px 0;position: relative;z-index:2;} .listTitle h2.title02{background: url(../../images/gb20200205/title_bg1.png) no-repeat center left;} .listTitle h2.title02 a,.listTitle h2.title02 a strong{color:#fff;} .item-list03 li{margin-bottom: 17px;} .item-list03 li:last-child{margin-bottom: 0;} .item-list03 li a{display: block;} .item-txtbox03{} .item-txtbox03 span{float: left;width: 70px;height: 30px;line-height: 30px;color:#fff;text-align: center;font-size: 1.6rem;background:#1d7ee5; background: -webkit-linear-gradient(#1d7ee5, #1e8afd); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#1d7ee5, #1e8afd); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#1d7ee5, #1e8afd); /* Firefox 3.6 - 15 */ background: linear-gradient(#1d7ee5, #1e8afd); /* 标准的语法 */} .item-txt03{margin-left: 70px;background: #fff;padding:13px 20px;border:1px solid #eee;transition: all 0.35s ease-in-out;} .item-txt03 h3{font-weight: normal;font-size: 16px;line-height: 28px;height: 52px;overflow: hidden;padding-bottom: 10px;} .item-txt03 p{color:#999;font-size: 1.4rem;height: 44px;line-height: 22px;overflow: hidden;} .more02 a{color:#fff;} .more02 a i{color:#999;transition:all 0.5s ease-in-out;} .more02 a:hover i{color:#1d7ee5;} .item-list04{overflow: hidden;width: 102%;} .item-list04 li{float: left;width: 50%;margin-bottom: 20px;} .item-list04 li a{display: block;margin-right: 20px; background: #fff;} .item-txt04{overflow: hidden;} .item-txt04 p.txt-info04{font-size: 16px;height: 48px;line-height: 26px;overflow: hidden;padding:10px 15px;} .item-txt04 .imgResponsive{position: relative;} .item-txt04 .imgResponsive .rightDate{position: absolute;bottom: 0;right:0;display: block;width: 60px;height: 25px;line-height: 25px;color:#fff;text-align: center;background: #1d7ee5;} .noImg .txt-con04{border-top: 1px solid #eee;padding-top: 10px;height:96px;line-height: 26px;overflow: hidden;font-size: 1.4rem;color: #999;padding:10px 15px;} .item-txt04>.rightDate{text-align: right;display: block;width: 60px;height: 25px;line-height: 25px;color:#fff;text-align: center;background: #1d7ee5;float: right;margin-top: 14px;} .mode03{margin:25px auto 45px;} @media screen and (min-width:1220px){ .item-txt03:hover{background:#c1070a; background: -webkit-linear-gradient(left, #1d7ee5 , #1e8afd); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #1d7ee5, #1e8afd); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #1d7ee5, #1e8afd); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #1d7ee5 , #1e8afd); /* 标准的语法 */} .item-txt03:hover *{color: #fff;} } @media screen and (max-width:1380px){ .mode{width: 1000px;} .Banner .flex-control-nav{width: 92%;} .Banner .slides_tills p{width: 92%;font-size: 1.8rem;margin-top: 100px;} .item-list02 li a{padding:15px;} .noImg .txt-con04{height: 68px;} .item-txt03 h3 {line-height: 24px;height: 40px;} .item-txt03{padding:10px 20px;} } @media screen and (max-width:1240px){ } @media screen and (max-width:1200px) { .wrap_mode02{background-size: auto 100%;} } @media screen and (max-width:1020px) { .mode{width: auto;padding:0 30px;} .mode02{padding:30px 30px;} .Banner .flex-direction-nav a{width: 40px;height: 40px;margin-top: -20px;line-height: 40px;font-size: 2rem;} .Banner .flex-direction-nav a.flex-prev{left: 10px;} .Banner .flex-direction-nav a.flex-next{right: 10px;} .Banner .flex-control-nav{bottom:46px;} .lf,.rt{float: none;width: 100%;} .rt{margin-top:30px;} .item-list01 li a{height: 32px;} .item-notice01 p{margin-right: 50px;} .noImg .txt-con04{height: 204px;} } @media screen and (max-width:920px) { .noImg .txt-con04 { height: 177px;} } @media screen and (max-width:850px) { .noImg .txt-con04 { height: 156px;line-height: 24px;} } @media screen and (max-width:767px) { .noImg .txt-con04 { height: 135px;} .item-notice01 p{margin-right: 0;} .item-list02 li:nth-child(2n) a{margin-right: 0;} .item-list02{width: 100%;} .listTitle h2{font-size: 1.8rem;} .item-topic01 .item-title01 a{font-size: 1.4rem;height: auto;} .item-topic01 .item-title01 span{position: static;margin-top: 8px;} .item-list01 li a{height: auto;font-size: 1.4rem;} .item-txt03 h3{font-size: 1.4rem;height: auto;} .item-txt03 p{height: auto;} .item-txt04 p.txt-info04{height: auto;font-size: 1.4rem;line-height: 22px;} } @media screen and (max-width:670px) { .noImg .txt-con04 { height: 105px;} } @media screen and (max-width:595px) { .noImg .txt-con04{height: 85px;} } @media screen and (max-width:540px){ .item-list04 li{float: none;width: 100%;} .item-txt04 p.txt-info04,.noImg .txt-con04{height: auto;} .item-list04{width: 100%;} .item-list04 li a{margin-right: 0;} } @media screen and (max-width:480px){ .item-topic01 .item-img01,.item-topic01 .item-title01{width: 100%;float: none;} .item-topic01 .item-title01{margin-top: 15px;height: auto;padding-bottom: 0;} .item-list02 li{width: 100%;float: none;} .item-list02 li a{margin-right: 0;} .item-notice01 p{height: auto;} } @media screen and (max-width:380px){ .Banner .slides_tills{display: none;} }