diff --git a/css/style.css b/css/style.css index 3485432..51abd11 100644 --- a/css/style.css +++ b/css/style.css @@ -1,16 +1,16 @@ -/* 引入字体 */ -@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); -} +/* 引入字体 */ +@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; @@ -24,2696 +24,2897 @@ justify-content: center; align-items: center; flex-direction: column; -} -.banner-title{ - display: flex; - justify-content: space-between; - width: 100%; +} +.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; + 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-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; + text-align: center; + background-color: #007EC0; + margin: 0 9px !important; opacity: 1; } /* 鼠标悬浮样式、当前选中指示点样式 */ -.banner-swiper .swiper-pagination-bullet:hover, +.banner-swiper .swiper-pagination-bullet:hover, .banner-swiper .swiper-pagination-bullet-active { background-color: #E73F7C; - color: #FFFFFF; + 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-top{ - background-color: #EEEEEE; - width: 100%; - height: 92px; -} -.serve-survey-bg{ - background-color: #EEEEEE; - padding: 54px 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-top{ - width: 100%; - height: 62px; - } - .serve-survey-bg{ - 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; - } -} - - - +} + + +/* 评估 */ +.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-all>div .case-list{ + 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; +} + + +/* 案例列表页新增 */ +/* 案例类别 */ +.case-item-bs{ + display: flex; + justify-content: center; + padding: 38px 0; + border-top: 1px solid #ededed; +} +.case-item-bs li{ + font-size: 16px; + line-height: 2.5; + padding: 0 45px; + cursor: pointer; + +} +.case-item-bs 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-bs li.active{ + color: #72C152; + font-weight: bold; +} +.case-item-bs li.active em{ + opacity: 1; + transition: all .8s; +} + +/* 案例分类 */ +.case-serve-all-bs .case-serve-bs{ + display: none; +} + +.case-serve-all-bs .case-serve-bs.active{ + display: flex; + justify-content: center; + margin-bottom: 5px; +} + +.case-serve-bs 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-bs li.active{ + background-color: #72C152; + border: 1px solid #72C152; + color: #FFFFFF; +} +/* 案例列表 */ +.case-list-bs{ + overflow: hidden; +} +.case-list-bs li{ + width: 31%; + margin: 35px 3.5% 0 0; + float: left; +} +.case-list-bs li:nth-of-type(3n){ + margin-right: 0; +} +.case-list-bs li>.case-img{ + display: block; + height: 270px; + margin-bottom: 8px; + overflow: hidden; +} +.case-listv li>.case-img img{ + width: 100%; + min-height: 100%; +} +.case-list-bs li p{ + font-size: 16px; + line-height: 2; + font-weight: bold; + color: #72C152; + transition: all .8s; +} +.case-list-bs li span{ + display: block; + font-size: 14px; + line-height: 2; + color: #585858; + transition: all .8s; +} +.case-list-bs li:hover p, +.case-list-bs 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-top{ + background-color: #EEEEEE; + width: 100%; + height: 92px; +} +.serve-survey-bg{ + background-color: #EEEEEE; + padding: 54px 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; + } + .case-list-bs 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; + } + .case-list-bs 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; + } + .case-list-bs 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; + } + + .case-item-bs li{ + font-size: 15px; + } + .case-serve-bs li{ + font-size: 13px; + padding: 0 15px; + } + .case-list-bs li>.case-img{ + height: 210px; + } + .case-list-bs li p{ + font-size: 15px; + } + .case-list-bs 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; + } + .case-list-bs 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; + } + .case-list-bs 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; + } + .case-serve-bs 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; + } + + /* 新增 */ + .case-item-bs{ + padding: 15px 0; + } + .case-item-bs li{ + font-size: 14px; + padding: 0 8px; + } + .case-serve-all-bs{ + height: 36px; + overflow-x: auto; + overflow-y: hidden; + margin: 0 auto; + } + .case-serve-all-bs .case-serve-bs{ + width: auto; + height: 50px; + overflow: inherit; + } + .case-serve-all-bs .case-serve-bs li{ + padding: 0 10px; + flex-shrink:0; + } + .case-serve-all-bs .case-serve-bs.active{ + justify-content: flex-start; + flex-wrap: nowrap; + } + .case-list-bs li{ + width: 100%; + margin: 20px 0 0; + } + .case-list-bs li>.case-img{ + height: 220px; + overflow: hidden; + } + .case-list-bs li p{ + font-size: 15px; + } + .case-list-bs 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-top{ + width: 100%; + height: 62px; + } + .serve-survey-bg{ + 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; + } +} + + +