@charset "utf-8"; .body_bg{width: 100%;position: relative;height: 100%;} .body_line{position: absolute;top: 0;width: 1px;background-color:#e6e6e6;height: 100%;z-index: -1 } .body_line_item1{left: 7.2%;} .body_line_item2{left: 28.6%;} .body_line_item3{left: 50%;} .body_line_item4{left: 71.4%;} .body_line_item5{left:92.8%} .body_bg:after{background-color: #f5f5f5;width: 64.2%;z-index: -5;display: block;content: '';right: 7.2%;height: 100%;position: absolute;top: 0} .content{width: 100%;overflow: hidden;min-height: 800px;} .mode01{padding-left: 7.2%;} .tab01{background:url(../../images/gb20190426/m_bg01.jpg) no-repeat top center;background-size: cover;padding:60px 7.75% 60px 75px;overflow: hidden;} .listTitle01{width: 100%;overflow: hidden;letter-spacing: 1px;padding:15px 0;} .listTitle01 h2{font-size: 30px;margin-bottom: 10px;} .listTitle01 p{color:#999;font-size:16px; } .tabMenu01{width: 140px;float: left;padding:75px 0; } .tabMenu01 li{height: 50px;line-height: 50px;margin-bottom: 27px;border-bottom: 2px solid #fff;font-size: 20px;position: relative;} .tabMenu01 li a{color:#fff;} .tabMenu01 li:hover a,.tabMenu li.active a{color:#f12711;} .tabMenu01 li:hover:before,.tabMenu01 li.active:before {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: -2px;width: 100%; background-color: #f12711; background: -webkit-linear-gradient(right, #f12711 , #f5af19); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient right, #f12711 , #f5af19); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f12711 , #f5af19); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f12711 , #f5af19); /* 标准的语法 */ } .tabList01{margin-left:335px; padding:40px 0 0;overflow: hidden; background-color: #f12711; background: -webkit-linear-gradient(right, #f12711 , #f5af19); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient right, #f12711 , #f5af19); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f12711 , #f5af19); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f12711 , #f5af19); /* 标准的语法 */ } .tabList01 dd{display: none; -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s;} .list01{width: 100%;overflow: hidden;min-height: 558px;} .list01 li{width: 33.33%;margin-bottom: 50px;float: left;} .list01 li > div{margin:0 45px;} .list01 li h3{height: 58px;line-height: 58px;font-size: 18px;position: relative;margin-bottom: 25px;overflow: hidden;} .list01 li h3 a{color:#fff;} .list01 li h3:before{content: '';width: 50px;height: 2px;background-color: #000;position: absolute;left: 0;bottom: -2px;} .list01 li p{color:#fff;height: 88px;overflow: hidden;line-height: 22px;margin-bottom:10px; } .readMore04{border:1px solid #333;height: 38px;line-height: 37px;text-align: center;margin-top:20px;} .readMore04 a{color:#333;transition: all 0.3s ease;display: block;} .readMore04:hover a{background-color: #333;color:#fff;} .readMore05{height: 60px;line-height: 60px;text-align: right;} .readMore05 a{display:inline-block;width: 33.3%;text-align: center;text-indent: -1em;color:#fff;background-color: #333;margin-left: 45px;max-width: 365px;} .readMore05 a:hover{background-color:#f12711;color:#fff;} .readMore05 a i{display: inline-block;vertical-align: middle;margin-left: 8%;width: 28px;height: 12px;} .readMore05 a i img{float: left;} /*校友风采*/ .mode02{width: 100%;overflow: hidden;margin-top: 90px} .listTitle02{padding-left: 7.2%;width: 30%;} .list02{padding:60px 0 0 7.2%;background:#c51515;margin:0 7.2% 0 -25px;} .list02 li{width: 33.3%;float: left;} .list02 li:nth-child(2),.list02 li:nth-child(4){margin-top:-150px;} .list02 li > div{margin:0 0 0 50px;} .item-img01 .imgResize{padding-bottom:75%;} .item-txt01{padding:0 20px 25px;} .item-number01{font-size: 72px;font-weight: bold;font-family: 'Times New Roman';color:#fff;margin-top: -50px;display: block;position: relative;} .item-number01:before{content: '';width:30px;height: 4px;background-color: #000;position: absolute;left: 2px;bottom: 0px;} .item-txt01 h3{color:#fff;font-size: 16px;height: 75px;overflow: hidden;line-height: 30px;font-weight: normal;padding-top: 15px;transition: all 0.3s ease;} .item-txt01 h3 a{color:#fff;} .item-txt01 h3:hover{opacity: 0.8;} .readMore06{width: 25%;float: right;padding-left: 50px;} .readMore06 a{display: block;height: 60px;line-height: 60px;text-align: center;background:#f37215; background: -webkit-linear-gradient(left, #f12711 , #f5ad19); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #f12711 , #f5ad19); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f12711 , #f5ad19); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f12711 , #f5ad19); /* 标准的语法 */color:#fff;font-size: 16px;transition: all 0.5s ease;} .readMore06 a i{display: inline-block;vertical-align: middle;margin-left: 8%;} .readMore06 a:hover{background: -webkit-linear-gradient(left, #f5ad19 , #f12711); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #f5ad19 , #f12711); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f5ad19 , #f12711); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f5ad19 , #f12711); /* 标准的语法 */} /*历史回忆*/ .mode03{margin-top:105px;padding: 0 0 0 7.2%;} .list03{position: relative;overflow: hidden;} .list_bg01{width: 23%;height: 100%;display: block;position: absolute;left: 23%;top: 0;background:#f37215;z-index: 0; background: -webkit-linear-gradient(left, #f12711 , #f5ad19); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #f12711 , #f5ad19); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f12711 , #f5ad19); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f12711 , #f5ad19); /* 标准的语法 */} .list_bg02{width: 54%;height: 100%;display: block;position: absolute;left: 46%;top: 0;background:#f37215;z-index: 0; background: -webkit-linear-gradient(left, #f12711 , #f5ad19); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #f12711 , #f5ad19); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f12711 , #f5ad19); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f12711 , #f5ad19); /* 标准的语法 */} .list03 ul{position: relative;z-index: 1} .list03 li.li-item1{width: 46%;float: left;} .list03 li.li-item1 .item-txt02{width:50%;float: left;height: 100%;} .item-number02{margin-top: 0;display:block;} .item-txt02 h3{height: 105px;margin-bottom:10px;} .item-img02{width: 50%;float: left;} .item-txt02{padding:50px 30px;} .list03 li.li-item1 .item-img02 .imgResize{padding-bottom:156.1%;position: relative; } .list03 li.li-item2{width: 54%;float: left;overflow: hidden;} .list03 li.li-item2 .item-img02{width: 100%;display: block;float: none;} .list03 li.li-item2 .item-img02 .imgResize{padding-bottom: 42.75%;position: relative;} .list03 li.li-item2 .item-txt02{padding:10px 30px;} .list03 li.li-item2 .item-txt02 h3{margin-left: 70px;padding-top: 22px;} .list03 li.li-item2 .item-number02{float: left;} .list03 li.li-item3{margin-left: 23%;position: relative;overflow: hidden;clear: both;z-index: 4} .list03 li.li-item3 .item-img02{margin-left: 29.88%;width: 60.8%} .list03 li.li-item3 .item-img02 .imgResize{padding-bottom: 51.22%;position: relative;} .list03 li.li-item3 .item-txt02{position: absolute;left: 0;top: 0;width: 29.8%;text-align: right;} .list03 li.li-item3 .item-number01:before{left: auto;right: 50px;} .list03 .readMore05{position: relative;z-index: 2;margin-right: 7.2%;margin-top: 60px;} .icon-play{width: 50px;height: 50px;background:url(../../images/gb20190426/play.png) no-repeat center;background-size: 50px;display: block;position: absolute;left: 50%;top: 50%;margin:-25px 0 0 -25px;} /*祝福母校*/.mode04{margin-top:35px;padding: 0 7.2% 0 0;} .videoCon{background:url(../../images/gb20190426/m_bg02.jpg) no-repeat top center;background-size: cover;width: 100%;overflow: hidden;padding-left: 7.2%;position: relative;} .video{width:50%;background-color: #000;position: relative;float: left; } .video .imgResize{padding-bottom: 56.1%;opacity: 0.8;filter: alpha(opacity=80)} .video .video_play{width: 82px;height: 82px;position: absolute;left: 50%;top: 50%;margin:-41px 0 0 -41px;display: block;} .readMore07{position: absolute;right: 0;bottom: 0;} /*助力母校*/ .mode05{margin-top: 100px;padding:0 7.16% 0 0;} .listTitle03{padding:75px 2.7% 40px 7.2%;width: 30.8%;float: left;background-color: #c51515} .listTitle03 h2{margin-bottom: 20px;font-size: 30px;color:#fff;letter-spacing: 1px;} .listTitle03 h2 a{color:#fff;} .listTitle03 p{height: 270px;overflow: hidden;line-height: 30px;color:#efcdcd;} .list04 {margin-left: 30.8%;background-color: #fff;position: relative;z-index: 10;min-height: 415px;overflow: hidden;} .list04 ul{width: 100%;overflow: hidden;padding:7px 0px 0;} .list04 li{width: 33.3%;float: left;margin-top: 22px;} .list04 li a{display: block;margin:0 0 0 28px;border:1px solid #dbc3b4;height: 36px;line-height: 35px;padding:0 10px;overflow: hidden;transition: all 0.3s ease;} .list04 li span{float: right;} .list04 li strong{font-weight: normal;} .readMore08{margin-top: 30px;padding-left: 0} .list04 li a:hover{background-color: #c51515} .list04 li a:hover strong,.list04 li a:hover span{color: #fff} @media screen and (max-width:1600px) { } @media screen and (max-width:1440px) { .slide_txt h3{font-size: 30px;line-height: 35px;margin-bottom: 10px;} .slide_txt p{font-size: 16px;line-height: 30px;} .pic-index{font-size: 40px;} .pic-all{font-size: 30px;} .listTitle01 h2{font-size: 24px;} .tabList01{margin-left: 200px;} .list02 li > div{margin-left: 35px;} .item-number01{font-size: 60px;margin-top: -36px;} .list03 li.li-item2 .item-txt02 h3{padding-top: 0} } @media screen and (max-width:1366px) { .readMore08{width: 50%;} } @media screen and (max-width:1200px) { .list01 li,.readMore05 a{width: 50%;} .list02 li:nth-child(2), .list02 li:nth-child(4){margin-top: 0} .mode02,.mode03{margin-top: 30px;} .listTitle02{width: 100%;} .mode03{padding:0 0 0 20px;} .list04 li{width: 50%;} } @media screen and (max-width:1024px) { } @media screen and (max-width:992px) { .Banner{padding-right: 0} .slides li.flex-active-slide .slide_txt{padding-left: 20px;} .banner-number{left: 20px;bottom: 20px;} .Banner .flex-direction-nav{bottom: 20px;left: 200px;} .tabMenu01{float: none;width: 100%;overflow: hidden;padding:5px 0 25px;} .tabMenu01 li{width: 30%;margin:0 1.5%;float: left;} .tabList01{margin:0;padding-top: 20px;} .list01{padding:0 20px;} .tab01{padding:20px;} .mode01{padding-left: 20px;} .list01 li > div{margin:0 20px;} .list02{margin: 0 20px 0 0;padding:20px 20px 0 0;} .list02 li > div{margin-left: 20px;} .listTitle02,.videoCon{padding-left: 20px;} .list03 li.li-item3 .item-img02{width: auto;padding-right: 20px;} .list03 .readMore05{margin-right: 20px;} .mode04{padding-right: 20px;} .video .video_play{width: 50px;height: 50px;margin:-25px 0 0 -25px;} .readMore07{width: 30%;padding-left: 0} .video{width: 60%;} .listTitle03{padding-left: 20px;} .mode05{padding-right: 20px;margin-top: 40px;} .body_line,.body_bg:after{display: none ;} .list04 li{margin:0 0 20px;} .list04 ul{padding:0;} } @media screen and (max-width: 768px) { .slides li.flex-active-slide .slide_txt,.banner-number{display: none;} .Banner .flex-direction-nav{left: 20px;} .readMore03{width: 60%;margin-left: 20%;} .body_line,.body_bg:after{display: none;} .list01 li > div{margin:0 15px;} .list01 li h3{font-size: 16px;line-height:28px;height: 56px;margin-bottom: 10px;} .list01 li{margin-bottom: 20px;} .listTitle01 h2,.tabMenu01 li,.listTitle03 h2{font-size: 18px;} .listTitle01 p{font-size: 14px;} .readMore06 a,.readMore05{height: 45px;line-height: 45px;} .list02 li,.readMore06{width: 50%;} .readMore06{padding-left: 20px;} .item-number01{font-size: 40px;margin-top: -24px;} .item-txt01 h3{font-size: 14px;} .mode02{margin-top: 20px;} .readMore07{width: 30%;} .listTitle03{width: 100%;float: none;padding: 20px;} .listTitle03 p{height: auto;} .listTitle03 h2{margin-bottom: 10px;} .list04{margin:20px 0 0 0;} .list04 li a{margin:0 14px;} .readMore08{padding-left: 0;} } @media screen and (max-width:640px) { .list01 li{width: 100%;} .list01 li h3{height: auto;font-weight: normal;} .list01 li p{height: auto;} .readMore05 a{width: 100%;margin-left: 0} .list03 li.li-item1,.list03 li.li-item2,.list03 li.li-item3{width: 100%;margin:0 0 20px;} .list_bg01{left: 0;width: 100%;} .list_bg02{display: none;} .list03 li.li-item3 .item-img02,.list03 li.li-item2 .item-img02{margin-left: 0;padding:0 20px;float: none;} .list03 .readMore05{margin-top: 30px;} .list03 li.li-item2 .item-txt02 h3{height: auto;margin-top: 5px;padding-top: 5px;} .list03 li.li-item3 .item-txt02{position: static;width: 100%;text-align: left;float: none;} .list03 li.li-item2 .item-txt02 h3{margin:5px 0 0 0;} .list03 li.li-item2 .item-number02{float: none;} .item-txt02,.list03 li.li-item2 .item-txt02{padding:30px 20px 20px;} .list03 li.li-item3 .item-txt02,.list03 li.li-item2 .item-txt02{float: none;} .list03 li.li-item3 .item-img02{padding:0 20px;display: block;} .item-txt02 h3{height: auto;} .readMore07{position: static;width: 100%;padding-left: 0} .video{width: 100%;} } @media screen and (max-width:480px) { .list02 li{width: 100%;} .item-txt01 h3{height: auto;line-height: 28px;} .readMore06{width: 80%;} .list03 li.li-item1 .item-txt02{width: 100%;} .list03 li.li-item1 .item-img02{width: 100%;padding:20px 20px 0;} .list03 li.li-item3 .item-number01::before{display: none;} .list03 li.li-item3 .item-img02,.list03 li.li-item2 .item-img02{float: none;} .readMore07,.list04 li{width: 100%;} .list04 li{margin-bottom: 10px;} .readMore08{padding:0 14px;width: 100%;margin-top:15px;} } @media screen and (max-width:400px) { } @media screen and (max-width:380px) { .banner-mask{width: 80%;} } @media screen and (max-width:320px) { }