/*@font-face {*/ /* font-family: 'SourceHanSans-Bold1';*/ /* src: url('/assets/pc/thck/font/SourceHanSans-Bold.otf');*/ /*}*/ iframe{ width: 6rem; height: 3.6rem; } .index-banner { width: 100%; height: 5.52rem; position: relative; } .indexSwiper { width: 100%; height: 100%; position: relative; } .indexSwiper .swiper-slide { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); overflow: hidden; } .indexSwiper .swiper-slide .swiper-slide-img{ width: 100%;height: 100%; } .indexSwiper .swiper-button-prev:after, .indexSwiper .swiper-rtl .swiper-button-next:after { color: #fff; font-size: .36rem; } .indexSwiper .swiper-button-next:after, .indexSwiper .swiper-rtl .swiper-button-prev:after{ color: #fff; font-size: .36rem; } .indexSwiper .swiper-button-next,.indexSwiper .swiper-button-prev{ } .indexSwiper .swiper-button-prev, .indexSwiper .swiper-rtl .swiper-button-next{ left: .22rem; } .indexSwiper .swiper-button-next, .indexSwiper .swiper-rtl .swiper-button-prev{ right: .22rem; } .index-classify{ width: 100%; height: 0.6rem; background-color: #7F7F7F; display: flex; align-items: center; justify-content: center; position: relative; z-index: 11; top: -0.02rem; } .index-classify .item{ display: flex; align-items: center; margin-right: 1rem; cursor: pointer; } .index-classify .item img{ width: .2rem;height: .2rem; margin-right: .1rem; display: block; } .index-classify .item span{ font-size: 0.16rem; color: #FFFFFF } .index-classify .item:nth-last-of-type(1){ margin-right: 0; } .index-title{ width: 100%; text-align: center; padding: .7rem 0 .4rem; } .index-title span{ font-size: 0.3rem; font-weight: bold; color: #333333; display: block; margin-bottom: .1rem; } .index-title p{ font-size: 0.14rem; color: #999999; } .index-industry{ width: 100%; background-color: #F9F9F9; padding-bottom: .7rem; } .index-industry-list{ display: flex; margin: 0 auto .4rem; } .index-industry-list .item{ width: 3.73rem; margin-right: .41rem; border: 1px solid #EEEEEE; background-color: #fff; padding: .3rem .2rem 0.1rem; transition: .3s; } .index-industry-list .item:hover{ box-shadow: 0rem 0.05rem 0.1rem rgba(64,64,64,0.1000); } .index-industry-list .item:nth-last-of-type(1){ margin-right: 0; } .index-product a.more,.index-industry a.more,.index-video a.more{ width: 1.4rem; height: 0.42rem; line-height: .42rem; text-align: center; border: 1px solid #999999; display: block; margin: 0 auto; font-size: 0.14rem; color: #999999; } .index-industry-list .item .tit{ display: flex; align-items: center; justify-content: center; margin-bottom: .24rem; } .index-industry-list .item .tit img{ height: 0.31rem; display: block; margin-right: .14rem; } .index-industry-list .item .tit span{ font-size: 0.24rem; font-weight: bold; line-height: 0.3rem; color: #333333; } .index-industry-list .item .text{ font-size: 0.16rem; font-weight: 400; line-height: 0.26rem; color: #333333; } .index-industry-list .item .info{ margin-top: .16rem; border-top: 1px #EEEEEE solid; padding-top: .2rem; display: flex; flex-direction: column; } .index-industry-list .item .info a{ display: flex; align-items: center; margin-bottom: .18rem; font-size: 0.16rem; color: #333333; display: inline-flex; cursor: default; } .index-industry-list .item .info a span{ border-bottom: 1px #fff solid; cursor: pointer; } .index-industry-list .item .info a span:hover{ border-bottom: 1px #00A19C solid; color: #00A19C; } .index-industry-list .item .info .dot{ width: 0.07rem;height: 0.07rem; background-color: #00A19C; margin-right: .1rem; border-radius: 50%; } .index-industry-list .item .info .box{ display: flex; flex-wrap: wrap; } .index-industry-list .item .info .box a{ width: 100%; } .index-video{ width: 100%; background-color: #F9F9F9; } .index-video-info { margin: 0 auto; display: flex; align-items: center; margin-bottom: .32rem; } .index-video-info .rig{ width: 6rem;height: 3.6rem; position: relative; } .index-video-info .rig img.bgimg{ width: 100%;height: 100%; } .index-video-info .rig img.star{ width: 0.86rem;height: 0.86rem; position: absolute; top: 1.37rem; left: 2.57rem; } .index-video-info .left{ width: calc(100% - 6rem); padding-right: .78rem; } .index-video-info .left .time{ font-size: 0.14rem; color: #999999; margin-bottom: .18rem; } .index-video-info .left .tit{ font-size: 0.24rem; color: #333333; cursor: pointer; } .index-video-info .left .line{ width: 0.3rem; height: 0.02rem; background: rgba(0,161,156,0.3900); margin: .33rem 0 .26rem; } .index-video-info .left .text{ font-size: 0.16rem; font-weight: 400; line-height: 0.3rem; color: #666666; margin-bottom: .25rem; cursor: pointer; } .index-video-info .left .more{ margin: 0; background-color: #fff; } .index-video-info .left .more:hover{ background: #02928E; color: #fff; border: none; } .index-video-more{ margin: 0 auto; padding-bottom: .69rem; } .index-video-more .tit{ font-size: 0.24rem; color: #333333; width: 100%; padding-bottom: .23rem; border-bottom: 1px #D6D6D6 solid; margin-bottom: .23rem; } .index-video-more .tit:hover{ cursor: pointer; } .index-video-more .list{ display: flex; } .index-video-more .list .item{ width: 3.44rem; margin-right: .84rem; cursor: pointer; } .index-video-more .list .item:nth-last-of-type(1){ margin-right: 0; } .index-video-more .list .item .time{ font-size: 0.14rem; font-weight: bold; color: #666666; margin-bottom: .08rem; } .index-video-more .list .item .text{ font-size: 0.2rem; line-height: 0.36rem; color: #666666; } .index-video-more .list .item:hover .text{ color: #02928E; } .index-bott{ margin: .7rem auto 1.39rem; display: flex; justify-content: space-between; } .index-new{ width: 5.8rem; } .index-new .tit{ display: flex; align-items: center; justify-content: space-between; margin-bottom: .4rem; } .index-new .tit span{ font-size: 0.3rem; font-weight: bold; color: #333333; } .index-new .tit a{ font-size: 0.16rem; font-weight: 400; color: #666666; } .index-new .imgbox{ width: 5.8rem;height: 2.13rem; } .index-new .imgbox img{ width: 100%; height: 100%; object-fit: cover; } .index-new .imgbox img:hover{ cursor: pointer; } .index-share{ width: 5.8rem; } .index-share .tit{ display: flex; align-items: center; justify-content: space-between; margin-bottom: .4rem; } .index-share .tit span{ font-size: 0.3rem; font-weight: bold; color: #333333; } .index-share .tit a{ font-size: 0.16rem; font-weight: 400; color: #666666; } .index-new .list .item1{ width: 100%; padding: .15rem .09rem .21rem; border-bottom: 1px #EEEEEE solid; } .index-new .list .item1 .time{ font-size: 0.14rem; color: #999999; } .index-new .list .item1 .title{ font-size: 0.24rem; color: #333333; margin: .16rem 0 .17rem; } .index-new .list .item1:hover .title, .index-new .list .item:hover .title{ color: #02928E; } .index-new .list .item1 .line{ width: 0.4rem; height: 0.02rem; background: rgba(0,161,156,0.3900); margin-bottom: .15rem; } .index-new .list .item1 .text{ font-size: 0.16rem; color: #999999; } .index-new .list .item{ width: 100%; padding: .2rem .09rem; border-bottom: 1px #EEEEEE solid; } .index-new .list .item:nth-last-of-type(1){ border: none; } .index-new .list .item .time{ font-size: 0.14rem; color: #999999; } .index-new .list .item .time:hover{ cursor: default; } .index-new .list .item .title{ font-size: 0.16rem; color: #333333; margin: .14rem 0; } .index-new .list .item .text{ font-size: 0.14rem; color: #999999; } .index-share .list{ } .index-share .list .item{ display: flex; padding: .25rem .3rem .27rem; border: 1px solid #EEEEEE; margin-bottom: .19rem; } .index-share .list .item .left{ } .index-share .list .item .left span { display: inline-block; font-size: 0.3rem; color: #666666; width: .35rem; font-weight: bold; margin-top: -0.05rem; } .index-share .list .item .rig{ width: calc(100% - .35rem); padding-left: .1rem; } .index-share .list .item .rig .title{ font-size: 0.24rem; color: #333333; } .index-share .list .item .rig .text{ font-size: 0.14rem; color: #666666; margin: .16rem 0; line-height: 0.26rem; height: .52rem; } .index-share .list .item .rig .time{ font-size: 0.14rem; color: #C8C8C8; } .index-share .list .item:hover .left, .index-share .list .item:hover .rig .title, .index-share .list .item:hover .rig .text{ color: #02928E; } .index_search{ margin: 0 auto; display: flex; margin-top: .4rem; } .index_search .left{ width: 3.6rem; } .index_search .left .list{ width: 100%; border: 1px solid #EEEEEE; padding: 0 .2rem; margin-bottom: .2rem; } .index_search .left .list .tit{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: .14rem 0; border-bottom: 1px solid #EEEEEE; /* margin-bottom: .2rem; */ font-weight: bold; border: none; } .index_search .left .list .item{ display: none; margin-top: .2rem; } .index_search .left .list .item a{ display: flex; align-items: center; font-size: 0.14rem; color: #333333; margin-bottom: .2rem; } .index_search .left .list .item a img{ width: 0.07rem; display: flex; margin-left: .1rem; } .index_search .left .list .item a.more1{ color: #00A19C; } .index_search .left .list .item a.act{ color: #00A19C; } .index_search .left .list .item .img1{ display: block; } .index_search .left .list .item .img2{ display: none; } .index_search .left .list .item a.act .img1{ display: none; } .index_search .left .list .item a.act .img2{ display: block; } .index_search .left .list .tit img{ transition: .3s; } .index_search .left .list.active .tit{ border-bottom: 1px solid #EEEEEE; } .index_search .left .list.active .tit img{ transform:rotate(180deg); } .index_search .left .list.active .item{ display: block; } .index_search .rig{ width: calc(100% - 3.6rem); padding-left: .3rem; } .index_search .rig .result{ margin-top: 0; } .index_search .rig .page-wrap{ justify-content: flex-start; margin-top: .68rem; } .index_search .rig .list{ padding-top: .11rem; } .index_search .rig .list .item{ width: 100%; padding: .2rem 0; border-bottom: 1px solid #EEEEEE; } .index_search .rig .list .item .nav{ font-size: 0.14rem; color: #333333; } .index_search .rig .list .item .tit{ font-size: 0.14rem; color: #00A19C; margin: .09rem 0 .1rem; } .index_search .rig .list .item .item{ font-size: 0.14rem; color: #333333; } .index_search .rig .chose{ display: flex; align-items: center; margin-top: .29rem; } .index_search .rig .chose span{ font-size: 0.16rem; color: #666666; } .index_search .rig .chose .item{ display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #00A19C; height: 0.3rem; border: 1px solid #00A19C; border-radius: 0.16rem; padding: 0 .26rem; margin-left: .2rem; } .index_search .rig .chose .item img{ width: 0.1rem;height: 0.1rem; display: block; margin-left: .06rem; } .index_search .rig .noresult{ width: 100%; margin-top: 1.92rem; display: flex; justify-content: center; margin-bottom: 0.8rem; } .index_search .rig .noresult img{ width: 2.92rem;height: 2.41rem; } .index-product{ margin: 0 auto; padding-bottom: .7rem; } .index-product .product .swiper-slide{ /*width: 3.54rem !important;*/ border: 1px solid #EEEEEE; padding: .3rem; } .index-product-swiper{ position: relative; } .index-product .product .swiper-slide img{ width: 100%; height: 2.07rem; } .index-product .product .swiper-slide img:hover{ cursor: pointer; } .index-product .product .swiper-wrapper{ width: 100%; } .index-product .product { padding: .3rem 0; padding-left: 0.01rem; margin-top: -.3rem; margin-bottom: .1rem; } .index-product .swiper-button-next:after, .index-product .swiper-rtl .swiper-button-prev:after, .index-product .swiper-button-prev:after, .index-product .swiper-rtl .swiper-button-next:after{ content: none; } .index-product .swiper-button-prev, .index-product .swiper-rtl .swiper-button-next{ left: -60px; } .index-product .swiper-button-next, .index-product .swiper-rtl .swiper-button-prev{ right: -60px; } .index-product .swiper-button-next img, .index-product .swiper-button-prev img{ width: 0.15rem; } .index-product .swiper-slide .tit{ width: 100%; padding: .2rem 0; border-bottom: 1px solid #EEEEEE; margin-bottom: .14rem; font-size: 0.18rem; } .index-product .swiper-slide .tit:hover{ cursor: pointer; } .index-product .swiper-slide .text{ font-size: 0.14rem; line-height: 0.26rem; color: #666666; margin-bottom: .14rem; min-height: 0.52rem; } .index-product .swiper-slide .text:hover{ cursor: pointer; } .index-product .swiper-slide a{ font-size: 0.14rem; color: #02928E; display: inline-block; transition: .3s; } .index-product .swiper-slide a:hover{ /* border-bottom: 1px #02928E solid; */ } .index-product .swiper-slide:hover{ box-shadow: 0rem 0.03rem 0.2rem rgba(64,64,64,0.1000); } .plan-swiper{ position: relative; padding: 0 .45rem; } .index-plan .swiper-button-next:after, .index-plan .swiper-rtl .swiper-button-prev:after, .index-plan .swiper-button-prev:after, .index-plan .swiper-rtl .swiper-button-next:after{ content: none; } .index-plan .swiper-button-next img, .index-plan .swiper-button-prev img{ width: 0.15rem; } .index-plan .swiper-button-next{ right: -20px; } .index-plan .swiper-button-prev{ left: -20px; } .index-plan { margin: 0 auto; padding-bottom: .7rem; width: 12.9rem; } .index-plan .plan{ position: relative; padding-bottom: .55rem; } .index-plan .swiper-slide{ width: 100%; position: relative; } .index-plan .swiper-slide .left img{ width: 6rem; height: 4.73rem; cursor: pointer; } .index-plan .swiper-slide .rig{ width: 6.96rem; height: 3.2rem; box-shadow: 0rem 0rem 0.1rem rgba(0,0,0,0.1000); position: absolute; right: .1rem; top: .77rem; padding: .4rem .32rem 0 .51rem; background-color: #fff; } .index-plan .swiper-slide .rig .title{ font-size: 0.3rem; color: #333333; cursor: pointer; } .index-plan .swiper-slide .rig .text{ font-size: 0.18rem; line-height: 0.32rem; color: #333333; margin: .14rem 0 .2rem; } .index-plan .swiper-slide .rig .tit{ font-size: 0.18rem; color: #333333; margin-bottom: .24rem; } .index-plan .swiper-slide .rig .tit:hover{ cursor: pointer; } .index-plan .swiper-slide .rig .list{ display: flex; flex-wrap: wrap; } .index-plan .swiper-slide .rig .list .item{ width: 50%; display: flex; align-items: center; font-size: 0.14rem; color: #333333; margin-bottom: .18rem; } .index-plan .swiper-slide .rig .list .item .dot{ width: 0.06rem; height: 0.06rem; background: rgba(0,161,156); border-radius: 50%; margin-right: .1rem; } .index-plan .swiper-slide .rig .list .item span{ border-bottom: 1px #fff solid; } .index-plan .swiper-slide .rig .list .item:hover span{ border-bottom: 1px #02928E solid; color: #02928E; cursor: pointer; } .index-plan .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; background: #DDDDDD; border-radius: 50%; } .index-plan span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #00A19C; } .index-plan .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0; } .index-new .list .item img{ display: none; } .index-share .list .item .rig img{ display: none; } .index-share .list .item .left img{ display: none; } .index-industry-list .item > img { display: none; } /*绉诲姩绔牱寮 */ @media all and (max-width: 1024px) { .index-title { padding-top: 20px; } .index-title p { font-size: 14px; } .index-banner { height: 180px; } .index-product a.more, .index-industry a.more, .index-video a.more { font-size: 12px; } .index-classify .item { margin-right: 0; } .index-classify { justify-content: space-around; display: none !important; } .index-classify .item img { width: 12px; height: 12px; } .index-classify .item span { font-size: 12px; } /*鏂板搧閫熼€?/ .index-product .product { padding: 15px 30px; } .index-product .product .swiper-slide img { height: 50vw; } .index-product .swiper-button-next, .index-product .swiper-rtl .swiper-button-prev { right: 0; } .index-product .swiper-button-prev, .index-product .swiper-rtl .swiper-button-next { left: 0; } .index-product .swiper-slide .tit { font-size: 14px; } .index-product .swiper-slide .text { font-size: 12px; line-height: 1.5; } .index-product .swiper-slide a { font-size: 12px ; display: none; } /**/ .index-industry-list { flex-direction: column; padding: 0 15px; } .index-industry-list .item { width: 100%; margin: 7.5px 0; } .index-industry-list .item .tit span{ font-size: 13px; font-weight: normal; } .index-industry-list .item .tit img { height: .27rem; } .index-industry-list .item .text { line-height: 1.5; font-size: 12px; display: none; } /*瑙e喅鏂规*/ .index-plan { width: 100%; } .index-plan .plan { } .index-plan .swiper-button-prev { left: 0; } .index-plan .swiper-button-next { right: 0; } .plan-swiper { padding: 15px 30px; } .plan-swiper .swiper-slide { /*width: 98% !important;*/ } .index-plan .swiper-slide .left img { width: 100%; height: auto; height: 50vw; object-fit: cover; } .index-plan .swiper-slide .rig { position: static; width: 99%; margin: 0 auto; height: auto; min-height: 140px; padding: 15px; } .index-plan .swiper-slide .rig .text { font-size: 12px !important; } .index-plan .swiper-slide .rig .tit { font-size: 14px; } /*瑙嗛*/ .index-video { padding: 15px; } .index-video-info { flex-direction: column-reverse; } .index-video-info .left { width: 100%; padding-right: 0; padding-top: 15px; } .index-video-info .rig { width: 100%; } .index-video-info .left .text { line-height: 1.5; font-size: 12px; } .index-video-info .left .tit { font-size: 14px; } .index-video-info .left .time { font-size: 12px; } .index-video-info .left .more { width: 70px; height: 25px; line-height: 25px; font-size: 12px; margin: 0 auto; display: none; } .index-video-more { padding-bottom: 20px; } .index-video-more .list { justify-content: space-between; } .index-video-more .list .item { width: 48%; margin-right: 0; } .index-video-more .list .item .time { font-size: 12px; } .index-video-more .list .item .text { font-size: 14px; } /*瑙嗛缁撴潫*/ /*搴曢儴鏂伴椈*/ .index-bott { margin-top: 0; margin-bottom: 30px; padding: 15px; flex-direction: column; } .index-new { width: 100%; } .index-new .tit a { font-size: 14px; } .index-share .tit a { font-size: 14px; } .index-share { margin-top: 30px; width: 100%; } .index-new .imgbox { width: 100%; height: 40vw; } .index-new .list .item1 .time { font-size: 12px; } .index-new .list .item .time { font-size: 12px; display: none; } .index-new .list .item .title { font-size: 14px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .index-new .list .item1 .title { font-size: 14px; } .index-new .list .item .text { -webkit-line-clamp: 2; line-height: 1.5; color: #666; font-size: 12px; } .index-new .list .item1 .text { -webkit-line-clamp: 2; font-size: 12px; color: #666; } .new-info { padding-left: 10px; flex: 1; } .item1 .new-info { padding-left: 0; } .index-share .list .item .left { width: 120px; padding-top: 5px; } .index-share .list .item .rig { width: auto; flex: 1; padding-left: 10px; } .index-share .list .item .left span { display: none; } .index-share .list .item .left { width: 110px; } .index-share .list .item .left img { display: block; width: 110px; height: 70px; margin-right: 0; } .index-share .list .item .rig .title { font-size: 14px; } .index-share .list .item .rig .text { height: auto; line-height: 1.5; font-size: 12px; } .index-share .list .item .rig .time { font-size: 12px; display: none; } .index-share .list .item { align-items: center; padding: 10px 0; border: none; border-bottom: 1px solid #eee; margin-bottom: 0; } .index-new .list .item { display: flex; padding-left: 0; padding-right: 0; } .index-new .list .item img{ display: block; width: 110px; height: 70px; } .index-share .list .item .rig img { display: block; } /*鎼滅储椤 寮€濮?/ .index_search { padding: 15px; } .index_search .rig .result { font-size: 16px; text-align: center; } .result b { font-size: 16px; } .index_search .rig .chose { display: none; } .index_search .left { display: none; } .index_search .rig { width: 100%; padding: 0; } .index_search .rig .list .item .nav { font-size: 14px; } .index_search .rig .list .item .tit { font-size: 14px; margin-top: 10px; } .index_search .rig .list .item .text { -webkit-line-clamp: 2; line-height: 1.5; font-size: 12px; } /*鎼滅储椤 缁撴潫*/ .index-video-more .list .item:nth-child(3) { display: none; } .index-industry-list { flex-direction: row; justify-content: space-between; padding: 0 10px; } .index-industry-list .item { width: 31%; height: 100px; padding-bottom: 15px; display: flex; align-items: center; } .index-industry-list .item .info { display: none; } .index-industry-list .item .tit { margin-bottom: 0; } .index-industry-list .item .text { display: -webkit-box; -webkit-line-clamp: 7; -webkit-line-clamp: 3; text-align: justify; display: none; } .index-product-swiper > .product { height: 480px; padding: 15px 10px; } .index-product .product .swiper-slide { height: calc((100% - 30px) / 2); padding: 10px; } .index-product .product .swiper-slide img { height: 100px; } .index-product-swiper .swiper-button-prev{ display: none; } .index-product-swiper .swiper-button-next{ display: none; } .index-product-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #00A19C; } .index-plan .swiper-slide .rig .list .item { width: 100%; } .index-video video { object-fit: cover; } .indexSwiper .swiper-button-next { display: none; } .indexSwiper .swiper-button-prev { display: none; } .indexSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #00A19C; } .index-industry-list .item { flex-direction: column; padding: 0; height: 110px; } .index-industry-list .item > img { display: block; } .index-industry-list .item .tit { padding: 10px 3px; } .index-video-info .rig { height: auto; } .index-video video { width: 100%; height: auto; height: 54.6vw; background: transparent; } .index-industry-list .item .tit { width: 100%; padding-left: 0; padding-right: 0; } } /* pad鏍峰紡 */ @media screen and (min-width: 420px) and (max-width: 1024px) { /*.index-product .swiper-slide .text{*/ /*min-height: 0.32rem;*/ /* display: none;*/ /*}*/ /*.index-product .swiper-slide .tit{*/ /* border-bottom: none;*/ /*}*/ .index-banner { height: 250px; } .index-product-swiper > .product { height: 830px; /*height: auto;*/ /*min-height: 500px;*/ } .index-product .swiper-slide .text{ min-height: 0.32rem; } .index-product .product .swiper-slide img { height: 30vw; } .index-plan .swiper-slide .rig .list .item { width: 48%; } .index-new .list .item .title { margin-top: 0; } .index-share .list .item .rig .text { margin-bottom: 0; } .index-industry-list .item { height: 210px; height: auto; } .index-industry-list .item .tit { padding: 20px 0; } }