/* 滚动新闻开始 */ .con2_left ul li.hot a{ color:red; font-weight:bold;} .bt ul li.hot a{ color:red; font-weight:bold; } .s-news { height: 60px; line-height: 60px; background-color: #f4f4f4; padding: 0 30px; margin-top: 30px; } .s-news .pic, .s-news a { float: left; } .s-news .pic { display: inline-block; height: 36px; padding-right: 30px; border-right: 2px solid #d7d7d7; line-height: 36px; margin-top: 12px; margin-right: 30px; } .s-news a { font-size: 16px; color: #333; width: 780px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn { height: 60px; line-height: 60px; } .btn span { display: inline-block; width: 8px; height: 8px; background-color: #435dc3; border-radius: 4px; margin-right: 10px; cursor: pointer; line-height: 12px; } .btn span:last-child { margin-right: 0; } .btn span.current { transform: scale(1.5); } .s-news>a:not(:first-of-type) { display: none; } /* 主要新闻 */ .main-news { margin-top: 30px; } .swiper { position: relative; display: inline-block; width: 585px; height: 355px; } .swiper a{ width: 630px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ 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; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-pagination { text-align: right!important; } .swiper-pagination { width: 20%!important; } /*.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { left: 480px!important; bottom: 16px!important; }*/ .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ position: relative!important; bottom:47px!important; } .swiper-pagination-bullet { width: 10px!important; height: 10px!important; border-radius: 0!important; background-color: #445dc2!important; margin-right: 10px!important; cursor: pointer!important; } .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; padding: 16px 20px; background-color: rgba(0, 0, 0, .5); } .text a { float: left; font-size: 16px; height: 100%; width: 320px; color: #fff; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .swiper-pagination { float: right; margin-top: 4px; } .news-r { float: right; width: 585px; height: 355px; } .l-news{ float: left; width: 585px; height: 355px; margin-right: 30px; } .r-news{ float: left; width: 585px; height: 355px; } .l-news li a, .r-news li a{ font-size: 16px; width: 410px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; line-height: 36px; color: #666; } .l-news li span, .r-news li span{ float: right; font-size: 16px; color: #999; line-height: 36px; display: inline-block; } .l-news ul, .r-news ul{ box-sizing: border-box; padding-top: 24px; } .l-news li , .r-news li { margin-bottom: 6px; display: flex; justify-content: space-between; } .l-news li:hover a{ color: #445dc2; } .r-news li:hover a{ color: #445dc2; } .flk .ba a:hover{ color: #445dc2; } .flk{ margin-top: 24px; } .l-news li a::before, .r-news li a::before{ content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 3px; background-color: #999; vertical-align: middle; margin-right: 10px; } .bt{ margin-top: 28px; } .bt2{ margin-top: 28px; } .flk .ba a{ font-size: 16px; color: #666; float: left; line-height: 36px ; margin-right: 30px; margin-top: 20px; } .text-top { box-sizing: border-box; width: 100%; height: 40px; line-height: 16px; border-bottom: 2px solid #f4f4f4; } .text-top p { float: left; height: 40px; font-size: 18px; font-weight: 700; color: #445dc2; border-bottom: 2px solid #445dc2; } .text-top span { /*float: left;*/ display: inline-block; height: 40px; font-size: 18px; font-weight: 700; margin:0px 20px 0px 0px; cursor:pointer; /*color: #445dc2; border-bottom: 2px solid #445dc2;*/ } .text-top span.on{ color: #445dc2; border-bottom: 2px solid #445dc2;} .text-top span:hover{ color: #445dc2; border-bottom: 2px solid #445dc2;} .school_news ul{display: none;} .school_news ul.on{display: block;} .school_news .text-top a{display: none;} .school_news .text-top a.on{display: block;} .text-top a { float: right; font-size: 16px; color: #999; } .news-r ul { box-sizing: border-box; padding-top: 24px; } .news-r li { margin-bottom: 6px; display: flex; justify-content: space-between; } .news-r li a { font-size: 16px; color: #666; width: 410px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; line-height: 36px; } .news-r li a:hover { color: #445dc2; } .news-r li span { float: right; font-size: 16px; color: #999; line-height: 36px; display: inline-block; } .news-r li a::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 3px; background-color: #999; vertical-align: middle; margin-right: 10px; } /* 广告位 */ .focus{ margin: 30px 0; } /*.focus a { display: inline-block; width: 100%; height: 140px; }*/ .focus a { float: left; overflow: hidden; width: 590px; height: 140px; } .focus a:first-of-type{ margin-right: 20px; } /*.focus a img { width: 100%; }*/ .focus a img { width: 590px; } /* 公益讲堂 */ .commonweal .w { height: 350px; background-color: #f5f5f5; box-sizing: border-box; padding: 30px; } .commonweal-top { box-sizing: border-box; width: 100%; height: 40px; border-bottom: 2px solid #e0e0e0; margin-bottom: 30px; } .commonweal-top p { float: left; font-size: 18px; color: #445dc2; font-weight: 700; border-bottom: 2px solid #445dc2; height: 40px; } .commonweal-bottom { position: relative; padding: 0 45px; overflow: hidden; } .commonweal-bottom a { display: inline-block; margin-right: 26px; } .commonweal-bottom a:last-child { margin-right: 0; } .commonweal-bottom .swiper-slide { width: 330px!important; height: 200px!important; margin-right: 26px; } .commonweal-bottom .swiper1 { overflow: hidden!important; } .commonweal-bottom .swiper-wrapper { text-align: center; box-sizing: border-box; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0!important; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0; } .swiper-button-next1,.swiper-button-prev1{ position: absolute; top: 50%; width: 20px; z-index: 1000; height: 34px; background: url(/uploads/image/sttzimg/btn.png) center center no-repeat; outline: none; cursor: pointer; } .swiper-button-next1{ right: 10px; left: auto; transform: rotate(180deg); } .swiper-button-prev1{ left: 10px; right: auto; } /* .commonweal-bottom .btn3 { position: absolute; width: 20px; height: 34px; background: no-repeat; cursor: pointer; } .commonweal-bottom .right { right: 0; top: 50%; transform: translatey(-50%); transform: rotate(180deg); } .commonweal-bottom .left { left: 0; top: 50%; transform: translatey(-50%); } */ footer{height:auto;color: #fff;text-align:center;background:#2b5aaa;} .con {width:1200px;margin:0 auto;} .address{margin:20px auto;} .address li{float: left;margin: 0px 145px 0px 0px;font-size: 16px;line-height: 70px;} .address li img{vertical-align:middle;margin: -1px 10px 0px 0px;} .address li:last-child{margin:0;} .address li:last-child img{width:70px;height:70px;} footer .f_con{ width: 100%; margin: 0 auto; font-size: 12px; line-height: 50px; background: #214997; } footer .f_con a{color:#fff;} @media(max-width:1024px){ .con{width:100%;} footer{ padding: 10px 4% 0px 4%; width: 100%!important; } footer .f_con{ width: 108%; font-size: 11px; line-height: 20px; margin: 13px 0px 0px -4%; padding: 10px 0px; } footer p{ font-size: .18rem; height: auto; line-height: .5rem; } footer img{ margin: 0 .1rem; /* width: .4rem; */ /* height: .4rem; */ } .address li{font-size: 11px;margin: 0px 0px 10px 0px;line-height: 40px;} .address li img{max-width: 10px;margin: 0px 5px 0px 0px;} .address li:nth-child(2n){float:right;width: 150px;text-align: left;} .address li:last-child img{width:50px;height:50px;max-width:50px;} footer .f_con img{margin: 0px 5px 0px 0px;max-width: 20px;} footer .f_con a{margin: 0px 0px 0px 0px;} footer div{background: unset;} }