.main-body {
    width: 1200px;
    margin: 18px auto 0;
}

.pdm-container {
    float: left;
    margin-right: 15px;
}

.ic-right-box {
    z-index: 55;
}

.middle-ff {
    float: left;
    width: 674px;
    height: 735px;
    overflow: hidden;
    margin-right: 15px;
}

.right-ff {
    float: left;
    width: 272px;
    height: 735px;
    overflow: hidden;
    border: 1px solid #2587F4;
}

.swiper-container-outer {
    width: 674px;
    height: 395px;
}

.swiper-container-outer img {
    width: 674px;
    height: 395px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 17px !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 51px !important;
    height: 11px !important;
    background-color: #333333 !important;
    opacity: 0.3 !important;
    border-radius: 5.5px !important;
}

.swiper-pagination-bullet {
    width: 11px !important;
    height: 11px !important;
    background-color: #333333 !important;
    opacity: 0.3 !important;
    border-radius: 50% !important;
}

.new-product {
    width: 674px;
    height: 325px;
    margin-top: 15px;
    border: 1px solid #2587F4;
}

.np-title-box {
    border-top: #1A6ECC 6px solid;
}

.np-title {
    width: 100px;
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #1A6ECC;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 7px 0 0 12px;
}

.new-product ul {
    margin-top: 13px;
}

.new-product ul .scale {
    width: 75px;
    height: 75px;
    margin-right: 10px;
}

.new-product ul .scale img {
    max-width: 75px;
    max-height: 75px;
    margin-top: 50%;
    transform: translateY(-50%);
}

.new-product li {
    height: 92px;
}

.np-list-container-up {
    position: relative;
    width: 674px;
    height: 283px;
}

.split-uper-dash {
    position: absolute;
    height: 259px;
    border-left: 1px dashed #E6E6E6;
    left: 50.6%;
}

.new-product li:nth-child(odd) {
    width: 342px;
    padding: 8px 0 0 12px;
}

.new-product li:nth-child(even) {
    width: 330px;
    padding: 8px 0 0 17px;
}

.new-product li:hover {
    background: #FFFFFF;
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.1);
}

.content-np {
    width: 215px;
    height: 34px;
    line-height: 17px;
    margin-bottom: 12px;
    overflow: hidden;
}

.content-np a {
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-np a:hover {
    color: #0084FF;
}

.tag-np {
    max-width: 167px;
    height: 14px;
    font-size: 12px;
    color: #9B9B9B;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-ff ul .scale {
    width: 62px;
    height: 62px;
    border: 1px solid #E6E6E6;
    margin-right: 9px;
}

.right-ff ul .scale img {
    max-width: 62px;
    max-height: 62px;
    margin-top: 50%;
    transform: translateY(-50%);
}

.right-ff li {
    width: 269px;
    height: 88px;
    padding: 16px 0 0 0;
}

.right-ff li .clearfix {
    border-bottom: 1px solid #E6E6E6;
    width: 244px;
    padding-bottom: 12px;
    margin: 0 auto;
}

.right-ff li:last-child .clearfix {
    border: none;
}

.right-ff li:hover {
    background: #FFFFFF;
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.1);
}

.right-ff .content-np {
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 167px;
    height: 30px;
    line-height: 15px;
}

.brt {
    width: 94px;
    height: 31px;
    margin-top: 33px;
    border-bottom: #1A6ECC 4px solid;
}

.brt-text {
    height: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #1A6ECC;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.second-floor ul {
    margin-top: 22px;
}

.industrial-chain {
    width: 384.5px;
    height: 467px;
    margin-right: 23px;
    margin-bottom: 32px;
    background: #FBFBFB;
}

.industrial-chain:hover {
    background: #FBFBFB;
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.15);
}

.second-floor li:nth-child(3n) .industrial-chain {
    margin-right: 0;
}

.induschain-head {
    width: 385px;
    height: 100px;
    position: relative;
}

.induschain-head img {
    width: 385px;
    height: 100px;
}

