/*banner*/ .g-banner{position: relative;z-index: 2;} .swiper-container{width:100%;height:450px; margin: 0 auto;max-width: 1440px;overflow: hidden;} .swiper-wrapper{ margin: 0 auto;white-space: nowrap;} /*.swiper-slide {}*/ .swiper-wrapper .swiper-slide:first-of-type {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(2) {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(3) {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(4) {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(5) {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(6) {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(7) {background: center center; background-size: cover;} .swiper-wrapper .swiper-slide:nth-of-type(8) {background: center center; background-size: cover;} /*幻灯片文字*/ .swiper-slide .swiper-text{width: 100%;max-width: 1040px;margin: 0 auto;padding: 0 20px;padding-top: 120px;} .swiper-text h2{font-size: 40px;font-weight: normal;} .swiper-text h2 span{color: #c52922;} .swiper-text p{font-size: 20px;line-height: 1.5;margin: 8px 0;} .swiper-text .u-more{padding: 0 10px;width: 126px;height: 30px;margin: 25px 0 0 0; color: #fff;background-color: #ce0002;border-radius: 2px;} .swiper-text a{overflow: hidden;line-height:30px;} .swiper-text a span{overflow: hidden;line-height:30px;} .swiper-text a .iconfont{vertical-align: middle;margin-left: 30px;float: right;} /*物业文字*/ .swiper-slide .m-property{padding-top: 100px;} .swiper-slide .m-property p{margin: 0;} .swiper-slide .m-property h2{margin-bottom: 8px;} /*缩略图*/ .swiper-pagination{z-index: 3;bottom: 0;height: 80px;background-color: rgba(44,46,51,0.35);text-align: center;width: 100%;} .swiper-pagination .swiper-pagination-bullet{background: none; margin:12px 6px;width: 56px;height: 56px;border-radius: 0; opacity: 1;} .swiper-pagination-bullet-active{background: none;border: solid 1px #ebebeb;} .swiper-pagination .swiper-pagination-bullet:first-of-type {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(3) {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(4) {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(5) {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(6) {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(7) {background: center center; background-size: cover;} .swiper-pagination .swiper-pagination-bullet:nth-of-type(8) {background: center center; background-size: cover;} /*主要内容区域*/ .g-content{max-width: 1440px;width: 100%;margin: 0 auto;padding: 40px 0;} .m-content{max-width: 1030px;margin: 0 auto;padding: 0 9px;} /*关于綏安*/ .m-single,.m-news{border: solid 1px #ececec;height: 218px;margin: 0 -9px;background-color: #fff;} .m-single .u-title{height: 20px;margin:12px 0 22px -1px;border-left: solid 5px #ce0002; } .m-single .u-title h1{font-size: 16px;padding-left: 15px;height: 20px;} .m-single .u-title span{font-weight: normal;color: #da251d;} .m-single .u-pic{margin: 0 12px;height: 110px;} .m-single .u-pic a{display: block;height: 100%; background: url(/uploads/image/phi/about.jpg) center;background-size: cover;} .m-content .u-more{margin:24px 12px 0 0; font-size: 12px;text-align: right;} .m-content .u-more a:hover{color:#da251d; } /*视频*/ .m-single .u-video{height: 148px;} .m-single .u-video a{background: url(/uploads/image/phi/video.jpg) center;background-size: cover;} /*新闻动态*/ .m-news .tab-title{overflow: hidden;} .tab-title a{display:block;float: left; width: 50%;height: 36px;line-height: 36px; background-image: url(/uploads/image/phi/title-bg.jpg);text-align: center;font-size: 16px;} .border-right{border-right: solid 1px #ececec;} .tab-title .current{background-image: url(/uploads/image/phi/current-bg.jpg);color: #da251d;} .m-news .tab-content{border-top: solid 1px #ececec;} .tab-content .content-text{display: none;} .tab-content .current{display: block;} .tab-content .u-news{padding: 22px 22px 0 14px;height: 142px;overflow: hidden;} .tab-content .u-news a{overflow: hidden;line-height: 28px;} .u-news .news-date{float: right;margin-left: 15px;color: #999;} .u-news .news-text{display: block; overflow: hidden;white-space: nowrap;width: auto;text-overflow:clip;} /*.u-news .news-text:hover{text-overflow:inherit;overflow:visible;}*/ .u-news .news-text i{color: #da251d;font-size: 20px;vertical-align: middle;} .tab-content .u-more{margin:10px 12px 16px 0;} @media screen and (max-width: 767px){ /*关于綏安*/ .m-single,.m-news{height: 260px;} .m-single .u-title{margin:16px 0 22px -1px;line-height: 20px;} .m-single .u-title h1,.tab-title a{font-size: 14px;} .m-single .u-title h1{line-height: 18px;} .m-single .u-pic{height: 140px;} .m-single .u-video{height: 184px;} /*新闻动态*/ .m-news{margin-top: 40px;height: auto;} .tab-content{font-size: 12px;} } @media screen and (max-width: 640px){ /*banner*/ .swiper-container{height: 240px;margin-top: 66px;} .swiper-slide .swiper-text{text-align: center;padding: 0;position: absolute;top: 50%;margin-top: -89px;} .swiper-text h2{font-size: 28px;} .swiper-text p{font-size: 16px;} .swiper-text .u-more{font-size: 14px;margin: 20px auto 0 auto;} .swiper-pagination{height: 66px;} .swiper-pagination .swiper-pagination-bullet{width: 10%;margin:8px 1%;height: 50px;} /*物业文字*/ .swiper-slide .m-property p{font-size: 14px;} .swiper-slide .m-property .u-more{margin-top: 10px;} } @media screen and (max-width: 460px){ .swiper-pagination{height: 56px;} .swiper-pagination .swiper-pagination-bullet{height: 40px;} .swiper-slide .swiper-text{margin-top: -84px;} .m-single{height: 215px;} .m-single .u-pic{height: 100px;} .m-single .u-video{height: 140px;} .m-single .u-more{margin:14px 12px 0 0;} } @media screen and (max-width: 400px){ .swiper-pagination{height: 46px;} .swiper-pagination .swiper-pagination-bullet{height: 30px;} .swiper-slide .swiper-text{margin-top: -79px;} .m-single{height: 180px;} .m-single .u-pic{height: 80px;} .m-single .u-video{height: 105px;} }