.mobile { font-family: "Microsoft Yahei"; .mobile-top { margin-bottom:.1rem; .mobile-nav { position: absolute; z-index: 2 ; } .m-t-i { .m-t-i-txt { line-height: 0.5rem; width: 96%; background: #C7C7C7; display: flex; margin: 0.15rem; border-radius: 0.12rem; border: 0; font-size: 0.4rem; padding-left: 0.15rem; padding: 0.1rem; } } /* 轮播图 */ .carousel { overflow: hidden; position: relative; } .carousel .move_ul { width: 1000%; margin-top: 1rem; } .carousel .move_ul li { width: 10%; float: left; } .carousel .indexer { position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; } .carousel .indexer li { width: 12px; height: 12px; border-radius: 50%; float: left; border: 1px solid #fff; margin-left: 5px; } .carousel .indexer .active { background-color: #fff; } .company-back { display: flex; box-shadow: 0 0 0.3rem #d8dde7; .c-b-icon { width:25%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 0.2rem; padding: 0.2rem; .pic01 { width:0.5rem; } } .border-r { border-right:1px solid #E5E5E5; height: 0.8rem; margin-top: 0.2rem; } } } .mobile-center { .part1 { .swiper-container { .swiper-wrapper { .swiper-slide { width: 26%; height: 2.5rem; display: flex; align-items: center; justify-content: center; margin: 0.1rem; box-shadow: #9d9da8 0 0 0.3rem -3px; border-radius: 0.1rem; flex-direction: column; .s-sli-pic{ height: 1.3rem; margin-bottom: .15rem; width: auto; } .s-sli-p { font-size: .2rem; font-family: '黑体'; } } } } } .part2{ //padding:0 .15rem; padding-top:.8rem; .title-h { margin-bottom:.2rem; margin-left: .2rem; p { font-size: .2rem; color: #FF7624; } h3 { font-size:.48rem; font-weight: normal; } } .solute-a { display: flex; align-items: center; padding:.2rem 0; .solute-pic { width: 2.1rem; margin: 0 .4rem; } .solute-txt { width: 3.8rem; .solute-txt-h { font-size: 0.3rem; font-weight: normal; color: #1f1f1f; } .solute-txt-p { font-size: .24rem; color: #6b6b6b; } } .solute-arrow { width: .2rem; } } .solute-back { background: #f9f9f9; } } .part3{ margin-top: .8rem; .title-h { margin-bottom:.2rem; p { font-size: .2rem; color: #FF7624; } h3 { font-size:.48rem; font-weight: normal; } } .case-data { display: flex; flex-wrap: wrap; margin-top: .5rem; .case-data-eve { display: flex; flex-direction: column; width:47%; margin: 0 0.1rem; margin-bottom: .5rem; .case-data-pic { height: 3.5rem; } .c-d-pic01 { background: url("../images/case-pic01.jpg") no-repeat center; background-size: cover; } .c-d-pic02 { background: url("../images/case-pic02.jpg") no-repeat center; background-size: cover; } .c-d-pic03 { background: url("../images/case-pic03.jpg") no-repeat center; background-size: cover; } .c-d-pic04 { background: url("../images/case-pic04.jpg") no-repeat center; background-size: cover; } .case-data-p{ height: 1rem; font-size: 0.25rem; text-align: center; box-shadow: 0 0 0.2rem #c6c9cd; color: #666; padding-top: .15rem; line-height: .35rem; } } } } .part4 { padding:1rem .15rem; padding-top:.8rem; .title-h { margin-bottom:.2rem; p { font-size: .2rem; color: #FF7624; } h3 { font-size:.48rem; font-weight: normal; } } .news-center { display: flex; flex-direction: column; align-items: center; justify-content: center; .news-pic { width: 92%; height: 3.7rem; background: url("../images/news-pic01.jpg") no-repeat center; background-size: cover; border-radius: 5px 5px 0 0; } .news-center-txt { width: 92%; height: 2rem; background: #f8f8f8; padding: .3rem; h4{ font-size: 0.30rem; margin: 0.02rem 0 0.2rem 0; color: #212121; font-weight: normal; } p { font-size: .18rem; color: #4e4e4e; } } } .news-center-b { padding:0 .1rem; margin-top: 0.6rem; .n-c-b { width: 1.5rem; border-bottom: .05rem solid #FF7624; margin-bottom: .6rem; margin-top: .5rem; } .news-center-b-txt { h4{ font-size: .31rem; margin:0.02rem 0 .5rem 0 ; font-weight: normal; } p { font-size: .2rem; margin-bottom:.1rem ; } } } } .part5 { padding:0 .15rem; padding-top: .4rem; margin-bottom:.7rem; .title-h { margin-bottom:.2rem; p { font-size: .2rem; color: #FF7624; } h3 { font-size:.48rem; font-weight: normal; } } .about-us { img { border-radius: .1rem; } } .about-us-txt { padding: 0 0.15rem; background: rgba(255, 255, 255, 0.7); position: relative; margin: 0 auto; margin-top: -0.6rem; width: 6.94rem; border-radius: 0.1rem; box-shadow: 0 0 0.3rem #d8dde7; line-height: .4rem; padding-bottom: .2rem; h4{ font-size:.31rem; padding: .2rem 0; } p { font-size: .24rem; } } } } //.mobile-bottom { // iframe { // height: 18.7rem; // } //} } #swiPag { bottom: 0; } .center_list { box-sizing: border-box; display: flex; justify-content: space-between; // height: 4rem; background: #ffffff; // margin: .2rem .4rem; padding: .2rem .4rem; .list { padding: .2rem; width: 3.08rem; height: 5rem; border-radius: .2rem; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); .title { font-size: .29rem; color: #FF6320; padding: .2rem 0; } .text { font-size: .24rem; color: #888888; // padding: .2rem 0; } } }