* { padding: 0; margin: 0; } li { list-style: none; } a { text-decoration: none; } .wrap { width: 100vw; /*position: relative;*/ } .yidbaner{ display: none; } .swiper{ position: relative; } .swiper-container-pointer-events{ position: relative; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1vw; left: 0; width: 100%; } .jingshen { width: 63vw; height: 3.2vw; line-height: 3.2vw; background: linear-gradient(to right, #ffecd2, white); /* background-blend-mode: normal, normal; */ /* opacity: 0.2; */ margin-top: 3vw; margin-left: 19vw; } .box1 { width: 1vw; height: 3.2vw; background-color: #c90d0d; float: left; } .logo { width: 3.2vw; height: 3.2vw; /* background-color: #c90d0d; */ /*margin-left: 1vw;*/ float: left; /*margin-top: 0.5vw;*/ } .text { width: 8vw; height: 3.2vw; line-height: 3.2vw; font-family: 微软雅黑; font-weight: bold; font-size: 1.6vw; font-stretch: normal; letter-spacing: 0vw; color: #000000; opacity: 0.8; /*margin-top: 1vw;*/ /*margin-left: 1vw;*/ float: left; } .jingshen_right { width: 7vw; height: 2vw; background-color: #ca0f1a; border-radius: 1vw; opacity: 0.6; font-family: 微软雅黑; font-size: 1vw; font-weight: normal; font-stretch: normal; line-height: 2vw; letter-spacing: 0vw; color: #ffffff; float: right; margin-top: .5vw; text-align: center; } .jingshen_right a{ display: block; color: #fff; font-size: 1.2vw; } .foot { width: 63vw; height: 21vw; margin-left: 19vw; margin-top: 2vw; } .foot_left { width: 29vw; height: 21vw; float: left; } .foot_left img { width: 29vw; height: 21vw; } .foot_right { width: 33vw; height: 21vw; background-color: #f9f9f9; float: left; margin-left: 1vw; } .foot_right .word { margin-left: 1vw; margin-right: 1vw; /*margin-top: 2vw;*/ display: flex; justify-content: space-between; } .foot_right p { width: 32vw; height: 3.4vw; line-height: 3.4vw; font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #000000; /* white-spcae:nowrap; */ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .foot_right span { width: 6vw; height: 3.4vw; font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; line-height: 3.4vw; letter-spacing: 0vw; color: #000000; } .zuji { width: 22vw; height: 3.2vw; font-family: 微软雅黑; font-weight: bold; font-size: 1.6vw; font-stretch: normal; letter-spacing: 0vw; color: #000000; opacity: 0.8; /*margin-top: 1vw;*/ /*margin-left: 1vw;*/ float: left; line-height: 3.2vw;; } .flexslider { margin-left: 19vw; margin-top: 2vw; position: relative; width: 63vw; height: 31vw; overflow: hidden; zoom: 1; } .flexslider .slides { width: 55vw; height: 31vw; margin-left: 4vw; } .flexslider .slides li { width: 55vw; height: 31vw; margin-left: 4vw; } .flex-direction-nav a { line-height: 99em; overflow: hidden; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; /* opacity: 0; */ filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-prev { width: 4vw; /*height: -1vw;*/ margin: -4vw 0 0; background: url(/uploads/image/zximages/left-jt.png) no-repeat; width: 4vw; } .flex-next { background: url(/uploads/image/zximages/right-jt.png) no-repeat; margin: -4vw 0 0; width: 4vw; } .flex-direction-nav .flex-next { /*background-position: -12px -11px;*/ right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 55vw; height: 31vw; display: block; } .dongtai_text { height: auto; overflow: hidden; padding-top: 1vw; } .dongtai .img { width: 2vw; height: 2vw; float: left; margin-top: 1vw; margin-left: 21vw; } .dongtai a{ display: block; } .dongtai p { width: 36vw; height: 2vw; float: left; font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; line-height: 2vw; letter-spacing: 0vw; color: #000000; margin-left: 1vw; margin-top: 1vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .dongtai_word { width: 6vw; height: 2vw; font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; line-height: 2vw; letter-spacing: 0vw; color: #000000; float: left; margin-top: 1vw; margin-left: 15vw; } .jujiao_word p{ font-size: 1.2vw; font-family: "微软雅黑"; } .jujiao { width: 63vw; height: auto; overflow: hidden; margin-left: 19vw; margin-top: 2vw; padding: 2vw 2vw 0 0; background-color: #f9f9f9; } .jujiao_left { width: 31vw; height: auto; overflow: hidden; float: left; } .jujiao_left_top { height: auto; overflow: hidden; } .jujiao_left_top img { width: 2vw; height: 2vw; float: left; margin-left: 2vw; margin-top: 1vw; } .jujiao_word { width: 25vw; /*height: 4vw;*/ float: left; margin-left: 1vw; margin-top: 1vw; font-family: 微软雅黑; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 2vw; letter-spacing: 0vw; color: #000000; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .jujiao_time { display: block; clear: both; /*width: 5vw;*/ /*height: 1vw;*/ /*margin-left: 2vw;*/ font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; /*line-height: 3vw;*/ letter-spacing: 0vw; color: #3b3b3b; margin-top: .5vw; } .jujiao_right { float: right; } .dashedborder { width: 0.1vw; height: 17vw; float: left; margin-left: 0.9vw; background-image: linear-gradient(to bottom, #ccc 0%, #ccc 0%, 5px, transparent 5px, transparent); background-size: 100% 20px; } .dangyuan { width: 66.5vw; height: 21vw; display: flex; /* justify-content: space-between; */ margin-top: 2vw; margin-left: 17.5vw; } .dangyuan>div { width: 21vw; height: 18vw; background-color: #c90d0d; border-radius: 1vw; border: solid 0vw #ffffff; margin-left:1.5vw; } .dangyuan_photo img { width: 18.5vw; height: 10vw; margin-left: 1vw; margin-top: 1vw; } .dangyuan_photo div { width: 20vw; height: 3.6vw; font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; line-height: 1.8vw; letter-spacing: 0vw; color: #ffffff; margin-left: 1vw; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: .5vw; overflow: hidden; } .dangyuan_photo span { width: 4vw; height: 2vw; font-family: 微软雅黑; font-size: 1.2vw; font-weight: normal; font-stretch: normal; line-height: 1vw; letter-spacing: 0vw; color: #ffffff; margin-left: 1vw; margin-top: .5vw; } .swiper { width: 100%; height: 100%; overflow: hidden; } .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; } .word p:hover{ color: red; } .dongtai p:hover { color: red; } .jujiao_word p:hover { color: red; } .dangyuan>div:hover{ background-color: #df6f75; } @media (max-width: 768px) { .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 2vw !important; } .wrap{width: 100%; padding: 3vw;box-sizing:border-box;} .jingshen{width: auto;margin-left: 0;height: 8vw; overflow: hidden; line-height: 8vw;margin-top: 7vw;} .box1{height: 8vw;} .logo{width: 8vw;height: 8vw;} .text{width: auto;height: 8vw;line-height: 8vw;font-size: 4vw;font-weight: bold;} .foot{width: 100%;height: auto;overflow: hidden;margin-left: 0;} .foot_left{float: none;display: block;width: 100%;height: auto;} .foot_right{width: 100%;clear: both;display: block;overflow: hidden;margin-left: 0;height: auto;overflow: hidden; padding: 2vw;box-sizing:border-box;} .jingshen_right{width: 20vw;height:6vw;line-height:6vw;margin-right: 2vw;border-radius: 50vw;margin-right: 0;margin-top: 1vw;font-size: 3.4vw;} .foot_left img{width: 100%;width: 100%;height: auto;} .foot_right p{height:10vw;line-height: 10vw; width: 95vw; padding-left: 3vw;position: relative;font-size: 4vw;} .foot_right p:before{position: absolute;width: 1.5vw;height: 1.5vw;background: #e1656c;left: .5vw;top: 4vw;content: "";border-radius: 100%;} .foot_right span{height: 10vw;line-height: 10vw;width: auto;font-size: 4vw;color: #666;} .foot_right .word{margin-top: 0;} .zuji{width: auto;height: 8vw;line-height: 8vw;font-size: 4vw;font-weight: bold;} .flexslider{width: 100%;height: auto;overflow: hidden;margin-left: 0;} .flexslider .slides li,.flexslider .slides a img{width: 100%;height: auto;overflow: hidden;} .flexslider .slides{width: 92%;min-height: 50vw;position: relative;overflow: hidden;margin-left: 1vw;} .dongtai p{width: 100%;height: 10vw;line-height: 10vw;font-size: 4vw;margin-top: 0;} .dongtai_text{padding-top: 2vw;} .dongtai .img{margin-left: 0;margin-top: 3.7vw;} .dongtai_text .dongtai a,.dongtai_word{float: left;} .dongtai{clear: both;overflow: hidden;} .dongtai_word{color: #666;} .dongtai_text .dongtai a:nth-child(2){width: 65vw;} .dongtai_word{float: right;width: auto;margin-left: 0;height: 10vw;line-height: 10vw;font-size: 4vw;margin-top: 0;} .jujiao{width: 100%;margin-left: 0;background: none;} .jujiao_left{width: 100%;} .jujiao_word{width: 85vw;font-size: 4vw;line-height:6vw;} .jujiao_time{font-size: 4vw;line-height: 10vw;text-align: right;color: #666;} .jujiao_left_top{background: #f9f9f9;margin-bottom: 2vw;padding: 2vw;box-sizing:border-box;} .jujiao_left_top img{vertical-align: middle; width: 4vw;height: 4vw;margin-top: 1.4vw;margin-left: 0;} .dashedborder{display: none;} .dangyuan{width: 100%;margin-left: 0;height: auto;overflow: hidden;display: block;margin-top: 4vw;} .dangyuan>div{width: 100%;height: auto;overflow: hidden;margin-bottom: 3vw;background: #df6f75;} .dangyuan_photo img{width: 100%;height: auto;margin: 0;} .dangyuan_photo div{height: auto;width: auto;font-size: 4vw;line-height: 6vw;padding: 0 2vw;} .dangyuan_photo span{width: auto;line-height: 10vw;padding: 0 2vw} .flex-prev{width: 3vw; margin: -15.5vw 0 0;} .flex-next{width: 3vw; margin: -16.4vw 0 0;} .jingshen:nth-child(1){margin-top: 2vw;} .flexslider .slides li{height: 85vw;overflow: hidden;} .flexslider .slides a img{width: 100%;} .flex-control-nav{display: none;bottom: 1vw;} .flex-direction-nav .flex-next{right: -5vw;background-size: 7vw auto;width: 10vw;background-position:-12px 29px} .yidbaner{display: block;} .pcbaner{display: none;} .jujiao_word p,.dangyuan_photo span{font-size: 4vw;} }