@charset "UTF-8";

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/fonts_family/icomoon.eot?g8muf8");
    src: url("../fonts/fonts_family/icomoon.eot?g8muf8#iefix") format("embedded-opentype"), url("../fonts/fonts_family/icomoon.ttf?g8muf8") format("truetype"), url("../fonts/fonts_family/icomoon.woff?g8muf8") format("woff"), url("../fonts/fonts_family/icomoon.svg?g8muf8#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINCond-Bold";
    src: url("../fonts/fonts_family/dincond-bold/DINCond-Bold.woff2") format("woff2"), url("../fonts/fonts_family/dincond-bold/DINCond-Bold.woff") format("woff"), url("../fonts/fonts_family/dincond-bold/DINCond-Bold.ttf") format("truetype"), url("../fonts/fonts_family/dincond-bold/DINCond-Bold.eot") format("embedded-opentype"), url("../fonts/fonts_family/dincond-bold/DINCond-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dincond-medium";
    src: url("../fonts/fonts_family/dincond-medium/dincond-medium-webfont.woff2") format("woff2"), url("../fonts/fonts_family/dincond-medium/dincond-medium-webfont.woff") format("woff"), url("../fonts/fonts_family/dincond-medium/dincond-medium-webfont.ttf") format("truetype"), url("../fonts/fonts_family/dincond-medium/dincond-medium-webfont.eot") format("embedded-opentype"), url("../fonts/fonts_family/dincond-medium/dincond-medium-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sinoocean-icon {
    font-family: icomoon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-sign:before {
    content: "\e900";
}

.icon-down:before {
    content: "\e901";
}

.icon-up:before {
    content: "\e902";
}

.icon-area:before {
    content: "\e100";
}

.icon-location:before {
    content: "\e101";
}

.icon-eye:before {
    content: "\e102";
}

.icon-phone:before {
    content: "\e103";
}

.icon-more:before {
    content: "\e104";
}

.icon-index:before {
    content: "\e105";
}

.icon-type:before {
    content: "\e903";
}

.icon-people:before {
    content: "\e904";
}

.icon-prev:before {
    content: "\e905";
}

.icon-next:before {
    content: "\e906";
}

.icon-search:before {
    content: "\e986";
}

/*$percentage  百分比*/
ul {
    display: block;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
}

p {
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h3 {
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    background: #F8F8F8;
    color: #555555;
    font: 14px/28px "Microsoft YaHei", "arial";
    font-weight: 200;
    overflow-x: hidden;
}

a {
    color: #E50011;
}

a:hover {
    text-decoration: none;
    color: #E50011;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.center {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.font18 {
    line-height: 36px;
    color: #555;
    font-size: 18px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-20 {
    margin-top: 20px;
}

@keyframes mymove {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
    {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1.1);
    }
}

.nav {
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
}

.nav .navbar {
    position: absolute;
    width: 100%;
    /* height: 1.4814814815rem; */
    height: 80px;
}

.nav .navbar .navbgbar {
    width: 100%;
    height: 100%;
    background: #fff;
    /* opacity: .5; */
}

.nav .navbar .navcontent {
    position: absolute;
    width: 100%;
    max-width: 22.2222222222rem;
    min-width: 18.5555555556rem;
    /* height: 1.4814814815rem; */
    height: 80px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1200px;
}

.nav .navbar .navcontent>.logo_wrap {
    /* width: 5.9444444444rem;
    height: 1.4814814815rem; */
    width: 321px;
    height: 80px;
    /* line-height: 1.4814814815rem; */
    line-height: 80px;
    float: left;
    /* padding-left: 0.2962962963rem; */
    /* padding-left: 16px; */
}

.nav .navbar .navcontent>.logo_wrap>img {
    width: 110%;
    display: inline-block;
}

.nav .navbar .navcontent .menu_wrap {
    float: right;
    /* width: 12.7407407407rem; */
    width: 775px;
    /* padding-right: 0.2962962963rem; */
    /* padding-right: 16px; */
}

.nav .navbar .navcontent .menu_wrap>ul {
    float: right;
    height: 100%;
}

.nav .navbar .navcontent .menu_wrap>ul>li {
    float: left;
    width: 1.4259259259rem;
    margin-left: 0.3481481481rem;
    position: relative;
    /* padding-top: 1.3888888889rem; */
    text-align: center;
    cursor: pointer;
    line-height: 80px;
    height: 100%;
}

.nav .navbar .navcontent .menu_wrap>ul>li .fontColor {
    color: #EB640E;
}

/* .nav .navbar .navcontent .menu_wrap>ul>li:hover {
    border-bottom: 0.037037037rem solid #E50011;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.037037037rem;
} */
.nav .navbar .navcontent .menu_wrap>ul>li:not(:last-child):hover a div {
    color: #EA5812;
}

.nav .navbar .navcontent .menu_wrap>ul>li:not(:last-child):hover::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid rgba(234, 87, 16, 1);
    position: absolute;
    left: 0;
    right: 0;
    top: 63px;
    bottom: 0;
    margin: 0 auto;
}

.nav .navbar .navcontent .menu_wrap>ul>li>dl>dd>a {
    color: #333333;
    display: block;
    width: 100%;
    margin: .5rem 0;
    font-size: 16px;
}

/* .nav .navbar .navcontent .menu_wrap>ul>li>dl::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid rgba(234, 87, 16, 1);
    position: absolute;
    left: 0;
    right: 0;
    top: -11px;
    bottom: 0;
    margin: 0 auto;
} */
.nav .navbar .navcontent .menu_wrap>ul>li>dl {
    display: none;
}

.nav .navbar .navcontent .menu_wrap>ul>li:hover dl {
    /* display: block; */
}

.nav .navbar .navcontent .menu_wrap dl {
    position: absolute;
    width: 150%;
    left: -25%;
    top: 73px;
    text-align: center;
    background-color: #FFF;
    box-shadow: 0px 1px 16px 0px rgb(172 172 172 / 28%);
    border-top: 2px solid rgba(234, 87, 16, 1);
    border-radius: 2px;
}

.nav .navbar .navcontent .menu_wrap dl dd {
    /* margin: .5rem; */
    font-weight: 100;
    /* line-height: 50px; */
}

.nav .navbar .navcontent .menu_wrap dl dd a:hover {
    color: #EA5812;
}

.nav .navbar .navcontent .menu_wrap dl .triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid rgba(234, 87, 16, 1);
    position: absolute;
    left: 0;
    right: 0;
    top: -11px;
    bottom: 0;
    margin: 0 auto;
}

.nav .navbar .navcontent .menu_wrap>ul>li>a {
    /* position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    text-decoration: none; */


    width: 100%;
    cursor: pointer;
    display: inline-block;
}

.nav .navbar .navcontent .menu_wrap>ul>li>a>div {
    display: block;
    line-height: 0.2777777778rem;
    font-size: 16px;
    color: #333333;
    /* margin-bottom: 0.1111111111rem; */
    /* font-weight: bold; */
}

.nav .navbar .navcontent .menu_wrap>ul>li>a>span {
    display: block;
    line-height: 0.2407407407rem;
    font-size: 0.1851851852rem;
    color: #787878;
    font-weight: 400;
}

.index-line {
    height: 0.2222222222rem;
}

.index-line>img {
    width: 100%;
    height: 1px;
}

.user-custom-container {
    width: 1200px;
    background: white;
    margin: 0 auto;
    overflow: hidden;
    min-height: 300px;
}

.index-content-background {
    width: 100%;
    /* background: url("../img/user/index_bg.png") 0px bottom no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover; */
    background-color: #FFF;
}

.shadow {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}

.shadowIndex {
    /* box-shadow: 0 0 10px 0px rgba(61, 44, 44, 0.1); */
}

.desc-container {
    background: #F8F8F8;
}

.desc-container>p {
    border-left: 5px solid #E50011;
    line-height: 36px;
    padding: 15px;
}

.desc-container>p>span {
    display: block;
    font-weight: 600;
}

.container-fluid {
    height: 100%;
    padding: 0;
    margin: 0;
}

.paginator {
    overflow: hidden;
    width: 1072px;
    font-family: dincond-medium;
    margin: 0 auto;
}

.paginator>div {
    float: right;
}

.paginator>div>ul>a>li {
    display: inline-block;
    width: 16px;
    height: 12px;
}

.paginator>div>ul>a>.button-prev {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAiCAYAAAC9duLEAAAAAXNSR0IArs4c6QAAAyxJREFUSA2llstLVFEcx7/3ziPNQmZGnRkxMbBFhLgIooU1hmBaRIaIQW2kXdCyVdv+glZtAncSJghhhlkWtSh6QJFE0SJS5zo6j+zh23v6HuOO5x6vOmMXhvM739/vfO7v/M7jDvCfzywq4gL1eyTG2C1LoK4kiZ+9gOgmI2vC17kr2Awq961i9b4Amp1kDBifTKdTaPsDtaFVrD1WQf/GimBRmaVQFV3DyiOCGtSXE7LCX0fBmWUQPsCpPddBLPsiQRfiyD0oKDPW6BBBowTVujMyfhswz8WRfir1HWHTCDXYMEYEREwF0c75YLbHkHnl6D7H8GotRI7ZEKP0Vap+rlzKj0BLDOl3qr5lzSxUJJiNBIXVAZzMRADmyShmPrh1wBNmIXTGhj1M2H5twFcDoqkS6S+avt7dBLMQ7mKhB7mzS9UBnNrHAPwnqpH7ruqq7YIR1MNs+ggLqEEEvS7D3kQVZqdVXbfzsClErhF0hyDXonC5n7FGLeWYzOqD9f46LInIDcC+RZBrqzCj4TjK2lmjX/pAr77J5b8qYN/UnQTdi+PgeQOTC7pvq77JqfXoToIG4mi5aODtiu7bri+n+c0joCmF0cMe+raSaSB4XW5ENYrZRm1gjLdEo6rvZK8X3EKsTmBpjAtQpw3IGvCdrkb6jaZ7dvOrJ6+YRYgnjKpXIxkwZ8JoiyH7UtW97Pw+iyA7EYQvwSl/VgOZbTmnPJJEqEnVvew8TDq5n5J++BNczXE1mDXkGTUe8vCfUnXddsGkk7dBCihppvle9p2HwDIe/qEkwq2Oprf5mumOOdSE/2BeXopHNd8SM+jkNT2k6e7jozuzCJUvcHq8QY5rvmVe193VyPB22Xg2TXPDJW/F3FwQZivTf6HqtIM8y/3yulL1bWEyUB5yE8E2AsfUgVxlP0vQl0TFJUffsmZOgNMK1JRamB8kwLUABNic8pU4Mr0FwyRU/kGxkBlgVmedl8iWEEq4XBRMDhQ4ErSQvMvRHbLvPATN7lgzJ9hpDYwvx9HYxY3d72iyFfyyq/2ibIEuHzfw7SmEBNs5ftHaiwJ4BU8jWiUXR/r+Aihh51pMGGKiAAAAAElFTkSuQmCC");
}

.paginator>div>ul>a>.button-next {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAiCAYAAAC9duLEAAAAAXNSR0IArs4c6QAAAyRJREFUSA2llstPU0EUxr+5LUhRgn1AWyQ+IrrxtTBGFooIhFCICTGyYuPGjS70D3DrX+DGjTFujAoGEhM0RCMxLAg7NMYYSUxAesurDUFAHu34Tektc2+hD7xJM2e+Oed3z8yZmV6Aj0S9J4ZgrbL/5zFMeCMmVmNJbMxG4Xsi0ePaN3AGvqkZeKX1I/C1RLN7P0BDQFbogRKyx8REn8SZcl0vxjbo9ECoZdMedrpNmAMSDQc0uaBJDmDCf1si9ZQQBc8+AmI4jMpugd9rWTGPkYap8SgCvUDyOYG2AtDhk4HyGyHMruThpIeyMNUz4evhmr0g0FYAOo2WwdVZg4XlfEAbTDlG4e/mlF/RdBRAjHkgO3xILO0FtK2RcqrD4iDFmzTX7UGy8S/ExyXU++z6Ti8nM2uI+62d0x1koT2WlmknBDxtdYguOHTsCVOOJgLXOeW3XMeDeiCr/M0Fd2sQc7N2Xe/tYkfhvQKIIQKr7MPiRzmMFhYlaul5M7OcYvA1piDfc9rVlpZpJysgWvyIT6t+TgEczuluCPExbr82duKO8YZ1yM8mQseVXlRmFmAWtReS2PzADAOWtt2KaW7sppJgKjAG79kUBIEyqANZlP6ipqkHBdH2nf1RXcvYx0rKTOJimYlfPG7ylhNmwLhXNExd7byR3xAUcYIEjIc8OY+Kgs0jULWJJDcvrukgBksJ4/4RLD5WekGYOosrWOUek5ccoCQX/U4Y8WeWnhc2h5rQFraGmdE5K0C1DNokqJegPoeud3dsHqOjkluAMzm1oypLrBksQBiJIbvuuFWtQa7R6SQwQtAJS1Mts1lm1bqYEV+S++RMk7v8fDI9NfumZGicoEgYi+O5mG3FBovBfzmJ1DsOefUAZhTj1NpDSHzVdaedPQG8u5p5M6j0HSBMueFqKgRS4HRm/ETo4nnr5xrZ/pA5/JNCq3XFODNx9tW3RidLP5ALwhc33FeLBaUz4xaYJOyk/hau0XglDnUcxlRC1wvZXDOxoTtx3iNco9ZSQYrBDxfjLtvMDSpehlEdqcX8H/0FJdnqA4UbNVxS0C7O/wA+xuwDYDiTGwAAAABJRU5ErkJggg==");
}

.paginator>div>ul>li {
    display: inline-block;
    width: 16px;
    height: 12px;
    font-size: 16px;
}

.active-channel {
    /* box-sizing: border-box;
    border-bottom: 2px solid red; */
    color: #EB640E;
    font-weight: bold;
}

.active-border {
    box-sizing: border-box;
    /* border-bottom: 2px solid #EB640E; */
    color: #EB640E;
    font-weight: bold;
}

.active-border::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 5px;
    background-color: #EB640E;

}

.active-border div {
    color: #EB640E !important;
}

.active-select>a {
    color: #E50011 !important;
}

.load_more_wrap {
    text-align: center;
    height: 1.8518518519rem;
    font-size: 0.4074074074rem;
    line-height: 1.8518518519rem;
}

.load_more_wrap>div>i {
    color: #E50011;
}

.load_more_wrap>div>span {
    margin-left: 0.1851851852rem;
}

.load_more_wrap>div>span>a {
    color: #555555;
}

.channel-nav {
    /* height: 60px; */
    border-bottom: 1px solid #D8D8D8;
    /* line-height: 60px; */
    background: white;
    font-size: 16px;
}

.channel-nav>ul {
    margin: 0 auto;
    width: 22.2222222222rem;
    text-align: center;
}

.channel-nav>ul>li {
    margin-left: 10px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.channel-nav>ul>i {
    float: left;
    line-height: 60px;
    color: #E50011;
}

.channel-nav>ul>a {
    color: #555555;
    display: inline-block;
    line-height: 40px;
    padding-top: 9px;
    position: relative;
}

.channel-nav>ul>a>.line::after {
    content: "";
    width: 1px;
    height: 17px;
    position: absolute;
    background-color: #5B5B5B;
    right: -3px;
    bottom: 0;
    top: 0;
    margin: auto;

}

.channel-nav>ul>a>li {
    text-align: center;
    margin: 0 auto;
    float: left;
    /* width: 1.4814814815rem; */
    /* width: 140px; */
    /* width: 2.35rem; */
    /* font-weight: bold; */
    position: relative;
    padding: 0 0.5rem;
    /* color: #EB640E; */
}

.channel-nav>ul>a:hover {
    /* background: #F2F2F2; */
    box-sizing: border-box;
    /* border-bottom: 2px solid red; */
    color: #EB640E;
}

/* .channel-nav>ul>a:first-child {
    color: #E50011;
}

.channel-nav>ul>a:first-child>li {
    width: 1.0185185185rem;
    width: 55px;
    background: #F2F2F2;
} */

.news-content {
    /* min-height: 500px; */
    overflow: hidden;
    /* width: 1200px; */
    background: white;
    margin: 0 auto;
    /* margin-top: 10px; */
}

.news-content>.news-master {
    width: 1072px;
    margin: auto;
    padding-top: 40px;
}

.news-content>.news-master>a {
    color: #555555;
}

.news-content>.news-master>a>.content {
    background: #F8F8F8;
    height: 262px;
}

.news-content>.news-master>a>.content>.pic-content {
    float: left;
}

.news-content>.news-master>a>.content>.pic-content>img {
    width: 406px;
    height: 262px;
}

.news-content>.news-master>a>.content>.text-content {
    float: left;
    margin-left: 40px;
    width: 600px;
    height: 262px;
    font-size: 24px;
}

.news-content>.news-master>a>.content>.text-content>.date {
    padding: 24px 0 10px 0;
    font-family: DINCond-Bold;
    color: #999;
}

.news-content>.news-master>a>.content>.text-content>.date>.day {
    font-size: 36px;
    color: #E50011;
    padding: 10px 10px 0 0;
}

.news-content>.news-master>a>.content>.text-content>.content {
    margin-top: 20px;
    line-height: 36px;
}

.news-content>.news-items {
    overflow: hidden;
    width: 1200px;
    margin: auto;
    /* 新 */
    position: relative;
    z-index: 1;
}

.news-content>.news-items>ul {
    margin-top: 40px;
}

.news-content>.news-items>ul>li {
    height: 140px;
    position: relative;
    margin-top: 20px;
}

.news-content>.news-items>ul>li:hover>span {
    height: 150px;
}

.news-content>.news-items>ul>li>a {
    position: absolute;
    display: block;
    height: 140px;
    width: 1072px;
    color: #555555;
    border-bottom: 1px solid #F8F8F8;
    z-index: 10;
}

.news-content>.news-items>ul>li>a:hover>h4 {
    color: #FA6400;
}

.news-content>.news-items>ul>li>a>h3 {
    text-align: center;
    width: 200px;
    height: 140px;
    font-size: 36px;
    font-family: dincond-medium;
    color: #8F8F8F;
    float: left;
}

.news-content>.news-items>ul>li>a>h4 {
    float: left;
    width: 820px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-content>.news-items>ul>li>a>p {
    font-size: 14px;
    width: 820px;
    float: left;
    line-height: 36px;
}

.news-content>.news-items>ul>li>span {
    position: absolute;
    height: 0px;
    width: 100%;
    bottom: 0;
    z-index: 0;
    background: -webkit-gradient(linear, 180% 0%, 100% 0%, from(#ffffff), color-stop(1, #f3f3f3));
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -transition: all .3s;
}

.details {
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.details>.detail-bagc {
    position: absolute;
    bottom: 0;
    z-index: -1;
    background: url(../img/user/news-background@2x.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 200px;
}

.news-detail-content {
    width: 1200px;
    margin: 0 auto;
    /* margin-top: 10px; */
    min-height: 300px;
    /* background: white; */
    overflow: hidden;
}

.news-detail-content>.title {
    margin-top: 60px;
    text-align: center;
    font-size: 24px;
}

.news-detail-content>.other {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
}

.news-detail-content>.content {
    /* width: 1080px; */
    margin: 0 auto;
    margin-top: 60px;
    line-height: 36px;
}

.news-detail-content>.news-record {
    margin-top: 100px;
    overflow: hidden;
}

.news-detail-content>.goback {
    text-align: right;
    padding: 1rem 0;
}

.news-detail-content>.goback>a {
    padding: .1rem 1rem;
    background-color: #EB640E;
    color: #FFFFFF;
    display: inline-block;
}

.news-detail-content>.news-record>.prev {
    float: left;
}

.news-detail-content>.news-record>.prev>a,
.news-detail-content>.news-record>.next>a {
    padding: 10px;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    display: inline-block;
    color: #333333;
    background-color: #F8F8F8;
}

.news-detail-content>.news-record>.prev>a>span:nth-child(2),
.news-detail-content>.news-record>.next>a>span:nth-child(2) {
    display: inline-block;
    width: 350px;
    word-wrap: break-word;
    vertical-align: middle;
    border-left: 1px solid #D6D6D6;
    padding-left: 10px;
}

.news-detail-content>.news-record>.next {
    float: right;
}

.index>.index-swiper-container {
    width: 100%;
    height: 100%;
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container {
    width: 100%;
    height: 100%;
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-pagination>.swiper-pagination-bullet {
    opacity: 0.5;
    width: 12px;
    height: 6px;
    background: #EA5710;
    /* border: 1px solid #E40610; */
    border-radius: 3px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-pagination>.swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 3px;
    opacity: 1;
}

.index .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    text-align: right;
    padding: 0 3rem;
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-button-prev,
.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-button-next {
    background-size: 49px 68px;
    width: 49px;
    height: 68px;
    margin-top: -55px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-button-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABECAYAAADHsbZQAAADv0lEQVRoQ+1by08TQRjvLIKgcsHIyYN6EKmReAEfRCgQQ0KgLVsKIWiMiYDGaCgPHwQlGE8aQiKPFksVSSndlqYN+AeQcPJg4gniQYMmooUEHzzU0u6YwV1tDNrZ2dlKk+2x+30zv8f3zc5OdoFGo9FoteaU9MzFzK/rYOeOpAiD/tuqv7VIEp+WDFeXF/YszMx4QwCB35WxtI9h1pO2KujNcPF8cmRlKWMOHNPp9gKeT08k8CJWyDDLICe/KGurl83fxEXlBI4XFGQnovoiZpXA/3ZPdUB1QKYCagnJFFB2uuqAbAllDqA6IFNA2emqA7IllDmA6oBMAWWnqw7gSth4oXG/obysIRhceHa+sT6AmxcrLi4ONF1pOlhtMnoAACkI0InCQm0sYLjXFSdguWrJMrMGBD4ZgeJ5uJJfpMvDBRgrTlECN9raDhvKyzmNRrNx1sTzcM3pdFVZHQ/nYgHDva4YgVaLJctkNPpE8BDC70PDTsOj4aG3uOBw4hQhcL21VWusqEDKbxyWQQi/jXJcVb/V+hoHlJQY6gQ2KZtVl4erUQI8IkqVgADeLSqPat7xxMnSLptoh6gRuNPZefR0cbFLHByBHxkZNQ0+tr+RUhJSY6kQEGp+XJwcQhhyeXymvoHeV1IBSY2XTeBWe/uRstJSVDZAaNh1l8fHxgO87B4QlkqkvLjahAKTk7X3urtnpSpJGk/swLWWluxKvd4jgg+Hw/Nu93hDv53+UvkvcsQEnvr9d3dnZLDi4FPT02dvdnQ8J1WSNI+YANqgmVmjm2FAKpo8FAq9fDAwcNHn9wdJwZDkERNAk6Et8rkztRMAgI0e4Hn+i9VuZ50u1zwJGJIcWQTQhG3NzYcq9XpvFIlPfTYbO8ZxH0gASc2RTQBN+OfGjef5z/d7evSBiYlFqYCkxlMhgCYVbmZe8X4QiUSWeq1WE+f1KtoT1AiITlTqDS6GAWlCT3zss9lMSpYTVQII9OX6Swfq6moCAIBtP0nA5UHHEDvidL6TWh448dQJoEmFx0g3AGC7uDoNOhwmJUgoQkAkUW36/USmVGMrRiCqsX89maHGttrt5tGxsfc45YEToyiBqPsEJ55KhMPh4KmSkiIccDgxihNAIIRzIdQTqRDC8EmdLgcHHE5MXAggIGj3mpebWzozOzt1u6vrBQ44nJi4EcABQxKjEiBRjWaO6gBNNUnGUh0gUY1mjuoATTVJxlIdIFGNZo7qAE01ScZSHSBRjWZO4juQ8C9/J/zr9wn/AQRqqET+BOUHh+ucxhP6aFsAAAAASUVORK5CYII=");
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAABECAYAAAAoc91uAAADY0lEQVRoQ+2bb0gTYRzHd6emjbtAg+qFBInOc72RoGD9waWgIkYYumluuFOHNIheCVEgVkYYvZEa/pm2JCwNwTceo4XgO18EvYiy3NbNN1K+MCFf7P7MLR7papgi3t1z28mzFxv78zz7fr6f393e7DDDn5vFUlOAYWJ+Ijt+SHotUx/xeLaQTOasLyy8/QkyYuDurNV6IiuRyM/U0Lvl2sTx9ffz8z8wq9WaxyUSp/QGIOXNw/EoBsYomRM7rlcITDy8ip2rqjqKi+IxvULg8bw1BJEJ9pCJTLAAMiATyISKDaBxUrFMRVshE4rqU3ExMqFimYq2QiYU1afiYmRitzJvd3efrqupeSyK4vcGm63r18bGporF/7cVFBPvmMAYQRgt4Ns4jvtUXV9vF0UxCQsECoR3YKDyTHn5Myl0LBb7WFlb26wrCBD2+dDIlbKy0n4pOMfxi452umVlZUVUGwaKCSmkf9h3laJMj6TnPM8vtdK0TW0QqBAgvN/na6BMpoepIHa7s2l1fTWulhHoECDo+NhYk6m4+F7KaH1pbGyxrW2sqXLW0gRiy8iwr4Gi/hnhOP6zo52+rsZoaQaxE4ggCBG3x2MLhcOcktHSFAIEfTE6eq20pKRPCi0IQoju6rKzLMvLBdEcYjcQt8fTLNdIWiAAyEu/v7m4qKgnxUjY7bllD4UX9z1aaYMA4X3ewTqzmbqD43gBeB7j+Q+V1dWO/Y5VWiFA2PlgcCY3N7dUCm6pqDDrCiLIMMMkQVySQn8Nhe7SbveMbiCCs7NekiQvS4HZ5eX+1ra28f0CgM+nZZzmAgGf0Wi8IAWOsGyvk6bfyAFIC0SQYUZIgrgoBf4WjfY5XK5XcgE0hwgyzCBJEBUpBu47aXpSCYCmENtHaCkc7nF1dk4rBdAMYi4QGDUajedTRuiBw+V6rQaAJhDbj4EIy6oyQqkFQD07wTiId7IHBeIISWZNT04+JQnCCmuEoJuYmpi4cbKw8Obfs1CE7XV2yP8d2OvYgWLC5x2qN5upXoPBkGTZ6BNnBz21VxAl70OBUBJIzloEIac1GGuQCRitytkTmZDTGow1yASMVuXsiUzIaQ3GGmQCRqty9kQm5LQGYw0yAaNVOXtumTgQf3g/EJceAIW6vwhEmkM9X47zG8PNVUlRDCoAAAAAAElFTkSuQmCC");
}

.index>.index-swiper-container>.swiper-wrapper>.index-banner>.banner-swiper-container>.swiper-wrapper>.swiper-slide>.swiper-item {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: 50% 50%;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div {
    overflow: auto;
    position: relative;
    width: 1200px;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container {
    padding-top: 20px;
    background: white;
    position: absolute;
    width: 98%;
    /* height: 980px; */
    /* top: 80px; */
    top: -25px;
    /* 新 */
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot {
    margin: 0.3703703704rem 0 0 auto;
    cursor: pointer;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot {
    width: 1130px;
    margin: 0 auto;
    background: rgb(248 248 248);
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text {
    width: 100%;
    /* height: 5.9259259259rem; */
    height: 320px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>div {
    /* padding: 0.1851851852rem 0.5rem; */
    padding: 0.585185rem 0.5rem;
    /* height: 6.6296296296rem; */
    /* height: 6.5rem; */
    height: 351px;
    position: relative;
    /* background: #F8F8F8; */
    color: #555555;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>div>.pub-date {
    font-size: 0.6666666667rem;
    line-height: 0.9259259259rem;
    height: 0.9259259259rem;
    opacity: 0.7;
    font-size: 30px;
    font-family: DINCond-Bold;
    color: #555555;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>div>.pub-date>.day {
    color: #E50011;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>div>.title {
    /* height: 1.4814814815rem; */
    font-size: 0.4444444444rem;
    /* line-height: 1.4814814815rem; */
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>div>.content {
    /* font-size: 0.2962962963rem;
    line-height: 0.5925925926rem; */
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>a {
    display: block;
    width: 100%;
    height: 0.9259259259rem;
    background: #E50011;
    text-align: center;
    line-height: 0.9259259259rem;
    font-size: 0.4444444444rem;
    color: white;
    margin-top: 0.3703703704rem;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-text>a:hover {
    text-decoration: none;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-hot>.hot>.col-sm-6>.news-pic>a>.news_pic {
    width: 9.9259259259rem;
    height: 5.9259259259rem;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list {
    margin-top: 40px;
    width: 100%;
    /* height: 7.4074074074rem; */
    height: 400px;
    position: relative;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list {
    margin: 0 auto;
    overflow: hidden;
    /* width: 19.8148148148rem; */
    width: 20.6rem;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap {
    background: #FFFFFF;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
    /* margin: 0.5185185185rem 0.1851851852rem 0.1851851852rem 0.1851851852rem; */
    margin: 0.5185185185rem 0.1851851852rem 0.1851851852rem 0.14rem;
    /* width: 6.2962962963rem; */
    width: 6.6rem;
    height: 6.3888888889rem;
    cursor: pointer;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_img_wrap {
    /* width: 6.2962962963rem; */
    width: 6.6rem;
    height: 4.537037037rem;
    background: #cccccc;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_img_wrap>img {
    border-radius: 2px;
    width: 100%;
    height: 100%;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap {
    height: 1.2962962963rem;
    margin: 0 auto;
    color: #555555;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap>div {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    overflow: hidden;
    height: 0.7407407407rem;
    border-bottom: 1px solid #E5E5E5;
    line-height: 0.7407407407rem;
    font-family: DINCond-Bold;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap>div>b {
    float: left;
    color: #e50011;
    font-size: 0.5rem;
    margin-right: 0.1851851852rem;
    font-weight: 100;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap>div>span {
    float: left;
    margin-bottom: 0;
    margin-right: 0.0925925926rem;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap>div>div {
    float: right;
    /* opacity: .2; */
    font-weight: 100;
    font-size: 0.2592592593rem;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap>p {
    height: 0.5555555556rem;
    color: #555555;
    text-align: center;
    line-height: 1.0925925926rem;
    height: 1.0925925926rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-container-news-list .news-swiper-item-wrap .news_info_wrap>p>a {
    color: #555555;
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-button-prev {
    position: absolute;
    background-image: url("data:image/png;base64,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");
}

.index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container>.news-list>.swiper-button-next {
    position: absolute;
    background-image: url("data:image/png;base64,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");
}


@media screen and (max-width: 1366px) {
    .index>.index-swiper-container>.swiper-wrapper>.index-news>div>.news-container {
        /* margin: 0 auto; */
        /* 旧 */
    }
}

.index>.index-swiper-container>.swiper-wrapper>.index-business {
    position: relative;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container {
    overflow: auto;
    position: absolute;
    background: white;
    width: 1200px;
    height: 640px;
    top: 80px;
    bottom: 190px;
    left: 0;
    right: 0;
    margin: auto;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.index-nav-title {
    margin-top: 40px;
    margin-bottom: 20px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row {
    margin: auto;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-map {
    overflow: hidden;
    height: 440px;
    position: relative;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-map>.map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc {
    font-size: 14px;
    margin-top: 50px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc>ul>li {
    width: 190px;
    display: inline-block;
    border-right: #bfbfbf solid 2px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc>ul>li>i {
    display: block;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc>ul>li>span>h4 {
    color: #FA6400;
    font-size: 28px;
    font-weight: 800;
    display: inline-block;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc>ul>li>span>h5 {
    color: #FA6400;
    display: inline-block;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc>ul>li:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.desc>ul>li:last-child {
    border: 0;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.business>ul>a {
    margin-left: 20px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.business>ul>a>li {
    display: inline-block;
    position: relative;
    margin: 0.3703703704rem auto;
    overflow: hidden;
    cursor: pointer;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.business>ul>a>li>.item-content {
    position: absolute;
    width: 3.4259259259rem;
    height: 0.9259259259rem;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(138, 138, 138, 0) 0%, rgba(19, 19, 19, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.business>ul>a>li>.item-content>span {
    position: absolute;
    padding: 0.1851851852rem;
    font-size: 0.2592592593rem;
    color: #FFFFFF;
    letter-spacing: 0;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.business>ul>a>li>img {
    width: 186px;
    height: 146px;
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.business>ul>a>li:hover {
    cursor: pointer;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container>.row>.business-desc>.load_more_wrap {
    line-height: 0;
}

@media screen and (max-width: 1366px) {
    .index>.index-swiper-container>.swiper-wrapper>.index-business>.business-container {
        margin: 0 auto;
    }
}

.index>.index-swiper-container>.swiper-wrapper>.index-business>#templateFooter>.footer {
    z-index: 2;
    position: absolute;
    bottom: 0;
}

/* 新增 */
.index .swiper-button-next:focus,
.index .swiper-button-prev:focus {
    outline: none;
}

.index .icon_color {
    color: #e50011;
}

.index .fontColor {
    color: blue;
}

.index .dateNews {
    position: absolute;
    bottom: 50px;
    right: 32px;
    font-weight: 600;
    font-size: 16px;
}

.index-nav-title {
    width: 168px;
    height: 56px;
    margin: 10px auto;
}

.index-nav-title>img {
    width: 100%;
}

.anchorBL {
    display: none;
}

.index_business {
    margin: 0.1851851852rem auto;
    background: white;
    width: 22.2222222222rem;
}

.index_business>.content {
    margin: auto;
    width: 19.8518518519rem;
    height: 14.8148148148rem;
}

.index_business>.content .business_map {
    height: 14.8148148148rem;
    display: flex;
    justify-content: center;
    align-items: Center;
}

.index_business>.content .business_map>div {
    position: relative;
    width: 13.962962963rem;
    height: 11.5185185185rem;
}

.index_business>.content .business_map>div>.map {
    position: absolute;
    width: 13.962962963rem;
    height: 11.5185185185rem;
    z-index: 0;
}

.index_business>.content .business_map>div>.map_wrap {
    position: absolute;
    z-index: 1;
    width: 4.4444444444rem;
    bottom: 0;
    left: 0;
    padding: 0.1851851852rem;
    color: #CBCBCB;
}

.index_business>.content .business_recommend {
    height: 14.8148148148rem;
    margin: 0 auto;
}

.index_business>.content .business_recommend .business_plate {
    text-align: center;
}

.index_business>.content .business_recommend .business_plate img {
    margin-top: 1.2962962963rem;
    width: 2.6666666667rem;
    height: 1.0925925926rem;
}

.index_business>.content .business_recommend .recommend—group {
    width: 100%;
    height: 10.7407407407rem;
    margin: auto;
    overflow: hidden;
}

.index_business>.content .business_recommend .recommend—group .item {
    position: relative;
    margin: 0.3703703704rem auto;
    width: 5.0555555556rem;
    height: 2.5925925926rem;
    overflow: hidden;
    cursor: pointer;
}

.index_business>.content .business_recommend .recommend—group .item>.item-content {
    position: absolute;
    width: 5.0555555556rem;
    height: 2.7777777778rem;
    background-image: linear-gradient(-180deg, rgba(138, 138, 138, 0) 0%, rgba(19, 19, 19, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
}

.index_business>.content .business_recommend .recommend—group .item>.item-content>span {
    position: absolute;
    padding: 0.1851851852rem;
    bottom: 0.1851851852rem;
    font-size: 0.2592592593rem;
    color: #FFFFFF;
    letter-spacing: 0;
}

.index_business>.content .business_recommend .recommend—group .item>img {
    width: 5.0555555556rem;
}

.business-res-pics {
    margin-bottom: 10px;
    background: #F5F5F5;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    height: 90%;
    width: 90%;
    padding: 10px;
}

.business-res-pics>.desc {
    height: 110px;
    line-height: 28px;
    font-size: 14px;
    color: #555555;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.business-res-pics .adminnav {
    padding-top: 10px;
    text-align: right;
}

.business-res-pics .content {
    line-height: 25px;
    padding-top: 10px;
    color: #555555;
    font-size: 13px;
}

.business-res-pics .content .cls {
    height: 25px;
    width: 100px;
    color: #fff;
    border-radius: 5px;
    background: #ff5c2d;
    text-align: center;
    display: inline-block;
}

.business-res-pics .content .operate {
    float: right;
    display: inline-block;
}

.business-res-pics .content .operate>a {
    color: #000;
}

.business-res-pics .header {
    position: relative;
    background-repeat: no-repeat;
}

.business-res-pics .header>img {
    border-radius: 2px;
    width: 100%;
    height: 162px;
}

.business-res-pics .header>.mask {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(-180deg, rgba(138, 138, 138, 0) 0%, rgba(19, 19, 19, 0.86) 50%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 5px;
}

.business-res-pics .header>.mask>.desc {
    position: absolute;
    bottom: 10%;
    left: 3%;
    width: 100%;
}

.business-res-pics .header>.mask>.desc>.desc-item {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.business-res-pics .header>.mask>.desc>.desc-item .right {
    display: inline;
    position: absolute;
    right: 15px;
}

.business-res-pics .header>.mask>.desc>.desc-item .right span {
    font-weight: 300;
}

.business-res-pics .header>.mask>.desc>.desc-item i {
    font-size: 12px;
}

.business-res-pics .header>.mask>.desc>.desc-item span {
    display: inline;
}

.video-container {
    width: 1200px;
    height: 540px;
    margin: 40px auto 0;
    position: relative;
}

.video-container>.video_list {
    position: absolute;
    right: 0;
    top: 0;
    /* text-align: right; */
    z-index: 999;
    height: 100%;
    background: rgb(0 8 29 / 60%);
    pointer-events: none;
}

.video-container>.video_list>.imgTitle {
    margin: 20px 20px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    color: #FFF;
    font-size: 16px;
}

.video-container>video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-container>.video_list>.subVideo {
    /* text-align: center; */
    margin: 0 20px;
    color: #FFFFFF;
    pointer-events: auto;
    /* position: absolute;
    right: 51px;
    top: 0;
    text-align: right;
    z-index: 999;
    height: 100%;
    background: rgb(0 8 29 / 60%); */
}

.video-container>.video_list>.subVideo>dl {
    margin-top: 20px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    cursor: default;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.video-container>.video_list>.subVideo>dl>dt {
    width: 140px;
    float: left;
    font-weight: 400;
}

.video-container>.video_list>.subVideo>dl>dd {
    width: 219px;
    /* height: 124px; */
    overflow: hidden;
    /* float: right; */
    /* margin-left: 12px; */
    cursor: pointer;
    /* text-align: center; */
}

.video-container>.video_list>.subVideo>dl>dd img {
    width: 100%;
    height: 100%;
}

.video_active {
    font-weight: bold;
    color: #EB640E;
    font-size: 20px;
}

#playPause {
    width: 70px;
    height: 70px;
    display: block;
    background: #EB640E;
    opacity: 0.82;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
}

#playPause i {
    width: 0;
    height: 0;
    display: block;
    border-top: 10px solid transparent;
    border-left: 18px solid #fff;
    border-bottom: 10px solid transparent;
    margin-left: 30px;
    margin-top: 25px;
}

.more {
    color: #EB640E;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    /* width: 100%; */
    right: 0px;
}

.business-container {
    width: 1200px;
    margin: 40px auto 60px;
}

.business-container>.notfound {
    overflow: hidden;
    width: 400px;
    height: 400px;
    margin: 40px auto;
}

.business-container>.business-item {
    margin-bottom: 30px;
    cursor: pointer;
}

.business-container h4 {
    color: #333;
    font-weight: bold;
}

.business-container>.business-item>.item-layout {
    width: 1040px;
    height: 260px;
    margin: 0 auto;
}

.business-container>.business-item>.item-layout>.pic {
    overflow: hidden;
    line-height: 260px;
    float: left;
    width: 380px;
    height: 260px;
}

.business-container>.business-item>.item-layout>.pic a>img {
    width: 100%;
}

.business-container>.business-item>.item-layout>.right {
    float: right;
    width: 659px;
    height: 258px;
    border-left: 0;
    font-size: 14px;
}

.business-container>.business-item>.item-layout>.right>.content {
    padding: 26px 35px 0 35px;
}

.business-container>.business-item>.item-layout>.right>.content>.line {
    width: 70px;
    border-bottom: 2px solid #555555;
}

.business-container>.business-item>.item-layout>.right>.content>.desc {
    overflow: hidden;
    margin-top: 10px;
    width: 589px;
    height: 120px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.business-container>.business-item>.item-layout>.right>.content>.bottom {
    margin-bottom: 0;
    height: 50px;
    line-height: 50px;
}

.business-container>.business-item>.item-layout>.right>.content>.bottom>.right {
    float: right;
}

.business-container>h3 {
    margin-top: 40px;
    font-weight: 300 !important;
}

.business-container>.line {
    width: 100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

.business-container>.pic-detail {
    text-align: center;
    padding: 20px;
}

.business-container>.pic-detail>img {
    width: 90%;
}

.business-container>.base-info {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
}

.business-container>.base-info>#allmap {
    float: left;
    width: 600px;
    height: 319px;
    background: #F8F8F8;
}

.business-container>.base-info>.info {
    float: right;
    width: 415px;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #F8F8F8;
    -moz-box-shadow: 0 0 10px #F8F8F8;
    box-shadow: 0 0 10px #F8F8F8;
}

.business-container>.base-info>.info>ul>li {
    padding: 19px 40px;
}

.business-container>.base-info>.info>ul>li>span {
    font-weight: 800;
}

.moreSearch {
    padding: 5px;
    width: 1180px;
    /* background: #f8f8f8; */
    margin: 10px auto;
    overflow: hidden;
    font-weight: bold;
    /* display:none; */
}

.moreSearch>hr {
    margin: 0;
}

.moreSearch>ul {
    margin: 15px;
}

.moreSearch>ul>li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
}

.moreSearch .class_a {
    overflow: hidden;
}

.moreSearch .class_a ul li,
.moreSearch .region_list ul li,
.moreSearch .Format ul li {
    float: left;
}

.moreSearch .class_a ul li {
    width: 70px;
    cursor: pointer;
}

.moreSearch .region_list,
.moreSearch .Format {
    display: none;
}

.moreSearch .region_list .regions li {
    padding-right: 20px;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 10px;
    cursor: pointer;
}

.moreSearch .region_list .regions,
.moreSearch .region_list .citys,
.moreSearch .Format {
    clear: both;
    overflow: hidden;
}

.moreSearch .region_list .regions {
    margin: 10px 0 15px;
}

.moreSearch .Format {
    padding: 15px 0;
}

.moreSearch .region_list .citys li,
.moreSearch .Format li {
    border: 1px solid #EB640E;
    padding: 0 10px;
    color: #EC6E1E;
    margin-right: 10px;
    line-height: 24px;
    cursor: pointer;
}

.class_active {
    color: #EB640E;
}

.moreSearch .region_list .regions_active {
    border-bottom: 1px solid #EB640E !important;
}

.city_active {
    background-color: #EB640E;
    color: #FFFFFF !important;
}

.moreSearch>ul>li>a {
    color: #555555;
}

.business-nav {
    overflow: hidden;
}

.keyword-search .business-search {
    /* float: right; */
}

.keyword-search .business-search>div>#searchForm>input {
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin: 10px;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding-left: 30px;
    background-image: url("../img/user/search.png");
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: 5px center;
}

.keyword-search .business-search>div>#searchForm>span {
    cursor: pointer;
    font-size: 14px;
    float: right;
    margin-right: 10px;
}

.keyword-search .business-search>div>#searchForm>span>i {
    color: #E50011;
    font-size: 12px;
    margin: 5px;
}

.channel-banner {
    overflow: hidden;
    margin-top: 1.4814814815rem;
    width: 100%;
    height: 390px;
    min-width: 1440px;
}

.channel-banner>img {
    width: 100%;
    /* height: 560px; */
    height: 100%;
}

.investor-banner>img {
    /* height: 360px; */
}

.about-content {
    margin: 10px auto;
    width: 1200px;
    background: white;
}

.about-content>.desc {
    padding: 20px;
}

.about-content>.desc>p {
    text-indent: 36px;
    margin-top: 28px;
}

.about-content>.desc>p>span {
    color: #fa6400;
}

.timeline-content {
    /* width: 22.2222222222rem; */
    width: 1200px;
    margin: 0 auto;
}

.timeline-content>.row {
    margin: auto;
    width: 90%;
    padding: 20px;
    margin: 20px;
    background: white;
}

.timeline-content>.row>.year>.pic {
    width: 80px;
    height: 80px;
    background: url("../img/user/timeline_bg.png") no-repeat;
    background-size: 80px 80px;
    font-family: DINCond-Bold;
    -moz-border-radius: 0.5555555556rem;
    -webkit-border-radius: 0.5555555556rem;
    border-radius: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 0.4444444444rem;
    color: #920300;
    float: right;
}

.honor-content {
    /* width: 22.2222222222rem; */
    width: 1200px;
    /* height: 600px; */
    min-height: 5.5555555556rem;
    margin: 0.1851851852rem auto;
    overflow: unset;
    /* background-image: url("../img/user/honor/honor_bg.png"); */
    background: #FFF;
    padding: 20px;
}

.honor-content>.swiper-container {
    /* float: right;
    height: 600px;
    width: 766px; */
    /* 新 */
    width: 100%;
}

.honor-content>.swiper-container>.swiper-wrapper>.swiper-slide {
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 20px;
}

.honor-content>.swiper-container>.swiper-wrapper>.swiper-slide>div {
    /* position: absolute;
    width: 620px;
    height: 470px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center; */
}

.honor-content>.swiper-container>.swiper-wrapper>.swiper-slide>div>img {
    /* width: 620px; */
    width: 100%;
    height: 264px;
}

.honor-content>.swiper-container>.swiper-wrapper>.swiper-slide>div>p {
    /* color: white; */
    margin-top: 10px;
}

.honor-content>.swiper-container>.swiper-pagination>.swiper-pagination-bullet {
    opacity: 1;
    background: #FFFFFF;
    border: 1px solid #E40610;
}

.honor-content>.swiper-container>.swiper-pagination>.swiper-pagination-bullet-active {
    background: #E40611;
}

.honor-content .swiper1 .selected:after {
    content: "";
    background: url("../../../public/img/user/about/nav_hover@2x.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 16px;
    left: 0;
}

.honor-content .swiper1 .swiper-slide:before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    top: 16px;
    left: 0;
    background: #cccccc;
}

.honor-content .swiper1 .swiper-slide span {
    display: inline-block;
    padding-top: 10px;
}

.honor-content .swiper1 .swiper-slide {
    /* border-top: 3px solid #cccccc; */
}

.honor-content .swiper2 .swiper-slide div {
    float: left;
    width: 32%;
    margin-top: 20px;
    height: 327px;
}

.honor-content .swiper2 .swiper-slide div:nth-child(3n-1) {
    margin: 0 2%;
    margin-top: 20px;
}

.honor-content .swiper2 .swiper-slide div img {
    border: 1px solid #ccc;
}

.Property-Service {
    background-color: #FFFFFF;
}

.wuyeService {
    width: 1200px;
    /* margin: 10px auto; */
    margin: 4px auto;
    background: white;
    /* min-width: 1200px; */
}

.wuyeService>.wuyeHeader {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
}

.wuyeService>.wuyeHeader>.left-text {
    margin: 40px auto;
    width: 90%;
    /* background: #f8f8f8; */
    background: rgba(248, 248, 248, 1);
}

.wuyeService>.wuyeHeader>.left-text>.row>.text>p {
    padding: 40px;
}

.wuyeService>.wuyeHeader>.left-text>.row>.img {
    position: relative;
    width: 542px;
    height: 348px;
    overflow: hidden;
}

.wuyeService>.wuyeHeader>.left-text>.row>.img>.tag {
    position: absolute;
    width: 76px;
    height: 76px;
    top: 98px;
    left: -20px;
    border-width: 75px;
    border-style: solid;
    border-color: transparent #f8f8f8 transparent transparent;
    transform: rotate(180deg);
    z-index: 1;
}

.wuyeService>.wuyeHeader>.right-text {
    margin: 40px auto;
    width: 90%;
    /* background: #f8f8f8; */
    background: rgba(248, 248, 248, 1);
}

.wuyeService>.wuyeHeader>.right-text>.row>.text>p {
    padding: 40px;
}

.wuyeService>.wuyeHeader>.right-text>.row>.img {
    position: relative;
    width: 542px;
    height: 348px;
    overflow: hidden;
}

.wuyeService>.wuyeHeader>.right-text>.row>.img>.tag {
    position: absolute;
    width: 76px;
    height: 76px;
    top: 98px;
    right: -30px;
    border-width: 75px;
    border-style: solid;
    border-color: transparent #f8f8f8 transparent transparent;
    transform: rotate(0deg);
    z-index: 1;
}

.majorService {
    width: 22.2222222222rem;
    margin: 10px auto;
}

.majorService>.twonav {
    width: 100%;
    height: 80px;
    background: white;
    margin-bottom: 10px;
    position: relative;
}

.majorService>.twonav>div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    width: 1072px;
    margin: auto;
}

.majorService>.twonav>div>ul {
    margin-bottom: 0;
}

.majorService>.twonav>div>ul>li {
    margin-right: 10px;
    float: left;
    width: 126px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #FA6400;
    text-align: center;
    cursor: pointer;
}

.majorService>.twonav>div>ul>li:hover {
    background: #FA6400;
    color: white;
}

.majorService>.twonav>div>ul>.active {
    background: #FA6400;
    color: white;
}

.major_header {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding-top: 25px;
}

.major_header .toph {
    font-size: 40px;
    color: #EFEFEF;
    position: relative;
    top: 45px;
    /* font-weight: bold; */
    letter-spacing: -3px;
}

.major_header .headtop {
    padding-top: 12px;
    position: relative;
    height: 32px;
    font-size: 28px;
    /* font-family: Microsoft YaHei; */
    /* font-weight: bold; */
    color: #595959;
    line-height: 28px;
}

/* .major_header>div {
    width: 100%;
    padding-top: 15.4166666667%;
    position: relative;
}

.major_header>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
} */

.major_body {
    overflow: auto;
    box-sizing: border-box;
}

.major_body_nomargin {
    background-color: #fff;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 40px;
    overflow: auto;
    margin-top: 0px;
}

.major_body_margin20 {
    display: none;
    background-color: #fff;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 40px;
    overflow: auto;
    margin-top: 0px;
}

.profession-cs-layout>h1 {
    width: 161px;
}

.profession-cs-layout>h1>div {
    width: 100%;
    padding-top: 34.7826086957%;
    position: relative;
}

.profession-cs-layout>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.profession-cs-layout>p {
    margin-top: 20px;
    overflow: auto;
    font-weight: 400;
    color: #555555;
    line-height: 36px;
}

.profession-cs-layout>ul {
    overflow: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.profession-cs-layout>ul>li {
    width: 329px;
    height: 392px;
    float: left;
    overflow: auto;
    background: #F8F8F8;
    margin-left: 24px;
}

.profession-cs-layout>ul>li>div {
    width: 292px;
    margin: 15px auto;
}

.profession-cs-layout>ul>li>div>.title {
    width: 100%;
    height: 22px;
    background: #E50011;
    font-size: 14px;
    color: white;
    text-align: center;
}

.profession-cs-layout>ul>li>div>.pic {
    width: 292px;
    height: 226px;
    overflow: hidden;
}

.profession-cs-layout>ul>li>div>p {
    font-size: 14px;
    line-height: 28px;
}

.major_item1_layout1>h1 {
    width: 195px;
}

.major_item1_layout1>h1>div {
    width: 100%;
    padding-top: 28.7179487179%;
    position: relative;
}

.major_item1_layout1>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item1_layout1>p {
    color: #555555;
    line-height: 36px;
}

.major_item1_layout1>p::first-line {
    font-weight: 600;
    font-size: 18px;
}

.major_item1_layout2>h5 {
    width: 135px;
    margin-top: 50px;
}

.major_item1_layout2>h5>div {
    width: 100%;
    padding-top: 35.5555555556%;
    position: relative;
}

.major_item1_layout2>h5>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item1_layout2>div {
    margin-top: 30px;
    overflow: auto;
}

.major_item1_layout2>div>h5 {
    float: left;
    width: 519px;
    margin-right: 17px;
}

.major_item1_layout2>div>h5>div {
    width: 100%;
    padding-top: 95.5684007707%;
    position: relative;
}

.major_item1_layout2>div>h5>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item1_layout2>div>p {
    margin-top: 94px;
    overflow: auto;
    font-weight: 400;
    color: #555555;
    line-height: 36px;
}

.major_item1_layout3 {
    overflow: auto;
    margin-top: 40px;
}

.major_item1_layout3>h5 {
    width: 135px;
}

.major_item1_layout3>h5>div {
    width: 100%;
    padding-top: 35.5555555556%;
    position: relative;
}

.major_item1_layout3>h5>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item1_layout3>div {
    overflow: auto;
}

.major_item1_layout3>div ul {
    float: left;
    overflow: auto;
    margin: 35px 35px 39px 35px;
}

.major_item1_layout3>div ul li {
    float: left;
    margin: 0 20px;
    width: 135px;
}

.major_item1_layout3>div ul li>div {
    width: 100%;
    padding-top: 46.6666666667%;
    position: relative;
}

.major_item1_layout3>div ul li>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item1_layout3>p {
    font-weight: 400;
    color: #555555;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
}

.profession-ss-layout>h1 {
    width: 195px;
}

.profession-ss-layout>h1>div {
    width: 100%;
    padding-top: 28.7179487179%;
    position: relative;
}

.profession-ss-layout>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.profession-ss-layout>h5 {
    margin-top: 40px;
    width: 135px;
}

.profession-ss-layout>h5>div {
    width: 100%;
    padding-top: 46.6666666667%;
    position: relative;
}

.profession-ss-layout>h5>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.profession-ss-layout>.title {
    margin-top: 20px;
}

.profession-ss-layout>.title>img {
    width: 150px;
    height: 150px;
}

.profession-ss-layout>.title>p {
    float: right;
    width: 884px;
    color: #555;
    line-height: 36px;
}

.profession-ss-layout>p {
    margin-top: 20px;
    color: #555555;
    line-height: 36px;
}

.profession-ss-layout>p>span {
    font-weight: 800;
}

.profession-ss-layout>.business-adv {
    overflow: hidden;
}

.profession-ss-layout>.business-adv>ul>li {
    width: 310px;
    float: left;
    margin-left: 20px;
}

.profession-ss-layout>.business-adv>ul>li>div {
    position: relative;
    width: 100%;
}

.profession-ss-layout>.business-adv>ul>li>div>img {
    width: 100%;
}

.profession-ss-layout>.business-adv>ul>li>div>span {
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    font-size: 18px;
    line-height: 65px;
    display: block;
    width: 210px;
    height: 65px;
    background: #FA6400;
    color: white;
    bottom: -30px;
}

.profession-ss-layout>.business-adv>ul>li>h5 {
    margin-top: 50px;
    line-height: 28px;
}

.profession-ss-layout>ul {
    width: 100%;
}

.profession-ss-layout>ul>li {
    margin-bottom: 20px;
    width: 100%;
    height: 160px;
    background: #F8F8F8;
    padding: 20px;
}

.profession-ss-layout>ul>li>p {
    float: right;
    width: 850px;
    color: #555;
    line-height: 36px;
}

.profession-ss-layout>ul>li>p>span {
    display: block;
    color: #FA6400;
    font-weight: 800;
}

.major_item2_layout1 {
    padding-bottom: 35px;
}

.major_item2_layout1>h1 {
    width: 232px;
}

.major_item2_layout1>h1>div {
    width: 100%;
    padding-top: 24.1379310345%;
    position: relative;
}

.major_item2_layout1>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item2_layout1>p {
    margin-top: 20px;
    color: #555555;
    line-height: 36px;
}

.major_item2_layout1>p>span {
    font-weight: 800;
}

.major_item3_layout1>h1 {
    width: 172px;
}

.major_item3_layout1>h1>div {
    width: 100%;
    padding-top: 32.5581395349%;
    position: relative;
}

.major_item3_layout1>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item3_layout1>div {
    width: 754px;
    margin-left: 193px;
    margin-top: 30px;
}

.major_item3_layout1>div>div {
    width: 100%;
    padding-top: 59.6816976127%;
    position: relative;
}

.major_item3_layout1>div>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item3_layout1>p {
    margin-top: 20px;
    color: #555555;
    line-height: 36px;
}

.major_item4_layout1 {
    padding-bottom: 12px;
}

.major_item4_layout1>h1 {
    width: 172px;
}

.major_item4_layout1>h1>div {
    width: 100%;
    padding-top: 32.5581395349%;
    position: relative;
}

.major_item4_layout1>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item4_layout1>div {
    overflow: auto;
    margin-top: 20px;
}

.major_item4_layout1>div>div {
    width: 239px;
    float: left;
    margin-right: 20px;
}

.major_item4_layout1>div>div>div {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.major_item4_layout1>div>div>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.major_item4_layout1>div>p {
    color: #555555;
    line-height: 36px;
    overflow: auto;
}

.ai-service {
    overflow: unset;
    margin-top: 10px;
}

.ai-service>img {
    width: 100%;
}

.ai-service>.ai-service-container {
    overflow: hidden;
    width: 1072px;
    margin: 20px auto;
}

.ai-service>.ai-service-container>.row>div>.item {
    margin: 10px;
    padding: 10px;
    overflow: hidden;
}

.ai-service>.ai-service-container>.row>div>.item:hover>.pic {
    padding: 0;
}

.ai-service>.ai-service-container>.row>div>.item>.pic {
    float: left;
    width: 120px;
    padding: 10px;
    margin-left: 16px;
}

.ai-service>.ai-service-container>.row>div>.item>.pic>img {
    width: 100%;
}

.ai-service>.ai-service-container>.row>div>.item>.text-content {
    overflow: hidden;
    padding-left: 30px;
}

.ai-service>.ai-service-container>.row>div>.item>.text-content>.master-title {
    display: block;
    color: #FA6400;
    font-weight: 800;
}

.ai-service>.ai-service-container>.row>div>.item>.text-content>.sub-title {
    font-weight: 600;
}

.ai-service>.ai-service-container>.row>div>.item>.text-content>p {
    font-size: 16px;
}

.ai-service>.ai-service-container>ul {
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.ai-service>.ai-service-container>ul>li {
    float: left;
    background: #f8f8f8;
    width: 260px;
    height: 326px;
    margin-right: 8px;
}

.ai-service>.ai-service-container>ul>li>div {
    padding: 5px;
    margin: 0 auto;
}

.ai-service>.ai-service-container>ul>li>div>img {
    width: 100%;
}

.ai-service>.ai-service-container>ul>li>div>h4 {
    display: block;
    color: #FA6400;
    font-weight: 800;
}

.ai-service>.ai-service-container>ul>li>div>p {
    font-size: 14px;
    line-height: 28px;
}

.pinpaihezuo {
    width: 22.2222222222rem;
    background: white;
}

.pinpaihezuo>h1 {
    width: 1200px;
    margin-top: 0px;
}

.pinpaihezuo>h1>div {
    width: 100%;
    padding-top: 15.4166666667%;
    position: relative;
}

.pinpaihezuo>h1>div>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.pinpaihezuo>div {
    width: 1072px;
    min-height: 196px;
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    line-height: 36px;
    margin: 0 auto;
}

.pinpaihezuo>div>p {
    margin-top: 30px;
    text-indent: 38px;
}

.joinHands-mc {
    width: 1072px;
    height: 100%;
    margin: 10px auto;
}

.joinHands-mc>.mc-title-img {
    width: 216px;
}

.joinHands-mc>.container-layout {
    margin: 0 auto;
    line-height: 36px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc {
    overflow: hidden;
    margin: 10px auto;
    padding: 10px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.desc-text {
    position: relative;
    float: right;
    display: block;
    width: 600px;
    height: 278px;
    background: #F8F8F8;
    padding: 20px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.desc-text>.ab-tag {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 130px;
    left: -36px;
    border-width: 36px;
    border-style: solid;
    border-color: transparent #FA6400 transparent transparent;
    transform: rotate(180deg);
    z-index: 1;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.desc-text>p>span {
    color: #222;
    font-weight: 800;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>span {
    color: #fa6400;
    margin-top: 10px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>div {
    width: 100%;
    height: 240px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>div>ul {
    margin: auto;
    height: 250px;
    color: white;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>div>ul>li {
    position: relative;
    float: left;
    padding: 5px;
    margin-left: 10px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>div>ul>li>img {
    width: 330px;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>div>ul>li>span {
    display: block;
    position: absolute;
    z-index: 1;
    padding: 10px;
    bottom: 0;
}

.joinHands-mc>.container-layout>.joinHands-item1>.desc>.case>div>ul>li:first-child {
    margin-left: 5px;
}

.joinHands-mc>.container-layout>.joinHands-item2>.desc {
    overflow: hidden;
    margin: 10px auto;
    padding: 10px;
}

.joinHands-mc>.container-layout>.joinHands-item2>.desc>.desc-text {
    position: relative;
    float: right;
    display: block;
    width: 600px;
    /* height: 258px; */
    background: #F8F8F8;
    padding: 20px;
}

.joinHands-mc>.container-layout>.joinHands-item2>.desc>.desc-text>p {
    margin: 0;
}

.joinHands-mc>.container-layout>.joinHands-item2>.desc>.desc-text>.ab-tag {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 95px;
    left: -36px;
    border-width: 36px;
    border-style: solid;
    border-color: transparent #FA6400 transparent transparent;
    transform: rotate(180deg);
    z-index: 1;
}

.joinHands-mc>.container-layout>.joinHands-item2>.desc>.desc-text>p>span {
    color: #222;
    font-weight: 800;
}

.joinHands-mc>.container-layout>.joinHands-item2>.desc>.desc-text>h5 {
    line-height: 16px;
}

.joinHands-mc>.container-layout>h4 {
    line-height: 36px;
    font-weight: 600;
}

.joinHands-dc {
    width: 1072px;
    height: 100%;
    margin: 10px auto;
}

.joinHands-dc>.mc-title-img {
    width: 216px;
}

.joinHands-dc>ul {
    overflow: hidden;
}

.joinHands-dc>ul>li:first-child {
    margin-left: 10px;
}

.joinHands-dc>ul>li:last-child {
    margin-right: 10px;
}

.joinHands-dc>ul>li:last-child>div>h4 {
    padding: 0 0 0 5px;
}

.joinHands-dc>ul>li {
    width: 248px;
    height: 350px;
    float: left;
    margin-right: 20px;
}

.joinHands-dc>ul>li>div {
    overflow: hidden;
    height: 328px;
    background: #F8F8F8;
}

.joinHands-dc>ul>li>div>span {
    display: block;
    height: 55px;
    background: #ff6600;
    color: white;
    text-align: center;
    line-height: 55px;
}

.joinHands-dc>ul>li>div>h4 {
    font-size: 16px;
    padding: 5px;
}

.joinHands-dc>ul>li>div>h4>i {
    margin-right: 5px;
    color: #ff6600;
}

.joinHands-dc>.dc-contact-layout {
    background: url("../img/user/joinhands/contact_1.png");
    height: 230px;
    position: relative;
}

.joinHands-dc>.dc-contact-layout>div {
    position: absolute;
    right: 20px;
}

.joinHands-dc>.dc-contact-layout>div>.text {
    float: left;
    height: 200px;
    width: 260px;
    margin: 15px 0 15px 15px;
}

.joinHands-dc>.dc-contact-layout>div>.text>h4 {
    font-weight: 600;
}

.joinHands-dc>.dc-contact-layout>div>.qr {
    height: 200px;
    margin: 15px 0 15px 15px;
    float: left;
}

.joinHands-dc>.dc-contact-layout>div>.qr>div>h4 {
    font-weight: 600;
}

.joinHands-dc>.dc-contact-layout>div>.qr>div>img {
    margin-left: 10px;
    width: 140px;
}

.joinHands-dc>.dc-contact-layout>div>.qr>div>p {
    float: left;
    display: inline;
    overflow: hidden;
}

.joinHands-cu {
    width: 1072px;
    height: 100%;
    margin: 10px auto;
    padding: 20px;
}

.joinHands-cu>.mc-title-img {
    width: 216px;
}

.joinHands-cu>.left {
    float: left;
}

.joinHands-cu>.left>h4 {
    margin: 17px;
}

.joinHands-cu>.right {
    float: right;
}

.joinHands-cu>.right>div:first-child {
    margin-bottom: 40px;
}

.joinHands-cu>.right>div {
    width: 500px;
    overflow: hidden;
    text-align: right;
}

.joinHands-cu>.right>div>h4 {
    margin: 20px;
    /* float: left; */
    display: inline;
}

.joinHands-cu>.right>div>img {
    width: 185px;
}

.job-content {
    width: 1200px;
    /* background: white; */
    margin: 0 auto;
}

.job-content>.job-items {
    min-height: 300px;
    overflow: hidden;
    /* width: 1072px; */
    margin: 0 auto;
}

.job-content>.job-items>.job-search>#searchForm>ul {
    background: #f8f8f8;
    width: 100%;
    margin-top: 10px;
}

.job-content>.job-items>.job-search>#searchForm>ul>li {
    display: inline-block;
    height: 60px;
    line-height: 35px;
    padding: 10px;
}

.job-content>.job-items>.job-search>#searchForm>ul>li>button {
    width: 50px;
    color: white;
    border: 0;
    background: #E50011;
}

.job-content>.job-items>ul>li {
    margin-top: 20px;
    position: relative;
    height: 98px;
    border-bottom: 1px solid #F8F8F8;
    padding-left: 20px;
}

.job-content>.job-items>ul>li>.item {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.job-content>.job-items>ul>li>.item>.left {
    float: left;
}

.job-content>.job-items>ul>li>.item>.left>h4 {
    margin-bottom: 25px;
}

.job-content>.job-items>ul>li>.item>.left>span {
    margin-right: 20px;
}

.job-content>.job-items>ul>li>.item>.left>span>i {
    font-size: 16px;
    color: #FA6400;
    margin-right: 5px;
}

.job-content>.job-items>ul>li>.item>.right {
    float: right;
    color: #FA6400;
    font-family: dincond-medium;
    padding: 20px;
    margin-right: 50px;
    font-size: 16px;
}

.job-content>.job-items>ul>li>.item>.right>span {
    display: block;
    font-size: 14px;
    color: #555555;
}

.job-content>.job-items>ul>li>span {
    position: absolute;
    height: 98px;
    width: 0px;
    left: 0;
    bottom: 0;
    z-index: 0;
    background: -webkit-gradient(linear, 180% 0%, 100% 0%, from(#ffffff), color-stop(1, #f3f3f3));
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -transition: all .3s;
}

.job-content>.job-items>ul>li:hover {
    cursor: pointer;
}

.job-content>.job-items>ul>li:hover>.item>.left>h4 {
    color: #FA6400;
}

.job-content>.job-items>ul>li:hover>span {
    width: 100%;
}

.job-content>.job-detail {
    overflow: hidden;
    width: 1072px;
    margin: 0 auto;
    min-height: 300px;
    padding-top: 70px;
}

.job-content>.job-detail>.header {
    overflow: hidden;
    border-bottom: 1px solid #F8F8F8;
}

.job-content>.job-detail>.header>.left {
    float: left;
}

.job-content>.job-detail>.header>.left>h4 {
    margin-bottom: 25px;
}

.job-content>.job-detail>.header>.left>span {
    margin-right: 20px;
}

.job-content>.job-detail>.header>.left>span>i {
    font-size: 16px;
    color: #FA6400;
    margin-right: 5px;
}

.job-content>.job-detail>.header>.right {
    float: right;
    color: #FA6400;
    font-family: dincond-medium;
    padding: 20px;
    margin-right: 50px;
}

.job-content>.job-detail>.header>.right>span {
    display: block;
    font-size: 14px;
    color: #555555;
}

.job-content>.job-detail>.content {
    border-bottom: 1px solid #F8F8F8;
    padding: 20px;
}

.job-content>.job-detail>.contact {
    padding: 20px;
}

.footer {
    overflow: hidden;
    width: 100%;
    background: #444444;
    /* margin-top: 0.1851851852rem; */
}

.footer>.content {
    max-width: 22.2222222222rem;
    width: 100%;
    margin: 0 auto;
    padding-left: 1.2962962963rem;
}

.footer>.content>.left {
    padding-top: 30px;
    /* float: left; */
    overflow: hidden;
    float: right;
}

.footer>.content>.left>div {
    overflow: hidden;
}

.footer>.content>.left>div>i {
    font-size: 1.1111111111rem;
    color: #E36515;
    float: left;
}

.footer>.content>.left>div>div {
    float: left;
    margin-left: 20px;
}

.footer>.content>.left>div>div>p {
    font-size: 26px;
    color: #FF8801;
    letter-spacing: 3.5px;
}

.footer>.content>.left>p {
    font-size: 0.2962962963rem;
    color: #ffffff;
}

.footer>.content>.right {
    text-align: center;
    float: right;
    overflow: hidden;
    width: 600px;
}

.footer>.content>.right>h4 {
    display: inline-block;
    margin-left: 50px;
}

.footer>.content>.right>h4>p {
    font-size: 14px;
    color: white;
    margin-top: 5px;
}

.footer>.content>.right>h4>img {
    width: 100px;
}

.footer>.help {
    float: left;
    background: #22272C;
    width: 100%;
}

.footer>.help>p {
    height: 40px;
    margin: 10px auto;
    width: 1200px;
    /* font-size: 0.2962962963rem; */
    line-height: 0.7407407407rem;
    color: #ffffff;
    font-weight: 200;
}

.footer>.help>p>b>a {
    margin-right: 20px;
    color: white;
}

.footer>.help>p>.floatInherit {
    float: inherit;
}

.footer>.help>p>span {
    float: right;
}

#pc-terminal,
#mobile-terminal {
    display: none;
}



@media screen and (max-width: 950px) {
    body {
        background-color: #FFFFFF;
        font: 14px/28px "PingFangSC-Regular", "PingFang SC";
    }

    #templateMobileTabs {
        height: 1.6rem;
    }

    #mobile-terminal .heads {
        position: fixed;
        padding: 0.2rem;
        text-align: center;
        /* height: 1.6rem; */
        width: 100%;
        background: #FFFFFF;
        z-index: 100000;
    }

    #mobile-terminal .heads .navTab {
        position: absolute;
        top: 0.5rem;
        left: 0.4rem;
    }

    #mobile-terminal .heads .navTab img {
        display: block;
    }

    #mobile-terminal .heads .tab-list {
        position: fixed;
        top: 0;
        left: 0;
        /* background: rgba(0, 0, 0, 0.3); */
        width: 100%;
        height: 100%;
        text-align: left;
        transition: all .36s ease;
        transform: translateX(-100%);
        z-index: 10;
    }

    #mobile-terminal .heads .tab-list .tab-a {
        /* transform: translateX(-100%); */
        width: 50%;
        height: 100%;
        background: #FFFFFF;
        overflow-y: auto;
        color: #353535;
        position: relative;
        z-index: 2;
    }

    #mobile-terminal .heads .tab-list.active {
        transform: translateX(0%);
        background: rgba(0, 0, 0, 0.3);
    }

    #mobile-terminal .heads .tab-list .tab-a ul li {
        padding: 0.2rem 0.6rem;
    }

    #mobile-terminal .heads .tab-list .tab-a ul li span {
        display: inline-block;
        width: 2.2rem;
        font-size: 0.4rem;
    }

    #mobile-terminal .heads .tab-list .tab-a ul li img {
        width: 12%;
    }

    #mobile-terminal .heads .tab-list .tab-a .qx {
        text-align: right;
        padding: 0.45rem;
    }

    #mobile-terminal .heads .tab-list .tab-a ul li dl {
        margin-bottom: 0;
        padding-left: 0.4rem;
        font-size: 0.4rem;
        display: none;
    }

    #mobile-terminal .heads .tab-list .tab-a ul li dl dd {
        line-height: 1rem;
    }

    #mobile-terminal .heads .tab-list .tab-a ul li dl dd a {
        color: #353535 !important;
    }

    #mobile-terminal .heads .tab-list .tab-a ul li dl dd a.color-active {
        color: #EB640E !important;
    }

    #mobile-terminal .heads .tab-list .tab-a .language-switching {
        margin-top: 2rem;
        padding: 0.2rem 0.6rem;
        font-size: 0.35rem;
    }

    #mobile-terminal .heads .tab-list .tab-a .language-switching a {
        color: #353535;
    }

    #mobile-terminal .heads .tab-list .tab-a .language-switching a .ec-active {
        color: #EB640E;
    }

    #mobile-terminal .heads .tab-list .tab-a .language-switching .cut-apart {
        padding: 0 0.1rem;
    }

    #mobile-terminal .heads .mask {
        display: none;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
    }

    #mobile-terminal .footer-m {
        color: #929697;
        padding: 0.5rem 0;
        border-top: 1px solid #EFEEEE;
    }

    #mobile-terminal .footer-m p {
        margin: 0;
        padding: 0 0.7rem;
        font-size: 0.35rem;
    }

    #mobile-terminal .footer-m p a {
        color: #929697;
    }

    #mobile-terminal .secondary-navigation {
        width: 100%;
        overflow-y: hidden;
        box-sizing: border-box;
        overflow-x: scroll;
    }

    #mobile-terminal .secondary-navigation dl {
        display: flex;
        width: 100%;
        overflow-x: scroll;
        align-items: center;
        background: #FBFBFB;
        margin: 0;
    }

    #mobile-terminal .secondary-navigation dl dd {
        width: 33.33%;
        text-align: center;
        font-size: 0.4rem;
        flex-shrink: 0;
    }

    #mobile-terminal .secondary-navigation dl dd a {
        color: #666668;
        display: inline-block;
        height: 1.1rem;
        padding-top: 0.3rem;
        position: relative;
    }

    #mobile-terminal .secondary-navigation dl dd .active {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #EB640E;
    }

    #mobile-terminal .secondary-navigation dl dd .h-active {
        color: #353535;
    }

    #mobile-terminal .summary {
        position: relative;
        padding: 0.5rem 0;
    }

    #mobile-terminal .summary p:nth-child(1) {
        font-weight: bold;
        color: #EFEFEF;
        font-size: 0.7rem;
        word-break: break-all;
    }

    #mobile-terminal .summary p:nth-child(2) {
        font-weight: 600;
        color: #353535;
        font-size: 0.5rem;
        position: absolute;
        bottom: 0.2rem;
        letter-spacing: 0.1rem;
    }

}