@charset "utf-8"; /* CSS Document */ img { display: block; } /* ----------------------------------index------------------------------------- */ /*banner*/ .bannerBox { width: 100%; height: 460px; position: relative; /* 手机注册 */ /* slide-banner */ } .bannerBox input::-webkit-input-placeholder { color: #666; font-size: 14px; } .bannerBox input::input-placeholder { color: #666; font-size: 14px; } .bannerBox .mobiltBox { position: absolute; width: 422px; height: 52px; left: 50%; bottom: 50px; background: transparent; margin-left: -210px; z-index: 100; border-radius: 4px; border: 1px solid #3EC8DC; box-shadow: 1px 2px 9px #666; } .bannerBox .mobiltBox .mobileNumber { float: left; width: 300px; height: 50px; background: rgba(255, 255, 255, 1); color: #999; line-height: 52px; font-size: 14px; border: none; outline: none; padding-left: 18px; border-radius: 4px 0 0 4px; } .bannerBox .mobiltBox .mobileRegister { cursor: pointer; float: left; width: 120px; height: 50px; background: #3EC8DC; color: #fff; line-height: 52px; font-size: 18px; font-weight: 800; font-family: "微软雅黑"; text-align: center; border-radius: 0 4px 4px 0; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1); } .bannerBox .slideBannerPagination { position: absolute; z-index: 20; bottom: 16px; width: 100%; text-align: center; } .bannerBox .slideBannerPaginationSwitch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #555; margin: 0 5px; opacity: 0.8; border: none; cursor: pointer; } .bannerBox .slideBannerPaginationSwitch.on { background: #5DD5CC; } .chanjet-box-txt { width: 100%; margin: 136px auto 0; } .chanjet-title { width: 1000px; margin: 0 auto 16px; text-align: center; } .line-text { font-size: 32px; color: #292E30; width: 100%; text-align: center; } .p-chanjet { margin: 0 auto; font-size: 16px; line-height: 24px; color: #768187; text-align: center; padding-bottom: 40px; } .card-threeBox { width: 1080px; margin: 70px auto 80px; } .card-threeBox ul { overflow: hidden; padding: 0 32px; } .card-threeBox ul li { float: left; width: 270px; text-align: center; color: #768187; font-size: 14px; } .card-threeBox ul li p { line-height: 30px; } .card-imgBox { width: 180px; margin: 0 auto 50px; } .border-b-p { padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; margin-bottom: 14px; } .piao-box-bg { width: 100%; min-width: 100%; height: 760px; background: url(/public/static/ruanjian/images/bg-01.png) no-repeat center; background-size: cover; padding-top: 80px; } .con-mid { margin: 0 auto; } .con-mid p { line-height: 32px; } .new-title-p32 { font-size: 28px; margin-bottom: 20px; } .new-text-p20 { font-size: 18px; } .new-text-p16 { font-size: 14px; } a.More-btn-style { display: block; width: 260px; height: 50px; text-align: center; line-height: 50px; border: none; border-radius: 50px; margin-top: 30px; color: #fff; background: #FF831B; } .zhi-box-bg { width: 100%; min-width: 100%; height: 600px; background: url(/public/static/ruanjian/images/bg-02.png) no-repeat center; background-size: cover; } .cai-box-bg { width: 100%; min-width: 100%; height: 600px; background: url(/public/static/ruanjian/images/bg-03.png) no-repeat center; background-size: cover; /* padding-top:50px; */ } .zhic-box-bg { width: 100%; min-width: 100%; height: 738px; background: url(/public/static/ruanjian/images/bg-04.png) repeat-x; padding-top: 54px; overflow: hidden; } .zhic-box-bg img { position: absolute; left: 0; bottom: 0; } /*客户案例*/ .anli-style-new { width: 100%; min-width: 100%; padding: 90px 0 0; height: 880px; background: url(/public/static/ruanjian/images/b-kehu.png) no-repeat center; background-size: cover; } .anli-list-new { width: 1140px; margin: 60px auto 0; } .new-ke-anli { text-align: center; color: #fff; } .anli-list-new li { float: left; width: 240px; text-align: center; margin-right: 58px; } .font-text3 { font-size: 14px; line-height: 24px; width: 600px; margin: 0 auto; text-align: center; color: #768187; } .anli-img-new { width: 96px; height: 96px; border-radius: 100%; margin: 0 auto 16px; } .anli-img-new img { width: 96px; height: 96px; border-radius: 100%; border: 6px solid rgba(255, 255, 255, 0.2); } /*新闻中心*/ .newsCon-box { width: 1140px; margin: 150px auto 180px; } .newsTitle { font-size: 32px; color: #292E30; text-align: center; margin-bottom: 40px; } .newsList-box { width: 450px; height: 280px; border: 1px solid #e9e9e9; box-sizing: content-box; } #newsList-box-title { width: 100%; display: -webkit-flex; display: flex; overflow: hidden; zoom: 1; border-bottom: 1px solid #e9e9e9; color: #696969; font-size: 18px; } #newsList-box-title li { -webkit-flex: 1; flex: 1; height: 50px; text-align: center; line-height: 50px; cursor: pointer; } #newsList-box-title li.current-active { color: #fff; background: -webkit-linear-gradient(45deg, #42CDCC, #39BED0); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(45deg, #42CDCC, #39BED0); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(45deg, #42CDCC, #39BED0); /* Firefox 3.6 - 15 */ background: linear-gradient(45deg, #42CDCC, #39BED0); /* 标准的语法 */ } #newsList-box-content { width: 100%; padding: 16px 12px; } #newsList-box-content .bq-text { line-height: 30px; display: none; color: #888; } #newsList-box-content .bq-text p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #newsList-box-content .bq-text p a { color: #888; } #newsList-box-content .bq-text p a:hover { color: #3EC8DD; } a.newsList-btn { display: block; width: 80px; height: 30px; line-height: 28px; text-align: center; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.3); margin-top: 10px; color: rgba(0, 0, 0, 0.7); } a.newsList-btn:hover { border: 1px solid #3EC8DD; margin-top: 10px; color: #fff; background: #3EC8DD; } .hotNews-box { width: 660px; height: 280px; overflow: hidden; position: relative; } #ifocus_pic { width: 100%; height: 100%; } #ifocus_opdiv { width: 100%; height: 50px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; z-index: 10; } #ifocus_tx { width: 100%; font-size: 18px; position: absolute; left: 20px; bottom: 12px; z-index: 20; } #ifocus_tx ul li a { color: #fff; } #ifocus_tx ul li a:hover { color: #3EC8DD; } .hotTex-box { width: 135px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 22px; background: url(/public/static/ruanjian/images/news-bg.png) no-repeat center; position: absolute; left: 0; top: 20px; z-index: 10; } #ifocus_btn { position: absolute; top: 50%; margin-top: -55px; right: 15px; width: 10px; text-align: center; z-index: 100; } #ifocus_btn .slideNewsPaginationSwitch { margin: 10px auto; display: block; width: 10px; height: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.5); } #ifocus_btn .slideNewsPaginationSwitch.on { width: 10px; height: 10px; border-radius: 10px; background: #5DD5CC; } /*---2018.05.09--------------------------------------------购买*/ .buyBanner { width: 100%; min-width: 100%; background: url(/static/v4/images/buy/buy-banner.png) no-repeat center; background-size: cover; height: 450px; } .buyCard-box { width: 100%; min-width: 100%; background: url(/static/v4/images/buy/buy-bg.png) no-repeat center -200px; background-size: cover; padding: 100px 0 120px; } .buyCard-box ul { width: 1000px; height: 375px; margin: 0 auto; /* overflow: hidden;*/ } .buyCard-box ul li.outlist-buy { float: left; width: 275px; height: 375px; position: relative; } .cardIcon-left { width: 64px; height: 50px; position: absolute; top: 0; left: 16px; z-index: 10; } .cardIcon-left img { width: 64px; } .bujiWhite { width: 275px; height: 375px; padding-top: 44px; text-align: center; color: #666; background: #f7f7f7; border-radius: 10px; } .bujiWhite h2 { width: 200px; margin: 0 auto 20px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #D2D2D2; } a.btn-buyGreen { display: block; width: 200px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; border-radius: 50px; background: #93D200; margin: 66px auto 0; } .bujiBlack { display: none; width: 275px; height: 375px; padding-top: 44px; text-align: center; color: #fff; background: url(/static/v4/images/buy/card-bg.png) no-repeat center; background-size: cover; } .bujiBlack h2 { width: 200px; margin: 0 auto 20px; color: #fff; padding-bottom: 20px; border-bottom: 1px solid #D2D2D2; } ul.buyCard-list { width: 100px; height: auto; margin: 0; } ul.buyCard-list li { list-style-position: inside; list-style-type: disc; text-align: left; line-height: 24px; } a.btn-buyWhite { display: block; width: 200px; height: 40px; line-height: 40px; color: #4F5362; font-size: 16px; border-radius: 50px; background: #fff; position: absolute; left: 50%; margin-left: -100px; bottom: 34px; z-index: 20; box-shadow: 0 28px 57px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 28px 57px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 28px 57px rgba(0, 0, 0, 0.4); } /* -----------------------------------------------认证查询----------------------------------------------------- */ /*2017.11.01*/ .z-banner { width: 100%; min-width: 1200px; height: 250px; background: url(/static/v4/images/zs/z-banner.jpg) no-repeat center; background-size: cover; } .zs-top-box { width: 1200px; margin: 40px auto; } .zs-input-box { width: 600px; border-right: 1px solid #dbd7d6; padding-top: 20px; } .zs-input { width: 100%; position: relative; padding-bottom: 30px; } .input-title-z { padding-left: 50px; height: 28px; line-height: 28px; } .zs-input-group { width: 320px; height: 28px; line-height: 28px; padding-left: 12px; border: 1px solid #dbd7d6; } .zs-input-group input[type="text"] { display: block; width: 100%; height: 100%; border: none; outline: none; } .erro-zs-style { font-size: 12px; color: #ff4646; position: absolute; top: 30px; left: 120px; } .btn-zs-box { width: 500px; text-align: center; } .btn-zs { display: block; width: 320px; height: 28px; line-height: 28px; color: #fff; text-align: center; /*background:#33c8e0;*/ border-radius: 2px; margin: 40px auto 10px; } .btn-zs-enable { background: #33c8e0; } .btn-zs-disable { background: #dbd7d6; } .btn-zs-box p { color: #666; font-size: 12px; } .jieguo-box { width: 1200px; height: 250px; margin: 0 auto 40px; border: 1px solid #dbd7d6; } .has-result { background: url(/static/v4/images/zs/z-bg02.jpg) no-repeat 1126px bottom #fafafa; } .none-result { background: url(/static/v4/images/zs/z-bg01.jpg) no-repeat 1126px bottom #fafafa; } .jieguo-box .fz18 { text-align: center; height: 50px; line-height: 50px; border-bottom: 2px solid #33c8e0; font-weight: 600; } .jieguo-box table { width: 540px; margin: 40px auto 0; } .jieguo-box table tr td { height: 34px; line-height: 34px; } .none-result-img { width: 170px; margin: 50px auto 0; height: 58px; line-height: 58px; color: #999; background: url(/static/v4/images/zs/z-icon1.jpg) no-repeat left top; background-size: 58px auto; padding-left: 64px; } /* -------------------------------------------news-qa-sem---------------------------------------------------------- */ /*2017.10.31*/ .banner-news { width: 100%; min-width: 1200px; height: 250px; background: url(../news/images/news-banner2.jpg) no-repeat center; background-size: cover; cursor: pointer; } .question-banner { width: 100%; min-width: 1200px; height: 250px; background: url(../news/images/question-banner2.jpg) no-repeat center; background-size: cover; cursor: pointer; } .bannerBoxNewQa { width: 100%; min-width: 1200px; height: 250px; overflow: hidden; position: relative; } .slideBannerLineNewQa { width: 100%; height: 100%; overflow: hidden; } .slideBannerNewQa { width: 100%; height: 100%; overflow: hidden; } .slideBannerNewQa a { width: 100%; height: 100%; overflow: hidden; } .slideBannerPaginationNewQa { position: absolute; z-index: 20; bottom: 16px; width: 100%; text-align: center; } .slideBannerPaginationSwitchNewQa { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #555; margin: 0 5px; opacity: 0.8; border: none; cursor: pointer; } .slideBannerPaginationSwitchNewQa.on { background: #5DD5CC; } /* .break-link{ width:1200px; margin:0 auto; height:34px; line-height:54px; color:#999; } .break-link a{ color:#999; margin:0 10px; } */ .list-text-box { width: 1200px; margin: 0 auto 100px; } /* .list-group-news{ width:760px; } .list-group-tui{ width:404px; border:1px solid #ececec; padding:16px; } .list-group-news ul li{ width:100%; padding:20px 0; border-bottom:1px dashed #B8B8B8; } .list-group-news ul li a{ color:#333;} .list-group-img{ width:270px; margin-right:20px;} .list-group-text{ width:470px; height:140px; position:relative;} .list-group-text .fz20{ margin-bottom:10px;} .list-group-text .fz14{ color:#666;} .pos-time{ position:absolute; bottom:0; z-index:2;} */ .tuijian-img { width: 100%; margin-bottom: 10px; height: 140px; overflow: hidden; } /* .title-right{ font-size:20px; padding-bottom:6px; border-bottom:1px solid #666;} */ .tui-text-list { width: 100%; color: #666; padding-top: 14px; } /* .tui-text-list li{list-style-position:inside; list-style-image:url(/static/v4/images/yuan.png); padding-bottom:10px;} */ .tui-text-list li a { color: #666; } /* .page-list{ margin-top:40px;} .page-list a{ color:#666; padding:0 5px; cursor:pointer;} */ .con-left-text { padding-top: 30px; } .con-left-text h1 { font-size: 24px; margin-bottom: 20px; } .con-left-text .fz12 { color: #999; padding-bottom: 16px; border-bottom: 1px solid #ececec; margin-bottom: 30px; } .text-style-con { padding: 10px 0; line-height: 30px; text-indent: 2em; } .con-left-text img { display: inline-block; margin: 20px 0; } .up-down-news { width: 100%; } .up-down-news a { display: block; max-width: 360px; color: #51AEE0; } .bottomBanner { display: block; width: 720px; margin: 0 auto; } .bottomBanner img { width: 100%; } /* ---------20180626 news+qa---------- */ .break-link { width: 1200px; margin: 18px auto; height: 38px; line-height: 34px; color: #999; border-bottom: 1px solid #dbdbdb; } .break-link a { display: inline-block; color: #666; margin: 0 10px; } .active-break { border-bottom: 4px solid #3BA7C1; } .list-group-news { width: 840px; } .list-group-tui { width: 340px; border: 1px solid #e5e5e5; padding: 16px; background: #F4F5F6; } .list-group-news .listBox { position: relative; width: 100%; border: 1px solid #e5e5e5; margin-bottom: 20px; } .list-group-news .listBox:hover { border: 1px solid #3BA7C1; box-shadow: 0 0 20px rgba(183, 207, 213, 0.4); } .list-group-news ul li a { color: #333; } .news-time-box { width: 70px; text-align: center; color: #999; } .news-time-box p img { display: inline-block; } .news-time-box .fz24 { margin-top: 28px; } .news-time-box .fz12 { margin: 6px 0 8px; } .list-group-img { width: 200px; height: 140px; } .list-group-text { width: 550px; padding-right: 30px; position: relative; } .list-group-text .fz20 { width: 550px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; margin-top: 20px; border-left: 10px solid #3BA7C1; padding-left: 14px; font-weight: 800; } .list-group-text .fz14 { width: 550px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; padding-left: 24px; } .keyWords { font-size: 14px; font-family: "微软雅黑"; color: #999; position: absolute; left: 294px; bottom: 10px; } .pos-time { position: absolute; right: 27px; bottom: 7px; z-index: 2; color: #ff4646; } .title-right { font-size: 20px; padding-bottom: 6px; border-bottom: 1px solid #ccc; background: url(/static/v4/news/images/news-q.png) no-repeat left 5px; background-size: 16px auto; padding-left: 22px; } .tui-text-list li { padding-bottom: 10px; } .page-list { margin-top: 40px; } .page-list a { display: block; float: left; padding: 0 14px; height: 30px; line-height: 28px; border: 1px solid #ededed; color: #666; cursor: pointer; font-size: 12px; margin-left: -1px; } .j-icon-style img { margin-top: 10px; } .j-icon-style.arrowCanNot { opacity: 0.3; } .page-list .active-page-newsHao { color: #fff; background: #3BA7C1; } /*-------210171212-----sempc------ */ .banner-box { width: 100%; min-width: 1180px; height: 540px; background: url(/static/v4/images/sem/pc/pc-chu01.jpg) no-repeat center; background-size: cover; margin-bottom: 20px; } .mid-boxStyle { width: 1180px; margin: 0 auto 20px; } .mid-boxStyle img { display: block; } .titleBanner-box { width: 100%; min-width: 1180px; height: 320px; background: url(/static/v4/images/sem/pc/pc-chu04.jpg) no-repeat center; background-size: cover; } .banner-boxGuan { width: 100%; min-width: 1180px; height: 540px; background: url(/static/v4/images/sem/pc/pc-guan01.jpg) no-repeat center; background-size: cover; margin-bottom: 20px; } .mid-bgBox { width: 100%; min-width: 1180px; height: 460px; background: url(/static/v4/images/sem/pc/pc-guan02.jpg) repeat-x; } .mid-bgBox img { display: block; margin: 0 auto; } .table-box { width: 100%; min-width: 1180px; height: 1100px; background: url(/static/v4/images/sem/pc/pc-guan07.jpg) no-repeat center; background-size: cover; margin-bottom: 20px; } /*------2018.05.10--------------------------产品*/ .proBanner { width: 100%; min-width: 100%; background: url(/static/v4/images/pro/banner-tab.png) no-repeat center; background-size: cover; height: 450px; position: relative; } .proBanner .movieBtn { width: 160px; height: 60px; position: absolute; background: transparent; cursor: pointer; left: 50%; top: 196px; margin-left: -80px; } .proBox-title { width: 1200px; margin: 0 auto; } .proBox-title ul li { float: left; width: 118px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #696969; border-bottom: 2px solid #fff; cursor: pointer; } .proBox-title ul li:hover, .proBox-title ul li.pro-active { color: #3EC8DD; border-bottom: 2px solid #3EC8DD; } .pro-bigBox, .proBox { width: 100%; min-width: 100%; } .proBox-list { height: 620px; } .bg-proBox-img { background: url(/static/v4/images/pro/tab-bg.png) no-repeat center; background-size: cover; } .proBox-listWhite { width: 1200px; margin: 0 auto; color: #768187; } .fz40 { font-size: 40px; } .iconList-text { padding-left: 50px; background-size: auto 40px; color: #3EC8DD; background-repeat: no-repeat; background-position: left center; margin-bottom: 20px; } .proBox-listWhite .fz18 { line-height: 30px; } .confirmBox { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1100; position: fixed; left: 0; top: 0; display: none; } .confirmBox .movieBox { width: 800px; height: 450px; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -250px; } .confirmBox .movieBox .movieTitle { width: 100%; height: 40px; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; display: none; } .confirmBox .movieBox .movieTitle p { text-align: center; line-height: 40px; color: #fff; } .confirmBox .movieBox .movieTitle .closeMovie { position: absolute; right: 0; top: 0; width: 40px; height: 100%; z-index: 1101; cursor: pointer; background: url(/static/v4/images/pro/close.png) no-repeat center center; background-size: 40% 40%; } .confirmBox .movieBox .movie { width: 100%; height: 100%; } /*-------20160614-----cooperate------ */ .cooperateBox { width: 100%; min-width: 1200px; } .cooperateBox .bg-box { width: 100%; min-width: 1200px; } .cooperateBox .mid-box { margin: 0 auto; } .cooperateBox .banner-box { height: 440px; padding-top: 40px; background: url(/static/v4/images/cooperate/banner-bg.png) no-repeat center; background-size: cover; } .cooperateBox .banner-img { width: 965px; } .cooperateBox .you-box { height: 536px; margin: 100px 0 0; background: url(/static/v4/images/cooperate/2-bg.png) no-repeat center; background-size: cover; } .cooperateBox .you-img { width: 960px; } .cooperateBox .ti-img { width: 1000px; padding: 100px 0; } .cooperateBox .qu-box { height: 650px; padding: 60px 0 0; background: url(/static/v4/images/cooperate/4-bg.png) no-repeat center; background-size: cover; } .cooperateBox .qu-img { width: 1000px; } .cooperateBox .chan-box { height: 502px; padding: 50px 0 0; background: url(/static/v4/images/cooperate/6-bg.png) no-repeat center; background-size: cover; } .cooperateBox .chan-img { width: 960px; } .cooperateBox .l-box { height: 651px; padding: 100px 0 0; background: url(/static/v4/images/cooperate/7-bg-new.png) no-repeat center; background-size: cover; } .cooperateBox .l-img { width: 1000px; } /*2018.06.20*/ .wechat-banner { width: 100%; min-width: 100%; background: url(/static/v4/images/b01.png) no-repeat center; background-size: cover; height: 450px; } .btn-BoxWe { width: 100%; min-width: 100%; height: 215px; background: #fafafa; padding-top: 70px; } .mid-btn-BoxWe { width: 1200px; margin: 0 auto; } .mid-btn-BoxWe .fl { width: 50%; text-align: center; } .mid-btn-BoxWe .fl p { color: #666; width: 100%; margin-bottom: 18px; } .mid-btn-BoxWe .fl a { display: inline-block; width: 284px; height: 38px; text-align: center; } .btn-BoxWe-img { width: 100%; min-width: 100%; height: 215px; background: url(../images/b2.png) no-repeat center; padding-top: 70px; } /*# sourceMappingURL=account.css.map */