body { background: #fff; min-width: 1200px; width: 100%; } .jx-bg { width: 100%; padding-top: 890px; box-sizing: border-box; background: no-repeat; background-size: cover; background-size: 100% 100%; } .jx-title { width: 100%; text-align: center; margin-top: -20px; } /*媒体*/ .jx-mt-box { width: 100%; margin-top: -150px; padding-bottom: 100px; } .jx-mt { width: 1200px; margin: 0 auto; overflow: hidden; } .jx-mt ul { width: 100%; } .jx-mt ul li { width: 45%; font-size: 22px; color: #333; margin-top: 55px; position: relative; padding-left: 25px; } .jx-mt ul li:nth-child(odd) { float: left; } .jx-mt ul li:nth-child(even) { float: right; } .jx-mt ul li:nth-child(1) { margin-top: unset; } .jx-mt ul li:nth-child(2) { margin-top: unset; } /*消息前面的小点*/ .jx-mt li:before { width: 10px; height: 10px; content: ''; position: absolute; left: 0px; top: 18px; background-color: #e75014; /*border-radius: 10px;*/ /*display: block;*/ } /*重点关注*/ .jx-zd-box { width: 100%; height: 330px; margin-top: -70px; } .jx-zd { width: 1200px; margin: 0 auto; overflow: hidden; } .jx-zd .jx-zd-img { width: 585px; height: 100%; float: left; } .jx-zd .jx-zd-img img { width: 100%; height: 100%; } .jx-zd .jx-zd-list { width: 580px; font-size: 18px; color: #424242; float: right; } .jx-zd .jx-zd-list ul li:first-child { margin-top: 0px; } .jx-zd .jx-zd-list ul li { margin-top: 30px; position: relative; padding-left: 20px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /*消息前面的小点*/ .jx-zd li:before { width: 5px; height: 5px; content: ''; position: absolute; left: 0px; top: 12px; background-color: #333; /*border-radius: 10px;*/ /*display: block;*/ } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; height: 408px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; color: #fff; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: 200px; width: 45px; height: 76px; top: 190px; background: no-repeat; background-size: 100%; z-index: 100 } #certify .swiper-button-next { right: 200px; width: 45px; height: 78px; top: 190px; background: no-repeat; background-size: 100%; z-index: 100 } #certify .swiper-button-prev::after,#certify .swiper-button-next::after{ content: ''; } #certify { position: relative; width: 1200px; margin: 0 auto; margin-top: -110px; overflow: hidden; } /*自然轮播图*/ #certify .swiper-slide img { width: 100%; height: 380px; display: block; } #certify .swiper-slide{ width: 690px; height: 470px; } #certify .swiper-wrapper .swiper-slide-prev{ transform: translatex(470px) scale(0.8); } /*云寻*/ .jx-y-title{ margin-left: -52px; } .jx-yx-box{ width: 100%; background: no-repeat; } .jx-yx { width: 1210px; /*height: 920px;*/ height: 100%; padding: 70px 100px 105px 70px; box-sizing: border-box; margin: auto; background: no-repeat; margin-top: -165px; } .jx-yx-tab { width: 100%; height: 90px; overflow: hidden; padding-left: 10px; position: relative; z-index: 99999; } .jx-yx-block{ width: 22px; height: 65px; } .jx-yx-block{ float: left; } .jx-yx-item span{ font-style: italic; color: #fff; font-weight: 600; font-size: 18px; line-height: 65px; text-align: center; } .jx-yx-item-lv{ background: no-repeat; background-size: 100% 100%; } .jx-yx-item-yellow{ background: no-repeat !important; background-size: 100% 100%; } .jx-yx-item { text-align: center; width: 19%; height: 100%; padding: 7px 43px; float: left; margin-left: -33px; padding-left: 35px; box-sizing: border-box; cursor: pointer; transition: all .5s; background-size: 100% 100%!important; } .jx-yx-item:nth-child(1){ margin-left: 20px; } /*地质*/ .jx-dz-box{ width: 100%; height: 500px; overflow: hidden; margin-top: -90px; } .jx-dz-side{ width: calc((100% - 1000px )/2); height: 100%; float: left; background: no-repeat; } .jx-dz-center{ width: 1000px; height: 100%; float: left; position: relative; } .jx-dz-center .swiper{ height: 100%; } .jx-dz-center .swiper .swiper-slide{ position: relative; } .jx-dz-center .swiper .swiper-slide img{ width: 100%; height: 100%; } .jx-dz-center .swiper-slide .jx-dz-bottom{ width: 100%; height: 50px; background: rgb(0,0,0,0.5); position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 18px; padding-left: 20px; box-sizing: border-box; line-height: 50px; } .swiper-button-prev2 { left: 200px; width: 45px; height: 76px; top: 190px; background: no-repeat; background-size: 100%; z-index: 100 } .swiper-button-next2{ right: -80px; width: 50px; height: 70px; top: 200px; left: auto; color: #1496b7; font-weight: 600; } .jx-yx-tab span{ line-height: unset; } .jx-jqqd { display: block; width: 100%; margin-top: 50px; } .jx-yx-block{ background: unset; } .jx-navboxin{ margin-top: 20px; height: 700px; background: no-repeat; background-size: 100% 100%; display: none; } .jx-yns{ padding: 30px 40px; }