.induschain-head div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -66px;
    margin-top: -8px;
    width: 132px;
    height: 16px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.induschain-head div a {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
.intro-left {
    margin: 19px 4px 0 17px;
    height: 12px;
    font-size: 12px;
    color: #555555;
    line-height: 12px;
}

.intro-right {
    width: 312px;
    height: 32px;
    margin-top: 17px;
    font-size: 12px;
    color: #555555;
    line-height: 16px;
}

.paragraph {
    height: 12px;
    font-size: 12px;
    color: #555555;
    line-height: 12px;
    margin-left: 17px;
    margin-top: 12px;
}

.paragraph span {
    font-size: 12px;
    font-weight: bold;
    color: #454545;
}

.para-third {
    margin-left: 17px;
    margin-top: 10px;
    height: 35px;
    overflow: hidden;
}

.para-third .fl:first-child {
    height: 12px;
    font-size: 12px;
    color: #656565;
    line-height: 12px;
}

.para-third .fl:last-child {
    width: 288px;
    overflow: hidden;
    margin-top: -5px;
}

.para-third .fl:last-child span {
    margin-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 58px;
    display: inline-block;
    height: 16px;
}

.para-third .fl:last-child span a {
    font-size: 12px;
    color: #555555;
    line-height: 20px;
}

.para-third .fl:last-child span a:hover {
    color: #0084FF;
}

.icon-head {
    margin-left: 17px;
    margin-top: 18px;
}

.icon-head .fl:first-child {
    margin-right: 8px;
    width: 14px;
    height: 20px;
}

.icon-head .fl:first-child img {
    width: 14px;
    height: 20px;
}

.icon-head .fl:last-child {
    width: 57px;
    height: 14px;
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold;
    color: #F35F25;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popular-merchants-box {
    margin-left: 17px;
    margin-top: 12px;
}

.popular-merchants-item {
    float: left;
    margin-right: 27px;
}

.popular-merchants-item .scale {
    width: 80px;
    height: 80px;
    border: 1px solid #E6E6E6;
}

.popular-merchants-item .scale img {
    max-width: 80px;
    max-height: 80px;
    margin-top: 50%;
    transform: translateY(-50%);
}

.pmi-word {
    width: 81px;
    height: 28px;
    line-height: 14px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pmi-word a {
    font-size: 12px;
    color: #666666;
}

.bottom-btn {
    width: 96px;
    height: 30px;
    line-height: 30px;
    margin-left: 145px;
    margin-top: 21px;
    background: #EE7F24;
    text-align: center;
    cursor: pointer;
}

.bottom-btn a {
    font-size: 13px;
    color: #FFFFFF;
}

.orderfloor-title {
    position: relative;
    border-bottom: 3px solid #0084FF;
}

.icon-text-ordflr {
    position: absolute;
    left: 13px;
    top: 9px;
    width: 23px;
    height: 16px;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    line-height: 16px;
}

.orderfloor-title img {
    width: 58px;
    height: 33px;
    margin-left: -1.5px;
    margin-bottom: -3px;
}

.real-title-ordflr {
    width: 141px;
    height: 19px;
    font-size: 18px;
    font-weight: bold;
    color: #1A6ECC;
    line-height: 19px;
    margin-top: 5px;
    margin-left: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.real-title-ordflr a {
    font-size: 18px;
    font-weight: bold;
    color: #1A6ECC;
}
.orderly-floor-upart {
    margin-top: 25px;
}

.orderly-floor-upart .fl img {
    width: 280px;
    height: 371px;
}

.under-box-ofut {
    width: 280px;
    height: 233px;
    padding: 48px 0 0 37px;
    background: #2F67AC;
}

.under-box-ofut li {
    float: left;
    width: 100px;
    height: 13px;
    line-height: 13px;
    margin-bottom: 17px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.under-box-ofut li a {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.under-box-ofut li a:hover {
    text-decoration: underline;
    font-style: italic;
}

.card-list-ofu {
    width: 900px;
}

.card-list-ofu li {
    width: 441px;
    height: 292px;
    margin: 0 18px 20px 0;
    background: #FAFAFA;
}

.card-list-ofu li:nth-child(2n) {
    margin-right: 0;
}

.card-list-ofu li:hover {
    background: #FAFAFA;
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.15);
}
.flcimgbox {
    float: left;
    width: 52px !important;
    height: 52px !important;
    margin: 14px 18px 0 24px;
}
.flcimgbox img {
    max-width: 52px;
    max-height: 52px;
    width: auto !important;
    height: auto !important;
    margin-top: 50%;
    transform: translateY(-50%);
}

.flacli-word {
    height: 17px;
    line-height: 17px;
    margin-top: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 280px;
}

.first-line-caloli a {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.box-caloli {
    width: 386px;
    height: 183px;
    font-size: 12px;
    margin-top: 18px;
    margin-left: 24px;
}

.abstract-title {
    color: #1A6ECC;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.abstract .txt-cut {
    color: #888888;
    margin: 3px 0 10px 24px;
    line-height: 22px;
    height: 44px;
}

.adress .one-txt-cut {
    color: #888888;
    margin: 3px 0 10px 24px;
    line-height: 22px;
}

.under-list-imp {
    margin: 3px 0 10px 24px;
    line-height: 22px;
    overflow: hidden;
    width: 362px;
    height: 44px;
}

.under-list-imp div {
    margin-right: 14.2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.under-list-imp a {
    color: #888888;
}

.under-list-imp a:hover {
    color: #1a6ecc;
}

.title-ofdt {
    width: 194px;
    margin: -2px auto 19px;
}

.title-ofdt .fl:nth-child(2) {
    margin: 0 7px 0 13px;
}

.title-ofdt .fl:nth-child(3) {
    margin-right: 12px;
    margin-top: 3px;
    width: 66px;
    height: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #4DA9FF;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.title-innerline {
    width: 41px;
    height: 1px;
    margin-top: 10px;
    border: 1px solid #0084FF;
}

.floor-recommendation-enterprise {
    width: 1040px;
    margin: 0 auto;
}

.floor-recommendation-enterprise-item {
    width: 235px;
    height: 308px;
    margin: 0 33px 25px 0;
    background: #FAFAFA;
    float: left;
}

.floor-recommendation-enterprise-item:nth-child(4n) {
    margin-right: 0;
}

.floor-recommendation-enterprise-item:hover {
    background-color: #4DA9FF;
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.15);
}

.floor-recommendation-enterprise-item .scale {
    width: 235px;
    height: 231px;
    background: #FAFAFA;
}

.floor-recommendation-enterprise-item .scale img {
    max-width: 235px;
    max-height: 231px;
    margin-top: 50%;
    transform: translateY(-50%);
}

.freim {
    margin-left: 15px;
    margin-top: 18px;
}

.detail-freim {
    height: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-freim a {
    font-size: 15px;
    color: #333333;
}

.company-mes-freim {
    height: 13px;
    font-size: 13px;
    font-family: Adobe Heiti Std;
    font-style: italic;
    color: #C7C7C7;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floor-recommendation-enterprise-item:hover .detail-freim a {
    color: #FFFFFF;
}

.floor-recommendation-enterprise-item:hover .company-mes-freim {
    color: #FFFFFF;
}
.orientation-swiper {
    position: relative;
    height: 661px;
    overflow: hidden;
}
.orientation-swiper2 {
    position: relative;
    height: 590px;
    overflow: hidden;
}
.swiper-container-another {
    width: 1040px;
    overflow: hidden;
    margin: 0 auto;
}
/* .swiper-container-another .swiper-wrapper {
    width: 1040px !important;
    height: 661px;
    margin: 0 auto;
} */
/* .swiper-container-another .swiper-wrapper .swiper-slide {
    width: 235px !important;
    height: 308px;
    margin-bottom: 25px;
    margin-right: 33px !important;
} */
/* .swiper-container-another .swiper-wrapper .swiper-slide:nth-child(4n) {
    margin-right: 0 !important;
} */
.swiper-button-prev {
    width: 50px !important;
    height: 641px !important;
    background: #F0F0F0;
    top: 22px !important;
    background-size: 18px 30px !important;
    margin-left: -15px;
    background-repeat: no-repeat;
    background-position: center !important;
}

.swiper-button-next {
    width: 50px !important;
    height: 641px !important;
    background: #F0F0F0;
    top: 22px !important;
    background-size: 18px 30px !important;
    margin-right: -15px;
    background-repeat: no-repeat;
    background-position: center !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

.swiper-button-white:hover {
    background-color: #4DA9FF;
}
.orderly-floor:nth-child(even) .real-title-ordflr {
    color: #FF5A00;
}
.orderly-floor:nth-child(even) .real-title-ordflr a {
    color: #FF5A00;
}

.orderly-floor:nth-child(even) .orderfloor-title {
    border-bottom: 3px solid #FF9000;
}

.orderly-floor:nth-child(even) .under-box-ofut {
    background: #F4804D;
}

.orderly-floor:nth-child(even) .under-list-imp a:hover {
    color: #FF5A00;
}

.orderly-floor:nth-child(even) .floor-recommendation-enterprise-item:hover {
    background-color: #FFA633;
}

.orderly-floor:nth-child(even) .swiper-button-white:hover {
    background-color: #FFA633;
}
.orderly-floor:nth-child(even) .title-innerline {
    border: 1px solid #FF5A00;
}
.orderly-floor:nth-child(even) .title-ofdt .fl:nth-child(3) {   
    color: #FF5A00;
}
.blogroll {
    /* height: 146px; */
    margin-bottom: 40px;
    border-left: 8px solid #0084FF;
    background: #F9F9F9;
}

.blogroll .fl:nth-child(2) {
    width: 75px;
    height: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #1A6ECC;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 27px;
    margin-right: 35px;
}

.blogroll .fl:nth-child(3) {
    width: 998px;
    margin-top: 30px;
    /* height: 108px; */
    overflow: hidden;
}

.blogroll img {
    margin: 27px 7px 0 16px;
    width: 19px;
    height: 18px;
}

.blogroll-listem {
    float: left;
    height: 14px;
    margin-right: 35px;
    line-height: 14px;
    margin-bottom: 22px;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px; */
}

/* .blogroll-listem:nth-child(9n) {
    margin-right: 0;
} */

.blogroll-listem a {
    font-size: 14px;
    color: #999999;
}

.blogroll-listem a:hover {
    color: #1A6ECC;
}

.news-information-title {
    width: 296px;
    height: 31px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 25px;
    font-weight: bold;
    color: #1A6ECC;
    line-height: 18px;
    border-bottom: 4px solid #1A6ECC;
}

.first-hot {
    margin-right: 40px;
    margin-bottom: 19px;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-weight: bold;
}
.tag-box-nit {
    overflow: hidden;
    max-width: 1130px;
    height: 14px;
}
.tag-box-nit .fl {
    height: 14px;
    line-height: 14px;
    margin-right: 28px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-box-nit .fl:last-child {
    margin-right: 0;
}

.tag-box-nit .fl a {
    font-size: 14px;
    color: #999999;
}
.show-nitbox {
    display: block !important;
}
.news-information-box {
    position: relative;
    display: none;
    height: 675px;
    margin-bottom: 62px;
}

.split-line-dash {
    position: absolute;
    border-left: 1px dashed #E6E6E6;
    height: 657px;
}

.split-line-dash:nth-child(2) {
    left: 50%;
}

.split-line-dash:nth-child(3) {
    left: 100%;
}

.news-information-item {
    float: left;
    width: 600px;
    height: 135px;
}

.news-information-item:hover {
    background: #FFFFFF;
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.1);
}

.news-information-item .scale {
    width: 145px;
    height: 99px;
    margin: 18px 20px 0 24px;
}

.news-information-item .scale img {
    width: 145px;
    height: 99px;
}

.news-information-item .fl:nth-child(2) {
    width: 372px;
    margin-top: 22px;
}

.news-information-item .fl:nth-child(2) div:first-child {
    height: 15px;
    line-height: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news-information-item .fl:nth-child(2) div:first-child a {
    font-size: 15px;
    color: #333333;
}

.news-information-item .fl:nth-child(2) div:first-child a:hover {
    color: #1A6ECC;
}

.news-information-item .fl:nth-child(2) div:nth-child(2) {
    height: 13px;
    font-size: 12px;
    color: #666666;
    line-height: 10px;
    margin-bottom: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-information-item .fl:nth-child(2) div:nth-child(3) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    font-size: 12px;
    color: #989898;
    line-height: 20px;
}