@charset "utf-8"; /* 公用 字体大小:0.15rem; line-height: 0.23rem; */ #index { background: #F8F6F7; } #indexBanner .index-banner a>img.indexBannerImg { height: 64vw; } #indexBanner.device { width: 100%; position: relative; overflow: hidden; } #indexBanner .swiper-container { width: 100%; } #indexBanner .content-slide { padding: 0.2rem; color: #fff; } #indexBanner .title { font-size: 0.25rem; margin-bottom: 0.1rem; } #indexBanner .detail { position: absolute; width: 100%; box-sizing: border-box; padding: 0 0.1rem; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #fff; } #indexBanner .detail .introWord>p { font-size: 0.15rem; letter-spacing: 0.04rem; margin-bottom: 0.07rem; font-weight: 700; text-shadow: 0 1px 5px rgba(0, 0, 0, 1); } #indexBanner .detail .introWord>span { font-size: 0.13rem; text-shadow: 0 1px 5px rgba(0, 0, 0, 1); } #indexBanner .detail .btn { margin-top: 0.16rem; width: 1.1rem; height: 0.3rem; background: #fff; border-radius: 0.15rem; line-height: 0.3rem; letter-spacing: 1px; text-align: center; color: #F21C1C; font-size: 0.15rem; } .swiper-pagination-switch { display: inline-block; width: 0.08rem; height: 0.08rem; background: #fff; border-radius: 0.04rem; opacity: 1; margin: 0 0.03rem; } #indexBanner .index-banner .swiper-slide { min-height: 30vw; } #indexBanner .pagination { position: absolute; bottom: 0.14rem; width: 100%; text-align: center; left: 0; text-align: center; width: 100%; z-index: 1; } #indexBanner .swiper-active-switch { background: #d81718; } /* main */ .m-part4.survey .right_part .intro { line-height: 0.27rem; font-size: 0.16rem; } #index dd { margin-top: 0.3rem; } #index dl[class^='m-part'] dt { font-size: 0.2rem; font-weight: bold; } #index dl[class^='m-part'] dt:after { content: ''; width: 0.6rem; height: 0.02rem; background: #d71718; display: block; margin: 0.1rem 0; } #index .m-part-2, #index .m-part-3, #index .m-part-4, #index .m-part4 { padding: 0 0.1rem; box-sizing: border-box; margin-top: 0.3rem; } #index .m-part-5 { padding: 0 0.1rem; box-sizing: border-box; margin-top: 0.3rem; } #index .part4-container { width: 100%; height: 68vw; /* width: 68vw; height: 68vw;*/ overflow: hidden; margin: 0.3rem auto 0; } #index .m-part4 { margin-top: 0.3rem; } #index .part4-container .swiper-slide { width: 100%; height: 100%; overflow: hidden; } #index .part4-container .swiper-slide img { width: 100%; height: 100%; } #index .m-part4 .right_part { width: 100%; box-sizing: border-box; padding: 4vw 0.1rem 0; font-size: 0.13rem; background: #fff; } .whiteDiv { width: 100%; height: 14vw; position: absolute; top: -14vw; left: 0; background: #fff; z-index: -1 } .part4-container .dw { position: absolute; bottom: 0; right: 0; } .part4-prev { float: left; bottom: -1px; left: 0; } .part4-next { right: 0; } #index .m-part4 .right_part>img { width: 100%; } #index .btn_box { margin-top: 0.4rem; text-align: center; } #index .btn_box .btn { display: inline-block; color: #fff; background: #D81718; line-height: 0.3rem; height: 0.3rem; padding: 0 0.3rem; border-radius: 0.15rem; margin: 0 auto 0.2rem; font-size: 0.15rem; } #index .m-part4 .btn_list.oh { padding: 0.3rem; } #index .m-part4 .btn_list.oh>.fl:first-child { padding-bottom: 0.15rem; } #index .m-part4 .btn_list.oh .fl img { width: 0.24rem; position: absolute; top: 0.03rem; left: 0; } #index .m-part4 .btn_list.oh .fl a { font-size: 0.16rem; font-weight: bold; padding-left: 0.25rem; display: block; } #index .m-part4 .part4-prev, #index .m-part4 .part4-next { width: 0.4rem; height: 0.4rem; position: absolute; top: 32vw; z-index: 1; } #index .m-part4 .part4-next { background: url(../images/arrow-right-o.png)no-repeat center; } #index .m-part4 .part4-prev { background: url(../images/arrow-left-o.png) no-repeat center; } div[class^='business-container'] { margin-bottom: 0.55rem; text-align: center; } div.business-container_4 { margin-bottom: 0.2rem; } div[class^='business-container'] .imgBoxUp { width: 100%; height: 73.85vw; overflow: hidden; } div[class^='business-container'] .imgBoxUp img { width: 100%; height: 100%; } div[class^='business-container'] .swiper-slide { background: #DEE6ED; } div[class^='business-container'] .swiper-slide .title { font-size: 0.17rem; font-weight: bold; padding-top: 0.1rem; padding-bottom: 0.05rem; } div[class^='business-container'] .swiper-slide .intro { font-size: 0.15rem; padding-bottom: 0.1rem; color: #d81718; line-height: 0.34rem; } div[class^='business-container'] .swiper-pagination-switch { background: #CCC8C7; } div[class^='business-container'] .swiper-active-switch { background: #d81718; } .business1-prev, .business2-prev, .business3-prev, .business4-prev, .business1-next, .business2-next, .business3-next, .business4-next { position: absolute; top: 38vw; } .business1-next, .business2-next, .business3-next, .business4-next { right: 0; } div[class^='business-container']>div>img { width: 11vw; } .news dd .item { width: 100%; background: #fff; overflow: hidden; margin-bottom: 0.4rem; border-radius: 0.05rem; font-size: 0.15rem; } .news dd .item img { width: 100%; } .news dd .item .imgBox+div { padding: 0.1rem; } .news dd .item .title { font-size: 0.17rem; font-weight: bold; } .news dd .item .time { font-size: 0.13rem; color: #8D8D8D; padding-top: 0.06rem; } .news dd .item .intro { margin-top: 0.1rem; line-height: 0.23rem; font-size: 0.14rem; } .news .btnBox { text-align: center; } .news .btn { display: inline-block; color: #fff; background: #D81718; line-height: 0.3rem; height: 0.3rem; padding: 0 0.3rem; border-radius: 0.15rem; margin: 0 auto 0.2rem; font-size: 0.13rem; } /*合作伙伴*/ .wrap{ width: 100%; margin: 0 auto; } .picScroll-partner { overflow: hidden; position: relative; } .picScroll-partner .bd { /*padding:0.17rem 0.08rem;*/ font-size:0.16rem; color: rgb(88, 88, 88); font-family: 'fzltxianh'; width:94%; margin: 0 auto; margin-top: 0.17rem; } .picScroll-partner .bd ul { overflow: hidden; zoom: 1; } .picScroll-partner .bd ul li { margin: 0 0.07rem 0 0; float: left; _display: inline; overflow: hidden; text-align: center; } .picScroll-partner .bd ul li .pic { text-align: center; } .picScroll-partner .bd ul li .pic a img{ width:108px; height:58px; display:inline-block; border:1.5px solid #B6B6B6; border-radius:15px; text-align: center; } .picScroll-partner .bd ul li .pic img { width: 108px; height: 58px; display: block; padding: 2px; } .picScroll-partner .bd ul li .pic a:hover img { border-color: #999; } .picScroll-partner .bd ul li .title { line-height:0.36rem; font-size: 0.14rem; } .picScroll-partner .prev, .picScroll-partner .next { position: absolute; left: 0.2%; top: 50%; margin-top:-0.25rem; display: block; width:32px; height:40px; background: url(../images/slider-arrow.png) -163px 5px no-repeat; filter: alpha(opacity=100); opacity: 1; } .picScroll-partner .next { left: auto; right: 0.2%; background-position: -60px 5px; } .picScroll-partner .prevStop { display: none; } .picScroll-partner .nextStop { display: none; } /*行业应用*/ .industry{ overflow: hidden; margin-top: 100px; width: 100%; height:4rem; background: url(../images/ixfixbg.jpg) no-repeat; background-size: cover; } .industry-sw{ width:100%; margin: 0 auto; position: relative; } .sw-bao{ width:100%; margin: 0 auto; padding:0.28rem 0; overflow: hidden; } #swiper-hy{ width:100%; margin: 0 auto; overflow: hidden; } .industry-sw .swiper-container{ overflow: visible !important; } .swiper-he{ position: relative; width:100%; height:2rem; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; display: inline-block; } .industry-sw .swiper-container .swiper-he:nth-child(4n){margin-right: 0;} .swiper-he:hover{ margin-top: -25px; height:2.5rem; } .swiper-he .imgs{ width:100%; height:2rem; transition: .4s linear; -webkit-transition: .4s linear; -moz-transition: .4s linear; -ms-transition: .4s linear; -o-transition: .4s linear; } .swiper-he .imgs:hover{ height:2.5rem; } .swiper-he .imgs img{ width: 100%; height: 100%; } .swiper-he:hover{ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; overflow: hidden; } .swiper-he .title{ position: absolute; left: 0; right: 0; background:rgba(0,0,0,.6); bottom: 0; height: 30px; line-height: 30px; text-align: center; color: #ffffff; font-size:0.12rem; } /*左右按钮*/ .industry-sw .dw-les{ width:100%; height: 44px; margin: 0 auto; position: absolute; display: flex; z-index: 10; top:1.1rem; } .part5-prev { display: block; background: url(../images/site-017.png) #fff no-repeat; background-size: 9px; background-position: 7px 6px; width: 27px; height: 27px; left: 0; top: 0; position: absolute; } .part5-next { display: block; background: url(../images/site-018.png) #fff no-repeat; background-position:12px 7px; background-size:9px; width:27px; height:27px; right:0; top: 0; position: absolute; }