html,body,
.banners,
.banners .swiper-container {
height: 100%;
}
.banners {
position: relative;
}
header {
position: fixed;
width: 100%;
height: 1.04rem;
left: 0;
top: 0;
z-index: 101;
}
header.page-header {
background: #fff;
}
header .logo {
width: 2.65rem;
height: 0.52rem;
float: left;
margin-top: 0.3rem;
}
header .header-nav {
float: right;
margin-top: 0.39rem;
}
header .header-nav ul li {
float: left;
height: 0.4rem;
line-height: 0.41rem;
padding: 0 0.12rem;
overflow: hidden;
background: url(../img/header_nav_left.png) center left 0.01rem no-repeat, url(../img/header_nav_right.png) center right 0.01rem no-repeat;
background-size: contain;
}
header .header-nav ul li a {
padding: 0 0.12rem;
display: block;
font-size: 0.16rem;
color: #ffffff;
background-color: #e31875;
}
header .header-nav ul li.on,
header .header-nav ul li:hover {
/* background:
url(../img/header_nav_left.png) center left no-repeat,
url(../img/header_nav_right.png) center right no-repeat;
background-size: contain; */
background: url(../img/header_nav_left.png) center left 0.01rem no-repeat, url(../img/header_nav_right.png) center right 0.01rem no-repeat;
background-size: contain;
}
header .header-nav ul li.on a,
header .header-nav ul li:hover a {
background-color: #e31875;
}
header.page-header .header-nav ul li a {
color: #fff;
}
header.page-header .header-nav ul li.on a,
header.page-header .header-nav ul li:hover a {
color: #fff;
}
.index-1 {
padding-top: 0.88rem;
background: url(../img/index-1_bg.png) right top 0.3rem no-repeat;
background-size: 26.5%;
}
.index-1 .video-box {
width: 7.29rem;
height: 4.11rem;
float: right;
margin-top: 1.68rem;
}
.index-1 video {
width: 100%;
}
.index-1 .title {
}
.index-1 .title span {
font-size: 0.3rem;
color: #363334;
font-weight: bold;
}
.index-1 .title p {
font-size: 0.6rem;
color: #e00369;
font-weight: bold;
line-height: 1;
margin-top: 0.2rem;
}
.index-1 .title em {
font-size: 0.5rem;
color: #363334;
line-height: 1;
font-style: normal;
margin: 0.25rem 0 0.5rem;
display: block;
}
.index-1 .content {
font-size: 0.18rem;
color: #515151;
line-height: 1.6;
}
.index-1 .more {
width: 2.05rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
background-color: #343132;
border-radius: 0.5rem;
margin: 0.48rem 0 0 0 ;
}
.index-1 .more a {
font-size: 0.24rem;
color: #eeeeee;
}
.index-2 {
margin-top: 1.35rem;
}
.index-2 .title,
.index-4 .title {
text-align: center;
}
.index-2 .title p,
.index-4 .title p {
font-size: 0.48rem;
color: #333333;
font-weight: bold;
}
.index-2 .title p i {
font-family: Impact;
font-size: 0.58rem;
}
.index-2 .title span,
.index-4 .title span {
font-size: 0.3rem;
color: #333333;
}
.index-2 .box {
margin-top: 0.66rem;
}
.index-2 .swiper-slide {
border-radius: 0.2rem;
overflow: hidden;
}
.index-title {
background-color: #e00369;
text-align: center;
color: #fff;
position: relative;
padding-top: 0.4rem;
}
.index-title img {
width: 0.92rem;
height: 0.92rem;
margin: 0 auto;
position: absolute;
top: -0.46rem;
left: 50%;
transform: translateX(-50%);
}
.index-title p {
font-size: 0.48rem;
color: #ffffff;
font-weight: bold;
}
.index-title p i {
font-family: Impact;
font-size: 0.58rem;
}
.index-title span {
font-size: 0.3rem;
}
.index-3 {
margin-top: 1.5rem;
background: url(../img/index-3_bg.png) center top no-repeat;
background-size: 100%;
}
.index-3 .box {
margin-top: 0.5rem;
}
.index-3 .swiper-slide {
border-radius: 0.2rem;
overflow: hidden;
}
/* .index-3 #thumbs .swiper-slide-prev {
width: 7.85rem;
height: 5.5rem;
}
.index-3 #thumbs .swiper-slide-active {
width: 6.48rem;
height: 4.54rem;
}
.index-3 #thumbs .swiper-slide-next {
width: 5.32rem;
height: 3.72rem;
} */
.index-3 .swiper-slide .msg {
color: #ffffff;
float: left;
margin-top: 0.1rem;
}
.index-3 .swiper-slide .msg p {
font-size: 0.48rem;
font-weight: bold;
margin-bottom: 0.48rem;
}
.index-3 .swiper-slide .msg span {
font-size: 0.24rem;
}
.index-3 .swiper-slide .msg span i {
font-size: 0.36rem;
font-weight: bold;
}
.index-3 .swiper-slide .msg .more {
width: 2.07rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
background-color: #343132;
border-radius: 0.3rem;
margin-top: 0.73rem;
}
.index-3 .swiper-slide .msg .more a {
font-size: 0.24rem;
color: #ffffff;
}
.index-3 .swiper-slide .pic {
width: 7.85rem;
height: 5.2rem;
border-radius: 0.2rem;
overflow: hidden;
float: left;
margin-right: 1.5rem;
}
.index-3 .swiper-button-prev {
width: 0.65rem;
height: 0.65rem;
background: url(../img/index-3_left.png) center center no-repeat;
background-size: 100%;
left: auto;
right: 4.3rem;
top: 3.7rem;
}
.index-3 .swiper-button-next {
width: 0.65rem;
height: 0.65rem;
background: url(../img/index-3_right.png) center center no-repeat;
background-size: 100%;
right: 3.4rem;
top: 3.7rem;
}
.index-4 {
margin-top: 1.05rem;
}
.index-4 .box {
margin-top: 0.9rem;
}
.index-4 .pic {
width: 6.81rem;
float: left;
}
.index-4 .msg {
width: 3.78rem;
height: 5.22rem;
background-color: #e31875;
border-radius: 0.1rem;
float: right;
margin-top: 0.2rem;
padding: 0.35rem;
}
.index-4 .msg .title {
font-size: 0.3rem;
padding-bottom: 0.2rem;
border-bottom: 1px solid #eeeeee;
text-align: left;
color: #ffffff;
}
.index-4 .msg select {
width: 100%;
font-size: 0.3rem;
padding-bottom: 0.2rem;
border: none;
border-bottom: 1px solid #eeeeee;
background: transparent;
color: #fff;
}
.index-4 .msg select option {
background: #666;
}
.index-4 .msg .list {
margin-top: 0.3rem;
height: 3.3rem;
overflow: auto;
}
.index-4 .msg .list ul li {
font-size: 0.18rem;
color: #ffffff;
font-weight: bold;
margin-top: 0.1rem;
}
.index-4 .msg .list::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.index-4 .msg .list::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background: #fff;
/* background-color: skyblue;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
); */
}
.index-4 .msg .list::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.5);
border-radius: 10px;
}
.index-5 {
background-color: #e00369;
margin-top: 1.5rem;
padding-bottom: 0.55rem;
}
.index-5 .box {
margin-top: 1.05rem;
}
.index-5 .factory {
width: 6.8rem;
float: left;
}
.index-5 .factory:last-child {
float: right;
}
.index-5 .factory .title {
font-size: 0.36rem;
color: #ffffff;
padding-left: 0.2rem;
border-left: 0.11rem solid #ffffff;
margin-bottom: 0.15rem;
line-height: 1;
}
.index-5 .factory .content {
font-size: 0.22rem;
color: #ffffff;
height: 0.6rem;
margin-left: 0.32rem;
}
.index-5 .factory .pic {
margin-top: 0.5rem;
margin-left: 0.25rem;
}
.index-news {
margin: 0.88rem 0 1.12rem;
}
.index-news .title {
text-align: center;
font-size: 0.48rem;
color: #e62f83;
font-weight: bold;
}
.index-news .title img {
width: 0.42rem;
height: 0.42rem;
display: inline-block;
position: relative;
/* top: -0.01rem; */
}
.index-news .box {
padding: 0 0.38rem;
margin-top: 0.35rem;
}
.index-news .box li {
padding: 0.35rem 0 0.4rem;
border-bottom: 1px solid #e5e5e5;
}
.index-news .box .time {
text-align: right;
width: 1.1rem;
float: left;
}
.index-news .box .time p {
font-size: 0.36rem;
color: #e62f83;
}
.index-news .box .time span {
font-size: 0.16rem;
color: #999999;
}
.index-news .box .content {
width: 6.5rem;
float: left;
margin-left: 0.85rem;
}
.index-news .box .content p {
font-size: 0.18rem;
color: #5e5e5e;
font-weight: bold;
margin-bottom: 0.35rem;
}
.index-news .box .content span {
font-size: 0.14rem;
color: #666666;
}
.index-news .box .content .more {
width: 1.4rem;
height: 0.41rem;
line-height: 0.41rem;
text-align: center;
border: solid 0.01rem #333333;
font-size: 0.16rem;
color: #333333;
margin-top: 0.45rem;
}
.index-news .box .pic {
width: 4.3rem;
height: 2.07rem;
background-color: #efefef;
border: solid 0.01rem #d2d2d2;
padding: 0.05rem;
float: right;
overflow: hidden;
}
.index-news .box li:hover .content p {
color: #e62f83;
}
.index-news .box li:hover .content .more {
border: solid 0.01rem #e31875;
color: #e62f83;
}
.index-news .news-more {
width: 2.08rem;
height: 0.6rem;
line-height: 0.6rem;
background-color: #343132;
border-radius: 0.3rem;
text-align: center;
margin: 0.7rem auto 0;
}
.index-news .news-more a {
font-size: 0.24rem;
color: #ffffff;
display: block;
}
footer {
background-color: #000000;
}
footer .footer-left {
width: 3.28rem;
height: 3.25rem;
background-color: #e31875;
float: left;
}
footer .footer-left .footer-logo {
width: 1.54rem;
height: 1.5rem;
margin: 0.35rem auto 0.6rem;
}
footer .footer-left .footer-tel {
text-align: center;
font-family: Impact;
font-size: 0.39rem;
color: #ffffff;
}
footer .footer-left .footer-tel img {
width: 0.28rem;
height: 0.38rem;
}
footer .footer-right {
width: 10.5rem;
float: right;
margin-top: 0.48rem;
}
footer .footer-right .fl {
width: 8rem;
}
footer .footer-nav {
}
footer .footer-nav ul li {
float: left;
width: auto;
margin: 0 0.15rem;
}
footer .footer-nav ul li p a{
font-size: 0.16rem;
color: #ffffff;
}
footer .footer-nav ul li div {
margin-top: 0.15rem;
}
footer .footer-nav ul li div a {
font-size: 0.14rem;
color: #cccccc;
display: block;
margin-bottom: 0.1rem;
}
footer .footer-add {
font-size: 0.14rem;
color: #ffffff;
margin: 0.4rem 0 0.3rem 0.15rem;
}
footer .footer-add img {
width: 0.23rem;
height: 0.27rem;
margin-right: 0.18rem;
}
footer .copyright {
margin-left: 0.15rem;
font-size: 0.14rem;
color: #cccccc;
}
footer .copyright a {
color: #cccccc;
}
footer .qrocde {
width: 2rem;
margin: 0.4rem 0 0 0;
text-align: center;
float: right;
}
footer .qrocde .pic {
width: 1.61rem;
height: 1.61rem;
background-color: #ffffff;
border-radius: 0.05rem;
margin: 0 auto;
overflow: hidden;
}
footer .qrocde p {
font-size: 0.16rem;
color: #ffffff;
margin-top: 0.15rem;
}
.banner {
margin-top: 1.04rem;
}
.about-title {
width: 2.03rem;
height: 0.59rem;
margin: 0 auto;
}
.about-1 {
padding-top: 0.8rem;
background: url(../img/index-1_bg.png) right top 0.33rem no-repeat;
background-size: 26%;
}
.about-1 .box {
margin-top: 0.8rem;
}
.about-1 .content {
width: 6.7rem;
font-size: 0.18rem;
color: #515151;
line-height: 1.6;
float: left;
margin-left: 0.65rem;
}
.about-1 .content p {
margin-bottom: 0.4rem;
}
.about-1 .content p:last-child {
margin-bottom: 0;
}
.about-1 .pic {
width: 6.13rem;
height: 4.2rem;
border-radius: 0.1rem;
float: right;
margin-right: 0.2rem;
}
.about-2 {
margin-top: 1.3rem;
}
.about-2 .box {
margin-top: 0.85rem;
position: relative;
padding: 0 0.5rem;
}
.about-2 .box::after {
content: '';
display: block;
width: 100%;
height: 0.01rem;
background-color: #e31875;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 50;
}
.about-2 .swiper-container {
/* padding: 0 0.5rem; */
padding-left: 0.1rem;
}
.about-2 .swiper-slide {
}
.about-2 .swiper-slide .msg {
/* width: 1.62rem; */
height: 1.72rem;
padding: 0.25rem 0 0 0.32rem;
border-left: 1px solid #e31875;
position: relative;
margin-bottom: 0.25rem;
padding-bottom: 0.25rem;
}
.about-2 .swiper-slide .msg::after {
content: '';
display: block;
position: absolute;
left: -0.06rem;
bottom: -0.05rem;
width: 0.12rem;
height: 0.12rem;
background-color: #e31875;
border-radius: 50%;
}
.about-2 .swiper-slide:nth-child(even) .msg::after {
top: -0.05rem;
left: -0.07rem;
bottom: auto;
}
.about-2 .swiper-slide:nth-child(even) .pic {
margin-bottom: 0.23rem;
}
.about-2 .swiper-slide:nth-child(even) .msg {
margin-bottom: 0;
}
.about-2 .swiper-slide .msg span {
font-size: 0.3rem;
color: #e31875;
margin-bottom: 0.3rem;
}
.about-2 .swiper-slide .msg p {
font-size: 0.18rem;
color: #333333;
}
.about-2 .swiper-slide .msg p i {
font-family: Impact;
font-size: 0.2rem;
color: #e31875;
font-weight: bold;
}
.about-2 .swiper-slide .pic {
width: 2.12rem;
height: 1.47rem;
margin-left: 0.25rem;
}
.about-2 .swiper-button-prev {
width: 0.45rem;
height: 0.45rem;
background: url(../img/about-3_left.png) center center no-repeat;
background-size: 100%;
left: -0.22rem;
z-index: 60;
outline: none;
top: 50%;
}
.about-2 .swiper-button-next {
width: 0.45rem;
height: 0.45rem;
background: url(../img/about-3_right.png) center center no-repeat;
background-size: 100%;
right: -0.22rem;
z-index: 60;
outline: none;
top: 50%;
}
.about-3 {
background-color: #f5f5f5;
padding: 0.78rem 0 0.7rem;
border-bottom: 0.2rem solid #f5f5f5;
margin: 1rem 0 0;
}
.about-3 #tabbox {
margin-top: 0.55rem;
text-align: center;
}
.about-3 .tabs {
display: inline-block;
}
.about-3 .tabs li {
width: 1.72rem;
height: 0.62rem;
line-height: 0.62rem;
border: solid 0.01rem #000000;
float: left;
margin: 0.16rem;
}
.about-3 .tabs li a {
font-size: 0.3rem;
color: #666666;
}
.about-3 .tabs li.thistab {
background-color: #000000;
}
.about-3 .tabs li.thistab a {
color: #ffffff;
}
.about-3 .tab_conbox {
margin-top: 0.4rem;
}
.about-3 .swiper-slide {
width: 4.1rem;
height: auto;
position: relative;
transform: scale(0.9);
}
.about-3 .swiper-slide-active {
transform: scale(1);
}
.about-3 .swiper-slide .pic {
width: 100%;
height: 5.75rem;
opacity: 0.5;
overflow: hidden;
position: relative;
}
.about-3 .swiper-slide-active .pic {
opacity: 1;
/* box-shadow: 0rem 0rem 0.1rem 0rem
rgba(0, 0, 0, 0.53); */
}
.about-3 .swiper-slide .pic img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
box-shadow: 0rem 0rem 0.1rem 0rem
rgba(0, 0, 0, 0.53);
}
.about-3 .swiper-slide p {
font-size: 0.3rem;
color: #333333;
margin-top: 0.2rem;
display: none;
}
.about-3 .swiper-slide-active p {
display: block;
}
.about-3 .swiper-slide img {
display: block;
width: 100%;
}
.pplm-nav {
text-align: center;
margin: 0 0 0.7rem;
}
.pplm-nav ol {
display: inline-block;
}
.pplm-nav ol li {
width: 1.86rem;
height: 0.61rem;
line-height: 0.61rem;
background: url(../img/pplm-nav_bg.png) center center no-repeat;
background-size: 100%;
float: left;
margin: 0 0.17rem;
}
.pplm-nav ol li a {
font-size: 0.34rem;
color: #666666;
}
.pplm-nav ol li.on {
background: url(../img/pplm-nav_on_bg.png) center center no-repeat;
background-size: 100%;
}
.pplm-nav ol li.on a {
color: #ffffff;
}
.bkcp {
background: url(../img/index-1_bg.png) right top 0.33rem no-repeat;
background-size: 26%;
padding-top: 0.68rem;
}
.bkcp-1 .box {
/* margin: 0.85rem 0 0 2.4rem; */
margin: 0.85rem 2.4rem;
padding-bottom: 0.5rem;
position: relative;
}
.bkcp-1 .box .swiper-slide {
position: relative;
border-radius: 0.2rem;
overflow: hidden;
}
.bkcp-1 .box .swiper-pagination {
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.bkcp-1 .box .swiper-pagination-bullet {
width: 0.15rem;
height: 0.15rem;
margin: 0 3px;
}
.bkcp-1 .box .swiper-pagination-bullet-active {
background-color: #e31875;
}
/* .bkcp-1 .box .swiper-slide::after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
}
.bkcp-1 .box .swiper-slide-active::after {
display: none;
} */
.bkcp-2 {
margin: 0.98rem auto 0;
}
.bkcp-2>.title {
width: 4.44rem;
margin: 0 auto;
}
.bkcp-2 .content {
font-size: 0.24rem;
color: #666666;
text-align: center;
margin: 0.44rem 0 0.75rem;
}
.bkcp-2 .box {
width: 13.45rem;
margin: 0 auto;
}
.bkcp-2 .box .swiper-container {
width: 6.5rem;
height: 4.98rem;
float: left;
}
.bkcp-2 .box .swiper-slide {
border-radius: 0.1rem;
overflow: hidden;
position: relative;
}
.bkcp-2 .box .swiper-slide p {
position: absolute;
left: 0;
bottom: 0;
font-size: 0.24rem;
color: #ffffff;
padding: 0.25rem;
}
.bkcp-2 .box .swiper-button-prev {
width: 0.37rem;
height: 0.36rem;
background: url(../img/bkcp-2_left.png) center center no-repeat;
background-size: 100%;
left: auto;
right: 0.59rem;
top: auto;
bottom: 0.18rem;
}
.bkcp-2 .box .swiper-button-next {
width: 0.37rem;
height: 0.36rem;
background: url(../img/bkcp-2_right.png) center center no-repeat;
background-size: 100%;
right: 0.17rem;
top: auto;
bottom: 0.18rem;
}
.bkcp-2 ul {
float: right;
width: 6.65rem;
}
.bkcp-2 ul li {
width: 3.15rem;
height: 4.98rem;
border-radius: 0.1rem;
border: solid 0.01rem #e31875;
float: left;
padding: 0.09rem 0.16rem 0;
text-align: center;
}
.bkcp-2 ul li:nth-child(even) {
float: right;
}
.bkcp-2 ul li .pic {
border-radius: 50%;
overflow: hidden;
}
.bkcp-2 ul li .title {
color: #333333;
margin-top: 0.25rem;
border-bottom: 1px solid #e31875;
padding-bottom: 0.15rem;
}
.bkcp-2 ul li .title p {
font-size: 0.3rem;
}
.bkcp-2 ul li .title span {
font-size: 0.22rem;
}
.bkcp-2 ul li .msg {
margin-top: 0.2rem;
font-size: 0.18rem;
color: #666666;
}
.list-spzx {
margin: 0 auto;
padding: 0 0.65rem;
}
.list-spzx li {
width: 6.26rem;
text-align: center;
float: left;
margin-top: 0.5rem;
}
.list-spzx li:nth-child(even) {
float: right;
}
.list-spzx li:nth-child(-n+2){
margin-top: 0.1rem;
}
.list-spzx li .pic {
width: 100%;
height: 3.32rem;
position: relative;
}
.list-spzx li .pic::after {
content: '';
display: block;
width: 0.93rem;
height: 0.93rem;
background: url(../img/icon_bofang.png) center center no-repeat;
background-size: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
pointer-events: none;
}
.list-spzx li .title {
font-size: 0.24rem;
color: #333333;
padding: 0.1rem;
}
.list-spzx .more {
font-size: 0.28rem;
color: #666666;
text-align: center;
margin-top: 0.7rem;
}
.list-spzx .more a {
color: #666666;
}
.paging {
text-align: center;
margin-top: 0.8rem;
}
.paging div {
display: inline-block;
}
.paging div a,
.paging div span {
width: 0.26rem;
height: 0.25rem;
line-height: 0.25rem;
border-radius: 0.02rem;
font-size: 0.14rem;
color: #666666;
display: block;
float: left;
margin: 0 0.05rem;
}
.paging div span,
.paging div a:hover {
color: #ffffff;
background-color: #e31875;
}
.paging div a:nth-child(2),
.paging div a:last-child {
width: 0.6rem;
}
.paging div a:first-child {
display: none;
}
.gyltx {
padding-top: 0.75rem;
background: url(../img/index-1_bg.png) right top 0.33rem no-repeat;
background-size: 26%;
}
.gyltx-1 {
padding: 0 0.5rem;
}
.gyltx-1 .content {
margin-top: 0.73rem;
}
.gyltx-1 .content .title {
font-size: 0.3rem;
color: #e31875;
font-weight: bold;
}
.gyltx-1 .content .msg {
font-size: 0.2rem;
color: #666666;
margin: 0.2rem 0 0.9rem;
}
.gyltx-1 .content .msg i {
color: #333333;
font-weight: bold;
}
.gyltx-2 {
padding: 0.95rem 0.6rem 0;
}
.gyltx-2 .content {
margin-top: 0.6rem;
}
.gyltx-2 .content .msg{
margin: 0.07rem 0 0.4rem;
}
.banner-zsjm {
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
.banner-zsjm div {
width: 100%;
height: 100%;
}
.zsjm-1 {
margin: 0.85rem 0.34rem 0;
}
.zsjm-1>.title {
width: 4.56rem;
margin: 0 auto 0.9rem;
}
.zsjm-1 .new {
width: 6.41rem;
height: 6.26rem;
background-color: #e31875;
box-shadow: 0.06rem 0.06rem 0.05rem 0rem
rgba(255, 255, 255, 0.5);
border-radius: 0.2rem;
float: left;
color: #ffffff;
padding: 0.5rem 0.48rem 0;
}
.zsjm-1 .new .title {
width: 2.82rem;
height: 0.6rem;
line-height: 0.53rem;
background-color: #e31875;
border-radius: 0.3rem;
border: solid 0.04rem #f8f8f8;
font-size: 0.3rem;
color: #ffffff;
font-weight: bold;
text-align: center;
}
.zsjm-1 .new .content {
font-size: 0.18rem;
color: #ffffff;
margin-top: 0.4rem;
}
.zsjm-1 .new .content img {
margin-top: 0.55rem;
}
.zsjm-1 .old {
width: 5.23rem;
height: 5.83rem;
background-color: #eeeeee;
border-radius: 0.2rem;
float: left;
margin-top: 0.25rem;
padding-top: 0.25rem;
padding: 0.25rem 0.43rem 0 0.26rem;
}
.zsjm-1 .old .title {
width: 2.5rem;
height: 0.56rem;
line-height: 0.56rem;
background-color: #666666;
border-radius: 0.28rem;
font-size: 0.3rem;
color: #ffffff;
font-weight: bold;
text-align: center;
}
.zsjm-1 .old ul {
}
.zsjm-1 .old ul li {
padding: 0.2rem 0;
border-bottom: 1px dashed #808080;
}
.zsjm-1 .old ul li p {
font-size: 0.24rem;
color: #404040;
font-weight: bold;
}
.zsjm-1 .old ul li p img {
width: 0.38rem;
height: 0.38rem;
float: left;
margin: 0 0.05rem 0;
}
.zsjm-1 .old ul li span {
font-size: 0.18rem;
color: #808080;
margin-left: 0.47rem;
display: block;
}
.zsjm-2 {
background: url(../img/zsjm-2_bg.jpg) center top no-repeat;
background-size: cover;
margin-top: 0.85rem;
padding: 0.55rem 0 0.65rem;
}
.zsjm-2 .title {
}
.zsjm-2 .title img {
display: block;
width: 6.21rem;
margin: 0 auto;
}
.zsjm-2 .title span {
text-align: center;
font-size: 0.3rem;
color: #f5f5f5;
display: block;
margin-top: 0.23rem;
}
.zsjm-2 .box {
margin-top: 1.1rem;
}
.zsjm-2 ul {
width: 7.3rem;
float: left;
color: #fff;
}
.zsjm-2 ul li {
margin-bottom: 0.35rem;
line-height: 0.56rem;
}
.zsjm-2 ul span {
width: 1.45rem;
height: 0.56rem;
line-height: 0.56rem;
text-align: center;
background-color: #e31875;
border-radius: 0.1rem;
float: left;
font-size: 0.25rem;
}
.zsjm-2 ul p {
width: 5.5rem;
float: right;
font-size: 0.25rem;
/* margin-top: 0.1rem; */
}
.zsjm-2 .pic {
width: 7.3rem;
float: right;
margin-right: -0.5rem;
}
.zsjm-3 {
margin: 0.78rem 0 0;
}
.zsjm-3 .title {
width: 6.36rem;
margin: 0 auto;
}
.zsjm-3 .box {
margin-top: 0.75rem;
}
.zsjm-3 ul li {
width: 50%;
height: 3.55rem;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
}
.zsjm-3 ul li .msg {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
background-color: #e31875;
transition: all .5s;
}
.zsjm-3 ul li .msg {
text-align: center;
padding-top: 1.25rem;
}
.zsjm-3 ul li .msg p {
font-size: 0.36rem;
color: #ffffff;
font-weight: bold;
margin-bottom: 0.25rem;
}
.zsjm-3 ul li .msg span {
font-size: 0.24rem;
color: #ffffff;
}
.zsjm-3 ul li:hover .msg {
top: 0;
}
.zsjm-4 {
background: url(../img/zsjm-4_bg.jpg) center center no-repeat;
background-size: 100%;
padding: 0.78rem 0;
margin: 0.85rem 0 0;
}
.zsjm-4 .title {
width: 5.65rem;
margin: 0 auto;
}
.zsjm-4 .box {
padding: 0 0.85rem;
margin-top: 0.78rem;
}
.zsjm-4 .box .pic {
width: 4.96rem;
float: left;
}
.zsjm-4 .box ul {
width: 6.42rem;
float: right;
}
.zsjm-4 .box ul li {
width: 50%;
height: 2.2rem;
float: left;
background: url(../img/zsjm-4_bg1.png) center center no-repeat;
background-size: 50%;
border-right: 1px solid #e31875;
border-top: 1px solid #e31875;
cursor: pointer;
}
.zsjm-4 .box ul li:nth-child(even){
border-right: none;
}
.zsjm-4 .box ul li:nth-child(-n+2) {
border-top: none;
}
.zsjm-4 .box ul li .msg {
color: #ffffff;
padding: 0.4rem 0.6rem 0;
}
.zsjm-4 .box ul li .msg p {
text-align: center;
font-size: 0.3rem;
font-weight: bold;
}
.zsjm-4 .box ul li .msg span {
font-size: 0.18rem;
text-align: left;
}
.zsjm-4 .box ul li:hover {
background: url(../img/zsjm-4_bg1.png) center center no-repeat #e31875;
background-size: 50%;
}
.zsjm-5 {
margin-top: 1.09rem;
}
.zsjm-5 .title {
text-align: center;
}
.zsjm-5 .title img {
width: 3.73rem;
margin: 0 auto 0.25rem;
display: block;
}
.zsjm-5 .title span {
font-size: 0.3rem;
color: #666666;
}
.zsjm-5 .box {
padding: 0 0.35rem;
margin-top: 1rem;
}
.zsjm-5 .box ul li {
width: 6.45rem;
float: left;
}
.zsjm-5 .box ul li:nth-child(even){
float: right;
}
.zsjm-6,
.zsjm-7 {
margin-top: 1.05rem;
}
.zsjm-6 .title,
.zsjm-7 .title {
text-align: center;
}
.zsjm-6 .title img {
width: 7.64rem;
margin: 0 auto 0.4rem;
display: block;
}
.zsjm-6 .title span,
.zsjm-7 .title span {
font-size: 0.3rem;
color: #666666;
}
.zsjm-6 .comment {
margin: 0.3rem auto 0;
}
.zsjm-6 .comment ul li {
width: 7.1rem;
height: 2.45rem;
background-color: #ffffff;
border-radius: 0.1rem;
float: left;
overflow: hidden;
margin-top: 0.33rem;
}
.zsjm-6 .comment ul li:nth-child(even) {
float: right;
}
.zsjm-7 .title img {
width: 6.92rem;
margin: 0 auto 0.3rem;
display: block;
}
.zsjm-7 .main {
margin-top: 0.65rem;
}
.suspension-box.fixed {
position: fixed;
left: 0;
bottom: 0;
}
.suspension-box {
width: 100%;
height: 1.16rem;
background-color: #e31875;
}
.suspension-box .suspension {
position: relative;
}
.suspension-box .slogan {
width: 2.08rem;
float: left;
margin-top: 0.17rem;
}
.suspension-box .search {
margin: 0.28rem 0 0 1rem;
float: left;
}
.suspension-box .search input[type=text] {
width: 2.77rem;
height: 0.61rem;
background-color: rgba(255, 255, 255,0.5);
border-radius: 0.1rem;
border: none;
font-size: 0.18rem;
color: #ffffff;
text-indent: 0.15rem;
margin-right: 0.35rem;
}
.suspension-box .search input[type=text]::placeholder {
color: #ffffff;
}
.suspension-box .search input[type=submit] {
width: 2.11rem;
height: 0.6rem;
background-color: #ffffff;
border-radius: 0.3rem;
border: none;
font-size: 0.25rem;
color: #e31875;
cursor: pointer;
/* font-weight: bold; */
}
.suspension-box .suspension-close {
position: absolute;
right: 0.1rem;
top: -0.6rem;
width: 0.45rem;
height: 0.45rem;
cursor: pointer;
}
.mdzs {
padding-top: 0.74rem;
background: url(../img/index-1_bg.png) right top 0.33rem no-repeat;
background-size: 26%;
}
.mdzs-1 .box {
margin-top: 0.8rem;
padding: 0 0.2rem;
position: relative;
}
.mdzs-1 .box .mdzs-1-left {
width: 9.3rem;
height: 6.34rem;
float: left;
position: relative;
}
.mdzs-1 .box .mdzs-1-left {
}
.mdzs-1 .box .mdzs-1-right {
width: 4.45rem;
float: right;
}
.mdzs-1 .box .mdzs-1-right ul li {
width: 4.45rem;
height: 3.08rem;
margin-bottom: 0.18rem;
}
.mdzs-1 .box .mdzs-1-right ul li:last-child {
margin-bottom: 0;
}
.mdzs-1 .box .mdzs-1-left .msg {
position: absolute;
top: 0;
left: 0;
width: 4.62rem;
height: 100%;
background-color: rgba(255, 255, 255,0.8);
padding: 1.1rem 0 0 0.8rem;
text-align: left;
}
.mdzs-1 .box .mdzs-1-left .msg .title {
font-size: 0.4rem;
color: #333333;
width: 2.5rem;
border-bottom: 1px solid #999999;
padding-bottom: 0.35rem;
margin-bottom: 0.25rem;
line-height: 1;
}
.mdzs-1 .box .mdzs-1-left .msg .content {
font-size: 0.27rem;
color: #666666;
}
.mdzs-1 .box .mdzs-1-left .msg .content i {
font-size: 0.4rem;
color: #e31875;
font-weight: bold;
margin: 0 0.05rem;
}
.mdzs-1 .swiper-button-prev {
width: 0.53rem;
height: 0.98rem;
background: url(../img/mdzs-1_left.jpg) center center no-repeat;
background-size: 100%;
left: 0;
outline: none;
}
.mdzs-1 .swiper-button-next {
width: 0.53rem;
height: 0.98rem;
background: url(../img/mdzs-1_right.jpg) center center no-repeat;
background-size: 100%;
right: 0;
outline: none;
}
.mdzs-2 {
margin-top: 1.2rem;
}
.list-alzf {
}
.list-alzf ul li {
height: 4.4rem;
margin-top: 0.65rem;
background: url(../img/list-alzf_bg1.jpg) center center no-repeat;
background-size: 100%;
padding: 0.5rem 0.35rem;
}
.list-alzf ul li .pic {
width: 4.97rem;
height: 3.48rem;
background: url(../img/list-alzf_bg2.jpg) center center no-repeat;
background-size: 100%;
padding: 0.05rem;
float: left;
}
.list-alzf ul li .msg {
width: 8rem;
float: right;
padding-right: 0.45rem;
height: 3.5rem;
overflow: auto;
}
.list-alzf ul li .title {
font-size: 0.3rem;
color: #333333;
}
.list-alzf ul li .name {
font-size: 0.14rem;
color: #666666;
margin: 0.2rem 0 0.35rem;
}
.list-alzf ul li .content {
font-size: 0.14rem;
color: #666666;
}
.list-alzf ul li .content p {
margin-bottom: 0.1rem;
}
.list-alzf ul li .msg::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.list-alzf ul li .msg::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
background: #999999;
/* background-color: skyblue;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
); */
}
.list-alzf ul li .msg::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ededed;
}
.news {
padding-top: 0.8rem;
background: url(../img/index-1_bg.png) right top 0.33rem no-repeat;
background-size: 26%;
margin-bottom: 0.77rem;
}
.news .list-news {
padding: 0 0.6rem;
margin: 0.65rem 0 0;
}
.news .paging {
margin-top: 0.55rem;
}
.news-detail {
margin: 0.6rem auto 0;
padding-bottom: 1.4rem;
}
.news-detail .title {
font-size: 0.36rem;
color: #333333;
text-align: center;
}
.news-detail .writer {
font-size: 0.22rem;
color: #999999;
text-align: center;
margin-top: 0.4rem;
}
.news-detail .article {
margin-top: 0.5rem;
font-size: 0.2rem;
color: #666;
line-height: 1.6;
text-indent: 2em;
}
.news-detail .article p {
margin-bottom: 0.2rem;
}
.news-detail .article img {
width: auto;
max-width: 100%;
margin: 0.2rem auto;
display: block;
}
.news-detail video {
width: 75%;
margin: 0.3rem auto;
}
.news-detail .page-paging {
margin: 0.8rem 0 0 0.15rem;
}
.news-detail .page-paging ol li {
font-size: 0.2rem;
color: #333333;
margin-top: 0.05rem;
}
.news-detail .page-paging ol li a {
color: #333333;
}
.lxwm {
padding-top: 0.8rem;
background: url(../img/index-1_bg.png) right top 0.33rem no-repeat;
background-size: 26%;
padding-bottom: 1.2rem;
}
.lxwm-1 {
}
.lxwm-1 ul {
margin-top: 0.5rem;
}
.lxwm-1 ul li {
width: 5.26rem;
float: left;
padding: 0.43rem 0 0.52rem;
border-top: 1px solid #eeeeee;
}
.lxwm-1 ul li:nth-child(even) {
float: right;
}
.lxwm-1 ul li:nth-child(-n+2) {
border-top: none;
}
.lxwm-1 ul li .icon {
width: 0.59rem;
height: 0.71rem;
float: left;
}
.lxwm-1 ul li .msg {
width: 4.55rem;
height: 1.2rem;
float: right;
}
.lxwm-1 ul li .msg p {
font-size: 0.23rem;
color: #333333;
margin-bottom: 0.1rem;
}
.lxwm-1 ul li .msg span {
font-size: 0.19rem;
color: #333333;
display: block;
}
.lxwm-1 ul li .msg span i {
color: #666666;
}
.lxwm-2 {
margin-top: 0.85rem;
}
.lxwm-2 .title {
text-align: center;
}
.lxwm-2 .title img {
width: 2.02rem;
margin: 0 auto 0.2rem;
display: block;
}
.lxwm-2 .title span {
font-size: 0.24rem;
color: #e31875;
}
.lxwm-2 .box {
margin-top: 0.87rem;
}
.lxwm-2 .box .pic {
width: 5.2rem;
float: left;
margin-left: -0.25rem;
}
.lxwm-2 .box form {
width: 6.8rem;
float: right;
margin-top: 0.1rem;
}
.lxwm-2 .box form input[type=text] {
width: 3.26rem;
height: 0.64rem;
background-color: #f5f5f5;
border-radius: 0.1rem;
border: solid 0.01rem #cccccc;
text-indent: 0.1rem;
float: left;
font-size: 0.2rem;
color: #999999;
}
.lxwm-2 .box form input[type=text]:last-child {
float: right;
}
.lxwm-2 .box form textarea {
width: 100%;
height: 1.19rem;
background-color: #f5f5f5;
border-radius: 0.1rem;
border: solid 0.01rem #cccccc;
resize: none;
display: block;
margin: 0.39rem 0 0.32rem;
padding: 0.2rem;
font-size: 0.2rem;
color: #999999;
}
.lxwm-2 .box form input[type=submit] {
width: 2.6rem;
height: 0.45rem;
background-color: #e31875;
border-radius: 0.23rem;
border: none;
font-size: 0.18rem;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}