/* 引入字体 */ @font-face { font-family:"SourceHanSansCN-Medium"; src: url(../fonts/SourceHanSansCN-Medium.otf); } @font-face { font-family:"SourceHanSansCN-Regular"; src: url(../fonts/SourceHanSansCN-Regular.otf); } @font-face { font-family:"douyu-font"; src: url(../fonts/douyu-font.ttf); } /* 轮播样式 */ .banner-swiper { overflow-x: hidden; height: 100vh; position: relative; background-color: #FFFFFF; } .banner-swiper .swiper-slide { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .banner-title{ display: flex; justify-content: space-between; width: 100%; padding: 3% 10%; color: #FFFFFF; background-color: rgba(45,54,41,0.75); position: absolute; left: 0; bottom: 0; z-index: 1; } .banner-title .left, .banner-title .right{ width: 40%; } .banner-title .left>span{ display: block; font-size: 20px; line-height: 2; } .banner-title .left>strong{ display: block; font-size: 36px; line-height: 1.55; } .banner-title .right strong{ display: block; font-size: 20px; line-height: 2; } .banner-title ins{ display: block; width: 27px; height: 39px; margin-top: 50px; background: url(../imgs/mouse-bg.png) no-repeat; cursor: pointer; } .banner-title ins em{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; transition: 300ms; -webkit-transition: 300ms; background-image: url(../imgs/mouse.png); background-position: center 0; animation: mouse 3s linear alternate infinite; -webkit-animation: mouse 3s linear alternate infinite; } /* 分页器 */ .banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .banner-swiper .swiper-pagination-custom, .banner-swiper .swiper-pagination-fraction{ font-size: 16px; font-weight: bold; color: #fff !important; bottom: 120px; } /* 指示点默认样式 */ .banner-swiper .swiper-pagination-bullet { width: 12px; height: 12px; line-height: 12px; text-align: center; background-color: #007EC0; margin: 0 9px !important; opacity: 1; } /* 鼠标悬浮样式、当前选中指示点样式 */ .banner-swiper .swiper-pagination-bullet:hover, .banner-swiper .swiper-pagination-bullet-active { background-color: #E73F7C; color: #FFFFFF; transition: all 0.6s; } /* 评估 */ .index-assess{ padding: 22px 0; background-color: #F2F7F1; } .index-assess ul{ display: flex; justify-content: space-between; } .index-assess ul li{ width: 31.8%; padding: 28px 26px; background-color: #FFFFFF; background-image: url(../imgs/assess-bg.png); background-repeat: no-repeat; background-size: 104px 90px; background-position: bottom right; -webkit-box-shadow: 0 0 10px 3px rgba(114,193,82,0.09); -moz-box-shadow: 0 0 10px 3px rgba(114,193,82,0.09); -ms-box-shadow: 0 0 10px 3px rgba(114,193,82,0.09); -o-box-shadow: 0 0 10px 3px rgba(114,193,82,0.09); box-shadow: 0 0 10px 3px rgba(114,193,82,0.09); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all .8s; } .index-assess ul li>a{ display: flex; justify-content: space-between; align-items: center; transition: all .8s; } .index-assess ul li strong{ display: block; font-size: 20px; line-height: 1.5; } .index-assess ul li span{ display: block; font-size: 15px; line-height: 2; } .index-assess ul li img{ height: 67px; } .index-assess ul li:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); transition: all .8s; } .index-assess ul li:hover>a{ color: #72C152; transition: all .8s; } /* 标题 */ .pull-title{ text-align: center; } .pull-title h2{ font-size: 28px; line-height: 1.5; } .pull-title span{ display: block; font-family: arial; font-variant: all-petite-caps; font-size: 32px; line-height: 1.5; } .pull-title span>em{ color: #72C152; } .pull-title ins{ display: block; width: 14px; height: 6px; background-color: #72C152; margin: 18px auto 30px; } /* 案例类别 */ .index-case{ padding: 40px 0; } .case-item{ display: flex; justify-content: center; padding: 38px 0; border-top: 1px solid #ededed; } .case-item li{ font-size: 16px; line-height: 2.5; padding: 0 45px; cursor: pointer; } .case-item li em{ display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #72C152; margin: 0 auto; opacity: 0; } .case-item li.active{ color: #72C152; font-weight: bold; } .case-item li.active em{ opacity: 1; transition: all .8s; } /* 案例分类 */ .case-serve-all .case-serve{ display: none; } .case-serve-all .case-serve.active{ display: flex; justify-content: center; margin-bottom: 5px; } .case-serve li{ height: 36px; font-size: 14px; line-height: 34px; padding: 0 20px; margin: 0 3.5px; background-color: #FFFFFF; border: 1px solid #EDEDED; } .case-serve li.active{ background-color: #72C152; border: 1px solid #72C152; color: #FFFFFF; } /* 案例列表 */ .case-list-all>div{ display: none; } .case-list{ overflow: hidden; } .case-list li{ width: 31%; margin: 35px 3.5% 0 0; float: left; } .case-list li:nth-of-type(3n){ margin-right: 0; } .case-list li>.case-img{ display: block; height: 270px; margin-bottom: 8px; overflow: hidden; } .case-list li>.case-img img{ width: 100%; min-height: 100%; } .case-list li p{ font-size: 16px; line-height: 2; font-weight: bold; color: #72C152; transition: all .8s; } .case-list li span{ display: block; font-size: 14px; line-height: 2; color: #585858; transition: all .8s; } .case-list li:hover p, .case-list li:hover span{ color: #72C152; text-decoration: underline; transition: all .8s; } .pull-more{ display: flex; width: 66px; height: 11px; margin: 40px auto 0; justify-content: center; } .pull-more>em{ width: 11px; height: 11px; border-radius: 100%; background-color: #989898; margin: 0 5px; transition: all .8s; } .pull-more:hover>em{ background-color: #72C152; transition: all .8s; } .publicity-bg{ height: auto; background-image: url(../imgs/publicity-bg.jpg); background-position: center; background-size: cover; } .publicity{ display: flex; flex-wrap: wrap; padding: 50px 0; } .publicity li{ width: 50%; color: #FFFFFF; padding: 25px 0 35px; text-align: center; } .publicity li>p{ font-family: impact; font-size: 80px; line-height: 1.5; } .publicity li>p em{ font-family: "微软雅黑"; font-size: 30px; margin-left: 15px; font-weight: bold; } .publicity li>p>sup{ font-size: 60px; margin-left: 18px; } .publicity li:nth-of-type(3) p{ line-height: 2; font-size: 60px; font-weight: bold; font-family: "微软雅黑"; } .publicity li>span{ font-size: 18px; line-height: 2; } .index-partner{ padding: 40px 0; } .partner-list{ border-top: 1px solid #e7e7e7; display: flex; flex-wrap: wrap; } .partner-list li{ display: flex; justify-content: center; align-items: center; width: 16.66%; height: 136px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; cursor: pointer; } .partner-list li:nth-of-type(6n){ border-right: 1px solid #e7e7e7; } .partner-list li img{ max-width: 80%; max-height: 70%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all .8s; } .partner-list li:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); transition: all .8s; transform: rotateX(360deg); } /* 新闻资讯 */ .index-news{ padding: 40px 0; } .news-list{ display: flex; justify-content: space-between; flex-wrap: wrap; } .news-list li{ width: 30%; margin-top: 30px; } .news-list li span{ display: block; font-size: 12px; line-height: 2; color: #585858; } .news-list li h3{ font-size: 16px; line-height: 2.5; } .news-list li p{ font-size: 14px; line-height: 2; text-align: justify; } .news-list li ins{ display: flex; margin-top: 34px; } .news-list li ins>em{ width: 0px; height: 2px; margin-top: 7px; background-color: #72C152; transition: all .4s; } .news-list li ins img{ height: 16px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all .8s; } .news-list li:hover h3{ color: #72C152; } .news-list li:hover ins>em{ width: calc(100% - 15px); background-color: #72C152; transition: all .4s; } .news-list li:hover ins>img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } /* 资质展示 */ .index-qualification{ padding: 40px 0 70px; background-image: url(../imgs/qualification-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: cover; } .qualification-swiper-bg{ position: relative; } .qualification-swiper{ padding-top: 10px; overflow: hidden; } .qualification-swiper .swiper-slide{ width: 22.75% !important; } .qualification-swiper .swiper-slide img{ width: 100%; } .qualification-swiper-bg .swiper-button-prev{ position: absolute; width: 57px; height: 57px; border-radius: 100%; margin-top: -28.5px; left: -90px; background-image: url(../imgs/arrow-left.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; z-index: 99; } .qualification-swiper-bg .swiper-button-next{ position: absolute; width: 57px; height: 57px; border-radius: 100%; margin-top: -28.5px; right: -90px; background-image: url(../imgs/arrow-right.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; z-index: 99; } .qualification-swiper-bg .swiper-button-disabled{ opacity: 1; } /* 服务start */ .list-title h2{ font-weight: normal; } .list-title ins{ margin-bottom: 0; position: relative; z-index: 1; } .list-title .line{ width: 100%; height: 1px; background: #e3e3e3e3; margin-top: -3px; } .serve-survey-bg{ background-color: #EEEEEE; padding: 144px 0 0; } .serve-survey{ display: flex; justify-content: space-between; margin-top: 48px; background-color: #FFFFFF; } .serve-survey .left{ width: 50%; height: 485px; overflow: hidden; } .serve-survey .left img{ width: 100%; min-height: 100%; } .serve-survey .right{ width: 50%; padding: 30px; } .serve-survey .right p{ font-size: 14px; line-height: 2; margin-bottom: 10px; overflow: hidden; } .serve-survey .right p>em{ width: 5em; display: block; color: #585858; opacity: .8; float: left; } .serve-survey .right p>span{ display: block; width: calc(100% - 5em); float: left; } .serve-tags{ padding: 5px 0; border-top: 1px solid #e8e8e8; margin-top: 15px; } .serve-tags span{ display: inline-table; font-size: 14px; color: #585858; line-height: 3; margin-left: 3em; } .serve-tags span:first-child{ margin-left: 0; } .serve-survey .more{ height: 42px; margin-top: 22px; overflow: hidden; } .serve-survey .more>a{ display: block; width: 162px; line-height: 42px; background-color: #0384c4; font-size: 16px; color: #FFFFFF; text-align: center; float: left; } .serve-survey .more>a:first-child{ background-color: #72C152; margin-right: 10px; } .serve-nav-bg{ background-color: #72C152; } .serve-nav{ display: flex; justify-content: flex-start; } .serve-nav li{ font-size: 20px; color: #FFFFFF; line-height: 68px; padding: 0 40px; cursor: pointer; } .serve-nav li.active{ background-color: #0384C4; } .serve-content{ display: flex; justify-content: space-between; margin: 12px auto 40px; } .serve-content .left{ width: 73%; } .serve-content .left .pull-txt{ display: none; } .serve-content .left .pull-txt{ font-size: 14px; line-height: 2; color: #585858; } .serve-content .left .pull-txt strong{ display: block; } .serve-content .left .pull-txt p{ margin: 12px 0; text-align: justify; } .serve-content .left .pull-txt img{ max-width: 96%; margin: 0 auto; } .serve-content .left .pull-txt:nth-of-type(1){ display: block; } .serve-content .right{ width: 24%; margin-top: 16px; } .serve-content .right .section{ margin-top: 30px; } .serve-content .right .section:nth-of-type(1){ margin-top: 0; } .sider-title{ text-align: left; } .sider-title h2{ font-size: 16px; } .sider-title span{ line-height: 1.25; } .sider-title ins{ margin: 18px 0 0 1px; } .sider-case li{ margin-top: 26px; } .sider-case li .case-img{ height: 208px; overflow: hidden; } .sider-case li .case-img img{ width: 100%; min-height: 100%; } .sider-case li p{ font-size: 16px; line-height: 2.5; color: #72C152; font-weight: bold; margin-top: 6px; } .sider-case li span{ font-size: 14px; color: #585858; line-height: 1.5; } .sider-contact>p{ font-size: 14px; line-height: 2; } .sider-contact>p:nth-of-type(1){ color: #72C152; margin-top: 18px; } .sider-contact .sider-ewm{ display: flex; margin: 20px 0; } .sider-contact .sider-ewm>span:first-child{ margin-right: 10px; } .sider-contact .sider-ewm img{ width: 100%; } .sider-contact .sider-ewm>span{ display: block; width: 36.5%; font-size: 14px; line-height: 2; text-align: center; } .sider-contact input{ width: 100%; padding: 0 22px; line-height: 50px; border: 1px solid #e7e7e7; border-radius: 2px; margin-bottom: 16px; font-size: 14px; color: rgba(0,0,0,0.5); } .sider-contact select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; outline:none; background-image: url(../imgs/select-bown.png); background-repeat: no-repeat; background-size: 14px 7px; background-position: 96% center; } .sider-contact select, .sider-contact textarea{ width: 100%; height: 52px; padding: 0 21px; line-height: 50px; border: 1px solid #e7e7e7; border-radius: 2px; margin-bottom: 16px; } .sider-contact textarea{ height: 160px; } .sider-contact input::-webkit-input-placeholder, .sider-contact textarea::-webkit-input-placeholder { color: rgba(0,0,0,0.5); } .sider-contact input::-ms-input-placeholder, .sider-contact textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .sider-contact input::-moz-input-placeholder, .sider-contact textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .sider-contact input::-o-input-placeholder, .sider-contact textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .sider-contact input::input-placeholder, .sider-contact textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .sider-contact .sider-btn{ width: 138px; height: 47px; background-color: #72C152; border: 0; border-radius: 2px; font-size: 16px; color: #FFFFFF; } /* 案例 */ .list-banner img{ width: 100%; } .pull-content{ padding-top: 40px; } /* 分页 */ .page-list{ display: flex; justify-content: flex-end; margin-top: 70px; font-size: 14px; line-height: 27px; } .page-list a{ margin-right: 30px; color: #585858; } .page-list a.active{ color: #72C152; } .page-list span{ margin-right: 18px; color: #585858; } .page-list span:last-child{ margin-right: 0; } .page-list select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none; width: 44px; height: 27px; border: 1px solid #888888; text-align: center; line-height: 25px; background: none; } /* 融资百科 */ .news-item{ display: flex; justify-content: center; padding-bottom: 38px; } .news-item li{ font-size: 16px; line-height: 2.5; padding: 0 45px; cursor: pointer; } .news-item li em{ display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #72C152; margin: 0 auto; opacity: 0; } .news-item li.active{ color: #72C152; font-weight: bold; } .news-item li.active em{ opacity: 1; transition: all .8s; } .news-list-all li{ width: 46%; margin-top: 66px; } .news-list-all li:nth-of-type(1), .news-list-all li:nth-of-type(2){ margin-top: 0; } .news-list-all li h3>em{ width: 0px; height: 1px; margin-top: 20px; background-color: #72C152; transition: all .4s; } .news-list-all li:hover h3{ color: #72C152; } .news-list-all li:hover h3>em{ display: block; width: 48px; background-color: #72C152; transition: all .4s; margin-right: 10px; float: left; } /* 关于我们 */ .about-publicity{ height: auto; padding-top: 90px; } .about-content{ display: flex; justify-content: space-between; align-items: center; } .about-content .about-txt{ width: 55%; } .about-content .about-txt h2{ font-size: 40px; line-height: 1.2; font-weight: normal; } .about-content .about-txt strong{ display: block; font-size: 26px; line-height: 1.5; color: #72C152; margin-top: 12px; } .about-content .about-txt p{ font-size: 16px; line-height: 2; text-align: justify; margin-top: 35px; } .about-content .about-img{ width: 38.5%; } .about-content .about-img img{ width: 100%; } .about-map{ position: relative; } .about-map .map{ height: 630px; } .BMap_noprint img{ height: 50px; } .about-contact{ width: 508px; height: 100%; padding: 55px; background-color: rgba(114,193,82,0.9); position: absolute; top: 0; left: 50%; margin-left: -660px; } .contact-title{ text-align: left; color: #FFFFFF; } .contact-title h2{ font-size: 28px; font-weight: normal; } .contact-title span{ line-height: 1.25; } .contact-title span>em{ color: #FFFFFF; } .contact-title ins{ background-color: #FFFFFF; margin: 18px 0 0 1px; } .contact-txt{ margin-top: 65px; color: #FFFFFF; } .contact-txt>strong{ display: block; font-size: 18px; line-height: 1.5; } .contact-txt>h3{ font-family: impact; font-size: 38px; line-height: 1.5; font-weight: normal; } .contact-txt>p{ font-size: 16px; line-height: 2; } .contact-txt .contact-ewm{ display: flex; justify-content: flex-start; margin-top: 20px; } .contact-txt .contact-ewm img{ width: 129px; margin-right: 24px; } /* 案例文章页 */ .case-banner{ position: relative; } .case-title{ width: 100%; padding: 30px 0; background-color: rgba(45,54,41,0.7); text-align: center; color: #FFFFFF; position: absolute; left: 0; bottom: 0; z-index: 10; } .case-title h1{ font-size: 30px; line-height: 2; } .case-title span{ display: block; font-family: arial; font-variant: all-petite-caps; font-size: 18px; line-height: 1.5; } .case-title ins{ display: block; width: 14px; height: 6px; background-color: #FFFFFF; margin: 15px auto 0; } .case-txt{ padding: 0 1.5%; } .case-txt{ font-size: 16px; line-height: 2; } .case-txt img{ max-width: 100%; margin: 30px auto 0; } .case-page{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0; margin: 42px 0 46px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .case-page>a{ display: flex; align-items: center; width: 45%; } .case-page>a ins>img{ height: 22px; } .case-page>span{ height: 20px; } .case-page>span img{ height: 100%; } .case-page .prev{ justify-content: flex-start; } .case-page .prev span>img{ width: 150px; height: 98px; margin: 0 12px 0 20px; } .case-page .next{ justify-content: flex-end; } .case-page .next span>img{ width: 150px; height: 98px; margin: 0 20px 0 12px; } .case-page .next ins>img{ transform: rotate(180deg); } .page-title{ font-size: 16px; line-height: 1.5; } .page-title span{ font-size: 14px; color: #585858; } /* 融资百科文章页 */ .news-content{ display: flex; justify-content: space-between; padding: 40px 0; } .news-content .news-left{ width: 73%; } .news-content .news-left h1{ font-size: 30px; line-height: 1.5; } .news-content .news-left>p{ font-size: 14px; opacity: .6; line-height: 2; margin: 10px 0 15px; } .news-content .news-left>p span{ margin-left: 18px; } .news-content .news-left .news-txt{ font-size: 14px; line-height: 2; } .news-content .news-left .news-txt p{ margin-bottom: 35px; } .news-content .news-left .news-txt strong{ display: block; } /* 分页 */ .news-page{ display: flex; justify-content: space-between; padding: 14px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .news-page>a{ display: flex; align-items: center; width: 49%; } .news-page>a.prev{ justify-content: flex-start; } .news-page>a.prev ins{ margin-right: 16px; } .news-page>a.next{ justify-content: flex-end; } .news-page>a.next ins{ margin-left: 16px; } .news-page>a span{ display: block; font-size: 12px; line-height: 2; color: #585858; } .news-page>a p{ font-size: 16px; line-height: 2; font-weight: bold; } .news-page>a.next span{ text-align: right; } .news-page>a.next ins>img{ transform: rotate(180deg); } .news-left .guess, .news-right .section{ margin-top: 30px; } .news-left .guess .title, .news-right .section:first-child .title{ font-size: 16px; line-height: 1.5; } .news-left .guess p, .news-right .section:first-child p{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } .news-left .guess p a, .news-right .section:first-child p a{ width: 49%; font-size: 14px; line-height: 2.5; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .news-left .guess p a::before, .news-right .section:first-child p a::before{ content: ""; display: block; width: 4px; height: 4px; background-color: #333333; border-radius: 100%; float: left; margin: 15px 6px 0 0; } .news-content .news-right{ padding-top: 69px; width: 24%; } .news-right .section:first-child p{ display: block; } .news-right .section:first-child p a{ width: 100%; } /* 评估&预约 */ .estimate-item{ display: flex; justify-content: center; padding: 38px 0; border-top: 1px solid #ededed; } .estimate-item li{ font-size: 16px; line-height: 2.5; padding: 0 45px; cursor: pointer; } .estimate-item li em{ display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #72C152; margin: 0 auto; opacity: 0; } .estimate-item li.active{ color: #72C152; font-weight: bold; } .estimate-item li.active em{ opacity: 1; transition: all .8s; } .estimate-list li{ display: none; } .estimate{ width: 74%; margin: 0 auto; } .estimate p{ font-size: 16px; line-height: 28px; margin: 35px 0 7px; } .estimate p:nth-of-type(1){ margin-top: 0; } .estimate p>em{ display: inline-block; width: 28px; line-height: 28px; text-align: center; color: #FFFFFF; background-color: #72C152; text-align: center; border-radius: 2px; margin-right: 9px; font-weight: bold; } .estimate ul{ overflow: hidden; } .estimate ul li{ display: flex; justify-content: flex-start; width: calc(25% - 15px); height: 100px; margin: 20px 20px 0 0; padding-left: 28px; background-color: #F2F2F2; font-size: 16px; color: #6c6c6c; line-height: 100px; text-align: center; font-weight: bold; border-radius: 3px; overflow: hidden; cursor: pointer; float: left; } .estimate ul li input{ display: block; width: 22px; height: 22px; margin: 39px 14px 0 0; position: relative; } .estimate ul li input::after{ content: ""; display: block; width: 22px; height: 22px; background-color: #FFFFFF; border: 1px solid #a9a9a9; border-radius: 50%; position: absolute; top: -1px; left: -1px; z-index: 1; } .estimate ul li input:checked::after{ background-image: url(../imgs/radio-bg.png); background-color: rgba(255,255,255,1); background-repeat: no-repeat; background-position: center; background-size: 12px 12px; border: 1px solid #72C152; } .estimate ul li:nth-of-type(4n){ margin-right: 0; } .estimate span{ display: block; margin-top: 26px; } .estimate span>input, .estimate span>textarea{ display: block; width: 100%; line-height: 48px; background-color: #FFFFFF; border: 1px solid #e7e7e7; margin-top: 16px; padding: 0 18px; border-radius: 3px; color: rgba(0,0,0,0.5); } .estimate span>textarea{ height: 160px; } .estimate button{ display: block; width: 18.2%; height: 52px; margin: 37px auto 65px; background-color: #72C152; border: 0; border-radius: 3px; font-size: 16px; color: #FFFFFF; } .estimate span>input::-webkit-input-placeholder, .estimate span>textarea::-webkit-input-placeholder { color: rgba(0,0,0,0.5); } .estimate span>input::-ms-input-placeholder, .estimate span>textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .estimate span>input::-moz-input-placeholder, .estimate span>textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .estimate span>input::-o-input-placeholder, .estimate span>textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .estimate span>input::input-placeholder, .estimate span>textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } /* 预约 */ .order{ width: 74%; margin: 0 auto; } .order input{ width: 100%; padding: 0 22px; line-height: 50px; border: 1px solid #e7e7e7; border-radius: 2px; margin-bottom: 16px; font-size: 14px; color: rgba(0,0,0,0.5); } .order select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; outline:none; background-image: url(../imgs/select-bown.png); background-repeat: no-repeat; background-size: 14px 7px; background-position: 98% center; } .order select, .order textarea{ width: 100%; height: 52px; padding: 0 20px; line-height: 50px; border: 1px solid #e7e7e7; border-radius: 2px; margin-bottom: 16px; } .order textarea{ height: 160px; } .order button{ display: block; width: 18.2%; height: 52px; margin: 30px auto 86px; background-color: #72C152; border: 0; border-radius: 3px; font-size: 16px; color: #FFFFFF; } .order input::-webkit-input-placeholder, .order textarea::-webkit-input-placeholder { color: rgba(0,0,0,0.5); } .order input::-ms-input-placeholder, .order textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .order input::-moz-input-placeholder, .order textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .order input::-o-input-placeholder, .order textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } .order input::input-placeholder, .order textarea::-ms-input-placeholder{ color: rgba(0,0,0,0.5); } @media screen and (max-width:1600px){ .banner-title .left>strong{ font-size: 34px; } } @media screen and (max-width:1440px){ .w1300{ width: 94%;} .banner-title .left>span, .banner-title .right strong{ font-size: 18px; } .banner-title .left>strong{ font-size: 32px; } .partner-list li{ height: 120px; } .seek .left strong{ font-size: 38px; } .seek .left p{ font-size: 24px; } .qualification-swiper-bg .swiper-button-prev{ left: -24px; } .qualification-swiper-bg .swiper-button-next{ right: -24px; } .case-list li>.case-img{ height: 255px; } .about-contact{ left: 3%; margin-left: 0; } .sider-case li .case-img{ height: 200px; } .about-contact{ width: 460px; } } @media screen and (max-width:1320px){ .banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .banner-swiper .swiper-pagination-custom, .banner-swiper .swiper-pagination-fraction{ bottom: 100px; } .head .nav li>a{ font-size: 17px; } .banner-title .left>strong{ font-size: 28px; } .banner-title .left>span, .banner-title .right strong{ font-size: 16px; } .case-list li>.case-img{ height: 240px; } .publicity{ padding: 40px 0; } .publicity li>p{ font-size: 74px; } .publicity li>p>sup{ font-size: 50px; } .publicity li>p em{ font-size: 28px; } .publicity li>span{ font-size: 16px; } .publicity li:nth-of-type(3) p{ font-size: 50px; line-height: 111px; } .partner-list li{ height: 105px; } .partner-list li img{ max-height: 60%; } .contact .right{ width: 24%; } .contact .middle{ width: 44%; } .links-list li>a, .footer .foot p{ font-size: 13px; } .serve-tags span{ margin-left: 2em; } .sider-case li .case-img{ height: 180px; } .sider-case li p{ font-size: 15px; } .sider-case li span{ font-size: 13px; } .sider-contact>p, .sider-contact .sider-ewm>span{ font-size: 13px; } .sider-contact input{ line-height: 40px; font-size: 13px; } .sider-contact select,{ height: 42px; line-height: 40px; font-size: 13px; } .sider-contact textarea{ height: 120px; line-height: 40px; font-size: 13px; } .sider-contact .sider-btn{ height: 42px; } .sider-case li .case-img{ height: 195px; } .about-contact{ width: 440px; } .case-txt{ font-size: 15px; } .about-content .about-txt h2{ font-size: 32px; } .about-content .about-txt strong{ font-size: 22px; } .about-content .about-txt p{ font-size: 15px; } .contact-txt>p{ font-size: 15px; } } @media screen and (max-width:1200px){ .head .nav li>a{ font-size: 16px; } .banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .banner-swiper .swiper-pagination-custom, .banner-swiper .swiper-pagination-fraction{ bottom: 90px; } .banner-title .left>strong{ font-size: 24px; } .banner-title .left>span, .banner-title .right strong{ font-size: 14px; } .case-list li>.case-img{ height: 225px; } .seek .left p{ font-size: 22px; } .seek .left span{ font-size: 14px; } .contact .left p, .contact .middle p,{ font-size: 12px; } .contact .right>.section p{ font-size: 12px; width: 13px; margin-right: 8px; } .contact .left>img, .contact .middle>img{ margin-right: 10px; } .contact .right{ width: 25%; } .links-list li>a, .footer .foot p{ font-size: 12px; } .index-assess ul li span{ font-size: 14px; } .case-item li{ font-size: 15px; } .case-serve li{ font-size: 13px; padding: 0 15px; } .case-list li>.case-img{ height: 210px; } .case-list li p{ font-size: 15px; } .case-list li span{ font-size: 13px; } .publicity li>span{ font-size: 15px; } .publicity{ padding: 30px 0; } .publicity li{ padding: 20px 0 30px; } .partner-list li{ height: 90px; } .news-list li h3{ font-size: 15px; } .news-list li p{ font-size: 13px; } .qualification-swiper-bg .swiper-button-prev{ width: 40px; height: 40px; margin-top: -20px; left: -20px; } .qualification-swiper-bg .swiper-button-next{ width: 40px; height: 40px; margin-top: -20px; right: -20px; } .seek .right .form-top input{ font-size: 13px; } .seek .right .form-top textarea{ font-size: 13px; } .seek .right button{ font-size: 15px; } .contact .left p, .contact .middle p{ font-size: 13px; } .serve-survey .right p{ line-height: 1.8; } .serve-tags span{ margin-left: 8px; } .sider-case li .case-img{ height: 170px; } .about-contact{ width: 420px; } .case-txt{ font-size: 14px; } .about-content .about-txt h2{ font-size: 30px; } .about-content .about-txt strong{ font-size: 20px; } .about-content .about-txt p{ font-size: 14px; } .contact-txt>p{ font-size: 14px; } .estimate ul li{ height: 90px; line-height: 90px; } .estimate ul li input{ margin: 34px 12px 0 0; } } @media screen and (max-width:1080px){ .index-assess ul li strong{ font-size: 18px; } .case-list li>.case-img{ height: 190px; } .contact .left p, .contact .middle p{ font-size: 12px; } .contact .left{ width: 28%; } .contact .right{ width: 29%; } .serve-survey .right p{ font-size: 13px; } .serve-tags span{ font-size: 13px; } .sider-case li .case-img{ height: 130px; } .estimate ul li{ height: 80px; line-height: 80px; } .estimate ul li input{ margin: 29px 10px 0 0; } } @media screen and (max-width:980px){ .banner-title .left>strong{ font-size: 22px; } .banner-title .left>span, .banner-title .right strong{ font-size: 12px; } .banner-title ins{ margin-top: 30px; } .banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .banner-swiper .swiper-pagination-custom, .banner-swiper .swiper-pagination-fraction{ bottom: 70px; } .index-assess ul li span{ font-size: 12px; } .case-list li>.case-img{ height: 170px; } .contact .middle{ width: 46%; } .contact .right{ width: 25%; } .contact .right>.section>img{ height: 80px; } .contact .right>.section p{ line-height: 20px; } .serve-survey .right p{ font-size: 12px; } .serve-tags span{ font-size: 12px; } .serve-content .left .pull-txt{ font-size: 13px; } .sider-case li .case-img{ height: 120px; } .case-list li p{ font-size: 14px; } .news-left .guess p a, .news-right .section:first-child p a{ font-size: 13px; } .publicity li>span{ font-size: 13px; } .contact-txt>p{ font-size: 13px; } .estimate ul li{ width: calc(50% - 10px); } .estimate ul li:nth-of-type(2n){ margin-right: 0; } } @media screen and (max-width:900px){ .header, .index-header{ height: 60px; background-color: rgba(255,255,255,1); border-bottom: 1px solid #E7E7E7; } .head{ height: 60px; } .head .logo img{ height: 40px; margin: 0; } .head .head-btn{ display: block; margin: 0; } .head .nav{ display: block; width: 200px; height: 100vh; background-color: #FFFFFF; position: fixed; top: 0px; right: -270px; z-index: 999; transition: all .8s; } .head .nav.active{ right: 0; transition: all .8s; } .head .nav .nav-logo{ display: block; width: 100%; height: 60px; padding: 10px 0; border-bottom: 1px solid #E7E7E7; } .head .nav-bg{ width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 200; transition: all .8s; } .head .nav-bg.active{ display: block; opacity: 1; transition: all .8s; } .head .nav .nav-logo img{ height: 40px; margin-left: 15px; } .head .nav li{ margin: 0; padding: 0; height: auto; } .head .nav li>a{ font-size: 14px; margin: 0; padding: 0 30px; line-height: 50px; } .head .nav li.active>a{ font-weight: normal; background-color: #72C152; border: 0; color: #FFFFFF; } .head .nav li .sub-nav{ width: 100%; position: static; text-indent: 2em; } .head .nav li .sub-nav>a{ font-size: 13px; } .head .nav li .sub-nav>a.active{ background: none; } .banner-title .left>strong{ font-size: 18px; } .case-serve li{ padding: 0 10px; } .news-list li{ width: 50%; } .index-sider{ display: none; } .page-list{ font-size: 13px; } .list-banner img{ min-height: 380px; } .index-assess ul li img{ height: 50px; } .index-assess ul li{ background-size: 80px 69px; } .serve-nav li{ font-size: 17px; } .serve-content .left, .news-content .news-left{ width: 100%; } .serve-content .right, .news-content .news-right{ display: none; } } @media screen and (max-width:768px){ /* 首页 */ .w1300{ width: 92% !important; } /* banner */ .banner-swiper{ height: 270px; } .banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .banner-swiper .swiper-pagination-custom, .banner-swiper .swiper-pagination-fraction, .banner-title ins{ display: none; } .banner-title{ flex-wrap: wrap; padding: 1% 4%; } .banner-title .left, .banner-title .right{ width: 100%; } .banner-title .left>span{ font-size: 12px; line-height: 1.5; } .banner-title .left>strong{ font-size: 15px; font-weight: normal; margin: 4px 0; } .banner-title .right strong{ font-size: 12px; font-weight: normal; line-height: 1.5; } .index-assess ul li{ padding: 10px; text-align: center; background-size: 50px 50px; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .index-assess ul li>a{ display: block; height: 66px; position: relative; } .index-assess ul li strong{ font-size: 14px; font-weight: normal; } .index-assess ul li span{ display: none; } .index-assess ul li p:nth-of-type(1){ width: 100%; position: absolute; bottom: 0; text-align: center; left: 0; } .index-assess ul li p>img{ height: 35px; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); } .index-case, .index-partner, .index-news, .index-qualification{ padding: 30px 0; } .pull-title h2{ font-size: 20px; } .pull-title span{ font-size: 24px; } .pull-title ins{ height: 4px; margin: 16px auto 0; } .case-item{ padding: 15px 0; } .case-item li{ font-size: 14px; padding: 0 8px; } .case-serve-all{ height: 36px; overflow-x: auto; overflow-y: hidden; margin: 0 auto; } .case-serve-all .case-serve{ width: auto; height: 50px; overflow: inherit; } .case-serve-all .case-serve li{ padding: 0 10px; flex-shrink:0; } .case-serve-all .case-serve.active{ justify-content: flex-start; flex-wrap: nowrap; } .case-list li{ width: 100%; margin: 20px 0 0; } .case-list li>.case-img{ height: 220px; overflow: hidden; } .case-list li p{ font-size: 15px; } .case-list li span{ font-size: 13px; } .pull-more{ width: 48px; height: 8px; margin: 20px auto 0; } .pull-more>em{ width: 8px; height: 8px; margin: 0 4px; } .publicity-bg{ height: auto; padding-bottom: 35px; } .publicity{ justify-content: space-between; padding: 20px 0; } .publicity li{ width: 48%; padding-bottom: 0; } .publicity li>p{ font-size: 40px; line-height: 1.5; } .publicity li>p>sup{ font-size: 30px; margin-left: 8px; } .publicity li>p em{ font-size: 20px; margin-left: 8px; } .publicity li>span{ font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } .publicity li:nth-of-type(3) p{ font-size: 40px; line-height: 1.5; } .partner-list{ margin-top: 20px; } .partner-list li{ width: 50%; height: 80px; } .partner-list li img{ max-height: 50%; } .partner-list li:nth-of-type(2n){ border-right: 1px solid #e7e7e7; } .index-news{ padding-top: 10px; } .news-list{ flex-wrap: wrap; } .news-list li{ width: 100%; } .news-list li h3{ font-size: 15px; } .news-list li ins{ margin-top: 15px; } .news-list li ins{ display: none; } .news-list li p{ font-size: 13px; } .qualification-swiper{ width: 80% !important; } .qualification-swiper .swiper-slide{ width: 100% !important; } .qualification-swiper .swiper-slide img{ width: 100%; } .qualification-swiper-bg .swiper-button-prev{ width: 36px; height: 36px; margin-top: -18px; left: -2%; } .qualification-swiper-bg .swiper-button-next{ width: 36px; height: 36px; margin-top: -18px; right: -2%; } .index-seek{ background: none; padding: 0; } .seek{ flex-wrap: wrap; width: 100% !important; } .seek .left{ width: 100%; } .seek .left img{ width: 80px; } .seek .left strong{ font-size: 28px; } .seek .left p{ font-size: 16px; } .seek .left span{ font-size: 13px; } .seek .right{ width: 100%; padding: 0 4% 30px; } .seek .right .form-top input, .seek .right .form-top textarea{ line-height: 36px; } .seek .right button{ height: 40px; } .links{ display: none; } .contact{ flex-wrap: wrap; } .contact .left, .contact .middle, .contact .right{ width: 100%; margin-bottom: 20px; } .contact .left>img, .contact .middle>img{ height: 48px; } .contact .left p, .contact .middle p{ font-size: 12px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; overflow: hidden; } .contact .right{ justify-content: center; margin-bottom: 0; } .contact .right .section{ flex-wrap: wrap; margin: 0 5px; justify-content: center; } .contact .right>.section p{ width: 100%; font-size: 13px; margin-right: 0; text-align: center; } .footer .foot p{ font-size: 12px; line-height: 2; text-align: center; } .footer .foot{ padding: 10px 0; } /* 服务 */ .serve-survey-bg{ margin-top: 60px; padding: 30px 0; } .serve-survey{ width: 100% !important; flex-wrap: wrap; margin-top: 30px; } .serve-survey .left{ width: 100%; height: auto; } .serve-survey .right{ width: 100%; padding: 20px 3%; } .serve-survey .right p{ font-size: 13px; text-align: justify; } .serve-tags{ display: flex; justify-content: center; flex-wrap: wrap; } .serve-tags span{ font-size: 13px; margin: 0 10px; line-height: 2; } .serve-tags span:first-child{ margin-left: 10px; } .serve-survey .more{ display: flex; justify-content: center; height: auto; } .serve-survey .more>a{ width: 40%; line-height: 36px; font-size: 14px; } .serve-nav{ justify-content: center; } .serve-nav li{ font-size: 15px; padding: 0 10px; line-height: 40px; } .serve-content .left{ width: 100%; } .serve-content .right{ display: none; } .serve-content .left .pull-txt img{ max-width: 100%; } .serve-content .left .pull-txt p{ font-size: 13px; } /* 案例 */ .list-banner{ height: 240px; } .list-banner img{ min-height: 100%; } .page-list{ font-size: 12px; margin-top: 20px; line-height: 24px; } .page-list a{ margin: 0 8px; } .page-list span{ display: none; } /* 融资百科 */ .pull-content{ padding-top: 30px; } .pull-content .index-news{ padding-top: 20px; } .news-item{ padding-bottom: 20px; } .news-item li{ font-size: 14px; padding: 0 8px; } .news-list-all li{ margin-top: 30px; } .news-list-all li:nth-of-type(2){ margin-top: 30px; } /* 关于我们 */ .about-publicity{ padding-top: 60px; } .about-content{ flex-wrap: wrap; } .about-content .about-txt, .about-content .about-img{ width: 100%; } .about-content .about-txt{ margin-top: 30px; } .about-content .about-txt h2{ font-size: 24px; } .about-content .about-txt strong{ font-size: 16px; } .about-content .about-txt p{ font-size: 13px; margin-top: 20px; } .about-content .about-img{ margin: 20px 0 30px; } .about-map .map{ height: 240px; } .about-contact{ width: 100%; height: auto; padding: 20px 3% 30px; position: static; left: 0; margin-left: 0; background-color: rgba(0,0,0,0.12); } .contact-title{ color: #333333; text-align: center; } .contact-title ins{ margin: 18px auto 0; background-color: #333333; } .contact-title span>em{ color: #72C152; } .contact-txt{ margin-top: 30px; color: #333333; text-align: center; } .contact-txt>h3{ font-size: 28px; margin-bottom: 10px; } .contact-txt>p{ font-size: 13px; } .contact-txt .contact-ewm{ justify-content: center; } .contact-txt .contact-ewm img{ margin: 0 8px; } /* 评估&预约 */ .estimate-item{ padding: 20px 0; } .wap-title span{ font-size: 22px; line-height: 1.2; margin: 6px 0; } .estimate-item li{ font-size: 15px; } .estimate{ width: 100%; } .estimate ul li{ width: calc(50% - 8px); height: 60px; line-height: 60px; font-size: 15px; margin: 16px 16px 0 0; } .estimate ul li:nth-of-type(2n){ margin-right: 0; } .estimate p{ font-size: 15px; line-height: 26px; } .estimate p>em{ width: 26px; line-height: 26px; } .estimate ul li input{ width: 16px; height: 16px; margin: 22px 12px 0 0; font-size: 13px; } .estimate ul li input::after{ display: block; width: 16px; height: 16px; } .estimate ul li input:checked::after{ background-size: 10px 10px; } .estimate span>input, .estimate span>textarea{ line-height: 40px; } .estimate button, .order button{ width: 40%; height: 40px; margin: 25px auto 30px; font-size: 14px; } .order{ width: 100%; } .order input{ line-height: 40px; font-size: 13px; } .order select{ height: 40px; line-height: 38px; font-size: 13px; } .order textarea{ line-height: 40px; height: 120px; font-size: 13px; } /* 案例文章页 */ .case-title{ padding: 10px 0; } .case-title h1{ font-size: 18px; line-height: 1.5; } .case-title span{ font-size: 14px; line-height: 1.2; } .case-title ins{ height: 4px; margin: 10px auto 0; } .case-banner{ height: 280px; } .case-txt{ font-size: 13px; padding: 0; } .case-page{ margin: 30px 0; padding: 10px 0; } .case-page a>ins, .case-page a>span{ display: none; } .case-page>span{ height: 12px; } .page-title{ font-size: 13px; line-height: 1.8; } .page-title span{ font-size: 12px; } /* 融资百科文章页 */ .news-content{ padding: 30px 0; } .news-content .news-left{ width: 100%; } .news-content .news-left h1{ font-size: 18px; } .news-content .news-right{ display: none; } .news-content .news-left>p{ font-size: 12px; } .news-content .news-left>p span{ margin-left: 10px; } .news-content .news-left .news-txt{ font-size: 13px; } .news-content .news-left .news-txt p{ margin-bottom: 20px; } .news-page>a p{ font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } .news-page>a span{ display: none; } .news-page>a.prev ins{ margin-right: 8px; } .news-page>a.next ins{ margin-left: 8px; } .news-page>a.next p{ text-align: right; } .news-left .guess .title{ font-size: 15px; } .news-left .guess p{ margin-top: 10px; } .news-left .guess p a{ width: 100%; font-size: 13px; } } @media screen and (max-width:350px){ .banner-title .left>strong{ font-size: 14px; } .index-assess ul li strong{ font-size: 13px; } .publicity li>p{ font-size: 36px; } .publicity li:nth-of-type(3) p{ font-size: 36px; line-height: 60px; } .publicity li>p em{ font-size: 18px; } .serve-nav li{ font-size: 13px; } .case-item li, .case-serve-all .case-serve li{ font-size: 12px; } .about-content .about-txt h2{ font-size: 20px; } .about-content .about-txt strong{ font-size: 16px; } .contact-txt>p, .seek .left span{ font-size: 12px; } .estimate-item li{ padding: 0 30px; } .estimate ul li{ font-size: 14px; } .estimate span>input, .estimate span>textarea{ font-size: 14px; } }