@charset "utf-8";

/* CSS Document */

/*手机样式*/
@media screen and (min-width:992px) {
    .pagination li a:hover {
        color: #fff;
        border-color: #2971cf;
        background-color: #2971cf;
    }
    .product .row {
      margin-left: -22px;
      margin-right: -22px;
    }
    .product li {
      margin-bottom: 45px;
      padding-left: 22px;
      padding-right: 22px;
    }
    .citizenship-activity .col-sm-4:hover a:after {
      opacity: 1;
    }
    .citizenship-activity .col-sm-4:hover .text {
      bottom: 0;
    }
}
@media screen and (max-width:1230px) {
    header .header-nav li>a {
        padding: 0 10px;
        height: 80px;
        line-height: 80px;
    }
    .h-mail .fffice, .h-mail .mail {
        height: 80px;
        line-height: 80px;
    }
    header .logo {
        padding: 12px 0 13px;
    }
    .cd-home-content, .cd-within-content {
        padding-top: 80px;
    }
    header .header-nav li:hover .second-level {
        top: 80px;
    }
}
@media screen and (max-width:1050px) {}
@media screen and (max-width:1100px) {
    .menufix {
        display: none;
    }
    .menu {
        right: 0;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menu strong {
        display: none;
    }
    #menu_toggle {
        display: none;
    }
    #menu_toggle1 {
        display: block;
    }
    .header-menu {
        height: 80px;
    }
    .menu span, 
    .menu span:after, 
    .menu span:before {
        width: 32px;
    }
    .menu span:before {
        top: -8px;
    }
    .menu span:after {
        bottom: -8px;
    }
    header .header-nav,
    .h-mail,
    header .header-menu:after {
        display: none;
    }
    #banner {
        width: 100% !important;
        height: auto !important;
    }
    #banner .banner ul.swiper-wrapper img {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
    }
    .banner-fixed .img {
        height: 330px;
    }
    .citizenship-swiper {
        height: 330px;
    }
    .w-breadcrumb .w-nav li a {
        padding: 22px 0;
    }
    .about {
        padding: 50px 0 0 0;
    }
    .about-text {
        width: 100%;
        padding-bottom: 30px;
        font-size: 14px;
    }
    .about-text p {
        padding-bottom: 10px;
    }
    .w-title {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .w-title .title-text {
        font-size: 22px;
    }
    .w-breadcrumb .w-nav li {
        margin-right: 20px;
    }
    .course-swiper .time {
        font-size: 26px;
    }
    .course-swiper .text,
    .timeline-txt {
        font-size: 14px;
    }
    .course {
        padding: 30px 0 50px;
    }
    .timeline-year {
        font-size: 26px;
    }
    #timeline .timeline-item {
        margin-bottom: 20px;
    }
    .timeline-box {
        padding: 30px 15px;
    }
    .honor-footer .box .title {
        font-size: 36px;
    }
    .honor-footer .box .text {
        font-size: 20px;
    }
    .honor-footer .box .more {
        margin-top: 30px;
        font-size: 16px;
    }
    .news,
    .recruit  {
        min-height: inherit;
    }
    .news-head {
        display: none;
    }
    .news-width {
        margin-right: 0;
        border-right: none;
    }
    .news-box li .con .text p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .news-details-text .con {
        font-size: 14px;
    }
    footer .f-nav {
        padding-bottom: 10px;
    }
    footer .f-copyright {
        float: left;
    }
    .news-details-text .title {
        font-size: 24px;
    }
    .business-box .business-text,
    .citizenship-box .citizenship-text {
        font-size: 14px;
        width: 100%;
    }
    .business-href .text {
        font-size: 14px;
    }
    .business-href .sou {
        font-size: 45px;
    }
    .business-href .title {
        font-size: 22px;
    }
    .citizenship-activities-width .citizenship-activities-prev {
        left: 5px;
    }
    .citizenship-activities-width .citizenship-activities-next {
        right: 5px;
    }
    .citizenship-activities-width {
        background: none;
        border: 1px solid #2971cf;
        min-height: inherit;
    }
    .citizenship-activity .text .title {
        font-size: 20px;
    }
    .citizenship-activity .text p {
        font-size: 14px;
    }
    .citizenship-activities-swiper .time {
        font-size: 34px;
    }
    .citizenship-activities-swiper .title {
        font-size: 18px;
    }
    .citizenship-activities-swiper p {
        font-size: 14px;
    }
    .citizenship-activities-swiper {
        padding: 40px 15px 70px;
    }
    .join-box {
        padding: 50px 0;
    }
    .join,
    .join-box,
    .join-interest {
        font-size: 14px;
    }
    .join-title .title {
        font-size: 24px;
    }
    .join-title .text {
        font-size: 14px;
    }
    .product-details-left {
        padding-right: 300px;
    }
    .product-details-right {
        width: 300px;
    }
    .product-tab li {
        margin: 0 6%;
    }
    .product-content {
        font-size: 14px;
    }
    .product-content .title {
        font-size: 26px;
    }
    .built-up-area .label_area {
        font-size: 14px;
    }
    .built-up-area .sou {
        font-size: 18px;
    }
    .product-details-swiper .citizenship-swiper {
        height: calc(100vh - 80px);
    }
    .product-logo {
        padding: 13px 0 12px 4.5931%;
    }
    .product-return .breadcrumb {
        padding-top: 29px;
        padding-bottom: 29px;
    }
    .product-return .return {
        padding: 29px 28px;
    }
    .product-tab a {
        padding: 29px 0;
    }
    .product-content {
        height: calc(100vh - 80px);
    }
}
@media screen and (max-width: 1000px) {
    .product-details-left {
        padding-right: 0;
    }
    .product-details-right {
        position: relative;
        width: 100%;
    }
    .product-content {
        height: auto;
    }
    .product-details-swiper .citizenship-swiper {
        height: 400px;
    }
    .product-return {
        border-top: 1px solid #dedede;
        padding: 0 15px;
        width: 100%;
    }
    .product-return .breadcrumb {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .product-return .return {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        z-index: 999;
        padding: 15px 20px;
    }
    .product-content {
        padding: 30px 15px 80px;
    }
    .product-tab a {
        padding: 20px 0;
    }
    .banner .text .h1 {
        font-size: 26px;
    }
}
@media screen and (max-width:850px) {
    .list-page li {
        width: 103px;
    }
    .list-page li p {
        display: none;
    }
    .business-href .col-sm-3 {
        width: 50%;
        float: left;
    }
    .business-href .img img {
        width: 100%;
    }
    .citizenship-swiper li .text .title {
        font-size: 20px;
    }
    .citizenship-swiper li .text .add {
        font-size: 14px;
    }
}
@media screen and (max-width:850px) {
    .in-comarea {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        bottom: 0;
    }
    .in-con01 .kwicks .kwicks-li {
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .in-con01 .kwicks {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .in-con01 {
        height: auto;
        position: relative;
        top: 0;
        bottom: auto;
    }
    .in-box01 {
        height: auto;
    }
}
@media screen and (max-width: 800px) {
    .area_img {
        display: none;
    }
}
@media screen and (max-width:767px) {
    .container {
        width: 100%;
    }
    .w-breadcrumb .w-nav {
        display: none;
    }
    .breadcrumb {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    footer .f-nav li {
        padding-right: 20px;
    }
    footer .f-nav li:after {
        right: 10px;
    }
    .banner-fixed .text {
        font-size: 26px;
    }
    .banner-fixed .text span {
        font-size: 12px;
    }
    .course-swiper {
        padding: 0 40px;
    }
    .course-swiper .course-prev, .course-swiper .course-next {
        width: 32px;
        height: 32px;
        background-size: 32px;
        margin-top: -16px;
    }
    #timeline:before {
        left: 0;
    }
    #timeline .timeline-item {
        text-align: left;
    }
    #timeline .timeline-item .timeline-content {
        width: 94%;
        float: right;
    }
    #timeline .timeline-item .timeline-icon {
        left: 0;
    }
    .load-more a ,
    .news-box li .con .img,
    .news-box li .con .text,
    .activity .news-box li .con .img,
    .activity .news-box li .con .text,
    .project-box .text {
        width: 100%;
    }
    .project-box .text {
        padding: 0;
    }
    .project-box .time {
        display: none;
    }
    .news-box li .con .text {
        padding: 15px 0 0 0;
    }
    .recruit .news-box li .con .text {
        width: 73.67%;
        padding: 0;
    }
    .news-box,
    .project-box,
    .mid_content  {
        padding:  15px;
    }
    .news-box li,
    .project-box li {
        padding: 20px 0;
    }
    .news-width {
        padding-bottom: 30px;
    }
    .pagination li a, .pagination li span {
        height: 36px;
        width: 36px;
        line-height: 36px;
    }
    .news-details-text .time {
        padding-bottom: 40px;
    }
    .news-details-text,
    .product {
        padding: 30px 0;
    }
    .news-details-page {
        padding: 15px 0;
    }
    .introduce .col-sm-6 {
        width: 100%;
    }
    .product li {
        margin-bottom: 20px;
    }
    .product li .title {
        font-size: 16px;
    }
    .product li .tle, .product li .add,
    .investor-shares .box p {
        font-size: 14px;
    }
    .investor-text {
        font-size: 14px;
        padding: 30px 0 20px;
    }
    .investor-shares .col-sm-6 {
        width: 100%;
    }
    .investor-shares .box {
        padding: 10%;
    }
    .investor-shares .box .title {
        font-size: 36px;
    }
    .investor-shares .box p {
        padding: 0 0 15px;
    }
    .citizenship-box {
        padding: 40px 0 20px;
    }
    .citizenship-activities-swiper .img,
    .citizenship-activities-swiper .text {
        width: 100%;
    }
    .citizenship-activities-swiper .text {
        padding-top: 15px;
    }
    .activity {
        padding: 0 0 30px;
    }
    .activity .news-box li .con .text {
        padding-right: 0;
    }
    .join-box {
        padding: 30px 0;
    }
    .join-interest .box {
        padding: 5%;
    }
    .join-title .title {
        font-size: 20px;
    }
    .gfdj_main .gfdj_title,
    .gfdj_main .gfdj_control {
        width: 100%;
    }
    .gfdj_main .gfdj_title {
        text-align: left;
        font-size: 16px;
    }
    .gfdj_main .form-control {
        font-size: 14px;
    }
    .gfdj_main .gfdj_button {
        padding-left: 0;
    }
    .gfdj_main {
        padding-bottom: 40px;
        margin: -15px;
    }
    .gfdj_main .gfdj_button .btn {
        padding: 6px 30px;
        font-size: 14px;
    }
}
@media screen and (max-width:641px) {
    .news-details-text .title {
        font-size: 18px;
    }
}
@media screen and (max-width:580px) {}
@media screen and (max-width:540px) {
    .banner-fixed .img {
        height: 200px;
    }
    .citizenship-swiper {
        height: 200px;
    }
}
@media screen and (max-width:481px) {}
@media screen and (max-width:380px) {}
@media screen and (max-width:340px) {}