@charset "utf-8"; /* CSS Document */ .product-info-banner img{ pointer-events: none; } .video-fixed { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 120; top: 0; left: 0; cursor: pointer; display: none;} .product-info .vide{ position: relative; } .video-fixed .videoboxs { width: 95%; height: 30%; position: absolute; left: 0; top: -44%; right: 0; bottom: 0; margin: auto; /*background: #000;*/ /* padding: 30px; */ box-sizing: border-box; } .product-info .vide:after{ content:""; width: 1rem; height: 1rem; background:url(../img/video0.png) no-repeat center; background-size: 100%; position: absolute; left:0; top:0; bottom:0; right:0; margin: auto; } .video-fixed .cha { width: 25px; height: 25px; background: url(../img/x15.png) no-repeat center; background-size: 100%; position: absolute; right: 5px; top: -35px; } .video-fixed .videoboxs .box { height: 100%; } .table-switch .box img{ pointer-events: none; } #YSF-BTN-HOLDER{ display: block; } .header{ height:0.88rem; width: 7.5rem; background: #fff; border-bottom: 1px solid #ddd; box-shadow: 0 0 10px #ccc; position: fixed; top: 0px; left: 0px; right:0px; margin:0 auto; z-index: 2; } html,body{ max-width: 750px!important; margin:0 auto; } .header-fixed{ height: 0.88rem; border-bottom: 1px solid #ddd; } .header .nav-btn{ display: block; float: left; margin-right: 0.3rem; } .header .nav-btn img{ display: block; height: 0.88rem; } .header .logo{ float: left; } .header .logo img{ display: block; height: 0.88rem; } .header .lang{ position: absolute; right: 1.2rem; top: 0; height: .88rem; line-height: .88rem; color: #666; font-size: .3rem; } .xinihis{ position:absolute; right: 1.7rem; top: 0; height: .88rem; line-height: .88rem; background: url(../img/head01.png) no-repeat center; width: 0.44rem; background-size: contain; } .header .search{ float: right; border-left: 1px solid #ddd; position: absolute; top: 0px; right: -3.7rem; width: 4.58rem; } .header .search .input{ width: 3rem; float: left; border: 0px none; height: 0.88rem; color: #949292; } .header .search .submit{ border: 0px none; background: none; height: 0.88rem; width: 0.7rem; } .header .search img{ display: block; height: 0.88rem; float: left; } .header .slidedown{ position: absolute; top: 0.88rem; padding: 0 0.3rem; width: 6.9rem; background: #fff; overflow: auto; border-top: 1px solid #ddd; display: none; } .header .slidedown ul{ width: 100%; } .header .slidedown li{ width: 100%; border-bottom: 1px solid #ddd; } .header .slidedown .top{ height: 0.83rem; line-height: 0.83rem; font-size: 0.24rem; color: #333; background: url(../img/img-26.png) no-repeat right 3px center; background-size: 0.3rem 0.3rem; } .header .slidedown li .top.cur{ background: url(../img/img-25.png) no-repeat right 3px center; background-size: 0.3rem 0.3rem; } .header .slidedown li.spaa .top.cur { background: none; } .header .slidedown li .bot{ display: none; /*border-top:1px solid #ddd;*/ padding: 10px 0 0; } .header .slidedown .li1 .bot .h-box{ width: 100%; border-bottom: 1px solid #ddd; overflow: hidden; } .header .slidedown .li1 .bot .h-box p { color: #666; } .header .slidedown .li1 .bot .h-box img{ display: block; float: left; width: 0.5rem; height: 0.5rem; margin-right: 10px; } .header .slidedown .li1 .bot .h-box .f-box{ line-height: 0.5rem; width: 44%; float: left; height: 0.5rem; padding: 0.2rem 3%; background: url(../img/img-08.jpg) no-repeat right 5px center; } .child-box{ overflow: hidden; border-bottom: 1px solid #ddd; } .header .slidedown .li1 .bot .h-box .frr{ background: none; } .header .slidedown li .bot .child-box a{ font-size: 0.24rem; line-height: 0.7rem; color: #333; display: block; /*float: left;*/ } .lik{ height: 1px; float: left; width: 15px; /*background: #333;*/ margin-top: 17px; margin-right: 5px; } .header .slidedown .spaa .top{ background: none; } .spaa a{ color: #333; } .header .slidedown .li2{ border:0px none; margin-top: 0.41rem; } .header .slidedown .li2 p{ border-radius: 5px; padding: 0 10px; line-height: 0.5rem; margin-right: 0.1rem; overflow: hidden; border:1px solid #ddd; display: inline-block; float: left; margin-bottom: 0.1rem; } .header .slidedown .li2 p a{ color: #666; } .banner .swiper-slide img{ display: block; width: 100%; } .banner .bg{ height: 0.11rem; background: #007d5a; } .banner .hd1{ position: absolute; margin: 0px; bottom: 13px; height: 11px; /*background: #007d5a;*/ } .banner .hd1 span{ background: url(../img/img-02.png) no-repeat center bottom; width: 7px; height: 24px; background-size: 100% 100%; /*margin-top: -13rem!important;*/ opacity: 1!important; } .banner .hd1 span.swiper-pagination-bullet-active{ background: url(../img/img-01.png) no-repeat center bottom; background-size: 100% 100%; } .menu{ margin-bottom: 0.2rem; box-shadow: 0 0 10px #ddd; background: #fff; position: relative; opacity: 0; top: 20px; transition:all 0.8s; } .menu.cur{ opacity: 1; top: 0; } .menu ul li a{ display: block; } .menu ul li{ width: 25%; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; border-right: 1px solid #e5e5e5; padding-bottom: 0.5rem; } .menu ul li .bg{ position: relative; width: 80%; margin: 0 auto; overflow: hidden; } .menu ul li .bg .z-ti{ width: 100%; } .menu ul li .bg .ti{ position: absolute; top: 10%; width: 80%; left: 10%; } .menu ul li p{ font-size: 0.24rem; color: #888; text-align: center; overflow: hidden; line-height: 0.3rem; } .menu ul li.cur{ background: #00986d; } .menu ul li.cur .bg .ti{ top: -70%; } .menu ul li.cur p{ color: #fff; } .title{ text-align: center; height: 1rem; background: #fff; box-shadow: 0 0 10px #ddd; } .title p{ padding-left: 0.5rem; font-size: 0.28rem; line-height: 1rem; background-repeat:no-repeat; display: inline-block; background-size: auto 65%; background-position:left center; } .wel-pro-swiper{ width: 7.3rem; margin-left: 0.2rem; overflow: hidden; margin-bottom: 0.15rem; margin-top: 0.1rem; } .wel-pro-swiper .swiper-wrapper{ width: 3.25rem; } .wel-pro-swiper .box{ margin-bottom: 0.1rem; } .wel-pro-swiper .box img{ width: 100%; display: block; } .wel-pro-swiper .box p{ display: block; line-height: 0.55rem; font-size: 0.24rem; text-align: center; background: #fff; overflow: hidden; height: 0.55rem; color: #666; } .wel-service{ background: #fff; margin-bottom: 0.2rem; } .wel-service ul{ border-top: 1px solid #ddd; } .wel-service ul li{ width: 33.3%; box-sizing: border-box; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding-top: 0.4rem; } .wel-service ul li img{ width: 0.9rem; height: 0.9rem; display: block; margin: 0 auto 0.1rem; } .wel-service ul li p{ font-size: 0.24rem; color: #666; line-height: 0.55rem; margin-bottom: 0.3rem; text-align: center; } .wel-news ul{ width: 7.5rem; background: #fff; margin: 0 auto; } .wel-news li{ width: 6.9rem; padding: 0 0.3rem; border-bottom: 1px solid #ddd; margin-bottom: 0.25rem; padding-bottom: 0.25rem; } .wel-news li a{ display: block; } .wel-news li img{ display: block; width: 100%; margin-bottom: 0.24rem; } .wel-news li h2{ display: block; font-size: 0.26rem; color: #666; line-height: 0.4rem; margin-bottom: 0.1rem; } .wel-news li .te{ background: url(../img/img-21.png) no-repeat right 0.2rem bottom; background-size: 0.11rem 0.2rem } .wel-news li .te p{ font-size: 0.24rem; color: #999; width: 90%; height: 0.72rem; line-height: 0.36rem; margin-bottom: 0.17rem; } .wel-news li .time{ font-size: 0.24rem; color: #999; font-family: "Arial"; } .footer{ background: #ececec; } .footer.cur{ width: 100%; position: absolute; bottom: 0px; left: 0px; } .footer .top ul{ width: 100%; text-align: center; padding:0.32rem 0 0.25rem; } .footer .top li{ float: none; /*margin: 0 0.46rem;*/ margin: 0 0.3rem; display: inline-block; } .footer .top img{ display: block; margin: 0 auto 0.1rem; width: 0.9rem; height: 0.9rem; } .footer .top p{ font-size: 0.24rem; color: #333; text-align: center; } .footer .bot{ text-align: center; background: #1b1b1d; padding: 0.1rem 0px; } .footer .bot p{ line-height: 0.26rem; display: inline-block; margin: 0 5px; } .footer .bot p a{ color: #666; } .fixed-bg{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 5; display: none; } .weixiner { position: fixed; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; z-index: 6; display: none; } .weixiner img{ width: 200px; display: block; } .product-list-tit{ height: 0.9rem; padding: 0 0.2rem; width: 7.1rem; font-size:0.28rem; color: #333; font-weight: bold; background: #f6f6f6; line-height: 0.9rem; } .product-list-tit img{ display: block; float: left; margin-right: 10px; width: 0.6rem; margin-top: 0.15rem; } .product-list-tit .btn{ float: right; line-height: 0.9rem; color: #007d5a; font-weight: bold; font-size: 0.28rem; text-decoration: underline; } .product-list-tit .btn a{ color: #007d5a; } .product-list .pro-nav{ padding: 0 0.2rem; background: #fff; text-align: center; font-size: 0; } .product-list .pro-nav a{ font-size: 0.28rem; color: #333; line-height: 0.86rem; float: left; width: 50%; display: inline-block; box-sizing: border-box; border: 1px solid #007d5a; text-align: center; color: #007d5a; float: none; } .product-list .pro-nav .a111{ border-radius: .05rem 0 0 .05rem; } .product-list .pro-nav .a112{ border-radius: 0 .05rem .05rem 0; } .product-list .pro-nav a.cur{ background: #007d5a; color: #fff; } .product-content{ padding: 0.3rem 0.2rem 0; background: #fff; } .product-content ul{ width: 100%; } .product-content li{ width: 48%; margin-right: 4%; margin-bottom: 0.4rem; } .product-content li:nth-child(2n){ margin-right: 0px; } .product-content li img{ display: block; width: 100%; } .product-content li p{ font-size: 0.24rem; color: #666; text-align: center; height: 0.5rem; line-height: 0.5rem; overflow: hidden; } .product-content .btn-more{ width: 3.08rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; border:1px solid #00986d; border-radius: 5px; overflow: hidden; font-size: 0.24rem; color: #00986d; text-align: center; margin-bottom: 0.5rem; } .product-slideup{ width: 7.5rem; position: fixed; bottom: 0px; left: 0px; background: #fff; padding-top: 0.27rem; display: none; z-index: 6 } .product-slideup .pro-title{ font-size: 0.3rem; color: #333; text-align: center; line-height: 0.8rem; } .product-slideup a{ display: block; line-height: 0.87rem; border-bottom: 1px solid #ddd; height: 0.87rem; overflow: hidden; font-size: 0.28rem; color: #888; width: 6.9rem; margin: 0 auto; } .product-slideup a img{ display: block; float: left; width: 0.5rem; margin-right: 10px; margin-top: 0.18rem; } .product-slideup a .qbox{ width: 0.4rem; height: 0.4rem; background: url(../img/img-33.png) no-repeat center; background-size: 100%; float: right; margin-top: 0.235rem; } .product-slideup a .qbox.cur{ background: url(../img/img-32.png) no-repeat center; background-size: 100%; } .product-slideup .btn-hide{ height: 0.87rem; background: #333333; text-align: center; line-height: 0.87rem; color: #fff; } .product-info-banner{ border-bottom: 2px solid #007d5a; } .product-info-banner img{ display: block; width: 100%; } .product-info-banner .hd2 span{ width: 0.2rem; height: 0.2rem; background: url(../img/img-34.png) no-repeat center; background-size: 100%; } .product-info-banner .hd2 span.swiper-pagination-bullet-active{ background: url(../img/img-35.png) no-repeat center; background-size: 100%; } .product-info .dg-ms{ padding: 0.4rem 0.2rem; background: #fff; border-bottom: 1px solid #ddd; } .product-info .dg-ms .tit{ font-size: 0.28rem; text-align: center; width: 80%; color: #333; line-height: 0.36rem; margin: 0 auto 0.41rem; } .product-info .dg-ms .te{ font-size: 0.24rem; color: #888; line-height: 0.36rem; } .table-switch ul{ width: 100%; border-bottom: 1px solid #ddd; background: #fff; } .table-switch ul li{ width: 33.3%; height: 0.92rem; box-sizing: border-box; border-right: 1px solid #ddd; text-align: center; line-height: 0.92rem; transition:all 0.3s; } .table-switch ul li.cur{ background: #007d5a; color: #fff; } .table-switch .box{ padding: 0 0.3rem; background: #fff; overflow: hidden; padding-bottom: 0.5rem; box-shadow: 0 0 10px #ddd; display: none; } .table-switch .box img{ display: block; max-width: 100%; } .table-switch .box .tit{ font-size: 0.3rem; color: #333; text-align: center; line-height: 0.4rem; height: 0.4rem; overflow: hidden; padding: 0.3rem 0px; margin-top: 0.1rem; } .table-switch .box .tit img{ display: inline-block; width: 0.4rem; height: 0.4rem; vertical-align: top; margin-right: 5px; } .table-switch .box1 .list{ height: 0.73rem; background: #f7f7f7; line-height: 0.73rem; overflow: hidden; width: 7.1rem; margin: 0 auto; margin-bottom: 0.15rem; } .table-switch .box1 .list .fll{ line-height: 0.73rem; font-size: 0.24rem; color: #999; float: left; margin-left: 10px; } .table-switch .box1 .list .frr{ line-height: 0.73rem; font-size: 0.24rem; color: #333; float: right; margin-right: 10px; } .table-switch .box2{ width: 7.1rem; padding:0 0.2rem; } .table-switch .box2 .top{ font-size: 0.24rem; color: #888; line-height: 0.36rem; padding-bottom: 0.52rem; border-bottom: 1px solid #ddd; } .table-switch .box2 .top img{ max-width: 100%; height: auto!important; display: block; margin: 0px auto; } .table-switch .box2 .list{ padding-bottom: 0.2rem; border-bottom: 1px solid #ddd; overflow: hidden; margin-bottom: 0.2rem; } .table-switch .box2 .list .fll{ width: 50%; float: left; padding: 10px 0; } .table-switch .box2 .list .frr{ width: 50%; float: left; padding: 10px 0; } .table-switch .box2 .list img{ display: block; width: 100%; } .table-switch .box2 .list .frr .tit-t{ font-size: 0.24rem; color: #333; height: 0.26rem; overflow: hidden; line-height: 0.24rem; margin-left: 10px; margin-bottom: 5px; margin-top: 3px; } .table-switch .box2 .list .frr .te{ font-size: 0.2rem; color: #666; line-height: 0.36rem; overflow: hidden; height: 1.18rem; margin-left: 10px; } .table-switch .box2 .list .frr a.spa{ color: #007d5a; font-size: 0.22rem; margin-left: 10px; padding-right: 10px; background: url(../img/img-13.jpg) no-repeat right center; } .table-switch .box2 .list .fll .tit-t{ font-size: 0.24rem; color: #333; height: 0.26rem; overflow: hidden; line-height: 0.24rem; margin-bottom: 5px; margin-top: 3px; } .table-switch .box2 .list .fll .te{ font-size: 0.2rem; color: #666; line-height: 0.36rem; overflow: hidden; height: 1.18rem; } .table-switch .box2 .list .fll a.spa{ color: #007d5a; font-size: 0.22rem; padding-right: 10px; background: url(../img/img-13.jpg) no-repeat right center; } .table-switch .box3{ padding: 0 0.2rem; } .table-switch .box3 h1{ line-height: 30px; } .table-switch .box3 table{ width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 0.23rem; } .table-switch .box3 table td{ vertical-align: top; padding-bottom: 0.3rem; } .table-switch .box3 .num{ width: 0.4rem; height: 0.4rem; border:1px solid #2a9275; font-family: "Arial"; text-align: center; line-height: 0.4rem; display: block; border-radius: 50%; color: #2a9275; font-weight: bold; margin-right: 5px; font-size: 0.28rem; vertical-align: top; } .table-switch .box3 .tit-t{ font-size: 0.28rem; color: #333; line-height: 0.3rem; margin-bottom: 0.2rem; margin-top: 2px; } .table-switch .box3 .te{ font-size: 0.24rem; color: #888; line-height: 0.36rem; } .product-info .inquire{ height: 1.10rem; background: #fff; text-align: center; line-height: 1.1rem; margin: 0.23rem 0; text-align: center; font-size: 0.3rem; color: #333; } .product-info .inquire a{ color: #333; } .product-info .inquire img{ display: inline-block; width: 0.4rem; height: 0.4rem; margin-top: 0.35rem; vertical-align: top; margin-right: 5px; } .product-info .maybe-need{ background: #fff; padding-bottom: 0.74rem; } .product-info .maybe-need .tit-t{ height: 1.16rem; line-height: 1.16rem; background: #fff; box-shadow: 0 0 10px #ddd; padding: 0 0.2rem; font-size: 0.26rem; color: #333; } .product-info .maybe-need ul{ width: 7.1rem; margin: 0 auto; } .product-info .maybe-need li{ width: 23.5%; margin-right: 2%; padding-top: 0.24rem; } .product-info .maybe-need li:nth-child(4n){ margin-right: 0px; } .product-info .maybe-need .bg{ width: 55%; overflow: hidden; position: relative; margin: 0 auto; } .product-info .maybe-need .bg img{ width: 100%; } .product-info .maybe-need .bg .bg-img{ position: absolute; top: 0px; left: 0px; } .product-info .maybe-need ul{ padding-top: 0.32rem; } .product-info .maybe-need li{ background: #f9f9f9; padding-bottom: 0.40rem; border-radius: 2px; } .product-info .maybe-need li .top{ font-size: 0.22rem; line-height: 0.26rem; text-align: center; overflow: hidden; height: 0.26rem; display: block; margin-top: 0.2rem; color: #666; } .product-info .maybe-need li .more{ font-size: 0.2rem; color: #666; text-align: center; display: block; } .product-info .maybe-need li.cur{ background: #007d5a; } .product-info .maybe-need li.cur .bg .bg-img{ top: -100%; } .product-info .maybe-need li.cur span{ color: #fff; } .service-banner{ background: url(../img/img-45.png) no-repeat center top; background-size: 100%; } .service-banner .banner{ position: relative; } .service-banner .banner .imgbg{ top: 0.6rem; left: 0.3rem; width: 1.48rem; height: 3.25rem; position: absolute; opacity: 0; transition:all 1s; } .service-banner .banner .imgbg.cur{ opacity: 1; top: 0.33rem; } .service-banner .banner .imgimg{ width: 4.01rem; height: 4.3rem; display: block; float: right; margin-right: 1.2rem; margin-top: 1.12rem; opacity: 0; transition:all 2s; } .service-banner .banner .imgimg.cur{ opacity: 1; } .service-banner .top{ padding: 0 0.3rem; position: relative; top: 20px; opacity: 0; transition:all 0.9s; } .service-banner .top.cur{ top: 0px; opacity: 1; } .service-list ul{ overflow: hidden; width: 7.1rem; margin: 0.63rem auto 0; padding-bottom:1rem; background: url(../img/img-50.png) no-repeat center 1rem; background-size: 80%; } .service-list li{ width: 100%; overflow: hidden; margin-bottom: 0.5rem; opacity: 0; } .service-list .box{ width: 2.07rem; height: 2.07rem; border:1px solid #ddd; border-radius: 50%; display: table-cell; vertical-align: middle; background: #f9f9f9; } .service-list .box .p1{ font-weight: bold; font-size: 0.97rem; color: #007d5a; text-align: center; line-height: 0.97rem; } .service-list .box .p2{ font-size: 0.25rem; color: #a9a9a9; text-align: center; line-height: 0.25rem; } .service-list .frr-1{ padding-left: 0.3rem; margin-top: 0.41rem; margin-left: 0.25rem; background:url(../img/img-48.png) no-repeat left center; font-size: 0.24rem; color: #666; line-height: 18px; height: 54px; overflow: hidden; } .service-list .frr-2{ padding-right: 0.3rem; margin-top: 0.41rem; margin-right: 0.25rem; background:url(../img/img-49.png) no-repeat right center; font-size: 0.24rem; color: #666; line-height: 18px; height: 54px; overflow: hidden; } .service-list-box{ width: 6.9rem; border-radius: 3px; overflow: hidden; background: #f2f2f2; margin: 0 auto 0.65rem; } .service-list-box li{ opacity: 1; } .service-list-box .tit-t{ width: 90%; margin: 0 auto; font-size: 0.24rem; color: #007d5a; border-bottom: 1px solid #ddd; line-height: 0.67rem; margin-top: 0.22rem; } .service-list-box ul { width: 90%; margin: 0.2rem auto 0.3rem; padding-bottom: 0px; } .service-list-box ul li{ width: 100%; margin: 0 auto 0.1rem; height: 0.5rem; line-height: 0.5rem; } .service-list-box ul li img{ width: 0.4rem; height: 0.4rem; display: block; float: left; margin-top: 0.05rem; margin-right: 5px; } .download-banner{ position: relative; } .download-banner img.bg{ width: 100%; display: block; } .download-banner table{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .download-banner table img{ display: block; margin: 0 auto 5px; } .download-banner table p{ text-align: center; font-size: 0.34rem; color: #fff; } .download-telebox{ width: 7.1rem; margin: 0 auto; box-sizing:border-box; border:1px solid #ddd; position: relative; border-radius: 3px; overflow: hidden; height: 0.86rem; background: #f9f9f9; margin-top: 0.52rem; margin-bottom: 0.24rem; } .download-telebox input{ height: 0.86rem; border:0px none; float: left; background: none; width: 5.22rem; padding-left: 10px; } .download-telebox a{ width: 1.43rem; height: 0.86rem; position: absolute; top: 0px; right: 0px; background: #00ce7a; border-radius: 3px; overflow: hidden; text-align: center; line-height: 0.86rem; font-size: 0.24rem; color: #fff; } .download .inquire{ width: 7.1rem; height: 0.86rem; background: #00ce7a; text-align: center; line-height: 0.86rem; color: #fff; border-radius: 3px; overflow: hidden; margin-left: 0.2rem; border:0px none; margin-bottom: 0.32rem; } .download .bcte{ width: 7.1rem; margin: 0 auto 0.6rem; line-height: 0.36rem; color: #b4b4b4; font-size: 0.24rem; } .download .img-download{ width: 7.1rem; height: 0.86rem; background: #ee9545; text-align: center; line-height: 0.86rem; color: #fff; border-radius: 3px; overflow: hidden; margin-left: 0.2rem; border:0px none; margin-bottom: 0.32rem; display: block; } .reservation-service{ background: url(../img/img-56.png) no-repeat left top; background-size: 100% auto; overflow: hidden; } .reservation-service-banner{ position: relative; padding-bottom: 0.22rem; } .reservation-service-banner img.bg{ position: absolute; top: 1.5rem; left: 0.1rem; width: 2.6rem; height: 1.04rem; opacity: 0; transition:all 0.8s; } .reservation-service-banner img.bg.cur{ left: 0.7rem; opacity: 1; } .reservation-service-banner img.img{ width: 1.53rem; height: 3.59rem; display: block; float: right; margin-top: 0.42rem; margin-right: 1.5rem; position: relative; opacity: 0; transition:all 0.8s; right: -20px; } .reservation-service-banner img.img.cur{ right: 0px; opacity: 1; } .reservation-service .thr-box{ width: 7.5rem; margin: 0 auto 0rem; padding: 0 0.2rem 0.51rem; border-bottom: 1px solid #ddd; overflow: hidden; } .reservation-service .thr-box .box{ width: 2.02rem; margin-right: 0.5rem; height: 2.02rem; border-radius: 5px; background: #00ce7b; float: left; opacity: 0; border-radius: 50%; } .reservation-service .thr-box .box:nth-child(3n){ margin-right: 0px; } .reservation-service .thr-box .big-box{ width: 7.1rem; height: 2.05rem; border-radius: 5px; background: #00ce7b; float: left; margin-top: 0.1rem; opacity: 0; } .reservation-service .thr-box img{ display: block; margin: 0.5rem auto 0.2rem; width: 0.7rem; height: 0.7rem; } .reservation-service .thr-box p{ font-size: 0.3rem; color: #fff; text-align: center; line-height: 0.3rem; } .z-hd{ height: 0.2rem; background: #ececec; } .reservation-service .maybe-need{ margin-bottom: 0.72rem; } .reservation-service .maybe-need .tit-t{ height: 1.16rem; line-height: 1.16rem; background: #fff; box-shadow: 0 0 10px #ddd; padding: 0 0.2rem; font-size: 0.26rem; color: #333; } .reservation-service .maybe-need ul{ width: 7.1rem; margin: 0 auto; padding-top: 0.32rem; } .reservation-service .maybe-need li { width: 32%; margin-right: 2%; padding-top: 0.24rem; background: #f9f9f9; padding-bottom: 0.40rem; border-radius: 2px; } .reservation-service .maybe-need .bg { width: 35%; overflow: hidden; position: relative; margin: 0 auto; } .reservation-service .maybe-need .bg img { width: 100%; } .reservation-service .maybe-need img.bg-img { position: absolute; top: 0px; left: 0px; } .reservation-service .maybe-need li .top { font-size: 0.22rem; line-height: 0.26rem; text-align: center; overflow: hidden; height: 0.26rem; display: block; margin-top: 0.2rem; color: #666; } .reservation-service .maybe-need li .more { font-size: 0.2rem; color: #666; text-align: center; display: block; } .reservation-service .maybe-need li:nth-child(3n){ margin-right: 0px; } .reservation-service .maybe-need li.cur { background: #007d5a; } .reservation-service .maybe-need li.cur img.bg-img{ position: absolute; top: -100%; left: 0px; } .reservation-service .maybe-need li.cur .top{ color: #fff } .reservation-service .maybe-need li.cur .more{ color: #fff } .service-area{ background: url(../img/img-65.png) no-repeat left top; background-size: 100%; } .service-area.cur{ background: none; } .service-area .tit-t{ height: 1.73rem; overflow: hidden; font-size: 0.34rem; color: #666; text-align: center; } .service-area .tit-t img{ display: block; margin: 0.33rem auto 0.15rem; width: 0.6rem; height: 0.6rem; } .service-area .list{ margin: 0 auto 0.2rem; width: 7.1rem; } .service-area .list .top{ width: 7.1rem; height: 0.88rem; padding-left: 10px; line-height: 0.88rem; border:1px solid #ddd; box-sizing:border-box; border-radius: 5px; background:#f9f9f9 url(../img/img-67.png) no-repeat right 10px center; font-size: 0.24rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .service-area .list .bot{ width: 7.1rem; padding-left: 10px; line-height: 0.4rem; border:1px solid #ddd; box-sizing:border-box; border-top: 0px none; border-radius: 5px; font-size: 0.24rem; padding: 10px 0 10px 10px; display: none; } .service-area .list-sub{ width: 7.1rem; height: 0.86rem; background: #00ce7a; text-align: center; line-height: 0.86rem; color: #fff; border-radius: 3px; overflow: hidden; margin-left: 0.2rem; border: 0px none; margin-bottom: 0.32rem; margin-bottom: 0.37rem; } .service-area .ajax .box{ border-radius: 5px; width: 7.1rem; margin: 0 auto; border:1px solid #ddd; box-sizing:border-box; margin-bottom: 0.2rem; } .service-area .ajax .box .top{ height: 0.96rem; background: #f9f9f9; color: #333; font-size: 0.28rem; line-height: 0.96rem; padding-left: 10px; } .service-area .ajax .box .mid{ line-height: 0.85rem; height: 0.85rem; border-bottom: 1px solid #ddd; font-size: 0.24rem; color: #333; font-family: "Arial"; background: url(../img/img-70.png) no-repeat right 10px center; background-size: 0.18rem; } .service-area .ajax .box .mid a{ color: #333; } .service-area .ajax .box .mid img{ width: 0.4rem; height: 0.4rem; margin: 0 5px 0 10px; } .service-area .ajax .box .bot{ line-height: 0.85rem; height: 0.85rem; font-size: 0.24rem; color: #333; } .service-area .ajax .box .bot img{ width: 0.4rem; height: 0.4rem; margin: 0 5px 0 10px; } .authenticity-query .aut-te{ font-size: 0.24rem; color: #666; padding: 0 0.2rem; line-height: 0.28rem; margin: 0.34rem 0; } .authenticity-query .aut-te-big{ font-size: 0.2rem; color: #888; padding: 0.3rem 0.6rem; background: #f9f9f9; } .authenticity-query .box{ border-radius: 5px; overflow: hidden; width: 7.1rem; margin: 0.2rem auto 0; } .authenticity-query .box .top{ height: 0.84rem; background: #00ce7b; line-height: 0.84rem; font-size: 0.24rem; color: #fff; padding-left: 0.34rem; } .authenticity-query .box .bot{ padding: 0 0.35rem; background: #f9f9f9; } .authenticity-query .box .bot .te1{ font-size: 0.24rem; color: #666; line-height: 0.56rem; padding: 0.25rem 0; border-bottom: 1px solid #ddd; } .authenticity-query .box .bot .te1 a{ width: 1.47rem; height: 0.56rem; border-radius: 3px; overflow: hidden; background: #ee9545; color: #fff; text-align: center; line-height: 0.56rem; font-size: 0.24rem; float: right; display: block; } .authenticity-query .box .bot .text1{ margin-top: 0.5rem; margin-bottom: 0.63rem; } .authenticity-query .box .bot .text1 .fll{ width: 3.18rem; } .authenticity-query .box .bot .text1 .fll img{ display: block; width: 100%; } .authenticity-query .box .bot .text1 .frr{ width: 2.9rem; font-size: 0.24rem; color: #666; } .authenticity-query .box .bot .text2{ padding: 0.5rem 0; font-size: 0.24rem; } .authenticity-query .box .bot .text2 img{ max-width: 48%; margin-right: 2%; display: inline-block; float: left; } .authenticity-query .box .bot .text2 input.text{ width: 100%; height: 0.88rem; box-sizing:border-box; padding: 0 10px; border:1px solid #ddd; border-radius: 5px; overflow: hidden; margin-top: 0.43rem; margin-bottom: 0.22rem; } .authenticity-query .box .bot .text2 input.sub{ width: 48%; border:0px none; background: #ee9545; height: 0.88rem; font-size: 0.24rem; margin-right: 2%; border-radius: 5px; overflow: hidden; color: #fff; } .authenticity-query .box .bot .text2 input.reset{ width: 48%; border:0px none; background: #797979; height: 0.88rem; font-size: 0.24rem; margin-left: 2%; border-radius: 5px; overflow: hidden; color: #fff; } .authenticity-query .box2{ margin-bottom: 0.67rem; } .contact-tit{ height: 1.78rem; background: url(../img/img-72.png) no-repeat center; background-size: 100%; display: table-cell; vertical-align: middle; width: 7.5rem; } .contact-tit p{ font-size: 0.28rem; color: #333; padding-bottom: 0.31rem; line-height: 0.28rem; background: url(../img/img-18.jpg) no-repeat center bottom; text-align: center; } .contact-main{ width: 6.9rem; margin: 0.6rem auto 0; } .contact-main .top{ line-height: 0.28rem; font-size: 0.28rem; color: #007d5a; border-bottom: 1px solid #ddd; padding-bottom: 0.25rem; } .contact-main .box{ padding-top: 0.25rem; padding-bottom: 0.25rem; margin-bottom: 10px; } .contact-main .box img{ display: block; width: 100%; transform:scale(0); } .contact-main .box img.cur{ transform:scale(1); } .store-more { width: 3.08rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; font-size: 0.24rem; color: #ddd; text-align: center; margin-bottom: 0.5rem; } .news-nav ul{ border-bottom: 1px solid #ddd; } .news-nav li{ width: 25%; height: 1rem; border-right: 1px solid #ddd; box-sizing:border-box; } .news-nav li a{ display: block; height: 1rem; font-size: 0.24rem; color: #333; text-align: center; line-height: 1rem; } .news-nav li a.cur{ /*background: url(../img/img-20.jpg) repeat-x center bottom; color: #007d5a; background-size: 100% 2px;*/ background: #007d5a; color: #fff; } .news .ajax ul{ width: 7.1rem; margin: 0 auto; padding-top: 0.5rem; padding-bottom: 0.5rem; } .news .ajax li{ width: 49%; margin-right: 2%; box-sizing:border-box; border:1px solid #ddd; padding-bottom: 0.24rem; margin-bottom: 0.17rem; } .news .ajax li:nth-child(2n){ margin-right: 0px; } .news .ajax li .te{ font-size: 0.24rem; color: #333; line-height: 0.36rem; padding-top: 5px; } .news .ajax li img{ display: block; width: 100%; height: 2.27rem; } .news .ajax li .te{ width: 90%; margin: 0 auto; height: 1.08rem; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #ddd; } .news .ajax li .time .fll{ width: 50%; font-size: 0.2rem; color: #007d5a; } .news .ajax li .time .frr{ width: 50%; font-size: 0.2rem; color: #000002; text-align: right; } .news .ajax li .time{ width: 90%; margin: 0.1rem auto 0; } .topic ul{ margin-bottom: 0.55rem; } .topic li{ position: relative; margin-bottom: 1px; } .topic li img{ display: block; width: 100%; } .topic li .te{ position: absolute; bottom: 10px; left: 0.45rem; font-size: 0.28rem; color: #fff; line-height: 0.4rem; } .question{ padding: 0 0.2rem; } .question ul{ width: 100%; margin-bottom: 0.38rem; } .question li{ width: 100%; padding-left: 15px; line-height: 1.01rem; height: 1.01rem; border-bottom: 1px solid #ddd; background: url(../img/img-77.png) no-repeat left center; overflow: hidden; font-size: 0.26rem; color: #333; } .question li a{ color: #666; } .question li span{ width: 0.78rem; height: 0.42rem; display: inline-block; border:1px solid #d40000; color: #d40000; text-align: center; line-height: 0.42rem; border-radius: 3px; overflow: hidden; box-sizing:border-box; margin-left: 5px; margin-top: 0.295rem; vertical-align: top; display: none; } .question li.cur span{ display: inline-block; } .job .job-nav{ height: 1rem; } .job .job-nav ul{ width: 100%; border-bottom: 1px solid #ddd; overflow: hidden; } .job .job-nav ul li{ width: 33.3%; border-right: 1px solid #ddd; box-sizing:border-box; } .job .job-nav a{ display: block; height: 1rem; text-align: center; line-height: 1rem; font-size: 0.24rem; color: #666; } .job .job-nav a.cur{ color: #007d5a; background: url(../img/img-20.jpg) no-repeat center bottom; background-size: 100% 2px; } .job-main{ padding: 0.45rem 0.2rem 0; } .job-main .btn-qh{ height: 0.88rem; line-height: 0.88rem; background: #f1f1f1; } .job-main .btn-qh span{ display: block; height: 0.88rem; width: 50%; float: left; text-align: center; line-height: 0.88rem; font-size: 0.24rem; } .job-main .btn-qh span.cur{ background: #007d5a; color: #fff; } .job-main .ajax ul{ width: 100%; margin-bottom: 0.45rem; } .job-main .ajax li{ width: 100%; height: 1rem; border-bottom: 1px solid #ddd; } .job-main .ajax li span{ display: block; height: 1rem; float: left; line-height: 1rem; } .job-main .ajax li span.sp1{ font-size: 0.24rem; color: #007d5a; width: 50%; } .job-main .ajax li span.sp2{ height: 0.36rem; background: #58c595; line-height: 0.36rem; float: right; margin-right: 10px; text-align: center; margin-top: 0.38rem; margin-bottom: 0.38rem; width: 0.74rem; color: #fff; border-radius: 3px; } .job-main .ajax li span.sp3{ float: right; font-size: 0.24rem; color: #ccc; } .job-main .ajax .box .tit-t{ font-size: 0.24rem; color: #333; line-height: 0.74rem; height: 0.74rem; border-bottom: 1px solid #ddd; } .job-main .ajax .box .bot{ padding: 5px 0; margin-bottom: 10px; line-height: 0.45rem; min-height: 1.8rem; position: relative; } .job-main .ajax .box .bot .num{ position: absolute; right: 0px; top: 10px; font-size: 1.72rem; color: #f3f3f3; font-weight: bold; line-height: 1.72rem; z-index: -1 } .recruitment-process{ padding: 0 0.2rem; } .recruitment-process ul{ width: 100%; padding: 0.34rem 0; } .recruitment-process li{ width: 100%; border:1px solid #ddd; box-sizing:border-box; padding-bottom: 0.23rem; border-radius: 5px; margin-bottom: 0.2rem; } .recruitment-process li .box{ width: 90%; margin: 0 auto; } .recruitment-process li .box.box-tit{ font-size: 0.24rem; color: #007d5a; border-bottom: 1px solid #ddd; line-height: 40px; margin-bottom:5px; } .recruitment-process .box-add img{ width: 8px; height: 11px; margin-right: 10px; } .recruitment-process .box-time img{ width: 10px; height: 10px; margin-right: 8px; } .recruitment-process .box-day{ text-align: right; } .deve{ padding:0 0.2rem; position: relative; opacity: 0; top: 20px; transition:all 0.8s; } .deve.cur{ opacity: 1; top: 0; } .deve .nav{ margin-top: 0.45rem; position: relative; } .deve .nav-box{ background: url(../img/img-82.png) no-repeat left 16px; /* height: 1rem;*/ width: 90%; } .deve .nav-box .swiper-wrapper{ } .deve .nav-box .swiper-wrapper .swiper-slide{ box-sizing:border-box; border:1px solid #ddd; border-radius:50%; margin-bottom: 20px; text-align: center; background: #fff; } .deve .nav-box .swiper-wrapper .swiper-slide p{ line-height: 0.24rem; color: #666; position: relative; z-index: 1; } .deve .nav-box .swiper-wrapper .swiper-slide.cur p{ color: #fff; } .deve .nav-box .swiper-wrapper .swiper-slide img{ display: none; } .deve .nav-box .swiper-wrapper .swiper-slide.cur img{ position: absolute; width: 100%; top: 0px; left: 0px; display: block; } .deve .nav-box .swiper-wrapper img{ } .deve .nav .prev{ width: 3%; position: absolute; top: 10px; left: 0px; overflow: hidden; } .deve .nav .prev img{ width: 200%; } .deve .nav .next{ width: 3%; top: 10px; right: 0px; overflow: hidden; position: absolute; } .deve .nav .next img{ width: 200%; } .deve .ajax{ padding-bottom: 0.9rem; } .deve .ajax img{ width: 100%; display: block; margin-bottom: 10px; } .deve .ajax{ color: #333333; font-size: 0.2rem; } .brand{ background: url(../img/img-87.png) no-repeat center top; background-size: 100%; } .brand img.bg{ width: 73.5px; display: block; margin-top: 15px; margin-left: 0.3rem; } .brand ul{ padding: 0 0.3rem; opacity: 0; top:20px; position: relative; transition:all 0.8s; } .brand li { width: 100%; border-radius: 5px; margin-bottom: 0.2rem; } .brand ul.cur{ opacity: 1; top: 0px; } .brand li img{ display: block; width: 100%; } .brand li .bot{ padding: 5%; border:1px solid #ddd; border-top: 0px none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow: hidden; } .brand li .bot .p1{ font-size: 0.28rem; color: #007d5a; } .brand li .bot .p2{ font-size: 0.24rem; color: #666; } .culture{ background: #f8f8f8; } .culture-js{ overflow: initial; padding-bottom: 80px; } .culture img.bg { width: 73.5px; display: block; margin-top: 15px; margin-left: 0.3rem; margin-bottom: 15px; } .culture .swiper-slide{ opacity: 0.8; position: relative; transition:all 1s; } .culture .swiper-slide img{ width: 100%; display: none; } .culture .swiper-slide img.bgg{ display: block; width: 100%; transition:all 1s; } .culture .swiper-slide.swiper-slide-active{ opacity: 1; } .culture .swiper-slide.swiper-slide-active img.zwt{ display: block; } .culture .swiper-slide.swiper-slide-active img.bgg{ position: absolute; top: -80px; left: 0px; } .culture .swiper-slide.swiper-slide-active .text-box{ margin-top: -50px; } .culture .swiper-slide .text-box{ display: none; margin-top: 33px; } .ppp{ border-radius: 5px; overflow: hidden; width: 6.4rem; margin: 0.2rem auto 20px; background: #f9f9f9; padding: 0.35rem; color: #888; } .culture .swiper-slide .tit{ font-size: 0.28rem; color: #333; text-align: center; } .culture .swiper-slide .p{ font-size: 0.2rem; color: #333; text-align: center; line-height: 0.3rem; } .culture .swiper-slide.swiper-slide-active .text-box{ display: block; } .culture-js .jk{ bottom: 30px; } .culture-js .jk span{ width: 20px; height: 20px; text-align: center; line-height: 20px; left: 50%; color:#000; opacity: 1; background: none; position: absolute; left: 50%; margin-right: -10px; opacity: 0; font-size: 0.28rem; color: #007d5a; } .culture-js .jk span.swiper-pagination-bullet-active{ position: absolute; left: 50%; margin-left: -24px; opacity: 1; margin-top: 1px; } .culture-js .jk div{ color: #000; font-size: 0.28rem; color: #007d5a; } .quality{ position: relative; overflow: hidden; } .quality .bg1{ width: 91px; position: absolute; top: 0.66rem; left: 0; } .quality .tit-t{ margin-top:0.66rem; font-size: 0.28rem; color: #333; padding-bottom: 0.27rem; background: url(../img/img-92.png) no-repeat center bottom; text-align: center; margin-bottom: 0.3rem; } .quality .s-tit{ font-size: 0.24rem; color: #fff; text-align: center; line-height: 0.84rem; background: #007d5a; width: 6.9rem; margin: 0 auto; border-radius: 5px; margin-bottom: 0.31rem; } .quality .list-btn{ padding-bottom: 30px; } .quality ul{ width: 80%; margin: 0 auto; } .quality li img.img1{ display: block; width: 100%; } .quality li{ position: relative; width: 30%; margin-right: 5%; } .quality li:nth-child(3n){ margin-right: 0px; } .quality li .img1{ display: block; } .quality li .img2{ position: absolute; top: 65%; left: 50%; width: 36px; margin-left: -18px; opacity: 0; transition:all 0.3s; } .quality li .img2.cur{ top: 75%; opacity: 1; } .quality .bg2{ width: 91px; position: absolute; top: 5rem; right: 0; } .quality .ajax{ padding: 0 0.3rem 50px; } .quality .ajax-tit{ color: #007130; font-size: 0.3rem; border-bottom: 1px dashed #ddd; font-weight: bold; padding-bottom: 0.2rem; margin-bottom: 0.35rem; } .quality .ajax-1 .fll { width: 40%; float: left; } .quality .ajax-1 .fll img{ display: block; border-radius: 5px; overflow: hidden; width: 100%; } .quality .ajax-1 .frr{ width: 55%; float: right; } .quality .ajax-1 .img-six{ float: left; width: 100%; margin-top: 0.53rem; margin-bottom: 1.53rem; } .quality .ajax-1 .img-six ul{ width: 100%; } .quality .ajax-1 .img-six li{ width: 15%; margin-right: 2%; } .quality .ajax-1 .img-six li img{ display: block; width: 100%; margin-bottom: 5px; } .quality .ajax-1 .img-six li:nth-child(6n){ margin-right: 0px; } .quality .ajax-1 .img-six li{ line-height: 0.3rem; } .quality .ajax2{ float: left; width: 100%; padding-top: 0.5rem; } .quality .ajax2 .ul .li{ margin-bottom: 0.5rem; } .quality .ajax2 .ul .li .top{ border-bottom: 1px dashed #ddd; padding-bottom: 0.19rem; margin-bottom: 0.25rem; } .quality .ajax2 .ul .li .bot .ffll{ width: 20%; float: left; } .quality .ajax2 .ul .li .bot .ffll img{ width: 100%; } .quality .ajax2 .ul .li .bot .ffrr{ float: left; width: 75%; margin-left: 5%; line-height: 0.3rem; } .quality .ajax2 .ul .li .bot .ffrr p{ margin-bottom: 5px; } .strength{ background: url(../img/img-100.png) no-repeat center top; background-size: 100%; } .strength .tit-t{ margin-top:0.66rem; font-size: 0.28rem; color: #333; padding-bottom: 0.27rem; background: url(../img/img-92.png) no-repeat center bottom; text-align: center; margin-bottom: 0.3rem; } .strength .te-t{ font-size: 0.2rem; line-height: 0.4rem; color: #666; padding: 0 0.3rem; margin-bottom: 0.47rem; } .strength .thr-box{ margin-bottom: 0.61rem; } .strength .thr-box .box{ width: 33.3%; float: left; background: url(../img/img-101.png) repeat-y right center; height: 54px; } .strength .thr-box .box:nth-child(3n){ background: none; } .strength .thr-box .box .top{ text-align: center; font-size: 0.6rem; color: #007d5a; font-family: "Arial"; line-height: 0.5rem; height: 0.5rem; margin-bottom: } .strength .thr-box .num{ display: inline-block; font-size: 0.54rem; color: #007d5a; font-family: "Arial"; } .strength .thr-box .pt{ display: inline-block; font-size: 0.34rem; } .strength .thr-box .bot{ text-align: center; font-size: 0.24rem; color: #007d5a; } .strength .sp-box{ padding: 0 0.3rem; background: url(../img/img-102.png) no-repeat right -20px; background-size: 100%; margin-top: 1rem; } .strength .sp-box .top{ font-size: 0.54rem; color: #007d5a; } .strength .sp-box .top .sp{ font-size: 1.28rem; color: #007d5a; margin-left: 10px; font-family: "Arial"; } .strength .sp-box .mid{ width: 50%; color: #007d5a; font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.4rem; margin-bottom: 0.75rem; } .strength .sp-box .te{ font-size: 0.2rem; line-height: 0.4rem; color: #666; padding-bottom: 0.2rem; } .strength .sp-box .str-js{ padding: 3px; border:1px solid #ddd; box-shadow: 0 0 10px #ddd; border-radius: 3px; margin-bottom: 0.4rem; } .strength .sp-box .str-js .strjs{ padding-bottom: 30px; } .strength .sp-box .str-js img{ display: block; width: 100%; } .strength .sp-box .str-js .mb{ bottom: 5px; } .strength .sp-box .str-js .strjs .mb span{ background: #ddd; opacity: 1; } .strength .sp-box .str-js .strjs .mb span.swiper-pagination-bullet-active{ background: #007d5a; } .strength .list-libox .sp-tit{ font-size: 0.24rem; color: #fff; text-align: center; line-height: 0.84rem; background: #007d5a; width: 6.9rem; margin: 0 auto; border-radius: 5px; margin-bottom: 0.31rem; } .strength .list-libox ul{ width: 100%; margin-bottom: 0.4rem; } .strength .list-libox li table{ width: 100%; } .strength .list-libox li{ display: block; width:6.3rem; padding: 0.8rem 0.3rem 0.6rem; background:#f9f9f9 url(../img/img-29.jpg) no-repeat 0.3rem 0.5rem; box-shadow: 0 0 10px #ddd; margin-bottom: 10px; border:1px solid #ddd; border-radius: 5px; } .strength .list-libox li .p1{ font-size: 0.2rem; color: #999; padding-right: 10px; } .strength .list-libox li .p2{ font-size: 0.2rem; color: #333; } .strength .list-libox li .p3{ font-size: 0.2rem; color: #999; text-align: right; } .strength .list-libox li .p3 .sp{ color: #333; margin-left: 10px; } .wx-strength{ position: relative; background: #f6f7f9; } .wx-strength .tit-t{ margin-top:0.66rem; font-size: 0.28rem; color: #333; padding-bottom: 0.27rem; background: url(../img/img-92.png) no-repeat center bottom; text-align: center; margin-bottom: 0.3rem; } .wx-strength .img1{ position: absolute; left: 0px; top: 0.7rem; width: 100%; } .wx-strength .te-t{ font-size: 0.2rem; color: #666; line-height: 0.4rem; padding: 0 0.4rem; margin-bottom: 0.5rem; position: relative; z-index: 1; } .wx-strength .wx-list-btn ul{ width: 80%; margin: 0 auto; } .wx-strength .wx-list-btn li{ position: relative; overflow: hidden; width: 15%; margin-right: 6.25%; } .wx-strength .wx-list-btn li a{ display: block; } .wx-strength .wx-list-btn li:nth-child(5n){ margin-right: 0px; } .wx-strength .wx-list-btn li img{ width: 100%; } .wx-strength .wx-list-btn li .imgg2{ position: absolute; top: 0px; left: 0px; width: 100%; } .wx-strength .wx-list-btn li.cur .imgg2{ top: -100%; } .ajax-box { position: relative; } .ajax-box .p{ position: absolute; top: 28px; left: 0px; text-align: center; font-size: 0.2rem; color: #666; width: 100%; } .ajax-box img{ width: 100%; display: block; } .about{ background: url(../img/img-30.jpg) no-repeat center bottom; position: relative; padding-bottom: 5rem; } .about .img1{ position: absolute; top: 0.6rem; left: 0px; z-index: 0; width: 100%; } .about .tit-t { margin-top: 0.66rem; font-size: 0.28rem; color: #333; padding-bottom: 0.27rem; background: url(http://192.168.1.141/weixing/static/m/css/../img/img-92.png) no-repeat center bottom; text-align: center; margin-bottom: 0.3rem; } .about .te{ padding: 0 0.3rem; font-size: 0.2rem; color: #666; line-height: 0.4rem; } .about ul.ul1{ padding: 0 0.3rem; margin-top: 0.3rem; margin-bottom: 0.3rem; } .about ul.ul1 .li1{ width: 30%; background: url(../img/img-101.png) repeat-y right center; padding-top: 6px; } .about ul.ul1 .li2{ width: 23%; } .about ul.ul1 .li2 img{ display: block; width: 60%; margin: 0 auto; } .about ul.ul1 .li1 .top{ font-size: 0.6rem; color: #007d5a; line-height: 0.6rem; } .about ul.ul1 .li1 .bot{ font-size: 0.24rem; color: #007d5a; } .about ul.ul1 .li2 p{ text-align: center; color: #007d5a; } .about ul.ul2{ padding: 0 0.3rem; margin-bottom: 0.6rem; margin-top: 0.6rem; } .about ul.ul2 .li1{ width: 28.3%; padding-left: 5%; background: url(../img/img-101.png) repeat-y right center; } .about ul.ul2 .li1:nth-child(3n){ background: none; } .about ul.ul2 .li1 .top{ font-size: 0.54rem; color: #007d5a; font-weight: bold; height: 0.6rem; } .about ul.ul2 .li1 .bot{ font-size: 0.24rem; color: #007d5a; } .about-info .cur1{ background: url(../img/img-30.jpg) no-repeat center bottom; background-size: 100%; } .about-info .cur1 .tit-t{ font-size: 0.28rem; line-height: 0.6rem; margin-top: 10%; margin-bottom: 0.2rem; text-align: center; font-size: 0.28rem; color: #333; } .about-info .cur1 .te{ font-size: 0.2rem; color: #666; padding: 0 0.4rem; margin-bottom: 0.4rem; } .about.cur{ background: none; padding-bottom: 0px; } .about-info .cur1 .more{ width: 2.16rem; height: 0.53rem; border-radius: 3px; overflow: hidden; background: #007d5a; margin:0 auto; text-align: center; line-height: 0.53rem; display: block; margin-left: 31%; color: #fff; margin-top: 40px; } .about-info .cur2{ background:#f7f7f7 url(../img/img-31.jpg) no-repeat center bottom; background-size: 100%; } .about-info .cur2 .tit-t{ font-size: 0.28rem; line-height: 0.6rem; margin-top: 10%; margin-bottom: 0.2rem; text-align: center; font-size: 0.28rem; color: #333; } .about-info .cur2 .te{ font-size: 0.2rem; color: #666; padding: 0 0.4rem; margin-bottom: 0.4rem; } .about-info .cur2 .more{ width: 2.16rem; height: 0.53rem; border-radius: 3px; overflow: hidden; background: #007d5a; margin: 0 auto; text-align: center; line-height: 0.53rem; display: block; color: #fff; margin-top: 40px; } .about-info .cur3{ background: url(../img/img-115.png) no-repeat right bottom 10%; background-size: 100%; } .about-info .cur3 .tit-t{ font-size: 0.28rem; line-height: 0.6rem; margin-top: 10%; margin-bottom: 0.2rem; text-align: center; font-size: 0.28rem; color: #333; } .about-info .cur3 .te{ font-size: 0.2rem; color: #666; padding: 0 0.4rem; margin-bottom: 0.4rem; } .about-info .cur3 .ul{ width: 6.9rem; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin: 0 auto; } .about-info .cur3 .ul .li{ width: 30%; margin-right: 5%; float: left; } .about-info .cur3 .ul .li img{ width: 100%; } .about-info .cur3 .ul .li:nth-child(3n){ margin-right: 0px; } .about-info .cur3 .more{ width: 2.16rem; height: 0.53rem; border-radius: 3px; overflow: hidden; background: #007d5a; margin: 0 auto; text-align: center; line-height: 0.53rem; display: block; color: #fff; margin-top: 40px; } .about-info .cur4 .more{ width: 2.16rem; height: 0.53rem; border-radius: 3px; overflow: hidden; background: #007d5a; margin: 0 auto; text-align: center; line-height: 0.53rem; display: block; color: #fff; margin-top: 40px; } .about-info .cur4{ background: url(../img/img-33.jpg) no-repeat center; background-size: cover; } .about-info .cur4 .tit-t{ font-size: 0.28rem; line-height: 0.6rem; margin-top: 10%; margin-bottom: 0.2rem; text-align: center; font-size: 0.28rem; color: #333; margin-bottom: 0.6rem; } .about-info .cur4 ul{ width: 6.9rem; margin: 15% auto 0; } .about-info .cur4 li{ width: 30%; margin-right: 5%; } .about-info .cur4 li:nth-child(3n){ margin-right: 0px; } .about-info .cur4 li img{ display: block; width: 80%; margin: 0 auto; } .about-info .cur4 li p{ text-align: center; font-size: 0.28rem; color: #333; margin-top: 0.2rem; } .about-info .cur5{ background: #f5f3f2; } .about-info .cur5 .tit-t{ font-size: 0.28rem; line-height: 0.6rem; margin-top: 0.6rem; margin-bottom: 0.2rem; text-align: center; font-size: 0.28rem; color: #333; margin-bottom: 0.2rem; } .about-info .cur5 .te{ font-size: 0.2rem; color: #666; padding: 0 0.2rem; margin-bottom: 0.4rem; } .about-info-box2 .swiper-slide{ width: 80%; background: #fff; height: initial; } .about-info-box2 .swiper-slide img{ width: 100%; display: block; } .about-info-box2 .swiper-slide p{ text-align: center; font-size: 0.2rem; color: #888; line-height: 0.7rem; } .news-info{ padding: 0 0.3rem; } .news-info .tit-t{ text-align: center; font-size: 0.36rem; line-height: 0.5rem; margin: 30px 0 10px; } .news-info .time{ text-align: center; font-size: 0.22rem; line-height: 0.22rem; margin-bottom: 0.5rem; } .news-info .text{ min-height: 3rem; } .news-info .text img{ display: block; max-width: 100%; } .info-page{ margin-top: 10px; margin-bottom: 20px; } .info-page .fll a{ display: block; font-size: 0.24rem; line-height: 0.45rem; color: #00986d; line-height: 0.45rem; margin-bottom: 5px; } .info-page .frr a{ width: 100px; height: 30px; text-align: center; line-height: 30px; border:1px solid #ddd; display: block; color: #666; margin-top: 10px; } .job-info{ padding:0.3rem; } .hu span.swiper-pagination-bullet-active{ background: #017d5b; } .header-img{ float: right; border-left: 1px solid #ddd; width: 0.88rem; height: 0.88rem; display: flex; align-items: center; justify-content: center; } .header-img img{ display: block; height: 0.58rem; } .search-btn{ padding: 0.2rem 0; font-size: 0.24rem; } .search-btn img{ width: 0.4rem; height: 0.4rem; float: left; margin-right: 0.2rem; } .search-top{ padding: 0.2rem 0; overflow: hidden; border-bottom: 1px solid #ddd; } .search-top img{ width: 0.4rem; height: 0.4rem; float: left; margin-top: 0.03rem; margin-right: 0.2rem; } .search-top input.input{ width: 5rem; height: 0.4rem; border:0px none; float: left; font-size: 0.24rem; } .search-top input.submit{ width: 1.26rem; height: 0.46rem; border:1px solid #ddd; box-sizing:border-box; float: right; background: none; border-radius: 5px; overflow: hidden; } .slidetop-box{ display: none; position: absolute; width: 6.9rem; height: 100%; background: #fff; } .slidetop-box p{ font-size: 0.24rem; color: #999; margin: 0.33rem 0; } .slidetop-box a{ height: 0.83rem; line-height: 0.83rem; font-size: 0.24rem; color: #333; border-bottom: 1px solid #ddd; margin: 0 auto; display: block; } .header .carry{ height: 100%; position: absolute; top: 0px; left: 0px; display: none; } .header .carry img{ display: block; height: 100%; } .job_info{ padding: 0.3rem 0.3rem; } .job_info .job-info-tit{ font-size: 0.24rem; line-height: 0.36rem; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 10px; } .job_info .job-info-text{ font-size: 0.24rem; padding: 0.1rem 0; margin-bottom: 15px; } .job_info a{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #017d5b; margin-bottom: 10px; } .job_info .job-info-text ul li{ width: 50%; font-size: 0.24rem; } .job_info .job-info-text img{ display: block; width: 100%; margin: 5px auto; } .product-img{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 1; } .product-img-box{ position: relative; top: 50%; left: 0px; } .product-img-box img{ width: 100%; display: block; } .product-return{ position: fixed; width: 100px; height: 30px; text-align: center; line-height: 30px; border:1px solid #fff; display: block; z-index: 1; font-size: 14px; color: #fff; top:20px; left: 20px; } .question{ background: #fafafa } .question ul{ padding-top: 10px; } .question li{ background: none; line-height:0.5rem; height: auto; border-bottom: 0px none; width: 100%; padding: 0px; margin: 0px; margin-bottom: 10px; /* width: 6.7rem; padding-left: 0.2rem; padding-right: 0.2rem; */ } .question li .topp{ height: 0.82rem; background: #fff; padding-left: 0.2rem; padding-right: 0.2rem; overflow: hidden; } .question li .topp .fl{ width: 6rem; line-height: 0.82rem; } .question li .topp .fr{ width: 0.31rem; height: 0.32rem; background: url(../img/news05.png) no-repeat center top; background-size: 0.31rem auto; margin-top: 0.25rem; } .question li .bott{ background: #fff; padding: 0.2rem; overflow: hidden; border-top: 1px solid #ddd; display: none; } .question li.cur .topp{ background: #007d5a; } .question li.cur .topp .fl{ color: #fff; } .question li.cur .topp .fr{ background: url(../img/news05.png) no-repeat center bottom; background-size: 0.31rem auto; } .search-jax{ position: fixed; width: 6.5rem; left: 0.3rem; top: 20%; z-index: 5; background: #fff; padding: 0.2rem; border-radius: 3px; box-shadow: 0 0 10px #fff; display: none; } .searchbg{ width: 100%; height: 100%; background: #000; opacity: 0.6; position: fixed; top: 0px; left: 0px; z-index: 4; display: none; } .wui-box{ width: 7.1rem; overflow: hidden; margin: 0 auto; } .wui-box{ width: 7.5rem; margin: 0 auto; overflow: hidden; background: #fff; } .wui-box .ttt{ border-bottom: 1px solid #ddd; background: #fff; height: 1.15rem; line-height: 1.15rem; font-size: 0.26rem; color: #333; margin: 0 auto; margin-bottom: 0.3rem; width: 7.1rem; } .wui{ width: 7.1rem; margin: 0 auto; overflow: hidden; } .wui img{ display: block; width: 100%; } .wui p{ text-align: center; line-height: 0.64rem; color: #666; } .wui .ml { position: relative!important; margin-top: 0.1rem; } .wui .ml span{ background: #989898; opacity: 1!important; } .wui .ml .swiper-pagination-bullet-active{ background: #007d5a; } .topotp{ position: fixed; bottom: 84px; right: 10px; display: none; width: 40px; height: 40px; z-index: 10; } .topotp img{ width: 100%; } .news .ajax .wel-news ul{ width: 7.5rem; background: #fff; margin: 0 auto; } .news .ajax .wel-news li{ width: 6.9rem; padding: 0 0.3rem; border-bottom: 1px solid #ddd; margin-bottom: 0.25rem; padding-bottom: 0.25rem; margin-right: 0%; box-sizing: border-box; border: 0px none; } .news .ajax .wel-news li a{ display: block; } .news .ajax .wel-news li img{ display: block; width: 100%; margin-bottom: 0.24rem; } .news .ajax .wel-news li h2{ display: block; font-size: 0.26rem; color: #666; line-height: 0.4rem; margin-bottom: 0.1rem; } .news .ajax .wel-news li .te{ background: url(../img/img-21.png) no-repeat right 0.2rem bottom; background-size: 0.11rem 0.2rem } .news .ajax .wel-news li .te p{ font-size: 0.24rem; color: #999; width: 90%; height: 0.72rem; line-height: 0.36rem; margin-bottom: 0.17rem; } .news .ajax .wel-news li .time{ font-size: 0.24rem; color: #999; font-family: "Arial"; } .maybe-need1 { background: #fff; padding-bottom: 0.74rem; } .maybe-need1 .tit-t{ height: 1.16rem; line-height: 1.16rem; background: #fff; box-shadow: 0 0 10px #ddd; padding: 0 0.2rem; font-size: 0.26rem; color: #333; } .maybe-need1 ul{ width: 7.1rem; margin: 0 auto; } .maybe-need1 li{ width: 23.5%; margin-right: 2%; padding-top: 0.24rem; } .maybe-need1 li:nth-child(4n){ margin-right: 0px; } .maybe-need1 .bg{ width: 55%; overflow: hidden; position: relative; margin: 0 auto; } .maybe-need1 .bg img{ width: 100%; } .maybe-need1 .bg .bg-img{ position: absolute; top: 0px; left: 0px; } .maybe-need1 ul{ padding-top: 0.32rem; } .maybe-need1 li{ background: #f9f9f9; padding-bottom: 0.40rem; border-radius: 2px; } .maybe-need1 li .top{ font-size: 0.22rem; line-height: 0.26rem; text-align: center; overflow: hidden; height: 0.26rem; display: block; margin-top: 0.2rem; color: #666; } .maybe-need1 li .more{ font-size: 0.2rem; color: #666; text-align: center; display: block; } .maybe-need1 li.cur{ background: #007d5a; } .maybe-need1 li.cur .bg .bg-img{ top: -100%; } .maybe-need1 li.cur span{ color: #fff; } .job_info .job-info-tit-name { font-size: 0.24rem; line-height: 0.36rem; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 10px; } .job_info .job-info-tit-name span{ color: #666; } .deve-item1 { border-bottom: 1px solid #cee3dc; padding: 20px; } .deve-item1 .img100 { display: block; width: 100%; } .deve-txts { margin-top: 10px; } .deve-font { font-size: 14px; line-height: 24px; color: #333; padding-left: 16px; background: url(../img/dian.png) no-repeat left top 7px; }