web_site2/assets/styles/mobile.css

@charset "UTF-8";
@media only screen and (min-width: 1600px) and (max-width: 4000px) {
  .app-header .header-wrapper .header-inner,
  .container,
  .footer-main,
  .page-nav-container,
  .top-container,
  .carousel .desc {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .app-header .header-wrapper .header-inner,
  .container,
  .footer-main,
  .page-nav-container,
  .top-container,
  .carousel .desc {
    width: 90%;
  }
}

@media only screen and (max-width: 1200px) {
  .container {
    width: 96%;
  }
}

@media only screen and (max-width: 980px) {
  ul,
  li {
    padding: 0;
    list-style: none;
    margin: 0;
  }
  .container {
    width: 96%;
  }
  .container .title {
    font-size: 14px;
    line-height: initial;
  }
  .container .title > h2 {
    font-size: 2em;
    text-align: center;
  }
  /**首页*/
  #layout-wrapper .app-header {
    height: 200px;
  }
  #layout-wrapper .app-header .header-wrapper {
    background-color: #18a058;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang {
    color: #fff;
    padding: 15px 10px;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .separator {
    padding: 0 7px;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .mobile-search {
    width: 81%;
    margin-bottom: 10px;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .mobile-search .n-base-selection {
    height: 100%;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .mobile-search .n-base-selection .n-base-selection-label {
    height: 100%;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .top-login {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .top-login .userInfo {
    margin-right: 10px;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .top-login .userInfo span {
    margin-right: 10px;
    cursor: pointer;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .top-login .userInfo span:last-child {
    margin-right: 0;
  }
  #layout-wrapper .app-header .header-wrapper .header-lang .top-login .login {
    margin-right: 10px;
  }
  #layout-wrapper .app-header .header-wrapper .header-inner {
    width: 100%;
    padding-left: 10px;
    height: 100px;
  }
  #layout-wrapper .app-header .header-wrapper .header-inner .left-info .cn-logo {
    height: 80px;
  }
  .n-dropdown-menu.en .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__label {
    font-size: 0.85em;
  }
  #home-page .carousel .img .carousel-img {
    max-height: 800px;
  }
  #home-page .carousel .desc {
    width: 100%;
    padding: 200px 10px 0 10px;
  }
  #home-page .carousel .desc .slogan h3 {
    font-size: 17px;
    margin-top: 3em;
  }
  #home-page .carousel .desc .slogan p {
    font-size: 13px;
  }
  #reports-category .container {
    padding: 0 0 30px 0;
  }
  #reports-category .container .reports-category-box .rcb-box {
    width: 46%;
  }
  .report .container .report-content .report-box {
    width: 100% !important;
  }
  .hot-news .container .news-content .news-box {
    width: 50%;
  }
  #hot-news .news-content :nth-child(5n+2).news-box {
    padding-top: 0;
  }
  #hot-news .news-content :nth-child(5n+3).news-box {
    padding-top: 0;
  }
  #hot-news .news-content :nth-child(5n+4).news-box {
    padding-top: 0;
  }
  #hot-news .news-content :nth-child(5n+5).news-box {
    padding-top: 0;
  }
  #home-contact .contact-row {
    width: 100%;
    top: 60px;
  }
  #home-contact .contact-row .contact-txt {
    width: 100%;
  }
  #home-contact .contact-row .contact-txt span {
    font-size: 16px;
  }
  #home-contact .contact-row .contact-btn {
    width: 100%;
    padding-top: 30px;
  }
  #home-contact .contact-row .contact-btn > a {
    font-size: 16px;
    padding: 10px 15px;
  }
  #home-contact .contact-img {
    height: 200px;
  }
  #app-footer .footer-main {
    width: 96%;
  }
  #app-footer .footer-main .footer-logo {
    width: 100%;
  }
  #app-footer .footer-main .footer-link {
    width: 100%;
  }
  #app-footer .footer-main .footer-wx {
    width: 100%;
  }
  /*报告*/
  #page {
    margin-top: 200px;
  }
  #page .top-title .top-container {
    width: 96%;
  }
  #page .page-nav .page-nav-container {
    width: 96%;
  }
  #page .page-nav .page-nav-container .content .content-search {
    width: 100%;
  }
  #page .page-nav .page-nav-container .content .report-content {
    width: 100%;
    padding: 10px;
    margin-top: 20px;
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .text {
    width: calc(100% - 11em);
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .mobile-time {
    width: 100%;
    padding: 1.2em 0;
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .mobile-time .n-icon {
    vertical-align: sub;
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .mobile-time .text-price {
    padding: 0 1em;
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .mobile-time .text-price > b {
    color: #f00;
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .operate {
    width: 100%;
    text-align: center;
  }
  #page .page-nav .page-nav-container .content .report-content .box > ul > li .img {
    max-width: 10em;
    max-height: 12em;
  }
  /*报告详情*/
  #page .page-nav-container {
    width: 96%;
  }
  #page #report-detail .detail-container .detail-info .detail-box {
    width: 100%;
  }
  #page #report-detail .detail-container .detail-info .detail-box .img {
    width: 10em;
  }
  #page #report-detail .detail-container .detail-info .detail-box .desc {
    width: calc(100% - 11em);
  }
  #page #report-detail .detail-container .detail-info .detail-box .desc p {
    font-size: 1.4em;
    height: 3em;
    margin: 0.5em 0 1.5em 0;
  }
  #page #report-detail .detail-container .detail-info .detail-box .desc .desc-dt-box .desc-dt-cnt {
    font-size: 0.8em;
    padding-bottom: 0.5em;
  }
  #page #report-detail .detail-container .detail-info .detail-box .mobile-btns {
    padding: 1.5em 0 .5em 0;
    width: 100%;
    justify-content: center;
    display: flex;
  }
  #page #report-detail .detail-container .detail-info .detail-box .mobile-btns .n-space {
    padding-right: 2em;
  }
  #page #report-detail .detail-container .detail-price {
    width: 100%;
    padding-top: 2em;
  }
  #page #report-detail .detail-container .detail-content .detail-content-mr {
    width: 100%;
  }
  #page #report-detail .detail-container .detail-content .detail-content-mr .detail-business .n-tab-pane table tr:nth-child(1) td {
    padding: .3em;
  }
  #page #report-detail .detail-container .detail-content .detail-content-ml {
    width: 100%;
    padding-top: 1.5em;
  }
  #page #home-contact .contact-row {
    width: 100%;
    top: 5em;
  }
  #page #home-contact .contact-row .contact-txt {
    width: 100%;
    padding-bottom: 2em;
  }
  #page #home-contact .contact-row .contact-txt span {
    font-size: 1.3em;
  }
  #page #home-contact .contact-row .contact-btn {
    width: 100%;
    padding-top: 0;
  }
  #page #home-contact .contact-row .contact-btn > a {
    font-size: 1.3em;
    padding: 0.5em 0.8em;
  }
  /*定制研究*/
  #market .market-page {
    padding-top: 170px;
  }
  #market .market-page .page-top .img {
    height: 30em;
  }
  #market .market-page .page-top .img img {
    height: 100%;
    object-fit: cover;
  }
  #market .market-page .page-top .desc {
    width: 80%;
  }
  #market .market-page .page-top .desc > h3 {
    font-size: 1em;
  }
  #market .market-page .page-top .desc > p {
    font-size: .8em;
  }
  #market .page-nav-container {
    width: 96%;
  }
  #market .page-nav-container .nav-container .search {
    width: 45%;
  }
  #market .market-method .row {
    flex-wrap: wrap;
  }
  #market .market-method .row .row-line {
    width: 100%;
  }
  #market .market-method .row .row-line .line-img {
    display: inline-block;
  }
  #market .market-method .row .row-line .line-img span {
    line-height: 140px;
  }
  #market .market-method .row .row-arraow {
    width: 100%;
    text-align: center;
    padding: 1em 0;
    margin: 0;
  }
  #market .market-sector,
  #market .market-cases {
    padding: 0;
  }
  #market .market-cases .cases-box .box {
    width: 100%;
  }
  /*行业资讯*/
  #page {
    /*详情*/
    /*公司简介*/
    /*订购流程*/
  }
  #page .news-content .content {
    padding: 1em .5em;
  }
  #page .news-content .content .search .search-keyword {
    padding-left: .8em;
  }
  #page .news-content .content .search .search-type > a {
    padding: .5em .3em;
    width: 7em;
    margin: .2em auto;
    text-align: center;
  }
  #page .news-content .content .content-list .n-list {
    padding: 1.5em 0;
    border-bottom: 1px solid #e3e3e3;
  }
  #page .news-content .content .content-list .content-list-item {
    padding: 1em .5em .5em;
  }
  #page .news-content .content .content-list .content-list-item .img {
    width: 10em;
    height: 9em;
  }
  #page .news-content .content .content-list .content-list-item .list-title {
    font-size: 1.1em;
  }
  #page .news-content .content .content-list .n-list__footer {
    padding: 0;
  }
  #page .news-content .content .content-list .n-list__footer .list-content {
    height: 80px;
    -webkit-line-clamp: 3;
  }
  #page .newsdt-page .newsdt-container {
    padding: 2em .8em;
  }
  #page .newsdt-page .newsdt-container .newsdt-title {
    font-size: 1.5em;
  }
  #page .newsdt-page .newsdt-container .newsdt-text {
    width: 100%;
    padding: 1em 0;
  }
  #page .newsdt-page .newsdt-container .newsdt-text img {
    width: 100%;
  }
  #page .intro {
    flex-wrap: wrap;
    padding: 1em .4em;
  }
  #page .intro .about-img {
    width: 100%;
    padding: 0;
  }
  #page .intro .about-desc {
    width: 100%;
    padding: 0;
  }
  #page .intro .about-desc > h2 {
    font-size: 2em;
    margin: 1em 0 0;
    text-align: center;
  }
  #page .intro .about-desc > p {
    font-size: 1em;
  }
  #page .intro .about-desc .credit .box {
    flex-wrap: wrap;
  }
  #page .intro .about-desc .credit .box .icon,
  #page .intro .about-desc .credit .box .desc {
    width: 100%;
    text-align: center;
  }
  #page .about-core .core-img > img {
    height: 25em;
  }
  #page .about-core .core-img .core-values {
    top: 2em;
    left: 1em;
  }
  #page .about-core .core-img .core-values > h2 {
    font-size: 2em;
    text-align: center;
    width: calc(100% - .5em);
  }
  #page .about-core .core-img .core-values > p {
    width: 100%;
    font-size: 1em;
    width: calc(100% - .5em);
  }
  #page .about-team .team-cn {
    padding: 2em 0;
  }
  #page .about-team .team-cn .team-cnt {
    flex-wrap: wrap;
    padding: 1em .4em;
  }
  #page .about-team .team-cn .team-cnt .team-desc {
    width: 100%;
    padding: 0;
  }
  #page .about-team .team-cn .team-cnt .team-desc > h2 {
    font-size: 2em;
    text-align: center;
  }
  #page .about-team .team-cn .team-cnt .team-desc > p {
    font-size: 1em;
  }
  #page .about-team .team-cn .team-cnt .team-img {
    width: 100%;
    padding: 0;
  }
  #page .about-partner .container .title {
    font-size: 14px;
  }
  #page .about-partner .container .title > h2 {
    font-size: 2em;
    text-align: center;
  }
  #page .about-partner .container .partner-box .img {
    width: 50%;
    min-height: 10em;
  }
  #page .about-culture .container {
    padding: 2em 0 2.5em;
  }
  #page .about-culture .container .title {
    font-size: 14px;
  }
  #page .about-culture .container .title > h2 {
    font-size: 2em;
  }
  #page .about-culture .container .culture-box {
    flex-wrap: wrap;
  }
  #page .about-culture .container .culture-box .box {
    width: 100%;
    padding-bottom: 1em;
  }
  #page .research-show .research-content {
    padding: 2em 0;
  }
  #page .research-show .research-content .show-box {
    flex-wrap: wrap;
  }
  #page .research-show .research-content .show-box:nth-child(2n) {
    flex-direction: column-reverse;
  }
  #page .research-show .research-content .show-box .show-img {
    width: 100%;
  }
  #page .research-show .research-content .show-box .show-desc {
    width: 100%;
  }
  #page .report-source .container {
    padding: 2em 0;
  }
  #page .report-source .container .desc > p {
    font-size: 1em;
    margin: 0 0 1em;
  }
  #page .partial-database .db-box .img {
    width: 50%;
    min-height: 10em;
  }
  #page .order-process .container {
    padding: 2em 0;
  }
  #page .order-process .container .process-list .row {
    justify-content: space-around;
  }
  #page .order-process .container .process-list .row:nth-child(2n+1) {
    flex-direction: row-reverse;
  }
  #page .order-process .container .process-list .row .row-desc {
    width: 70%;
    padding: 1em;
  }
  #page .order-process .container .process-list .row .row-desc > p {
    font-size: 1em;
  }
  #page .order-process .container .process-list .row .row-index {
    width: 20%;
  }
  #page .order-process .container .process-list .row .row-index .icon {
    top: 2.4em;
    left: .3em;
  }
  #page .term-condition {
    padding-bottom: 2em;
  }
  #page .qualify-container .container .qualify-box .box {
    width: 100%;
  }
  #page .contact .contact-desc {
    width: 100%;
    display: block;
  }
  #page .contact .contact-desc .contact-desc-info {
    width: 100%;
  }
  #page .contact .contact-desc .contact-desc-we {
    width: 100%;
  }
  #page .contact-form .container .content .n-form .n-form-item {
    width: 100%;
  }
  #page .contact-form .container .content .n-form .empty-form-item {
    display: none;
  }
}