body{background:#062c53 url(/uploads/image/zsjimages/index-bg.jpg) no-repeat center} /*banner*/ .banner{height: 400px;margin-bottom: 6px} .banner .swiper-button-next,.banner .swiper-button-prev{width: 28px;height: 54px;top: 47%} .banner .swiper-pagination-bullet-active{background: #7a2221} .banner .swiper-button-prev{background-image: url(/uploads/image/zsjimages/banner-left-btn.png);background-size: cover} .banner .swiper-button-next{background-image: url(/uploads/image/zsjimages/banner-right-btn.png);background-size: cover} .banner .swiper-button-prev:hover{background-image: url(/uploads/image/zsjimages/banner-left-btn-h.png)} .banner .swiper-button-next:hover{background-image: url(/uploads/image/zsjimages/banner-right-btn-h.png)} /*main*/ .main{margin-bottom: 10px} .exhibition{margin-bottom: 6px} .exhibition .exhibitionl{width: 895px} .exhibition .exhibitionl-t{margin-bottom: 10px} .exhibition .survey{height: 332px;width: 376px;background: url(/uploads/image/zsjimages/survey-bg_04.jpg) no-repeat center;background-size: cover} .exhibition .survey img{display: block;width: 376px;height: 214px;margin-top: 118px} .exhibition .area{width: 513px;height: 332px;background: url(/uploads/image/zsjimages/area-bg_05.jpg) no-repeat center;background-size: cover} .exhibition .area img{display: block;width: 513px;height: 250px} .exhibition .collection{width: 185px;height: 228px;background: url(/uploads/image/zsjimages/collection-bg_10.jpg) no-repeat center;background-size: cover;position: relative} .exhibition .collection a{display: block;width: 108px;height: 30px;line-height: 30px;text-align: center;background: #fff;margin: 100px auto 0;color: #285b3f;font-size: 16px} .exhibition .collection-pic{width: 710px;height: 228px} .exhibition .collection-pic .swiper-container{width: 100%;height: 100%} .exhibition .collection-pic img{display: block;width: 100%;height: 100%} .exhibition .collection-pic .swiper-slide{overflow: hidden} .exhibition .collection-pic a{display: block;width: 100%;height: 100%;position: absolute;} .exhibition .collection-pic a .yihang{display: block;width: 100%;height: 33px;line-height: 33px;text-align: center;background: #747175;left: 0;bottom: -33px;position: absolute;color: #fff} .exhibition .collection-pic a .lianghang{display: block;width: 100%;height: 66px;line-height: 33px;text-align: center;background: #747175;left: 0;bottom: -66px;position: absolute;color: #fff} .exhibition .collection-pic a .sanhang{display: block;width: 100%;height: 99px;line-height: 33px;text-align: center;background: #747175;left: 0;bottom: -99px;position: absolute;color: #fff} .exhibition .swiper-button-next,.exhibition .swiper-button-prev{width: 16px;height: 30px;top: 48%} .exhibition .swiper-pagination-bullet-active{background: #7a2221} .exhibition .swiper-button-prev{background-image: url(/uploads/image/zsjimages/coll-left-btn.png);background-size: cover} .exhibition .swiper-button-next{background-image: url(/uploads/image/zsjimages/coll-right-btn.png);background-size: cover} .exhibition .swiper-button-prev:hover{background-image: url(/uploads/image/zsjimages/coll-left-btn-h.png)} .exhibition .swiper-button-next:hover{background-image: url(/uploads/image/zsjimages/coll-right-btn-h.png)} .exhibition .exhibitionr{width: 297px;height: 571px;background: url(/uploads/image/zsjimages/guide-bg_08.jpg) no-repeat center;background-size: cover} .exhibition .exhibitionr .time{height: 36px;line-height: 36px;padding-left: 25px;margin-top: 95px} .exhibition .exhibitionr .time span{display: inline-block;font-size: 14px;color: #a0b4c2;} .exhibition .exhibitionr .time span.s1{width: 95px} .exhibition .exhibitionr .time span.s2{width: 84px} .exhibition .exhibitionr h5{font-size: 14px;color: #a0b4c2;line-height: 30px;padding-left: 25px} .exhibition .exhibitionr .guide{height: 35px;line-height: 35px;padding-left: 93px;margin-top: 25px} .exhibition .exhibitionr .guide a{color: #a0b4c2;font-size: 16px} .exhibition .exhibitionr .guide a:hover{color: #fff} .exhibition .exhibitionr ul{padding-left: 25px;width: 255px;margin-top: 79px} .exhibition .exhibitionr ul li{height: 28px;line-height: 28px;padding-left: 9px;background: url(/uploads/image/zsjimages/li-dian_03.jpg) no-repeat left center} .exhibition .exhibitionr ul li a{display: block;width: 100%;font-size: 14px;color: #a0b4c2;} .exhibition .exhibitionr ul li a:hover{color: #fff} .entrance{margin-top: 7px} .entrance a{display: block;width: 293px;height: 200px;float: left;margin-right: 9px} .entrance a.a1{background: url(/uploads/image/zsjimages/entrance-bg1.jpg) no-repeat center;background-size: cover} .entrance a.a2{background: url(/uploads/image/zsjimages/entrance-bg2.jpg) no-repeat center;background-size: cover} .entrance a.a3{background: url(/uploads/image/zsjimages/entrance-bg3.jpg) no-repeat center;background-size: cover} .entrance a.a4{background: url(/uploads/image/zsjimages/entrance-bg4.jpg) no-repeat center;background-size: cover;margin-right: 0} /* @media only screen and (max-width: 640px) and (min-width: 320px){ .banner{width: 100%;height: auto;margin-bottom: 0} .banner img{width: 100%;height: auto} .swiper-pagination{display: none} .banner .swiper-button-next, .banner .swiper-button-prev{width: 15px;height: 25px;top: 52%} .exhibition .exhibitionl,.exhibition .exhibitionr{width: 100%;float: none} .exhibition .survey{width: 100%;height: auto;float: none;padding-top: 100px} .exhibition .area{width: 100%;height: auto;float: none;padding-bottom: 66px;margin-top: 10px} .exhibition .survey img{margin: 0} .exhibition .collection{display: none} .exhibition .survey img,.exhibition .area img{width: 100%;height: auto} .exhibition .collection-pic{float: none;width: 100%;height: 140px} .exhibition .exhibitionr{height: auto;background: none} }*/