/*tender*/
@keyframes 'tender_down' {
    0% {
        opacity: 0;
        transform: translate(-458px, -458px);
        -o-transform: translate(-458px, -458px);
        -ms-transform: translate(-458px, -458px);
        -moz-transform: translate(-458px, -458px);
        -webkit-transform: translate(-458px, -458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes 'tender_down' {
    0% {
        opacity: 0;
        transform: translate(-458px, -458px);
        -o-transform: translate(-458px, -458px);
        -ms-transform: translate(-458px, -458px);
        -moz-transform: translate(-458px, -458px);
        -webkit-transform: translate(-458px, -458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes 'tender_down' {
    0% {
        opacity: 0;
        transform: translate(-458px, -458px);
        -o-transform: translate(-458px, -458px);
        -ms-transform: translate(-458px, -458px);
        -moz-transform: translate(-458px, -458px);
        -webkit-transform: translate(-458px, -458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-moz-keyframes 'tender_down' {
    0% {
        opacity: 0;
        transform: translate(-458px, -458px);
        -o-transform: translate(-458px, -458px);
        -ms-transform: translate(-458px, -458px);
        -moz-transform: translate(-458px, -458px);
        -webkit-transform: translate(-458px, -458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@keyframes 'tender_up' {
    0% {
        opacity: 0;
        transform: translate(458px, 458px);
        -o-transform: translate(458px, 458px);
        -ms-transform: translate(458px, 458px);
        -moz-transform: translate(458px, 458px);
        -webkit-transform: translate(458px, 458px);
    }
}

@-webkit-keyframes 'tender_up' {
    0% {
        opacity: 0;
        transform: translate(458px, 458px);
        -o-transform: translate(458px, 458px);
        -ms-transform: translate(458px, 458px);
        -moz-transform: translate(458px, 458px);
        -webkit-transform: translate(458px, 458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes 'tender_up' {
    0% {
        opacity: 0;
        transform: translate(458px, 458px);
        -o-transform: translate(458px, 458px);
        -ms-transform: translate(458px, 458px);
        -moz-transform: translate(458px, 458px);
        -webkit-transform: translate(458px, 458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-moz-keyframes 'tender_up' {
    0% {
        opacity: 0;
        transform: translate(458px, 458px);
        -o-transform: translate(458px, 458px);
        -ms-transform: translate(458px, 458px);
        -moz-transform: translate(458px, 458px);
        -webkit-transform: translate(458px, 458px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@keyframes 'imgbg' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@-webkit-keyframes 'imgbg' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@-o-keyframes 'imgbg' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@-moz-keyframes 'imgbg' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes 'networks_skewup' {
    0% {
        opacity: 0;
        transform: translate(-601px, 507px);
        -o-transform: translate(-601px, 507px);
        -ms-transform: translate(-601px, 507px);
        -moz-transform: translate(-601px, 507px);
        -webkit-transform: translate(-601px, 507px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes 'networks_skewup' {
    0% {
        opacity: 0;
        transform: translate(-601px, 507px);
        -o-transform: translate(-601px, 507px);
        -ms-transform: translate(-601px, 507px);
        -moz-transform: translate(-601px, 507px);
        -webkit-transform: translate(-601px, 507px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes 'networks_skewup' {
    0% {
        opacity: 0;
        transform: translate(-601px, 507px);
        -o-transform: translate(-601px, 507px);
        -ms-transform: translate(-601px, 507px);
        -moz-transform: translate(-601px, 507px);
        -webkit-transform: translate(-601px, 507px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-moz-keyframes 'networks_skewup' {
    0% {
        opacity: 0;
        transform: translate(-601px, 507px);
        -o-transform: translate(-601px, 507px);
        -ms-transform: translate(-601px, 507px);
        -moz-transform: translate(-601px, 507px);
        -webkit-transform: translate(-601px, 507px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@keyframes 'networks_skewdown' {
    0% {
        opacity: 0;
        transform: translate(263px, -169px);
        -o-transform: translate(263px, -169px);
        -ms-transform: translate(263px, -169px);
        -moz-transform: translate(263px, -169px);
        -webkit-transform: translate(263px, -169px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes 'networks_skewdown' {
    0% {
        opacity: 0;
        transform: translate(263px, -169px);
        -o-transform: translate(263px, -169px);
        -ms-transform: translate(263px, -169px);
        -moz-transform: translate(263px, -169px);
        -webkit-transform: translate(263px, -169px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes 'networks_skewdown' {
    0% {
        opacity: 0;
        transform: translate(263px, -169px);
        -o-transform: translate(263px, -169px);
        -ms-transform: translate(263px, -169px);
        -moz-transform: translate(263px, -169px);
        -webkit-transform: translate(263px, -169px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}

@-moz-keyframes 'networks_skewdown' {
    0% {
        opacity: 0;
        transform: translate(263px, -169px);
        -o-transform: translate(263px, -169px);
        -ms-transform: translate(263px, 169px);
        -moz-transform: translate(263px, 169px);
        -webkit-transform: translate(263px, 169px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
}


body{
    font-family: PingFang SC,Microsoft JhengHei,Source Han Sans CN,Source Han Serif SC,Microsoft YaHei,sans-serif;
}
.nav {
    z-index: 120;
}


.blur {
    filter: url(blur.svg#blur);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}


.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.break {
    word-wrap: break-word;
    word-break: break-all;
}

/*CSShack*/
@media all and (min-width: 0px) {
    body {
        min-width: auto;
    }
}

.vcenter {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
}

i {
    font-style: normal;
}

.tb {
    display: table;
    height: 100%;
    width: 100%;
}

.tb_c {
    display: table-cell;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #666;
}

ul, dl, dt, dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

input:focus, select:focus, textarea:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-weight: normal;
}

table {
    border-collapse: collapse;
}

input[type="text"], input[type="password"], select, textarea {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    font-size: 14px;
}

input[type="submit"] {
    -webkit-appearance: none !important;
    margin: 0;
    padding: 0;
    border: 0;
}

input[type="button"] {
    -webkit-appearance: none !important;
}

input::-webkit-input-placeholder {
    color: #666 !important;
}

textarea::-webkit-input-placeholder {
    color: #666 !important;
}

input:-moz-placeholder {
    color: #666 !important;
}

textarea:-moz-placeholder {
    color: #666 !important;
}

input::-moz-placeholder {
    color: #666 !important;
}

textarea::-moz-placeholder {
    color: #666 !important;
}

input:-ms-input-placeholder {
    color: #666 !important;
}

textarea:-ms-input-placeholder {
    color: #666 !important;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after, .clearfix:before {
    clear: both;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 100%;
    content: "";
    display: block;
}

.clearboth {
    width: 100%;
    height: 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}


/*共用*/
.animate,
.common_btn {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.wrap {
    width: 83.33%;
    margin: 0 auto;
}

.skew {
    position: absolute;
}

.skew img {
    max-width: none;
}

.skew:before,
.skew:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.skew,
.skew:after,
.skew:before {
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}

.skew,
.skew:after,
.skew:before {
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
}

.c_skew {
    -webkit-transform: skew(-45deg, 0);
    -moz-transform: skew(-45deg, 0);
    -o-transform: skew(-45deg, 0);
    -ms-transform: skew(-45deg, 0);
    transform: skew(-45deg, 0);
}

.n_skew {
    -webkit-transform: skew(45deg, 0);
    -moz-transform: skew(45deg, 0);
    -o-transform: skew(45deg, 0);
    -ms-transform: skew(45deg, 0);
    transform: skew(45deg, 0);
}

.tribg {
    position: absolute;
    line-height: 1;
}

.common_btn {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 45px;
    border-radius: 40px;
    border: 1px solid #dadada;
    color: #5b5b5b;
    cursor: pointer;
}

/*品牌*/
.brand ul {
    height: 145px;
    margin: 0 20px;
    position: relative;
    z-index: 99;
}

.brand li {
    width: 10%;
    height: 100%;
    float: left;
    text-align: center;
}

.brand li a {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.brand li a:hover {
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.brand li a {
    border-right: 1px solid #f5f5f5;
}

.brand li a:hover {
    color: #0e468c;
}

.brand li.none a {
    border: 0;
}

.brand li .pic {
    height: 60px;
}

.brand li .pic img {
    max-height: 60px;
}

.brand li p {
    height: 20px;
    font-size: 11px;
    margin-top: 15px;
    overflow: hidden;
    text-transform: uppercase;
    display: none;
}

/*共用end*/

/*header*/
.header_box {
    width: 100%;
    height: 116px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    border-bottom: 1px solid #f1f1f1;
}

.header_box .catetory {
    display: none;
}

.header_box .logo, .header_box .header_rt {
    position: absolute;
    height: 100%;
    background: #fff;
    z-index: 1;
}

.header_box .logo {
    height: 28px;
    left: 70px;
    top: 50%;
    margin-top: -14px;
    overflow: hidden;
}

.header_box .logo .lg {
    background: #fff;
    width: 186px;
    position: relative;
}

.header_box .logo img {
    max-height: 28px;
}

.header_box .logo .share {
    width: 70%;
    padding-left: 60px;
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.header_box .header_rt {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_box .header_rt .share {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100px;
    position: relative;
    padding-left: 0px;
    opacity: 1;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.header_box .header_rt .share a {
    margin-right: 0;
}

.header_box .share a {
    width: 32px;
    height: 32px;
    float: left;
    font-size: 22px;
    border-radius: 50%;
    background: #0e468c;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-right: 20px;
}

.header_box .logo:hover {
    overflow: inherit;
}

.header_box .logo:hover .share {
    opacity: 1;
}

.header_box .header_rt {
    right: 70px;
    line-height: 116px;
}

.header_box .header_rt .langue a {
    float: left;
    padding: 0 10px;
    font-weight: bold;
    font-size: 15px;
}

.header_box .header_rt .langue a.active, a:hover,
.header_box .header_rt .search:hover {
    color: #2c74e5;
}

.header_box .header_rt .search {
    font-size: 26px;
    color: #3e3e3e;
    cursor: pointer;
}

.header_box .menu {
    width: 100%;
    text-align: center;
}

.header_box .menu ul {
    display: inline-block;
    height: 28px;
    margin-top: 44px;
}

.header_box .menu li {
    height: 28px;
    line-height: 28px;
    padding-bottom: 45px;
    float: left;
    color: #e0e0e0;
    font-size: 16px;
}

.header_box .menu li a {
    color: #3e3e3e;
    padding: 0 30px;
}

.header_box .menu li.active a,
.header_box .menu li a:hover {
    font-weight: bold;
    color: #0e468c;
}

.header_box .menu li a:hover,
.header_box .weixin .pic,
.header_box .header_rt .langue a,
.header_box .header_rt .search:hover {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.header_box .menu dl {
    position: absolute;
    left: 0;
    top: 116px;
    width: 100%;
    height: 0;
    line-height: 160px;
    overflow: hidden;
}

.header_box .menu dl:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0e468c;
    opacity: 0.9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    z-index: 1;
}

.header_box .menu dd {
    position: relative;
    z-index: 2;
}

.header_box .menu li.on dd a {
    color: #fff;
    font-weight: normal;
}

.header_box .menu li.on a span {
    color: #649be1;
    padding-right: 10px;
}

.header_box .menu li.on dd a:hover {
    font-weight: bold;
    color: #fff;
}

.header_box .menu li.on dl {
    height: 160px;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
}

.header_box .weixin {
    position: relative;
}

.header_box .weixin .pic {
    pointer-events: none;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -60px;
    width: 240px;
    height: 120px;
    opacity: 0;
    overflow: hidden;
}

.header_box .weixin .pic img {
    max-height: 100%;
}

.header_box .weixin:hover .pic {
    height: 120px;
    opacity: 1;
    pointer-events: auto;
}

/*footer*/
.footer_box {
    background: #313131;
    color: #8f8f8f;
    position: relative;
    overflow: hidden;
    padding: 70px 0 50px 0;
}

.footer_box a:hover, .footer_nav a:hover span {
    color: #fff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.footer_box .tribg {
    bottom: 0;
    right: 0;
    color: #292929;
    font-size: 245px;
}

.footer_tp, .footer_bt {
    margin: 0 90px;
}

.footer_tp dl {
    width: 210px;
    float: left;
}

.footer_tp dl:last-child {
    margin: 0;
}

.footer_tp dl dt {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 25px;
}

.footer_tp dl dd {
    display: inline-block;
    font-size: 16px;
}

.footer_tp dl dd a {
    line-height: 30px;
    display: block;
    color: #8f8f8f;
}

.footer_tp dl dd p {
    line-height: 28px;
}

.footer_bt {
    line-height: 25px;
    margin-top: 120px;
}

.copyright .logo {
    width: 55px;
    height: 25px;
    background-position: 0 bottom;
    margin-right: 20px;
}

.footer_nav {
    margin-left: 90px;
}

.footer_nav a, .footer_nav a:hover {
    color: #404040;
}

.footer_nav a span {
    padding: 0 10px;
    color: #8f8f8f;
}

/*首页*/

.ind_box {
    background: url('../images/indexbg.jpg') no-repeat center top fixed;
    background-size: auto 100% \9;
    background-size: cover;
    overflow: hidden;
    padding-top: 60px;
}

.ind_box .container {
    background: #fff;
}

.ind_box .banner_box {
    position: relative;
    z-index: 1;
}

.ind_box .banner_box .bx-viewport {
    z-index: 0;
    min-height: 44.89vw;
}

.ind_box .bx-wrapper .bx-controls-auto {
    display: none;
}

.ind_box .bx-wrapper .bx-controls {
}

.ind_box .banner_box img.bgpic {
    width: 100%;
}

.ind_box .banner_box .con {
    width: 590px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
}

.ind_box .banner_box .con .txt {
    position: absolute;
    top: 40.9%;
    left: 12.22%;
    color: #fff;
}

.ind_box .banner_box h3 {
    font-size: 90px;
    line-height: 1.05;
}

.ind_box .banner_box p {
    font-size: 16px;
    margin-top: 40px;
    line-height: 28px;
    text-align: center;
}

.ind_box .ind_row1 {
    position: relative;
    width: 100%;
    float: left;
    z-index: 9;
    padding-bottom: 75px;
}

.ind_box .ind_row1 .brand {
    width: 1460px;
    margin-top: -72px;
    z-index: 15;
}

.ind_box .brand {
    position: relative;
}

.ind_box .brand .c_skew {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #f5f5f5;
    border-bottom-color: #e1e1e1;
    background: #fff;
}

.ind_box .banner_box li .con img {
    opacity: 0;
}

.ind_box .banner_box li:nth-child(1) .con img {
    opacity: 1;
}

/*.ind_box .ind_row1 .skewtp{width: 393px;height: 393px;background: url('../images/skew13.png');top:-225px;right: -5px;z-index: 12;}
*/
.ind_box .ind_row1 .brandwrap {
    position: relative;
    padding-bottom: 95px
}

.ind_box .ind_row1 .skewtp {
    width: 20.46875%;
    bottom: 0;
    right: 0;
    z-index: 12;
}

.ind_box .ind_row1 .skewtp img {
    max-width: 100%;
}

.ind_box .ind_row1 .skewtp {
    transform: translate(393px, -393px);
    -o-transform: translate(393px, -393px);
    -ms-transform: translate(393px, -393px);
    -moz-transform: translate(393px, -393px);
    -webkit-transform: translate(393px, -393px);
}

.ind_box .common_scroll.scrolled .skewtp {
    transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
}

/*.ind_box .abus_wrap{padding:95px 0 75px 0;}*/
.ind_box .ind_row1 .brand ul {
    overflow: hidden;
    width: 3000%;
}

.ind_box .ind_row1 .brand ul li {
    width: 120px;
}

.ind_box .ind_row1 .brand .f-prev {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    display: inline-block;
    left: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    z-index: 10;
}

.ind_box .ind_row1 .brand .f-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    right: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .ind_box .ind_row1 .brand .f-prev, .ind_box .ind_row1 .brand .f-next {
        display: none;
    }

    .ind_box .ind_row1 .brand ul {
        width: 100%;
    }

    .ind_box .ind_row1 .brand ul li {
        width: 49%;
    }
}

.ind_box .abus {
    margin: 0 5.31%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.ind_box .abus h3 {
    height: 1px;
    position: relative;
}

.ind_box .abus h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ebebeb;
}

.ind_box .abus h3:after {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    transition: all 3s ease-out;
    -webkit-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    transform-origin: center center;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.ind_box .abus h3.fadeInUp:after {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.ind_box .abus h3 span {
    line-height: 24px;
    letter-spacing: 2px;
    background: #fff;
    padding: 0 35px;
    margin-top: -12px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.ind_box .abus .txt {
    max-width: 820px;
    margin: 50px auto;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.ind_box .ind_row2 {
    position: relative;
    z-index: 10;
    padding-bottom: 115px;
    padding-top: 130px;
}

.ind_box .ind_row2 .bg {
    right: 0;
    bottom: -10px;
    font-size: 205px;
    color: #fff;
}

.ind_box .ind_row2 .skew {
    width: 540px;
    height: 540px;
    top: -90px;
    right: 0;
    background: url('../images/skew14.png') no-repeat;
}

.ind_box .ind_row2 .skew {
    transform: translate(540px, -540px);
    -o-transform: translate(540px, -540px);
    -ms-transform: translate(540px, -540px);
    -moz-transform: translate(540px, -540px);
    -webkit-transform: translate(540px, -540px);
}

.ind_box .common_scroll.scrolled .skew {
    transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
}

.ind_box .ind_row2 .tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 540px;
}

.ind_box .ind_row2 .tit .tribg {
    top: 0;
    left: 0;
    color: #0e468c;
    font-size: 540px;
    overflow: hidden;
}

.ind_box .ind_row2 .tit h3 {
    width: 70.56%;
    position: absolute;
    top: 80px;
    height: 1px;
    background: #87a3c6;
    color: #fff;
}

.ind_box .ind_row2 h3 span {
    float: right;
    height: 36px;
    line-height: 36px;
    margin-top: -18px;
    background: #0e468c;
    padding-left: 25px;
}

.ind_box .ind_row2 h3 i {
    font-size: 44px;
    padding-right: 15px;
}

.ind_box .ind_row2 .wrap {
    max-width: 990px;
}

.ind_box .ind_row2 .item_tab {
    position: relative;
    height: 145px;
    margin-bottom: 65px;
}

.ind_box .ind_row2 .item_tab .c_skew {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/opcity10.png') repeat;
}

.ind_box .ind_row2 .item_tab ul {
    height: 100%;
}

.ind_box .ind_row2 .item_tab .con {
}

.ind_box .ind_row2 .item_tab li {
    width: 20%;
    position: relative;
    float: left;
    height: 145px;
}

.ind_box .ind_row2 .item_tab li:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 0.2;
    -ms-filter: alpha(opacity=20);
    filter: alpha(opacity=20);
}

/*.ind_box .ind_row2 .item_tab .con li{background: none !important;}*/
.ind_box .ind_row2 .item_tab .con li:before {
    display: none;
}

.ind_box .ind_row2 .item_tab .ulbg li.on {
    background: #fff;
}

.ind_box .ind_row2 .item_tab .con li .pic,
.business_box .bxpager .item .pic {
    height: 45px;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    left: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
}

.ind_box .ind_row2 .item_tab .con li.on .pic {
    background-position: center bottom;
}


.ind_box .ind_row2 .item_con .item {
    text-align: center;
    color: #fff;
}

.ind_box .ind_row2 .item_con .txt {
    max-width: 630px;
    font-size: 15px;
    line-height: 26px;
    margin: 30px auto;
    height: 52px;
    overflow: hidden;
}

.ind_box .ind_row2 .item_con .common_btn {
    border-radius: 0;
    color: #fff;
}

.ind_box .ind_row2 .item_con .common_btn:hover {
    border-color: #0e468c;
}

.ind_box .ind_row3 {
    padding: 120px 0;
}

.ind_box .ind_row3 dl {
    float: left;
    width: 30.8%;
    margin-right: 3.8%;
    outline: 1px solid #e6e6e6;
    padding: 50px 0 60px 0;
    height: 385px;
    position: relative;
    font-size: 16px;
}

.ind_box .ind_row3 dl.none {
    margin: 0;
}

.ind_box .ind_row3 dl dt {
    height: 36px;
    line-height: 36px;
    color: #0e468c;
    font-size: 24px;
    margin: 0 0 20px 65px;
}

.ind_box .ind_row3 dl dt i {
    font-size: 36px;
    color: #0e468c;
    margin-right: 20px;
}

.ind_box .ind_row3 .news dd {
    height: 245px;
    overflow: hidden;
}

.ind_box .ind_row3 .news a {
    display: block;
    padding: 3px 65px;
    height: 24px;
    line-height: 24px;
    color: #000;
    margin-bottom: 5px;
}

.ind_box .ind_row3 dl dt a {
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    opacity: 1;
}

.ind_box .ind_row3 .news a .txt {
    width: 77%;
    display: block;
    float: left;
}

.ind_box .ind_row3 .news a .time {
    float: right;
    opacity: 0;
}

.ind_box .ind_row3 .news dd a:hover {
    background: #eff3f8;
}

.ind_box .ind_row3 .news a:hover .time {
    opacity: 1;
}

.ind_box .ind_row3 .news a:hover,
.ind_box .ind_row3 .news a:hover .time {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.ind_box .ind_row3 .service .select_box {
    height: 58px;
    line-height: 58px;
    border-left: 3px solid #0e468c;
    background: #eff3f8;
    position: relative;
    margin: 0 -1px;
}

.ind_box .ind_row3 .service .select_box .select_txt {
    padding: 0 95px 0 65px;
    position: relative;
    cursor: pointer;
}

.ind_box .ind_row3 .service .select_box .select_txt i {
    color: #0e468c;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    right: 65px;
    top: 50%;
    margin-top: -9px;
}

.ind_box .ind_row3 .service .select_down {
    position: absolute;
    top: 58px;
    left: -3px;
    width: 100%;
    padding: 25px 2px 25px 1px;
    background: #e4eaf2;
    z-index: 1;
    display: none;
    max-height: 175px;
    overflow: auto;
}

.ind_box .ind_row3 .service .select_down a {
    display: block;
    padding: 0 65px;
    line-height: 38px;
    color: #000;
}

.ind_box .ind_row3 .service .select_down a:hover {
    color: #0e468c;
}

.ind_box .ind_row3 .service .select_con {
    padding: 25px 0;
}

.ind_box .ind_row3 .service .select_con p {
    padding: 0 65px;
    height: 20px;
    margin-bottom: 15px;
}

.ind_box .ind_row3 .service .select_con p i {
    font-size: 14px;
}

.ind_box .ind_row3 .aboutus {
    background: url('../images/ind_row3bg.jpg');
    background-size: cover;
    background-size: auto 100% \9;
}

.ind_box .ind_row3 .aboutus .txt {
    padding: 15px 65px;
    line-height: 28px;
}

.ind_box .ind_row3 a.more {
    position: absolute;
    bottom: 60px;
    left: 65px;
    padding: 0 !important;
    color: #0e468c;
    font-size: 14px;
}

.ind_box .vbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.ind_box .vbox > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.ind_box .video {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: transparent;
    font-size: 16px;
    width: 50vw;
    height: 25vw;
    z-index: 5;
}

/*.ind_box .video img{width: 100%;height: 100%;object-fit: cover;}*/
.ind_box .video .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000, endColorstr=#10000000);
    z-index: 99;
}

.ind_box .video .btn {
    width: 94px;
    z-index: 10;
    height: 94px;
    background: url('../images/index_videoicon.png');
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -47px;
    margin-left: -47px;
    line-height: 94px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    text-indent: 2px;
}

.ind_box .video .btn:hover {
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.ind_box .video .mask:after, .ind_box .video .mask:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 46.41%;
    top: 50%;
    background: #fff;
    opacity: 0.2;
    -ms-filter: alpha(opacity=20);
    filter: alpha(opacity=20);
}

.ind_box .video .mask:after {
    right: 0;
}

.ind_box .video .time {
    padding: 55px 0 15px 0;
}

.ind_box .video video {
    width: 100%;
}

.ind_box .video .swf {
    position: relative;
    z-index: 0;
}

.ind_box .search_box {
    background: url('../images/searchbg.png') no-repeat #007bff;
    padding: 100px 0;
}

.ind_box .searchfrom {
    max-width: 850px;
    margin: 0 auto;
    height: 70px;
    background: #fff;
    position: relative;
}

.ind_box .searchfrom .input_txt {
    border: 0;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    text-indent: 80px;
    background: none;
}

.ind_box .searchfrom .input_btn {
    width: 100px;
    height: 70px;
    background: #0e468c;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
}

.ind_box .searchfrom .input_btn button {
    border: 0;
    width: 100px;
    height: 70px;
    background: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.inner_box {
    /*margin-top: 116px;*/
    background-position: center;
    background-size: cover;
    background-size: auto 100% \9;
    position: relative;
    overflow: hidden;
}

/*关于我们*/
.abus_box {
    padding-bottom: 116px;
}

.abus_box .sanjiao_bg {
    font-size: 384px;
    position: absolute;
    bottom: -15px;
    right: 0;
    color: #f6f6f6;
    line-height: 1;
}

.abus_box .picbg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-size: auto 100% \9;
    -webkit-animation: fadeInUp 0.5s ease-out;
    -o-animation: fadeInUp 0.5s ease-out;
    -moz-animation: fadeInUp 0.5s ease-out;
    animation: fadeInUp 0.5s ease-out;
}

.abus_box .abus_con_wrap {
    position: relative;
    overflow: hidden;
}

.abus_box .abus_conbg {
    position: absolute;
    left: 1196px;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.abus_box .skew2 {
    width: 22.14%;
    height: 425px;
    background: url('../images/skew2.png') right top no-repeat;
    left: 0;
    top: 8.01%;
    overflow: hidden;
}

.abus_box .skew3 {
    width: 683px;
    height: 46%;
    background: url('../images/skew3.png') no-repeat left bottom;
    bottom: 0;
    left: 2.45%;
}

.abus_box .skew2,
.abus_box .skew3 {
    -webkit-animation: aboutus_skewup 1.5s ease-out;
    -o-animation: aboutus_skewup 1.5s ease-out;
    -moz-animation: aboutus_skewup 1.5s ease-out;
    animation: aboutus_skewup 1.5s ease-out;
}

.abus_box .abus_con {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.abus_box .abus_con h2 {
    font-size: 130px;
    position: absolute;
    top: 37.2%;
    right: 108%;
    color: #eff3f8;
}

.abus_box .abus_con .txt {
    max-width: 510px;
    margin-top: 31.36%;
    height: 50%;
}

.abus_box .abus_con .txt h3 {
    margin-bottom: 40px;
}

.abus_box .abus_con .txt p {
    line-height: 35px;
    font-size: 16px;
}

.abus_nav {
    background: #f6f6f6;
    width: 100%;
    height: 116px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.abus_nav .nav {
    max-width: 1024px;
    margin: 0 auto;
}

.abus_nav .category, .abus_nav ul {
    line-height: 22px;
    height: 22px;
    margin-top: 47px;
}

.abus_nav .category {
    font-size: 22px;
    color: #c1c1c1;
}

.abus_nav ul li {
    float: left;
}

.abus_nav ul a {
    color: #6f6f6f;
    padding: 0 44px;
    font-size: 16px;
}

/*大记事*/
.histoty_box {
    padding-top: 75px;
    padding-bottom: 135px;
    padding-bottom: 115px;
    text-align: center;
}

.histoty_box .wrap {
    position: relative;
    width: 71%;
}

.histoty_box .wrap:after {
    content: "";
    position: absolute;
    top: 63px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #e4e4e4;
}

.histoty_box .inner_wrap {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.histoty_box .linemask {
    width: 80px;
    height: 1px;
    background: #0031c3;
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.histoty_box .bx-pager {
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 50px;
}

.histoty_box .bx-pager a {
    width: 82px;
    height: 100%;
    margin-top: 50px;
    float: left;
    position: relative;
    z-index: 1;
}

.histoty_box .bx-pager a p {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 26px;
    background: #e4e4e4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #9a9a9a;
    line-height: 30px;
}

.histoty_box .bx-pager a p span {
    position: absolute;
    left: 50%;
    top: -45px;
    margin-left: -35px;
    width: 70px;
    height: 30px;
    cursor: pointer;
}

.histoty_box .bx-pager a.active p {
    background: #0031c3;
    border-left-color: #0031c3;
    border-right-color: #0031c3;
}

.histoty_box .bx-pager a.active p, .histoty_box .bx-pager a.now p {
    font-size: 30px;
    color: #000;
}

/*.histoty_box .bx-pager a.active p{transition:color 0.3s ease-out,font-size 0.3s ease,border-color 0.3s ease-out 1s;-webkit-transition:color 0.3s ease-out,font-size 0.3s ease,border-color 0.3s ease-out 1s;-o-transition:color 0.3s ease-out,font-size 0.3s ease,border-color 0.3s ease-out 1s;-moz-transition:color 0.3s ease-out,font-size 0.3s ease,border-color 0.3s ease-out 1s;-ms-transition:color 0.3s ease-out,font-size 0.3s ease,border-color 0.3s ease-out 1s;}*/
.histoty_box .bx-wrapper {
    max-width: 1024px;
    margin: 0 auto;
}

.histoty_box .btnwrap {
    width: 39%;
    height: 60px;
    margin: 150px auto 35px auto;
    color: #0031c3;
    position: relative;
}

.histoty_box .btnwrap h2 {
    font-size: 60px;
    line-height: 1;
}

.histoty_box .btnwrap .btn {
    height: 20px;
    width: 82px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}

.histoty_box .btnwrap .prev {
    left: 0;
    background: url('../images/milestone_prev.png') no-repeat left top;
}

.histoty_box .btnwrap .next {
    right: 0;
    background: url('../images/milestone_next.png') no-repeat right top;
}

.histoty_box .btnwrap .btn a {
    display: block;
    height: 100%;
}

.histoty_box .btnwrap .btn a i {
    color: #0031c3;
}

.histoty_box .btnwrap .btn i {
    font-size: 12px;
    position: absolute;
    top: 0;
    line-height: 1;
    z-index: 2;
}

.histoty_box .btnwrap .prev i {
    left: 0;
}

.histoty_box .btnwrap .next i {
    right: 0;
}

/*.histoty_box .btnwrap .btn:before{content: ""; position: absolute;width:75px; height: 4px;top:40%;margin-top: -2px;background: #0031c3;}
.histoty_box .btnwrap .prev:before{left: 8px;}
.histoty_box .btnwrap .next:before{right: 8px;}*/
.histoty_box .item {
    color: #5e5e5e;
    width: 64%;
    margin: 0 auto;
}

.histoty_box .item h3 {
    font-size: 22px;
    height: 45px;
    position: relative;
}

.histoty_box .item h3:after {
    content: "";
    width: 20px;
    height: 3px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: 0;
    background: #5e5e5e;
}

.histoty_box .item .txt {
    margin-top: 40px;
}

.histoty_box .item .pic_wrap {
    margin-top: 80px;
}

.histoty_box .item .pic_wrap .pic_tit {
    width: 26.172%;
    position: relative;
    color: #fff;
    line-height: 1;
    overflow: hidden;
    background: #4c4428;
}

.histoty_box .item .pic_wrap .pic_tit .pic {
    width: 100%;
    height: 268px;
    overflow: hidden;
}

.histoty_box .item .pic_wrap .pic_tit .blur {
    height: 100%;
    width: 100%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.histoty_box .item .pic_wrap .pic_tit h2 {
    font-size: 72px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -36px;
    width: 100%;
}

.histoty_box .item .pic_wrap .pic_tit h2 span {
    font-size: 20px;
}

.histoty_box .item .pic_wrap .pic_tit p {
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    font-size: 18px;
    letter-spacing: 6px;
}

.histoty_box .item .pic_wrap .pic {
    width: 71.778%;
}

.histoty_box .item .pic_wrap .pic ul {
    height: 340px;
    overflow: hidden;
}

.histoty_box .item .pic_wrap .pic ul li {
    display: none;
}

.histoty_box .item .pic_wrap .pic .hd {
    text-align: center;
    margin-top: 30px;
}

.histoty_box .item .pic_wrap .pic .hd span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eee;
    display: inline-block;
    margin: 0 3px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    cursor: pointer;
}

.histoty_box .item .pic_wrap .pic .hd span.active,
.histoty_box .item .pic_wrap .pic .hd span:hover {
    background: #0456aa;
}

.histoty_box .skew {
    width: 445px;
    height: 402px;
}

.histoty_box .skewtp {
    right: 0;
    top: -60px;
}

.histoty_box .skewtp:before {
    background: url('../images/skew4-4.png');
}

.histoty_box .skewtp:after {
    background: url('../images/skew4.png');
}

.histoty_box .skewbt {
    left: 0;
    bottom: 0;
    z-index: 1;
}

.histoty_box .skewbt:before {
    background: url('../images/skew5-5.png');
}

.histoty_box .skewbt:after {
    background: url('../images/skew5.png');
}

.histoty_box .skewtp:before,
.histoty_box .skewbt:after {
    -webkit-animation: skewdown 2s ease-out;
    -o-animation: skewdown 2s ease-out;
    -moz-animation: skewdown 2s ease-out;
    animation: skewdown 2s ease-out;
}

.histoty_box .skewtp:after,
.histoty_box .skewbt:before {
    -webkit-animation: skewup 2s ease-out;
    -o-animation: skewup 2s ease-out;
    -moz-animation: skewup 2s ease-out;
    animation: skewup 2s ease-out;
}

/*投资*/
.invest_con_wrap {
    height: 775px;
    color: #787878;
    font-size: 16px;
    padding-bottom: 116px;
}

.invested_box .pic {
    width: 25%;
    height: 100%;
}

.invested_box .invest_con {
    width: 75%;
    height: 100%;
    position: relative;
}

.invested_box .item_wrap {
    max-width: 790px;
    height: 450px;
    margin: 90px 0 90px 12.23%;
    float: left;
}

.invested_box .item {
    display: none;
}

.invested_box .item span {
    width: 45%;
    margin-right: 5%;
    float: left;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.invested_box span:hover, .invested_box .page span.on {
    color: #000;
}

.invested_box .page {
    margin-left: 12.23%;
}

.invested_box .page span {
    font-weight: bold;
    float: left;
    margin-right: 35px;
    cursor: pointer;
}

.invested_box .page span, .invested_box .item span {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.invested_box .skewtp {
    width: 515px;
    height: 518px;
    right: 0;
}

.invested_box .skewtp:before {
    background-image: url('../images/skew7-7.png');
}

.invested_box .skewtp:after {
    background-image: url('../images/skew7.png');
}

.invested_box .skewbt {
    width: 565px;
    height: 565px;
    bottom: 0;
    background-image: url('../images/skew6.png');
    background-position: right bottom;
}

.invested_box .skewbt,
.invested_box .skewtp:after {
    -webkit-animation: invest_skewup 2s ease-out;
    -o-animation: invest_skewup 2s ease-out;
    -moz-animation: invest_skewup 2s ease-out;
    animation: invest_skewup 2s ease-out;
}

.invested_box .skewtp:before {
    -webkit-animation: invest_skewdown 2s ease-out;
    -o-animation: invest_skewdown 2s ease-out;
    -moz-animation: invest_skewdown 2s ease-out;
    animation: invest_skewdown 2s ease-out;
}

/*组织架构*/
.frame_box {
    color: #fff;
    font-size: 16px;
    padding-bottom: 116px;
    background-size: 100% !important;
}

.frame_box .tribgtp {
    width: 635px;
    height: 635px;
}

.frame_box .bg {
    width: 100%;
    max-width: none;
}

/*.frame_box .bg{position: absolute;left: 0;top: 0;width: 100%;background-size: cover;background-size: auto 100%\9;}*/
.frame_box .skew {
    position: absolute;
    width: 460px;
    height: 460px;
    background: url('../images/skew8.png') right top;
}

.frame_box .skewtp {
    top: 50px;
}

.frame_box .skewbt {
    bottom: 0;
    right: 0;
    height: 230px;
    z-index: 2;
}

.frame_box .skew {
    -webkit-animation: frame_skewup 1.5s ease-out;
    -o-animation: frame_skewup 1.5s ease-out;
    -moz-animation: frame_skewup 1.5s ease-out;
    animation: frame_skewup 1.5s ease-out;
}

.frame_box .frame_con {
    margin: 0 auto;
    padding: 40px 0 135px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.frame_box .frame1, .frame_box .frame2 {
    width: 132px;
    height: 132px;
    background: url('../images/frameicon1.png');
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
}

.frame_box .frame1, .frame_box .frame2 {
    line-height: 27px;
    font-size: 18px;
}

.frame_box .frame3 li,
.frame_box .frame4 li {
    float: left;
    width: 50px;
    height: 137px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.frame_box .frame3 li {
    background-image: url('../images/frameicon2.png');
}

.frame_box .frame3 li .tb, .frame_box .frame4 li .tb {
    width: 12px;
    margin: 0 auto;
}

.frame_box .frame4 li {
    background-image: url('../images/frameicon3.png');
}

.frame_box .frame3 li {
    margin-right: 40px;
}

.frame_box .frame4 li {
    margin-right: 19px;
}

.frame.frame4, .frame.frame3 {
    display: inline-block;
}

.frame_box .frame3 li,
.frame_box .frame4 li,
.frame_box .frame1,
.frame_box .frame2 {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.frame_box .frame3 li:hover,
.frame_box .frame4 li:hover,
.frame_box .frame1:hover,
.frame_box .frame2:hover {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.frame_box .arr {
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #c4c4c4;
    font-size: 20px;
}

/*企业文化*/
.culture_box {
    background-image: url('../images/culturebg.jpg');
    background-attachment: fixed;
    padding-bottom: 116px;
}

.culture_box .culture_tp {
    height: 550px;
    text-align: center;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.culture_box .culture_tp .trianglebg {
    font-size: 230px;
    color: #0031c3;
    line-height: 1;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.culture_box h3 {
    font-size: 22px;
}

.culture_box .culture_tp ul {
    display: inline-block;
}

.culture_box .culture_tp li {
    padding: 0 75px;
    float: left;
    position: relative;
    color: #fff;
}

.culture_box .culture_tp li:after {
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    opacity: 0.3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
}

.culture_box .culture_tp li.none:after {
    display: none;
}

.culture_box .culture_tp li h3 {
    margin-bottom: 45px;
}

.culture_box .culture_bd {
    background: #fff;
    position: relative;
}

.culture_box .culture_bd .skew {
    width: 418px;
    height: 506px;
    top: -119px;
    right: 0;
    overflow: hidden;
}

.culture_box .culture_bd .skew:before {
    background-image: url('../images/skew9.png');
    background-position: left bottom;
}

.culture_box .culture_bd .skew:after {
    background-image: url('../images/skew9-9.png');
}

.culture_box .culture_bd .skew:before {
    -webkit-animation: tender_up 2s ease-out;
    -o-animation: tender_up 2s ease-out;
    -moz-animation: tender_up 2s ease-out;
    animation: tender_up 2s ease-out;
}

.culture_box .culture_bd .skew:after {
    -webkit-animation: tender_down 2s ease-out;
    -o-animation: tender_down 2s ease-out;
    -moz-animation: tender_down 2s ease-out;
    animation: tender_down 2s ease-out;
}

.culture_box .culture_bd .wrap {
    max-width: 1024px;
}

.culture_box .table_box {
    width: 100%;
    height: 510px;
    text-align: center;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
}

.culture_box .table_box li {
    width: 50%;
    height: 50%;
    position: relative;
    color: #868686;
    float: left;
}

.culture_box .table_box li .tb {
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

.culture_box .table_box span {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
}

.culture_box .table_box h3 {
    color: #3c3c3c;
    margin-bottom: 20px;
}


/*联系我们*/
#maps div:first-child div:nth-child(3) {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: grayscale(0) \9;
}

.contactus_box {
    height: 740px;
}

.contactus_box .maps {
    position: absolute;
    width: 100%;
    height: 740px; /*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/
}

.contactus_box img {
    width: 100%;
    max-width: none;
}

.contactus_box .content {
    position: absolute;
    top: 70px;
    right: 9.4%;
    background: url('../images/contactus_bg.png') left top;
    padding: 50px;
}

.contactus_box .content .tribg {
    font-size: 20px;
    color: #f3f3f3;
    left: -6px;
    top: 50px;
    overflow: hidden;
    width: 20px;
}

.contactus_box .content .tribg i {
    display: none;
}

.contactus_box h4 {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
}

.contactus_box h4 i {
    font-size: 26px;
    float: left;
    margin-right: 15px;
}

.contactus_box .input_txt {
    width: 390px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    display: block;
    background: #3783f5;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}

.contactus_box .input_txt.no {
    border-color: #ff3c3f;
    color: #ff6f37; /*background-color: #ffc8c9;*/
}

#respond {
    color: #fff;
}

.contactus_box .message {
    height: 150px;
    line-height: 30px;
    resize: none;
    overflow: auto;
}

.contactus_box .btn {
    text-align: center;
    color: #000;
    font-size: 17px;
    background: #fff;
    height: 60px;
    line-height: 60px;
}

.contactus_box input::-webkit-input-placeholder {
    color: #fff !important;
}

.contactus_box textarea::-webkit-input-placeholder {
    color: #fff !important;
}

.contactus_box input:-moz-placeholder {
    color: #fff !important;
}

.contactus_box textarea:-moz-placeholder {
    color: #fff !important;
}

.contactus_box input::-moz-placeholder {
    color: #fff !important;
}

.contactus_box textarea::-moz-placeholder {
    color: #fff !important;
}

.contactus_box input:-ms-input-placeholder {
    color: #fff !important;
}

.contactus_box textarea:-ms-input-placeholder {
    color: #fff !important;
}


/*网络营销*/
.networks_box .brand {
    width: 72.13%;
    position: relative;
    height: 145px;
    overflow: hidden;
    padding-bottom: 10px;
    z-index: 99;
}

.networks_box .brand ul {
    position: absolute;
    margin: 0;
}

.networks_box .brand ul li {
    position: relative;
}

.networks_box .brand ul li .img {
    display: none;
}

.networks_box .brand ul li.on {
    background: #f6f6f6;
}

.networks_box .brand li.on .tribg {
    width: 0;
    height: 0;
    border: transparent 8px;
    border-color: #f6f6f6 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    top: 100%;
    left: 50%;
    margin-left: -8px;
}

.networks_box .address_box {
    position: relative;
    background: #fff;
    text-align: center;
}

.networks_box .address_box .icon {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 43px;
    background: url('../images/networkicon.png');
}

.networks_box .address_box ul {
    display: inline-block;
}

.networks_box .address_box ul li {
    padding: 30px 0;
    margin: 0 35px;
    font-size: 16px;
    color: #595959;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.networks_box .address_box ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.networks_box .address_box ul li.active:after,
.networks_box .address_box ul li:hover:after {
    background: #4a91fd;
    height: 25px;
}

.networks_box .newwork { /*height: 680px;background: url('../images/network_picbg.png');background-size: cover;background-size: auto 100%\9;*/
    position: relative;
    overflow: hidden;
    margin-top: -10px;
}

.networks_box .newwork_con, .networks_box .address_item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.networks_box .newworkbg {
    z-index: 8
}

.networks_box .newwork_con {
    z-index: 10;
}

/*.networks_box .newworkbg{background: url('../images/networkbg.png') no-repeat; }*/
.networks_box .maskbg {
    position: relative;
    z-index: 9;
}

.networks_box .newworkbg,
.networks_box .newworkbg .picbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.networks_box .newworkbg .picbg {
    background-image: url('../images/networkspic_bg.jpg');
    background-position: center center;
    background-size: cover;
    background-size: auto 100% \9;
}

.networks_box .skew {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.networks_box .skew img {
    position: absolute;
    max-width: 100%;
}

.networks_box .skew:before {
    background: url('../images/skew10-10.png');
    left: auto;
    right: 0;
}

.networks_box .skew:after {
    background: url('../images/skew10.png') left bottom;
    top: auto;
    bottom: 0;
}

.networks_box .skew:after, .networks_box .skew:before {
    background-size: 100%;
    display: none;
}

/*.networks_box .skew:after{-webkit-animation: networks_skewup 2s ease-out; -o-animation: networks_skewup 2s ease-out;  -moz-animation: networks_skewup 2s ease-out; animation: networks_skewup 2s ease-out;}
.networks_box .skew:before{-webkit-animation: networks_skewdown 2s ease-out; -o-animation: networks_skewdown 2s ease-out;  -moz-animation: networks_skewdown 2s ease-out; animation: networks_skewdown 2s ease-out;}*/
.networks_box .item_wrap ul {
    width: 50%;
    overflow: hidden;
    margin-top: 185px;
}

.networks_box .item_wrap ul li {
    margin: 0 14.6%;
    display: none;
}

.networks_box .item_wrap ul li .box {
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-bottom: 80px;
    color: #a2a2a1;
}

.networks_box .item_wrap ul li h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.networks_box .item_wrap ul li p {
    line-height: 25px;
    font-size: 15px;
}

.networks_box .item_wrap .btn {
    margin-left: 7.3%;
    height: 10px;
}

.networks_box .item_wrap .btn span {
    float: left;
    width: 10px;
    height: 10px;
    background: url('../images/networkbtnicon.png') right;
    margin-right: 10px;
    cursor: pointer;
}

.networks_box .item_wrap .btn span.on {
    background-position: left;
}

.networks_box .address_item {
    height: auto;
    display: none;
    z-index: 8;
}

.networks_box .address_item .address_name {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 23px;
    color: #fff;
    display: none;
}

.networks_box .address_item .address_name i,
.networks_box .address_item .address_name {
    position: absolute;
    line-height: 1;
}

.networks_box .address_item .address_name i {
    font-size: 34px;
    color: #63c0f5;
}

.networks_box .address_item .address_name span {
    position: absolute;
    line-height: 1;
}

.networks_box .address_item .shenyang i {
    top: 31.542%;
    left: 79.115%;
}

.networks_box .address_item .shenyang span {
    top: 37.221%;
    left: 81.667%;
}

.networks_box .address_item .zhengzhou i {
    top: 51.724%;
    left: 69.427%;
}

.networks_box .address_item .zhengzhou span {
    top: 49.493%;
    left: 66.563%;
}

.networks_box .address_item .fuzhou i {
    top: 72.819%;
    left: 77.135%;
}

.networks_box .address_item .fuzhou span {
    top: 73.326%;
    left: 79.792%;
}

.networks_box .address_item .quanzhou i {
    top: 76.978%;
    left: 76.198%;
}

.networks_box .address_item .quanzhou span {
    top: 80.629%;
    left: 77.917%;
}

.networks_box .address_item .xiamen i {
    top: 78.499%;
    left: 75.89%;
}

.networks_box .address_item .xiamen span {
    top: 83.874%;
    left: 76.667%;
}

.networks_box .address_item .liuzhou i {
    top: 79.499%;
    left: 65.67%;
}

.networks_box .address_item .liuzhou span {
    top: 77.874%;
    left: 62.67%;
}

.networks_box .address_item .xian i {
    top: 55%;
    left: 65.67%;
}

.networks_box .address_item .xian span {
    top: 57%;
    left: 68.67%;
}


.networks_box .address_item .zhangzhou i {
    top: 78.296%;
    left: 75.156%;
}

.networks_box .address_item .zhangzhou span {
    top: 76.978%;
    left: 71.406%;
}

.networks_box .address_item .putian i {
    top: 75.558%;
    left: 76.562%;
}

.networks_box .address_item .putian span {
    top: 77.586%;
    left: 78.177%;
}

.networks_box .address_item .longyan i {
    top: 75.862%;
    left: 74.844%;
}

.networks_box .address_item .longyan span {
    top: 72.515%;
    left: 72.031%;
}

.networks_box .address_item .shantou i {
    top: 81.23%;
    left: 74%;
}

.networks_box .address_item .shantou span {
    top: 87.424%;
    left: 73.646%;
}

.networks_box .address_item .nanning i {
    top: 83.976%;
    left: 64.74%;
}

.networks_box .address_item .nanning span {
    top: 92.191%;
    left: 61.458%;
}

.networks_box .address_item .kunming i {
    top: 79.817%;
    left: 56.719%;
}

.networks_box .address_item .kunming span {
    top: 90.162%;
    left: 57.656%;
}


/*其他业务*/
.business_banner {
    position: relative;
}

.business_banner .navbg {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    /*background: url('../images/back90.png') repeat;*/
    backdrop-filter: blur(10px);
    background-color:rgba(9,12,20,.5);
    z-index: 9;
}

.business_banner .bx-wrapper {
    z-index: 0;
}

.business_banner .btn {
    height: 64px;
    position: absolute;
    font-size: 32px;
    top: 50%;
    margin-top: -72px;
    color: #fff;
    line-height: 64px;
    z-index: 66;
}

.business_banner .btn a {
    height: 100%;
    width: 100%;
    color: #fff;
    cursor: pointer;
    position: absolute;
}

.business_banner .prev {
    left: 175px;
}

.business_banner .next {
    right: 175px;
}

.business_banner .skewtp {
    width: 418px;
    height: 506px;
    top: 0;
    right: 0;
    background: url('../images/skew9-9.png');
    z-index: 55;
}

.business_banner .skewbt {
    width: 350px;
    height: 350px;
    bottom: 0;
    left: 0;
    background: url('../images/skew6.png') bottom right;
    z-index: 55;
}

.business_banner .business_bxslider .ban_li img {
    width: 100%;
    max-width: none;
}

.business_banner .business_bxslider .ban_li {
    height: 750px;
    position: relative;
    background-size: cover;
    background-size: auto 100% \9;
    background-position: center center;
}

.business_banner .business_bxslider .ban_li:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left;
    0;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
}

.business_banner .business_bxslider .ban_li .con {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}

.business_banner .business_bxslider .ban_li .con .tb_c {
    padding-bottom: 100px;
}


.business_banner .business_bxslider .ban_li .con p {
    font-size: 30px;
    letter-spacing: 25px;
    margin-top: 30px;
    position: relative;
}

.business_banner .business_bxslider .ban_li .con p:after {
    content: "";
    width: 55px;
    height: 1px;
    position: absolute;
    top: 200%;
    left: 50%;
    margin-left: -27px;
    background: #fff;
    display: none;
}

.business_box .item_tab {
    position: relative;
    background: url('../images/business_tribg.png') no-repeat right bottom;
    text-align: center;
}

.business_box .tribg {
    font-size: 230px;
    color: #fff;
    left: 0;
}

.business_box .tribg1 {
    bottom: -11px;
    z-index: 9;
}

.business_box .tribg1 i {
    font-size: inherit;
}

.business_box .item_tab .tribg2 {
    bottom: 0;
    color: #f9f9f9;
    font-size: 405px;
}

.business_box .bxpager,
.business_box .txt_container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

.business_box .bxpager {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
    z-index: 99;
    padding: 0 56px;
}

.business_box .bxpager .loop-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.business_box .bxpager .loop-item:after {
    content: "";
    position: absolute;
    height: 120%;
    width: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.71);
}

.business_box .bxpager .f-prev {
    position: absolute;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    width: 36px;
    text-align: center;
    color: #fff;
    left: 0;
    top: 0;
    cursor: pointer;
}

.business_box .bxpager .f-next {
    position: absolute;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    width: 36px;
    text-align: center;
    color: #fff;
    right: 0;
    top: 0;
    cursor: pointer;
}

.business_box .bxpager .loop-item ul {
    position: absolute;
    width: 3000vw;
    left: 0;
    top: 0;
}

.business_box .bxpager .item {
    width: 14vw;
    float: left;
    height: 100px;
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.business_box .bxpager .item:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 46%;
    left: 0;
    top: 27%;
    background: rgba(255,255,255,.1);
}
.second_body .business_box .bxpager .swiper-slide:first-child .item:before{
display: none;
}
.business_box .bxpager .item.active {
    background: #0437cd;
}


.business_box .bxpager .item.active::before{
    opacity: 0;
}
.business_box .bxpager .item.active+.item::before{
    opacity: 0;
}
.business_box .bxpager .txt {
    display: none;
}

.business_box .txt_container {
    margin: 0 auto;
}

.business_box .txtwrap {
    text-align: left;
    padding: 105px 0;
}

.business_box .txtwrap .pic {
    display: none;
}

.business_box .txtwrap .link {
    height: 60px;
    width: 510px;
    border: 1px solid #000;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 80px;
}

.business_box .txtwrap .name {
    font-size: 24px;
    margin-bottom: 35px;
}

.business_box .txtwrap p {
    line-height: 27px;
    margin-bottom: 25px;
}

/*新闻动态*/
.news_box {
    padding: 100px 0;
    overflow: hidden;
}

.news_box ul {
    width: 1302px;
    margin: 0 auto;
}

.news_box ul li {
    width: 29.93%;
    margin: 0 1.7%;
    background: #0031c3;
    color: #fff;
    float: left;
}

.news_box ul li a {
    color: #fff;
    display: block;
}

.news_box ul li .pic {
    height: 245px;
    overflow: hidden;
    position: relative;
}

.news_box ul li .pic img {
    width: 100%;
    max-width: none;
}

.news_box ul li .pic .more {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    font-size: 30px;
    text-align: center;
    opacity: 0;
    z-index: 1;
}

.news_box ul li .pic:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #3c3543;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}

.news_box ul li .txt {
    padding: 30px;
}

.news_box ul li .txt .time {
    font-size: 40px;
}

.news_box ul li .txt .time sup {
    color: #7eb2ff;
    font-size: 18px;
    padding-right: 10px;
}

.news_box ul li .txt .name {
    display: block;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-top: 25px;
    font-size: 16px;
}

.news_box ul li:hover .more,
.news_box ul li:hover .pic:after,
.news_box .page a {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
}

.news_box ul li:hover .pic:after {
    opacity: 0.3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
}

.news_box ul li:hover .more {
    opacity: 1;
}

.news_box .page_wrap {
    text-align: center;
    margin-top: 70px;
}

.news_box .page {
    display: inline-block;
}

.news_box .page a {
    float: left;
    line-height: 30px;
}

.news_box .page a.btn {
    margin: 0 10px;
}

.news_box .page a.btn:hover {
    color: #0031c3;
}

.news_box .page .num {
    margin-left: 10px;
}

.news_box .page .num a {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.news_box .page .num a.on,
.news_box .page .num a:hover {
    color: #fff;
    background: #0031c3;
}

.news_box .skewbt {
    width: 149px;
    height: 149px;
    background: url('../images/skew17.png');
    bottom: 0;
    left: 0;
}

.news_box .skewtp {
    width: 333px;
    height: 389px;
    top: 0;
    right: 0;
}

.news_box .skewtp:before {
    background: url('../images/skew15.png');
}

.news_box .skewtp:after {
    background: url('../images/skew15-15.png');
}

.news_box .skewbt,
.news_box .skewtp:before {
    -webkit-animation: news_down 2s ease-out;
    -o-animation: news_down 2s ease-out;
    -moz-animation: news_down 2s ease-out;
    animation: news_down 2s ease-out;
}

.news_box .skewtp:after {
    -webkit-animation: news_up 2s ease-out;
    -o-animation: news_up 2s ease-out;
    -moz-animation: news_up 2s ease-out;
    animation: news_up 2s ease-out;
}

/*新闻链接层*/
.news_link_box {
    background: #fafafa;
    padding: 50px 0;
    line-height: 26px;
    color: #525252;
}

.news_link_box .videowrap {
    position: relative;
    height: 400px;
    margin: 30px 0;
}

.news_link_box .videowrap .videos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news_link_box .con_container {
    max-width: 950px;
    margin: 0 auto;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.news_link_box .con_wrap {
    padding: 60px;
}

.news_link_box .tit {
    font-size: 18px;
}

.news_link_box .tit h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.news_link_box .note {
    background: #f3f3f3;
    border-left: 3px solid #0031c3;
    padding: 35px;
    margin: 45px 0;
    color: #525252;
}

.news_link_box .name {
    color: #999;
    margin-bottom: 35px;
}

.news_link_box .btnwrap {
    border-top: 1px solid #e3e3e3;
    text-align: center;
}

.news_link_box .btnwrap a {
    line-height: 70px;
    font-size: 18px;
}

.news_link_box .txt p {
    font-size: 14px;
    line-height: 25px;
    color: #3e3e3e;
}


/*加入我们*/
.inner_banner {
    position: relative;
}

.jionus_box .inner_banner {
    overflow: hidden;
}

.jionus_box .inner_banner img {
    width: 100%;
    max-width: none;
    -webkit-animation: imgbg 5s ease;
    -o-animation: imgbg 5s ease;
    -moz-animation: imgbg 5s ease;
    animation: imgbg 5s ease;
}

.jionus_box {
    background: url('../images/jionusbg.jpg') fixed no-repeat right bottom;
    background-size: cover;
    background-size: auto 100% \9;
}

.jionus_box .inner_banner h3 {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    color: #fff;
    text-align: center;
}

.jionus_box .inner_banner h3 span {
    position: relative;
    display: inline-block;
    height: 100%;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
}

.jionus_box .inner_banner h3 span:after {
    content: '';
    width: 50%;
    height: 6px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -25%;
    -webkit-animation: line_width 1s ease-out;
    -o-animation: line_width 1s ease-out;
    -moz-animation: line_width 1s ease-out;
    animation: line_width 1s ease-out;
}

.jionus_box .inner_banner .tribg {
    font-size: 345px;
    color: #0031c3;
    left: 0;
    bottom: -15px;
}

.jionus_row {
    background: #fff;
}

.jionus_row .common_txt {
    max-width: 640px;
    margin: 0 auto;
    padding: 105px 0;
}

.jionus_row .common_txt h3 {
    text-align: center;
    margin-bottom: 50px;
}

.jionus_row .common_txt p {
    line-height: 32px;
    font-size: 16px;
}

.jionus_row1 {
    position: relative;
}

.jionus_row1 .skew {
    width: 300px;
    height: 300px;
    right: 0;
    top: -90px;
    background: url('../images/skew19.png');
}

.jionus_row2 {
    background: none;
    height: 260px;
}

.jionus_row2 a {
    display: block;
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
    text-align: center;
    color: #fff;
}

.jionus_row2 a:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.jionus_row2 a.none:after {
    display: none;
}

.jionus_row2 a h4 {
    margin-bottom: 45px;
}

.jionus_row2 a i {
    font-size: 20px;
}

.jionus_row2 a:hover {
    background: #0031c3;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.jionus_row3 .common_txt {
    max-width: 1024px;
    text-align: center;
}

.jionus_row3 .jobs_box {
    display: inline-block;
    margin-top: 55px;
}

.jionus_row3 .job {
    width: 110px;
    height: 110px;
    margin: 0 10px;
    border-radius: 110px;
    background: #0031c3;
    color: #fff;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.jionus_row3 .job h4 {
    font-size: 16px;
    width: 110px;
    float: left;
    line-height: 110px;
}

.jionus_row3 .job p {
    text-align: left;
    float: left;
    width: 450px;
    height: 60px;
    line-height: 30px;
    border-left: 2px solid #fff;
    padding-left: 15px;
    position: absolute;
    top: 50%;
    left: 110px;
    margin-top: -30px;
}

.jionus_row3 .job.on {
    width: 600px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.jionus_row3 .job.leave, .jionus_row3 .job {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.jionus_row3 .job.leave {
    background: #9f9f9f;
}

.jionus_row4 {
    font-size: 16px;
}

.jionus_row4 .pic, .jionus_row4 .txt_wrap {
    width: 50%;
    overflow: hidden;
}

.jionus_row4 .pic {
    background-position: center;
    background-size: cover;
    background-size: auto 100% \9;
}

.jionus_row4 .txt_wrap {
    background: #e9f1fd;
}

.jionus_row4 .txt {
    padding: 115px 0 150px 80px;
    line-height: 32px;
}

.jionus_row4 .tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 55px;
    padding-bottom: 20px;
    position: relative;
}

.jionus_row4 .tit:after {
    content: "";
    width: 0;
    height: 2px;
    background: #0031c3;
    position: absolute;
    left: 0;
    bottom: 0;
}

.jionus_row4 .scrolled .tit:after {
    width: 100%;
    transition: all 2s ease-out 0.5s;
    -webkit-transition: all 2s ease-out 0.5s;
    -o-transition: all 2s ease-out 0.5s;
    -moz-transition: all 2s ease-out 0.5s;
    -ms-transition: all 2s ease-out 0.5s;
}

.jionus_row4 .common_btn {
    margin-top: 125px;
    color: #0031c3;
    border-color: #0031c3;
    border-radius: 8px;
}

.jionus_row4 .common_btn:hover {
    color: #fff;
    background: #0031c3;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.jionus_row5 {
    position: relative;
}

.jionus_row5 .skew,
.tender_box .skewbt {
    width: 292px;
    height: 292px;
    background: url('../images/skew18.png') right bottom;
    bottom: 0;
    left: 0;
}

.jionus_row5.scrolled .skew,
.tender_box.scrolled .skewbt,
.jionus_row1.common_scroll .skew {
    -webkit-animation: invest_skewup 2s ease-out;
    -o-animation: invest_skewup 2s ease-out;
    -moz-animation: invest_skewup 2s ease-out;
    animation: invest_skewup 2s ease-out;
}

/*招标公告*/
.tender_box .txt_wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 55px 0;
    border-top: 2px solid #000;
    position: relative;
    z-index: 1;
}

.tender_box .txt {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 55px 65px;
    margin: 55px 0;
}

.tender_box p {
    color: #404040;
}

.tender_box h4 {
    font-weight: bold;
}

.tender_box h4, .tender_box p {
    line-height: 30px;
    font-size: 16px;
}

.tender_box .tit_wrap {
    text-align: center;
}

.tender_box .tit_wrap .time {
    font-size: 15px;
    color: #6d6d6d;
    margin: 15px 0 40px 0;
}

.tender_box .common_btn {
    font-size: 15px;
    background: #0031c3;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
}

.tender_box .common_btn i {
    float: left;
    font-size: 22px;
    margin-right: 8px;
}

.tender_box .skewtp_l,
.tender_box .skewtp_r {
    width: 458px;
    height: 515px;
}

.tender_box .skewtp_l {
    left: 0;
    top: 0;
    overflow: hidden;
}

.tender_box .skewtp_l:before {
    background: url('../images/skew11.png') right bottom;
}

.tender_box .skewtp_l:after {
    background: url('../images/skew11-11.png') right bottom;
}

.tender_box .skewtp_r {
    right: 0;
    top: 0;
}

.tender_box .skewtp_r:before {
    background: url('../images/skew12.png');
}

.tender_box .skewtp_r:after {
    background: url('../images/skew12-12.png');
}

.tender_box .skewtp_l:before,
.tender_box .skewtp_r:after,
.business_banner .skewbt {
    -webkit-animation: tender_down 2s ease-out;
    -o-animation: tender_down 2s ease-out;
    -moz-animation: tender_down 2s ease-out;
    animation: tender_down 2s ease-out;
}

.tender_box .skewtp_l:after,
.tender_box .skewtp_r:before,
.business_banner .skewtp {
    -webkit-animation: tender_up 2s ease-out;
    -o-animation: tender_up 2s ease-out;
    -moz-animation: tender_up 2s ease-out;
    animation: tender_up 2s ease-out;
}

.common_btn,
.ind_box .ind_row3 a.more {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

/*.common_btn:hover,
.ind_box .ind_row3 a.more:hover{transform:translateX(3px);-o-transform:translateX(3px);-ms-transform:translateX(3px);-moz-transform:translateX(3px);-webkit-transform:translateX(3px);}*/

/*404页面*/
.error_box {
    background: #f4fbff;
    text-align: center;
}

/*搜索结果*/
.search_result_box {
}

.search_result_box li {
    border-bottom: 1px solid #f0f0f0;
    padding: 70px 80px;
}

.search_result_box .tit {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 17px;
}

.search_result_box li h4 {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 30px;
}

.search_result_box li .txt {
    line-height: 26px;
    max-width: 630px;
    color: #7d7d7d;
}

.search_result_box em {
    font-style: normal;
    color: #cf2b1e;
}


.common_hover {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.common_hover:hover {
    color: #fff;
}

.common_hover:after {
    content: "";
    position: absolute;
    right: 120%;
    top: 0;
    background: #0e468c;
    width: 140%;
    height: 100%;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1;
}

.common_hover:hover:after, .common_hover:hover:before {
    right: -24px;
    transition: right 0.3s ease-out;
    -webkit-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
}

/**/
.BMap_Marker {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
}

@font-face {
    font-family: 'iconfont';
    src: url('fonts/iconfont.eot'); /* IE9*/
    src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*20230614*/


html {
    font-size: 100px;
}

@media screen and (min-width: 1921px) {
    html {
        font-size: 110px;
    }
}

@media screen and (min-width: 2561px) {
    html {
        font-size: 150px;
    }
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 90px;
    }
}

@media screen and (max-width: 1536px) {
    html {
        font-size: 82px;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 80px;
    }
}

@media screen and (max-width: 1366px) {
    html {
        font-size: 75px;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 70px;
    }
}

@media screen and (max-width: 1100px) {
    html {
        font-size: 60px;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
    html {
        font-size: 55px;
    }

}


@media screen and (max-width: 800px) {
    html {
        font-size: 70px;
    }
}


@media screen and (max-width: 750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width: 640px) {
    html {
        font-size: 85.33px;
    }
}

@media screen and (max-width: 591px) {
    html {
        font-size: 78.8px;
    }
}

@media screen and (max-width: 562px) {
    html {
        font-size: 74.933px;
    }
}

@media screen and (max-width: 540px) {
    html {
        font-size: 72px;
    }
}

@media screen and (max-width: 521px) {
    html {
        font-size: 69.4666px;
    }
}

@media screen and (max-width: 428px) {
    html {
        font-size: 57.066px;
    }
}

@media screen and (max-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media screen and (max-width: 412px) {
    html {
        font-size: 54.933px;
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.66px;
    }
}


@font-face {
    font-family: "en-bold";
    src: url("fonts/EUCLIDCIRCULARA-BOLD.TTF") format("truetype");
}

@font-face {
    font-family: "en-regular";
    src: url("fonts/EUCLIDCIRCULARA-REGULAR.TTF") format("truetype");
}

@font-face {
    font-family: "en-Light";
    src: url("fonts/EUCLIDCIRCULARA-LIGHT.TTF") format("truetype");
}

@font-face {
    font-family: "en-mid";
    src: url("fonts/EUCLIDCIRCULARA-MEDIUM.TTF") format("truetype");
}

.en_b {
    font-family: "en-bold";
    font-weight: 400;
}

.en_re {
    font-family: "en-regular";
    font-weight: 400;
}

.en_m {
    font-family: "en-mid";
    font-weight: 400;
}

.en_l {
    font-family: "en-Light";
    font-weight: 400;
}


.second_body * {
    box-sizing: border-box;
}

.second_body *::before,
.second_body *::after {
    box-sizing: border-box;
}

.second_body .skew {
    pointer-events: none;
    z-index: 8;

}

.second_body .skewtp {
    display: none;
}

.second_body .business_banner .business_bxslider .ban_li .con p {
    font-size: .24rem;
    letter-spacing: .8em;
}

.second_body .swiper-button-next, .second_body .swiper-button-prev {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .5s ease-in-out;
}

@media screen and (orientation: landscape) {
    .second_body .swiper-button-next:hover,
    .second_body .swiper-button-prev:hover {
        color: #0031c3;
    }
}

.second_body .business_bxslider .swiper-button-prev,
.second_body .business_bxslider .swiper-button-next {
    color: #fff;
    font-size: .25rem;
}

.second_body .business_bxslider .swiper-button-prev {
    left: 5.677%;
}

.second_body .business_bxslider .swiper-button-next {
    right: 5.677%;
}

.second_body .bxpager .swiper-button-prev,
.second_body .bxpager .swiper-button-next {
    height: 44px;
    margin-top: -22px;
    color: #fff;
    font-size: .12rem;
    width: 56px;
    display: flex;
}

.second_body .bxpager .swiper-button-prev {
    left: 0;
}

.second_body .bxpager .swiper-button-next {
    right: 0;
}

.second_body .business_box .bxpager .loop-item ul {
    width: 100%;
    position: relative;
    display: block;
}

.second_body .business_box .bxpager .loop-item:after,
.second_body .business_box .bxpager .loop-item:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
    display: none;
}

.second_body .business_box .bxpager .item {
    width: 100%;
}

.second_body .business_box .bxpager .box-item{
    position: relative;
}

.second_body .business_box .bxpager .box-item::after{
    position: absolute;
    width: .28rem;
    height: 100%;
    right: 0;
    top: 0;
    content: '';
    display: block;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    display: none;
}

.second_body .business_box .bxpager .box-item::before{
    position: absolute;
    width: .28rem;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    display: block;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    display: none;
}

.second_body .pub_case {
    width: 77.29%;
    margin: 0 auto;
    max-width: none;
}

.second_body .r1 {
    /*padding: .8rem 0;*/
    padding: .4rem 0 .1rem;
    position: relative;
    z-index: 3;
}

.screen_ground {
    /*padding: .225rem 0;*/
    padding: .1rem 0;
    display: flex;
    align-items: flex-start;
}


@media screen and (orientation: landscape) {
    .screen_ground:nth-child(1) .screen_n {
        line-height: .3rem;
    }
    .screen_ground.sel_ed_show .screen_n {
        line-height: .3rem;
    }
}





.screen_n {
    /*text-align: right;*/
    padding-right: .22rem;
    /*padding-top: .08rem;*/
    /*padding-bottom: .08rem;*/
    padding-top: .02rem;
    padding-bottom: .02rem;
    line-height: .3rem;
    /*width: 1rem;*/
    width: 80px;
    font-weight: 700;
    color: #000;
    font-size: .16rem;
}



.screen_con {
    display: flex;
    flex-wrap: wrap;
    font-size: .16rem;
    width: calc(100% - 80px);
    align-items: center;
}
.sec_list .screen_n{
    width: 1rem;
    min-width: 80px;
}
@media screen and (orientation: landscape) {
    .sec_list .screen_con {
        width: calc(100% - 1rem);
    }
}

.screen_con > span {
    cursor: pointer;
    color: rgba(62, 62, 62, .8);
    transition: color .5s ease-in-out;
    /*padding: .08rem .265rem;*/
    padding: .02rem .2rem;
    align-items: center;
    flex-wrap: wrap;
    line-height: .3rem;
    font-weight: 700;
    /*font-family: "en-mid";*/
}

@media screen and (orientation: landscape) {
    .screen_con > span:hover {
        color: #0031c3;
    }
}

.screen_con > span.on {
    color: #0031c3;
}


.sel_ed_box {
    margin-left: .2rem;
    background: #EFF3F8;
    padding: .12rem .22rem .13rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0031c3;
    font-size: .18rem;

}

.sel_ed_box i {
    width: .12rem;
    font-size: .12rem;
    margin-left: .08rem;
}

.sel_ed_box i img {
    width: 100%;
    display: block;
}

.inp_box {
    margin-left: .32rem;
    border-radius: .1rem;
    overflow: hidden;
    border: 1px solid rgba(42, 115, 232, .5);
    width: 2.4rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -.03rem;
    margin-bottom: -.03rem;
}

.btn_ead {
    border-radius: .1rem;
    width: .8rem;
    height: 100%;
    background: #0031c3;
    border: 1px solid #0031c3;
    color: #fff;
    font-size: .14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
    margin-right: -1px;

}

.inp_box .e_input {
    width: calc(100% - .69rem);
    padding: 0 .13rem 0 .06rem;
    color: rgba(62, 62, 62, .5);
    font-size: .14rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.second_body input::-webkit-outer-spin-button,
.second_body input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.second_body input[type="number"] {
    -moz-appearance: textfield;
}

.inp_box .e_input input {
    width: calc((100% - 3em) / 2);
    border: none;
    text-align: center;
    color: rgba(62, 62, 62, .8);
    font-size: .16rem;
}

.second_body input:-moz-placeholder,
.second_body textarea:-moz-placeholder {
    color: rgba(74, 73, 73, .4);
}

.second_body input:-ms-input-placeholder,
.second_body textarea:-ms-input-placeholder {
    color: rgba(74, 73, 73, .4);
}

.second_body input::-webkit-input-placeholder,
.second_body textarea::-webkit-input-placeholder {
    color: rgba(74, 73, 73, .4);
}

.screen_con > input {
    width: 5.04rem;
    height: .5rem;
    background: #EFF3F8;
    border: none;
    padding: .16rem;
    line-height: 1;
    display: flex;
    align-items: center;
    color: rgba(74, 73, 73, 1);
}

.second_body .r2 {
    /*padding: .4rem 0 1.3rem; */
    padding: 0 0 1.3rem;

}
.sec_list .r2{
    padding-top: .3rem;
}
.skew_box {
    position: absolute;
    width: 40.43127%;
    overflow: hidden;
    left: 87.5%;
    bottom: 100%;
    margin-bottom: -.38rem;
    pointer-events: none;
    display: none;
}

.skew_box > div {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 100%;
    background-position: bottom center;
    transition: height .015s ease-in-out;
}

.skew_box.on .skew_01 {
    height: 100%;
    transition: height 1s ease-in-out;

}

.skew_box.on .skew_02 {
    height: 100%;
    transition: height 1s ease-in-out .2s;

}

.skew_box::before {
    content: '';
    display: block;
    margin-top: 100%;
}


.second_body .r2 > .skew_box,
.second_body .r4 > .skew_box {
    width: 15.78125%;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
}

.second_body .r4 > .skew_box {
    left: -4%;
}

.second_body .r4 > .skew_box::before,
.second_body .r2 > .skew_box::before {
    margin-top: 100%;
}


.second_body .r3 > .skew_box {
    width: 11.5625%;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    margin-bottom: 0;
}

.second_body .r3 > .skew_box::before {
    margin-top: 115.315315%;
}

.second_body .r3 > .skew_box > div {
    top: 0;
    bottom: auto;
    background-position: top center;

}

.r2_top_case {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;

}

.r2_top_case::before {
    content: '';
    display: block;
    left: 0;
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 0;
    background-color: rgba(235, 235, 235, 1);
    top: .38rem;
    pointer-events: none;

}

.r2_top {
    background-color: #fff;
    padding: 0 .19rem;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;

}

.tit_n {
    line-height: 1;
    text-align: center;
    color: #000;
    font-size: .3rem;
    font-weight: 700;
}

.tit_n_en {
    text-align: center;
    color: rgba(0, 0, 0, .5);
    font-size: .15rem;
    line-height: 1.7333;
    margin-top: .15rem;
    text-transform: uppercase;
    font-family: "en-regular";
    font-weight: 400;
}

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 15px, 0);
        -ms-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall
}

.scroll-animate {
    backface-visibility: hidden;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.scr_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*margin-top: .85rem;*/
    margin-top: .4rem;

}

.sum_box {
    font-family: "en-mid";
    font-size: .18rem;
    font-weight: 700;
    color: #000000;
    line-height: 1;
    display: flex;
    align-items: center;
}

.sum_box span {
    color: #0031c3;
    font-size: .2rem;

}

.sec_sel_box {
    display: flex;
    align-items: center;
}

.sel_c {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    line-height: 1;
    padding: 0 .3rem;
    cursor: pointer;
    font-weight: 700;
    transition: color .5s ease-in-out;
}

.sel_c.on {
    color: #0031c3;
}

@media screen and (orientation: landscape) {
    .sel_c:hover {
        color: #0031c3;
    }
}

.sel_sort {
    position: relative;
}

.sel_sort::before {
    content: '';
    right: 0;
    width: 1px;
    height: .18rem;
    top: 50%;
    margin-top: -.09rem;
    position: absolute;
    background-color: rgba(41, 41, 41, .3);
    display: block;
}

/*.sel_sort:first-child::before {*/
/*    display: none;*/
/*}*/

.hint_i {
    transform: scale(.8);
    width: 14px;
    height: 24px;
    background-size: 200%;
    margin-left: .2rem;
    background-image: url("../images/20230614/i001.png");

}

.sel_sort .icon_up {
    background-position: right top;
}

.sel_sort .icon_down {
    background-position: right bottom;
}

.sel_sort.on .icon_up {
    background-position: left top;
}

.sel_sort.on .icon_down {
    background-position: left bottom;
}

.car_list {
    margin-top: .4rem;
    display: flex;
    flex-wrap: wrap;

}

.pub_img_box {
    position: relative;
    overflow: hidden;
}

.pub_img_box::before {
    content: '';
    display: block;
    margin-top: 100%;
}

.pub_img_box > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    object-fit: cover;
    transition: transform .5s ease-in-out;
}

.pub_img_box .sha_sold_out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: rgba(14, 70, 140, .7);
    opacity: 0;
    transition: opacity .5s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pub_img_box .sha_sold_out > div {
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: .24rem;
    font-weight: 500;
}

.pub_img_box .sha_sold_out i {
    margin-top: .44rem;

}

.pub_img_box .sha_sold_out i img {
    display: block;
    width: .16rem;
}

.car_list > a.on .pub_img_box .sha_sold_out {
    opacity: 1;
}

.car_list > a {
    display: block;
    width: 30.725%;
    margin-right: 3.9125%;
    margin-bottom: 3.3%;
    border: 1px solid #E6E6E6;
    cursor: pointer;

}

.car_list > a:nth-child(3n) {
    margin-right: 0;

}

@media screen and (orientation: landscape) {
    .car_list > a:hover .pub_img_box > img {
        transform: scale(1.05);
    }
}

.car_list > a .pub_img_box::before {
    margin-top: 68.2%;
}

.car_list .car_txt_box {
    padding: .22rem .32rem .22rem .22rem;
    font-family: "en-mid";
}

.car_txt_box .car_name {
    margin-top: .11rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: .24rem;
    color: #000;
    line-height: 1;

}

.car_txt_box .car_info {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: .1rem;
    flex-wrap: wrap;
    color: rgba(41, 41, 41, .8);
    font-weight: 500;
    font-size: .16rem;
}

.car_txt_box .car_info span {
    padding-left: .05rem;
    padding-right: .07rem;
    border-left: 1px solid rgba(41, 41, 41, .4);
}

.car_txt_box .car_info span:first-child {
    padding-left: 0;
    border-left: none;
}

.car_txt_box .car_pre {
    margin-top: .26rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    color: #0031c3;
    font-size: .18rem;
    line-height: 1;
    font-weight: 700;
}

.car_txt_box .car_pre .pre_name {
    font-size: 18px;
    color: rgba(41, 41, 41, .8);
    font-weight: 400;
}

.car_txt_box .car_pre span:not(.mark_s) {
    font-size: .3rem;
    margin-right: .1rem;
    margin-left: .09rem;
    display: flex;align-items: baseline;

}
.car_txt_box .car_pre span:not(.mark_s) span{
    margin-left: .09rem;
    font-size: .18rem;
    /*color: #000;*/
}
.add_box_case {
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .18rem;

}

.add_box {
    display: flex;
    align-items: baseline;
    color: rgba(41, 41, 41, .4);
    font-size: .16rem;
}

.add_box i {
    margin-right: .05rem;
    font-size: .16rem;
}

.add_box i img {
    width: .16rem;
    display: block;
}

.hint_f {
    display: flex;
    align-items: center;
    color: rgba(75, 75, 75, 1);
    font-size: .14rem;
}

.hint_f i {
    margin-left: .11rem;
    font-size: .12rem;
    color: rgba(55, 55, 55, 1);
    transform: scale(.75);
}

.hint_box {
    display: flex;
    justify-content: center;
    height: 5rem;
    font-size: .18rem;
    line-height: 1;
    color: rgba(41, 41, 41, .4);
}

.list_page {
    padding-top: .66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    line-height: 2;

}

.list_page.not_data {
    display: none;
}

.my-page-forbid {
    pointer-events: none;
    opacity: .3;

}

.list_page a,
.list_page .my-page-cell,
.list_page > div {
    color: rgba(102, 102, 102, 1);
    transition: color .5s ease-in-out, background-color .5s ease-in-out;
    cursor: pointer;
}

@media screen and (orientation: landscape) {
    .list_page a:not(.on):hover,
    .list_page .my-page-cell:not(.my-page-checked):hover,
    .list_page > div:hover {

        color: #0031c3;
    }
}

.list_page > a,
.list_page > div {
    padding: 0 .14rem;

}

.list_page ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .05rem;
    font-family: "en-regular";
}


.list_page ul li {
    margin: 0 .07rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2.2em;
    height: 2.2em;
}

.list_page ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2.2em;
    height: 2.2em;
}


.list_page ul li a.on,
.list_page ul li.my-page-checked {
    background-color: #0031c3;
    color: #fff;
}

.second_body .r3 {
    padding: 1.36rem 0 .92rem;
    position: relative;

}

.second_body .r3 .det_case {
    width: 108.1536%;

}

.det_top_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

.det_pro_box {
    width: 57.88%;
}

.det_pro_img .pub_img_box::before {
    /*margin-top: 53.713%;*/
    margin-top: 74.2%;
}

.share_box {
    display: flex;
    justify-content: flex-end;
    margin-top: .1rem;
    opacity: 0;
    pointer-events: none;
    height: .3rem;

}

.share_box > div {
    display: flex;
    align-items: flex-end;
    padding: .17rem 0;
    cursor: pointer;
    transition: color .5s ease-in-out;
    font-size: .14rem;
    line-height: 1;


}

@media screen and (orientation: landscape) {
    .share_box > div:hover {
        color: #0031c3;
    }
}

.share_box > div i {
    font-size: .22rem;
    margin-left: .13rem;

}

.share_box > div i img {
    display: block;
    width: .16rem;
}

.det_pro_nav .pub_img_box::before {
    /*margin-top: 60%;*/
    margin-top: 74.2%;
}

.det_pro_nav {
    position: relative;
}

.det_pro_nav .swiper-container {
    position: relative;
    z-index: 2;
}

.act_box-shadow {
    position: absolute;
    left: 0;
    height: 100%;
    width: calc((100% - 12px) / 7);
    box-shadow: 0px 26px 62px 0px rgba(0, 0, 0, 0.11);
}

.det_pro_mess {
    width: 37.2585%;
    font-family: "en-regular";

}

.pro_name {
    font-weight: 700;
    font-size: .35rem;
    line-height: 1.2857;
    font-family: "en-mid";
}

.pro_name_en {
    line-height: 1;
    color: rgba(0, 0, 0, .9);
    font-size: .15rem;
    font-weight: 500;
    margin-top: .37rem;
}

.pro_pe {
    margin-top: .46rem;
    display: flex;
    align-items: baseline;
    color: #0031c3;
    font-size: .34rem;
    font-weight: 700;
    line-height: 1;



}

.pro_pe span {
    font-size: .26rem;

}


.pro_pe span:nth-child(2){
    font-family: "en-mid";

}
.pro_pe .num_p {
    font-size: .45rem;
}

.det_pro_info {
    margin-top: .46rem;
    display: flex;
    flex-wrap: wrap;
}

.det_pro_info > div {
    width: 44.315%;
    display: flex;
    align-items: flex-start;
    font-size: .18rem;
    line-height: 1.666;
    padding: .06rem .2rem .06rem 0;
    font-weight: 500;


}

.det_pro_info > .pro_a {
    font-weight: 700;
    color: #0031c3;
}

.det_pro_info > div span {
    color: rgba(62, 62, 62, .8);
    font-weight: 500;
}

.pro_btn_box {
    margin-top: .3rem;
    display: flex;
    align-items: center;

}

.second_body  .btn_sty {
    width: 1.88rem;
    height: .45rem;
    border: 1px solid #0031c3;
    margin-right: .64rem;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #0031c3;
    font-weight: 500;
    font-size: .18rem;
    transition: color .5s ease-in-out, background-color .5s ease-in-out;
    padding: 0;
    background-color: transparent;

}

.btn_sty:last-child {
    margin-right: 0;
}

@media screen and (orientation: landscape) {
    .btn_sty:hover {
        color: #fff;
        background-color: #0031c3;
    }
}

.det_bottom_box {
    margin-top: .86rem;
    padding-right: 1rem;
    padding-bottom: .33rem;
    border-bottom: 1px solid rgba(226, 226, 226, 1);

}

.det_pro_ly {
    padding: .22rem 0;
    line-height: 1;
    font-size: .24rem;
    font-weight: 700;
}

.det_info_box {
    margin: 0;
    padding: 0;
    font-size: .16rem;
    line-height: 1.875;
    color: rgba(0, 0, 0, 0.7);
    font-family: "en-regular";

}

.det_info_box span {
    display: block;
}

.det_info_box .sec_img {
    font-size: .24rem;
    line-height: 1;
    font-weight: 700;
    margin-top: .8rem;
    padding-bottom: .4rem;
}

.det_info_box img {
    display: block;
    margin: auto;
    max-width: 100%;
}


.car_c_base {
    display: flex;
    flex-wrap: wrap;
}

.car_c_base > div {
    width: 20%;
    display: flex;
    align-items: flex-start;
    font-size: .18rem;
    line-height: 1.666;
    padding: .06rem .2rem .06rem 0;
    font-weight: 500;
    color: #000;


}

.car_c_base > .pro_a {
    font-weight: 700;
    color: #0031c3;
}

.car_c_base > div span {
    color: rgba(62, 62, 62, .8);
    font-weight: 500;
}


.sha_code_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease-in-out;
}

.sha_code_box.on {
    opacity: 1;
    pointer-events: all;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);

}

.sha_con {
    width: 3rem;
    border-bottom: .5rem;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    padding: .5rem;
}

.sha_t {
    font-weight: 700;
    font-size: .24rem;
    line-height: 1.51;
}

.sha_t + img {
    display: block;
    margin: .3rem auto 0;
    width: 100%;
}


.second_body .r4 {
    padding-top: .92rem;
    padding-bottom: 1.8rem;
}

.sales_case .r2_top_case::before {
    display: none;
}

.sales_case .r2_top_case .r2_top {
    background-color: transparent;
}

.sales_case {
    /*width: 89.0625%;*/
    width: 77.29%;
    margin: 0 auto;
}

.sales_sel_box {
    margin-top: .6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    position: relative;
}

.sel_con {
    width: 22.6315%;

}

.sel_bane {
    font-size: .15rem;
    line-height: 1;
    font-weight: 500;
    color: rgba(0, 0, 0, .6);
}

.sel_show_box {
    margin-top: .02rem;
    display: flex;
    justify-content: space-between;
    line-height: .4rem;
    font-size: .16rem;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    cursor: pointer;

}

.sel_show_box i {
    font-size: .2rem;
    width: .2rem;
    line-height: .4rem;
}

.sel_show_box i img {
    width: 100%;
    display: block;
}

.sel_show {
    width: calc(100% - .3rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sel_box {
    position: relative;

}

.sel_con_box {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #fff;
    border-radius: .1rem;
    transform: translateY(.5rem);
    opacity: 0;
    pointer-events: none;
    top: 100%;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .2);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

.sel_box.on .sel_con_box {
    pointer-events: auto;
    opacity: 1;
    transform: none;
}

.sel_con_box ul {
    display: block;
    max-height: 4.5rem;
    overflow-y: auto;

}

.sel_con_box ul li {
    display: block;
    font-size: .15rem;
    line-height: 2.5;
    transition: color .5s ease-in-out, background-color .5s ease-in-out;
    cursor: pointer;
    padding: 0 .2rem;

}

.sel_con_box ul li:hover {
    background-color: #0031c3;
    color: #fff;
}

.second_body .search_box {
    width: 17.0175%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .15rem;
    padding-top: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    margin-top: .02rem;
}

.second_body .search_box i {
    font-size: .2rem;
    line-height: .4rem;
    width: .35rem;
    cursor: pointer;

}

.second_body .search_box i img {
    width: .2rem;
    display: block;
}

.second_body .search_box input {
    width: calc(100% - .35rem);
    display: block;
    line-height: .4rem;
    border: none;
    outline: none;
    background-color: transparent;

}

.sales_add {
    margin-top: .57rem;
    position: relative;
    height: 7.52rem;
}

.map_box {
    width: 100%;
    height: 100%;
}

.sales_add_txt {
    position: absolute;
    left: .77rem;
    top: .63rem;
    width: 26.374%;
    height: calc(100% - .63rem - .75rem);
    box-shadow: 0px 39px 92px 3px rgba(41, 60, 84, 0.06);
    background: rgba(255, 255, 255, 0.9);
    z-index: 13;
    font-family: "en-regular";
}

.sales_num {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    line-height: 1;
    padding: .23rem 8.869% .19rem;
    font-size: .18rem;
}


.sales_add_con {
    height: calc(100% - .23rem - .18rem - .19rem);
    overflow-y: auto;
    padding: 0 8.869%;
    /*direction: rtl; !* 将内容从右往左显示 *!*/
    /*writing-mode: horizontal-tb; !* 设置水平文本方向为从左向右 *!*/

}

.sales_add_con::-webkit-scrollbar,
.sales_add_con::-webkit-scrollbar {
    width: 4px;
    border-radius: 1.5px;
    /*display: none;*/
}

.sales_add_con::-webkit-scrollbar-button,
.sales_add_con::-webkit-scrollbar-button {
    display: none;
}


.sales_add_con::-webkit-scrollbar-track,
.sales_add_con::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .025);
}

.sales_add_con::-webkit-scrollbar-thumb,
.sales_add_con::-webkit-scrollbar-thumb {
    background-color: #0031c3;
    border-radius: 4px;
}

.sales_add_con::-webkit-scrollbar:horizontal {
    height: 4px;
}


.btn_map {
    padding: .16rem 0 .14rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
}

.btn_map:last-child {
    border-bottom: none;
}

.com_name {
    font-size: .18rem;
    line-height: 1.6666;
    font-weight: bold;
    color: #0031c3;
}

.com_add, .com_tel {
    margin-top: .16rem;
    display: flex;
    color: #14212C;
    line-height: 1.53333;

}

.com_tel {
    align-items: baseline;
    position: relative;
}

.com_tel .btn_sty {
    width: 1rem;
    height: .3rem;
    font-size: .14rem;
    position: absolute;
    right: 0;
    bottom: 0;

}

.add_icon {
    font-size: .16rem;
    margin-right: .12rem;
}

.add_icon img {
    width: .12rem;
    display: block;
}

.com_mark {
    margin-top: .1rem;
    display: flex;
    flex-wrap: wrap;


}


.com_mark span:first-child {
    margin-left: 0;
}

.com_mark span {
    margin-left: .15rem;
    min-width: .86rem;
    padding: .06rem .14rem;
    background: #E9F1FD;
    border-radius: .03rem;
    margin-bottom: .15rem;
    color: #0031c3;
    text-align: center;
}

.marks_s_box {
    display: flex;
    margin-top: .14rem;
}

.mark_s {
    margin-left: .1rem;
    padding: .05rem .1rem;
    background: #E9F1FD;
    border-radius: .03rem;
    margin-bottom: .15rem;
    color: #0031c3;
    text-align: center;
    font-size: .14rem;
}

.mark_s:first-child {
    margin-left: 0;
}

.second_body .ind_box .ind_row2 .item_tab .con li .pic,
.second_body .business_box .bxpager .item .pic {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
}

.n_car_box .sel_sort::before {
    display: none;
}

.n_car_name {
    text-align: center;
    font-size: .18rem;
    line-height: 1.5;
    margin-top: .1rem;
    font-weight: 500;
    color: #000;
    font-family: "en-regular";
}

.n_car_pre {
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: #000;
    line-height: 1;
    margin-top: .15rem;

}

.n_car_pre > span:nth-child(1) {
    font-weight: 700;
    font-size: .15rem;
    margin-right: .09rem;

}

.n_car_pre > span:nth-child(2) {
    font-weight: 700;
    font-size: .3rem;
    display: flex;
    align-items: baseline;
}
.n_car_pre > span:nth-child(2) span {
    font-size: .18rem;
    margin-left:0.02rem;

}
.n_car_pre > span:nth-child(3) {
    font-size: .18rem;
    margin-left:.09rem;

}

.n_btn_sty {
    margin: .3rem auto 0;
    width: 1.64rem;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EFF3F8;
    border-radius: .1rem;
    color: #0031c3;
    transition: color .5s ease-in-out, background-color .5s ease-in-out;

    cursor: pointer;
}

.n_btn_sty span {
    display: flex;
    align-items: center;
}

.n_btn_sty span i {
    font-size: .12rem;
    margin-left: .08rem;
    transform: scale(.75);
    margin-right: -.06rem;
}

.business_banner .business_bxslider .ban_li .con .tb_c h4 {
    font-size: .4rem;
    font-weight: 700;
}

@media screen and (orientation: landscape) {
    .n_btn_sty:hover {
        background-color: #0031c3;
        color: #fff;
    }
}


.header_box .menu li::after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: .45rem;
    left: 0;
    top: 99%;
}

.second_body.n_car_box .r2 {
    padding-top: .6rem;
}

@media screen and (orientation: portrait) {
    .second_body .business_bxslider .swiper-button-prev {
        left: 0;
    }

    .second_body .business_bxslider .swiper-button-next {
        right: 0;
    }

    .business_banner .business_bxslider .ban_li .con .tb_c h4 {
        font-size: .36rem;
    }

    .second_body .business_banner .business_bxslider .ban_li .con p {
        letter-spacing: .4em;
    }

    .main_block {
        margin-top: 0;
    }

    .screen_n {
        font-size: 14px;
        line-height: .5rem;
        width: 100%;
        max-width: none;
        padding-right: 0;
        text-align: center;
        min-width: auto;
    }

    .screen_con {
        font-size: 14px;
    }

    .screen_con > span {
        line-height: .5rem;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        text-align: center;
        border-radius: .04rem;
    }

    .screen_con > span:nth-child(3n) {
        margin-right: 0;
    }

    .screen_con > span:nth-child(1),
    .screen_con > span:nth-child(2),
    .screen_con > span:nth-child(3) {
        margin-top: 0;
    }

  .second_body  .pub_case {
        width: 100%;
        padding-right: .45rem;
        padding-left: .45rem;
    }

    .inp_box {
        height: .5rem;
        width: 100%;
        margin-left: 0;
    }

    .inp_box .e_input {
        font-size: .26rem;
        width: calc(100% - .99rem);
    }

    .inp_box .e_input input {
        font-size: .26rem;
    }

    .btn_ead {
        width: 1rem;
        font-size: .26rem;
    }

    .second_body .r1 .pub_case {
        display: flex;
        flex-wrap: wrap;
    }

    .screen_ground {
        position: relative;
        width: 33.33333%;
    }

    .screen_ground:nth-child(1) {
        z-index: 6;

    }

    .screen_ground:nth-child(2) {
        z-index: 5;

    }

    .screen_ground:nth-child(3) {
        z-index: 4;

    }

    .screen_ground:nth-child(4) {
        z-index: 3;

    }

    .screen_ground:nth-child(5) {
        z-index: 2;

    }

    .screen_ground:nth-child(6) {
        z-index: 1;
    }

    .screen_con {
        position: absolute;
        left: 0;
        top: 100%;
        background-color: #fff;
        width: 100vw;
        margin-left: -.36rem;
        padding: .2rem .36rem;
        display: none;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    .screen_ground:nth-child(3n+1) .screen_con {

    }

    .screen_ground:nth-child(3n+2) .screen_con {
        left: -100%;
    }

    .screen_ground:nth-child(3n+3) .screen_con {
        left: -200%;
    }

    .screen_ground.on .screen_con {
        display: flex;
    }

    .sec_sel_box {
        flex-wrap: wrap;
        width: 100%;
    }

    .sel_c {
        width: 32%;
        margin-right: 2%;
        margin-top: 2%;
        font-size: .26rem;
        line-height: .5rem;
        padding: 0;
        border-radius: .04rem;
    }

    .sel_c:nth-child(3n) {
        margin-right: 0;
    }

    .sel_c:nth-child(1),
    .sel_c:nth-child(2),
    .sel_c:nth-child(3) {
        margin-top: 0;
    }

    .hint_i {
        width: .14rem;
        height: .24rem;
        margin-left: .1rem;
    }

    .sel_c.on {
        background-color: #E9F1FD;
    }

    .screen_con > span.on {
        background-color: #E9F1FD;

    }

    .car_list {
        justify-content: space-between;
    }

    .car_list > a {
        width: 48.5%;
        margin-right: 0;
        margin-bottom: 3%;
    }

    .second_body .r1 {
        z-index: 9;
    }

    .second_body .ind_box .ind_row2 .item_tab .con li .pic, .second_body .business_box .bxpager .item .pic {
        font-size: .28rem;
    }

    .screen_n {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .screen_n::after {
        content: '';
        display: block;
        margin-left: .1rem;
        width: .1rem;
        height: .1rem;
        transform: rotate(45deg);
        border-bottom: 1px solid rgba(0, 0, 0, 1);
        border-right: 1px solid rgba(0, 0, 0, 1);
    }

    .screen_ground.on .screen_n::after {
        transform: rotate(225deg);
    }

    .sel_sort::before {
        display: none;
    }

    .car_txt_box .car_name {
        font-size: .28rem;
        font-weight: 500;
    }

    .car_txt_box .car_info {
        font-size: .24rem;
        line-height: 1.5;
    }

    .marks_s_box {
        flex-wrap: wrap;
    }

    .mark_s {
        font-size: .2rem;
    }

    .car_txt_box .car_pre {
        font-size: .28rem;
    }

    .car_txt_box .car_pre .pre_name {
        font-size: .28rem;
    }

    .car_txt_box .car_pre span:not(.mark_s) {
        font-size: .36rem;
    }

    .list_page {
        font-size: .25rem;
    }

    .hint_f {
        font-size: .2rem;
        margin-top: 0;
    }

    .second_body .r3 .det_case {
        width: 100%;
    }

    .det_top_box {
        flex-wrap: wrap;
    }

    .det_pro_box {
        width: 100%;
    }

    .det_pro_mess {
        width: 100%;
        margin-top: .6rem;
    }
    .pro_name{
        font-size: 18px;
    }
    .pro_name_en {
        margin-top: .24rem;
        font-size: 15px;
    }

    .det_pro_info > div {
        font-size: 15px;
    }

    .btn_sty {
        width: 2.3rem;
        height: .7rem;
        font-size: .24rem;
    }

    .sha_con {
        width: 4.4rem;
    }

    .sha_t {
        font-size: .32rem;
    }

    .det_bottom_box {
        margin-top: .6rem;
        padding-right: 0;
    }

    .det_pro_ly {
        font-size: 18px;
    }

    .det_info_box {
        font-size: 15px;
    }

    .det_info_box .sec_img {
        margin-top: .6rem;
        font-size: 18px;
    }

    .car_c_base > div {
        width: 50%;
        font-size: 15px;
    }

    .car_c_base {
        margin-top: -.12rem;
    }

    .tit_n {
        font-size: .32rem;
    }

    .tit_n_en {
        font-size: .24rem;
    }

    .sales_sel_box {
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .sel_con {
        width: 47.5%;
    }

    .sel_con:nth-child(1),
    .sel_con:nth-child(2) {
        margin-bottom: .3rem;

        z-index: 5;
    }

    .second_body .search_box {
        width: 47.5%;
        font-size: 15px;
        padding-top: 1.7em;
    }

    .sel_bane {
        font-size: 15px;
        line-height: 1.7;
    }

    .sel_show_box {
        font-size: 15px;
        line-height: 1.7;
    }

    .sel_con_box ul li {
        font-size: .24rem;
    }

    .second_body .search_box i img {
        width: .26rem;
    }

    .sales_add {
        height: auto;
    }

    .map_box {
        height: 7.52rem;
    }

    .sales_add_txt {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
    }

    .sales_num {
        font-size: .26rem;
        padding: .3rem;
    }

    .com_name {
        font-size: 18px;
    }

    .com_add,
    .com_tel {
        font-size: 15px;
    }

    .add_icon {
        font-size: .24rem;
        height: 1.53333em;
        display: flex;
        align-items: center;
    }

    .add_icon img {
        width: .24rem;
    }

    .sales_add_con {
        height: auto;
        padding: 0 .3rem;
    }

    .second_body .r4 {
        padding-bottom: 1.3rem;
    }

    .com_mark span {
        font-size: 15px;
    }

    .n_car_name {
        font-size: .28rem;
        white-space: nowrap;

        text-overflow: ellipsis;

        overflow: hidden;

    }
    .car_list .car_txt_box{
        padding:.22rem ;
    }
    .n_car_pre > span:nth-child(1),
    .n_car_pre > span:nth-child(3) {
        font-size: .28rem;
    }
    .n_car_pre > span:nth-child(1){
        margin-right: .02rem;
    }
    .n_car_pre > span:nth-child(2) {
        font-size: .36rem;
        white-space: nowrap;
    }
    .n_car_pre > span:nth-child(2) span{
        font-size: .28rem;
    }
    .n_car_pre > span:nth-child(3){
        display: none;
    }
    .n_btn_sty {
        font-size: .24rem;
        width: 2.2rem;
        height: 0.6rem;
    }

    .r2_top_case {
        margin-top: 0;
    }

    .n_car_box .screen_ground:nth-child(1) .screen_n::after {
        display: none;
    }

    .n_car_box .sel_c {
        width: 100%;
    }

}


@media screen and (max-width: 1600px) {
    .header_box .share {
        padding: 0;
    }

    .footer_box .tribg {
        font-size: 165px;
    }

    /*首页*/
    .ind_box .ind_row2 .tit {
        width: 380px;
    }

    .ind_box .ind_row2 .tit .tribg {
        font-size: 360px;
    }

    .ind_box .ind_row2 .tit h3 {
        width: 60%;
        font-size: 20px;
    }

    .ind_box .ind_row2 h3 i {
        font-size: 32px;
        padding-right: 8px;
    }

    .ind_box .ind_row2 h3 span {
        padding-left: 15px;
    }

    .ind_box .ind_row2 .bg {
        font-size: 140px;
    }

    .ind_box .ind_row3 dl dt {
        margin-left: 30px;
    }

    .ind_box .ind_row3 .news a,
    .ind_box .ind_row3 .service .select_con p,
    .ind_box .ind_row3 .aboutus .txt {
        padding-left: 30px;
        padding-right: 30px;
    }

    .ind_box .ind_row3 .service .select_box .select_txt {
        padding-left: 30px;
    }

    .ind_box .ind_row3 a.more {
        left: 30px;
    }

    .ind_box .video .wrap {
        padding-left: 80px;
        padding-right: 80px;
    }

    .ind_box .video h3 {
        font-size: 18px;
    }

    /*关于我们*/
    .abus_box .abus_con h2 {
        font-size: 88px;
        right: 105%;
    }

    .abus_box .abus_con .txt h3 {
        margin-bottom: 25px;
    }

    .abus_box .abus_con .txt {
        max-width: 90%;
    }

    .abus_box .abus_con .txt p {
        font-size: 14px;
        line-height: 28px;
    }

    .abus_box .sanjiao_bg {
        font-size: 256px;
    }

    /*投资企业*/
    /*企业文化*/
    .culture_box .culture_bd .skew {
        width: 275px;
        height: 335px;
        top: -81px;
    }

    /*.frame_box .frame_con{width: 840px;}*/
    .frame_box .frame1, .frame_box .frame2 {
        width: 80px;
        height: 80px;
        font-size: 14px;
        line-height: 20px;
    }

    .frame_box .frame3 li, .frame_box .frame4 li {
        width: 40px;
        height: 109px;
        font-size: 12px;
        line-height: 16px;
    }

    .frame_box .frame4 li {
        margin-right: 21.6px;
    }

    .networks_box .item_wrap ul {
        margin-top: 110px;
    }

    /* 新闻*/
    /*招标*/
    .tender_box .skewtp_l {
        width: 20%;
    }

    /*其他业务*/
    .business_box .item_tab .tribg2 {
        font-size: 250px;
    }

    .business_box .item_tab {
        background-size: 40%;
    }

    /*加入我们*/
    .jionus_box .inner_banner .tribg {
        font-size: 230px;
    }

    /*.skew,.skew:after,.skew:before{background-size: 100% !important; background-repeat: no-repeat !important;}*/
    /*skew集合*/
    /*.ind_box .ind_row1 .skewtp{width: 280px;height: 280px;}*/
    .ind_box .ind_row1 .brand {
        max-width: 80%;
    }

    .ind_box .ind_row2 .skew {
        width: 360px;
        height: 360px;
        top: -30px;
    }

    .abus_box .skew3 {
        width: 455px;
        height: 359px;
    }

    .abus_box .skew2 {
        width: 283px;
        height: 283px;
    }

    .histoty_box .skew {
        width: 295px;
        height: 265px;
    }

    .invested_box .skewtp {
        width: 343px;
        height: 345px;
    }

    .invested_box .skewbt {
        width: 375px;
        height: 375px;
    }

    .frame_box .tribgtp {
        width: 520px;
        height: 520px;
    }

    .frame_box .skew {
        width: 305px;
        height: 305px;
    }

    .frame_box .skewbt {
        height: 153px;
    }

    .news_box .skewtp {
        width: 220px;
        height: 255px;
    }

    .news_box .skewbt {
        width: 100px;
        height: 100px;
    }

    .tender_box .skewtp_l, .tender_box .skewtp_r {
        width: 305px;
        height: 340px;
    }

    .jionus_row5 .skew, .tender_box .skewbt {
        width: 190px;
        height: 190px;
    }

    .business_banner .skewtp {
        width: 280px;
        height: 335px;
    }

    .jionus_row1 .skew {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 1444px) {
    .header_box {
        height: 76px;
    }

    .header_box .logo {
        left: 40px;
    }

    .header_box .header_rt {
        right: 40px;
        line-height: 76px;
    }

    .header_box .share a {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 16px;
        margin-right: 10px;
    }

    .header_box .menu ul {
        margin-top: 24px;
    }

    .header_box .menu li a {
        font-size: 14px;
        padding: 0 20px;
    }

    .header_box .menu dl {
        top: 76px;
        line-height: 105px;
    }

    .header_box .menu li.on dl {
        height: 105px;
    }

    .ind_box .searchfrom .input_txt {
        text-indent: 50px;
    }

    .footer_bt {
        margin-top: 80px;
    }

    .footer_tp dl dt {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .footer_tp dl dd {
        font-size: 12px;
    }

    .footer_tp dl dd a {
        line-height: 25px;
    }

    .ind_box .banner_box .con {
        width: 440px;
    }

    .ind_box .banner_box h3 {
        font-size: 60px;
        line-height: 72px;
        letter-spacing: 8px;
    }

    .ind_box .banner_box p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }

    .ind_box .ind_row1 .brand {
        width: 1126px;
        max-width: none;
    }

    .ind_box .ind_row2 .wrap {
        max-width: 920px;
    }

    .ind_box .ind_row2 .tit {
        width: 300px;
    }

    .ind_box .ind_row2 .tit .tribg {
        font-size: 300px;
    }

    .ind_box .ind_row2 .tit h3 {
        font-size: 16px;
        width: 60%;
    }

    .ind_box .ind_row2 h3 i {
        font-size: 26px;
        padding-right: 5px;
    }

    .ind_box .ind_row2 h3 {
        font-size: 18px;
    }

    .ind_box .ind_row2 .item_con .txt {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
    }

    .ind_box .ind_row3 dl {
        padding: 35px 0;
        font-size: 14px;
    }

    .ind_box .ind_row3 dl dt {
        font-size: 18px;
    }

    .ind_box .ind_row3 dl dt i {
        font-size: 28px;
        margin-right: 10px;
    }

    .ind_box .ind_row3 a.more {
        bottom: 35px;
        font-size: 12px;
    }

    .ind_box .ind_row3 .aboutus .txt {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer_box .wrap {
        width: auto;
    }

    .abus_box .sanjiao_bg {
        font-size: 220px;
    }

    .abus_box .skew3 {
        height: 40%;
    }

    .invested_box .skewtp {
        width: 22%;
    }

    .invest_con_wrap {
        height: 725px;
        font-size: 14px;
    }

    .invested_box .item_wrap {
        max-width: 670px;
        margin: 80px;
    }

    .invested_box .page {
        margin-left: 80px;
    }

    .invested_box .item_wrap {
        height: 400px;
    }

    .invested_box .item span {
        height: 40px;
        line-height: 40px;
    }

    .contactus_box .content {
        right: 2.4%;
        padding: 40px;
    }

    .contactus_box h4 {
        font-size: 16px;
    }

    .contactus_box h4 i {
        font-size: 22px;
    }

    .contactus_box .input_txt {
        font-size: 14px;
    }

    .news_box ul {
        width: 1100px;
    }

    .news_box ul li {
        width: 31%;
        margin: 0 1.166%;
    }

    .news_box ul li .txt .time {
        font-size: 24px;
    }

    .news_box ul li .txt .time sup {
        padding-right: 5px;
        font-size: 14px;
    }

    .news_box ul li .txt .name {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        margin-top: 20px;
    }

    .business_box .bxpager, .business_box .txt_container {
        width: 810px;
    }

    .business_banner .business_bxslider .ban_li .con p {
        font-size: 24px;
    }

    .histoty_box .btnwrap {
        height: 40px;
    }

    .histoty_box .btnwrap h2 {
        font-size: 40px;
    }

    .culture_box .culture_bd .wrap,
    .tender_box .txt_wrap {
        max-width: 800px;
    }

    .abus_nav {
        height: 76px;
    }

    .abus_nav .category, .abus_nav ul {
        margin-top: 27px;
    }

    .abus_nav .category {
        font-size: 16px;
    }

    .abus_nav .nav {
        max-width: 760px;
    }

    .abus_nav ul a {
        font-size: 14px;
        padding: 0 25px;
    }

    /*.inner_box{margin-top: 75px;}*/
    .frame_box,
    .culture_box,
    .invest_con_wrap,
    .abus_box,
    .histoty_box {
        padding-bottom: 76px;
    }

    .frame_box .tribgtp {
        width: 420px;
        height: 420px;
    }

    .frame_box .arr {
        height: 40px;
        line-height: 45px;
        font-size: 14px;
    }

    .networks_box .brand ul {
        margin: 0;
    }

    .networks_box .item_wrap ul {
        margin-top: 90px;
    }

    .networks_box .item_wrap ul li .box {
        margin-bottom: 40px;
    }

    .networks_box .item_wrap ul li h4 {
        font-size: 14px;
    }

    .networks_box .item_wrap ul li p {
        font-size: 12px;
    }

    .networks_box .item_wrap ul li {
        margin: 0 45px;
    }

    .networks_box .item_wrap .btn {
        margin-left: 45px;
    }

    .networks_box .address_item .address_name i,
    .networks_box .address_item .address_name {
        font-size: 16px;
    }

    .networks_box .brand {
        width: 100%;
    }

    .business_box .tribg {
        font-size: 150px;
    }

    .business_banner .navbg,
    .business_box .bxpager .item,
    .business_box .bxpager {
        height: 100px;
    }

    /*skew集合*/
    .ind_box .ind_row2 .skew {
        top: 0;
        right: -80px;
    }

    .culture_box .culture_bd .skew {
        width: 175px;
        height: 235px;
        top: -73px;
    }

    .business_banner .skewbt {
        width: 185px;
        height: 185px;
    }

    .search_result_box li {
        padding: 30px 50px;
    }

    .search_result_box li h4 {
        margin-bottom: 20px;
    }

    .histoty_box .btnwrap {
        margin-top: 120px;
    }

    .histoty_box .item .pic_wrap {
        margin-top: 40px;
    }

    .business_banner .business_bxslider .ban_li {
        height: 650px;
    }


}

@media screen and (max-width: 1280px) {
    .ind_box .ind_row1 .brand {
        width: 1075px;
    }

    .abus_box .abus_con h2 {
        font-size: 80px;
    }

    .abus_box .abus_con .txt {
        margin-top: 28%;
    }

    .abus_box .abus_con .txt h3 {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .histoty_box .inner_wrap {
        max-width: 800px;
    }

    .histoty_box .item .pic_wrap .pic_tit h2 {
        font-size: 50px;
    }

    .histoty_box .item .pic_wrap .pic_tit h2 span {
        font-size: 16px;
    }

    .histoty_box .item .pic_wrap .pic_tit p {
        letter-spacing: 2px;
    }

    /*skew集合*/
    .tender_box .skewtp_l, .tender_box .skewtp_r {
        width: 205px;
        height: 240px;
    }

    .jionus_box .inner_banner h3 span:after {
        height: 3px;
    }

    .invest_con_wrap {
        height: 625px;
    }

    .invested_box .item_wrap {
        margin: 50px;
    }

    .invested_box .page {
        margin-left: 50px;
    }

    .histoty_box .btnwrap .btn {
        width: 65px;
    }

    .business_banner .business_bxslider .ban_li {
        height: 550px;
    }

}

@media screen and (max-width: 1024px) {
    .skew {
        display: none;
    }

    .wrap,
    .frame_box .frame_con,
    .news_box ul,
    .culture_box .culture_bd .wrap,
    .tender_box .txt_wrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .brand li p {
        margin-top: 8px;
    }

    .header_box .share,
    .footer_box .tribg,
    .ind_box .banner_box h3 br,
    .banner_box .bx-wrapper .con img {
        display: none;
    }

    .header_box .logo {
        left: 15px;
    }

    .header_box .header_rt {
        right: 15px;
    }

    .header_box .menu ul {
        margin-left: 50px;
    }

    .ind_box .banner_box .con {
        width: 100%;
        height: 100%;
        bottom: 0;
        margin: auto;
        display: table;
    }

    .ind_box .banner_box .con .txt {
        position: relative;
        left: 0;
        top: 0;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .ind_box .banner_box h3 {
        font-size: 50px;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 30px;
    }

    .bx-wrapper .bx-controls-direction a {
        width: 50px;
        height: 100px;
        margin-top: -50px;
    }

    .bx-wrapper .bx-controls-direction .bx-prev i {
        left: 10px;
    }

    .bx-wrapper .bx-controls-direction .bx-next i {
        right: 10px;
    }

    .ind_box .ind_row1 .brand {
        width: 100%;
        height: auto;
        margin: 0;
        margin-top: 50px;
    }

    .ind_box .brand .c_skew {
        display: none;
    }

    .ind_box .ind_row1 .brand ul {
        height: auto;
        margin: 0;
        border: 1px solid #f5f5f5;
        border-bottom-color: #e1e1e1;
    }

    .ind_box .ind_row1 .brand li {
        width: 20%;
        height: 100px;
        border-bottom: 1px solid #e1e1e1;
    }

    .ind_box .ind_row1 .brandwrap {
        padding-bottom: 65px;
    }

    .ind_box .ind_row2 .tit .tribg {
        font-size: 135px;
    }

    .ind_box .ind_row2 .tit h3 {
        background: none;
        top: 15px;
        height: auto;
        font-size: 12px;
    }

    .ind_box .ind_row2 h3 span {
        float: left;
        margin: 0;
        padding-left: 10px;
    }

    .ind_box .ind_row2 h3 i {
        font-size: 16px;
    }

    .ind_box .ind_row2 {
        padding: 120px 0;
    }

    .ind_box .ind_row2 .item_tab,
    .ind_box .ind_row2 .item_tab li {
        height: 100px;
    }

    .ind_box .ind_row2 .item_tab {
        overflow: hidden;
    }

    .ind_box .ind_row2 .item_tab .c_skew {
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }

    .ind_box .ind_row2 .item_tab li:last-child:before {
        display: none;
    }

    .ind_box .ind_row3 {
        padding: 60px 0;
    }

    .ind_box .ind_row3 dl {
        width: 31.999999999%;
        margin-right: 1.8%;
    }

    .ind_box .video {
        font-size: 14px;
    }

    .ind_box .video .btn {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-top: -22px;
        margin-left: -22px;
        font-size: 12px;
    }

    .ind_box .video .time {
        padding: 25px 0 8px 0;
    }

    .ind_box .video h3 {
        font-size: 16px;
    }

    .ind_box .searchfrom {
        max-width: 670px;
    }

    .footer_box .wrap {
        padding: 0 30px;
    }

    .footer_tp, .footer_bt {
        margin: 0;
    }

    .footer_bt {
        margin-top: 40px;
        text-align: center;
        font-size: 12px;
    }

    .footer_nav {
        margin-left: 0;
        float: right;
    }

    .footer_nav a span {
        padding: 0 8px;
    }

    .footer_tp dl {
        width: 16.6667%;
    }

    .abus_nav .nav {
        padding: 0 70px;
    }

    .abus_nav ul a {
        padding: 0 20px;
    }

    .histoty_box .inner_wrap {
        max-width: 700px;
    }

    .histoty_box .wrap {
        width: 100%;
    }

    .histoty_box .btnwrap {
        height: 30px;
    }

    .histoty_box .btnwrap h2 {
        font-size: 30px;
    }

    .histoty_box .item .pic_wrap {
        margin-top: 40px;
    }

    .histoty_box .item .pic_wrap .pic_tit .pic {
        height: 150px;
    }

    .histoty_box .item .pic_wrap .pic_tit h2 {
        font-size: 30px;
    }

    .histoty_box .item .pic_wrap .pic_tit p {
        font-size: 13px;
    }

    .invested_box .item_wrap {
        max-width: 540px;
        margin: 50px;
    }

    .networks_box .brand {
        height: 145px;
    }

    .networks_box .brand ul {
        position: absolute;
        left: 0;
        top: 0;
        height: 100px;
    }

    .networks_box .address_box ul {
        display: block;
    }

    .networks_box .address_box ul li {
        margin: 0 20px;
    }

    .networks_box .item_wrap ul {
        margin-top: 45px;
    }

    .frame_box .tribgtp {
        width: 250px;
        height: 250px;
    }

    .frame_box .frame_con {
        padding: 60px;
    }

    .frame_box .frame1, .frame_box .frame2 {
        background: #0031c3;
        border-radius: 50%;
    }

    .frame_box .frame3 li, .frame_box .frame4 li {
        width: 4.5%;
        height: 110px;
        background: none;
        border-radius: 50px;
    }

    .frame_box .frame3 li {
        background: #0031c3;
        margin-right: 5.288%;
    }

    .frame_box .frame4 li {
        background: #0031c3;
        margin-right: 2.846%;
    }

    .culture_box .culture_tp ul {
        display: block;
        width: 100%;
    }

    .culture_box .culture_tp li {
        width: 33.3333%;
        padding: 0;
    }

    .culture_box .culture_tp {
        height: 215px;
        font-size: 12px;
    }

    .culture_box .culture_tp li h3 {
        margin-bottom: 20px;
    }

    .culture_box .culture_tp .trianglebg {
        font-size: 90px;
    }

    .culture_box table {
        height: 400px;
    }

    .culture_box h3 {
        font-size: 20px;
    }

    .culture_box p {
        font-size: 13px;
    }

    .news_box {
        padding: 60px 0;
    }

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

    .culture_box .culture_bd .wrap, .tender_box .txt_wrap {
        max-width: none;
    }

    .tender_box .txt_wrap {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .tender_box h4, .tender_box p {
        font-size: 14px;
    }

    .tender_box h3 {
        font-size: 20px;
    }

    .tender_box .tit_wrap .time {
        margin: 10px 0 20px 0
    }

    .tender_box .txt {
        padding: 50px;
        margin: 40px 0;
    }

    .business_box .tribg1 {
        display: none;
    }

    .business_box .item_tab .tribg2 {
        font-size: 160px;
    }

    .business_box .bxpager, .business_box .txt_container {
        width: 100%;
    }

    .business_box .txtwrap {
        padding: 80px 120px;
    }

    .business_box .txtwrap .link {
        width: 330px;
        margin-top: 30px;
    }

    .jionus_box .inner_banner {
        height: 255px;
    }

    .jionus_box .inner_banner img {
        height: auto;
    }

    .jionus_box .inner_banner .tribg {
        font-size: 130px;
    }

    .jionus_row4 {
        font-size: 14px;
    }

    .jionus_row4 .txt {
        padding: 80px 0 80px 40px;
    }

    .jionus_row4 .common_btn {
        margin-top: 60px;
    }

    .jionus_row4 .tit {
        margin-bottom: 30px;
        padding-bottom: 10px;
        font-size: 18px;
    }

    .jionus_row4 .tit:after {
        height: 1px;
    }

    .jionus_row .common_txt {
        padding: 80px 0;
    }

    .header_box .menu li.active dl {
        height: 105px;
    }

    .header_box .menu li.active dl a, .header_box .menu li dl a:hover {
        color: #fff;
    }

    .header_box .menu {
        position: absolute;
        top: 77px;
        left: 0;
        background: #fff;
        box-shadow: 0px 5px 0 #ccc;
        display: none;
    }

    .header_box .menu ul {
        margin: 0;
        height: auto;
        width: 100%;
    }

    .header_box .menu li {
        width: 100%;
        height: auto;
        border-bottom: 1px #c1c1c1 solid;
        padding: 0;
        line-height: 50px;
    }

    .header_box .menu li span {
        display: none;
    }

    .header_box .menu dl {
        position: relative;
        left: 0;
        top: 0;
        line-height: 40px;
        display: none;
    }

    .header_box .menu li.active dl {
        height: auto;
        transition: all 0s ease-out;
        -webkit-transition: all 0s ease-out;
        -o-transition: all 0s ease-out;
        -moz-transition: all 0s ease-out;
        -ms-transition: all 0s ease-out;
    }

    .header_box .menu li dd a {
        width: 50%;
        float: left;
        padding: 0;
        border-bottom: 1px solid #3e689c;
        border-right: 1px solid #3e689c;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_box .catetory {
        display: block;
        font-size: 16px;
        padding: 0 10px;
    }

    .header_box .header_rt .search {
        font-size: 24px;
    }

    .business_banner .btn {
        width: 32px;
    }

    .business_banner .next {
        right: 45px;
    }

    .business_banner .prev {
        left: 45px;
    }

}

@media screen and (max-width: 900px) {
    .footer_nav,
    .copyright {
        width: 100%;
    }

    .copyright .logo {
        width: 100%;
        float: none;
        display: block;
        background-position: center bottom;
        background-repeat: no-repeat;
        margin-bottom: 5px;
    }

    .header_box .logo, .header_box .header_rt {
        position: relative;
    }

    .header_box .logo {
        float: left;
    }

    .header_box .header_rt {
        float: right;
    }

    .header_box .menu {
        position: absolute;
        top: 77px;
        left: 0;
        background: #fff;
        box-shadow: 0px 5px 0 #ccc;
        display: none;
    }

    .header_box .menu ul {
        margin: 0;
        height: auto;
        width: 100%;
    }

    .header_box .menu li {
        width: 100%;
        height: auto;
        border-bottom: 1px #c1c1c1 solid;
        padding: 0;
        line-height: 50px;
    }

    .header_box .menu li span {
        display: none;
    }

    .header_box .menu dl {
        position: relative;
        left: 0;
        top: 0;
        line-height: 40px;
        display: none;
    }

    .header_box .menu li.on dl {
        height: auto;
        transition: all 0s ease-out;
        -webkit-transition: all 0s ease-out;
        -o-transition: all 0s ease-out;
        -moz-transition: all 0s ease-out;
        -ms-transition: all 0s ease-out;
    }

    .header_box .menu li dd a {
        width: 50%;
        float: left;
        padding: 0;
        border-bottom: 1px solid #3e689c;
        border-right: 1px solid #3e689c;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_box .catetory {
        display: block;
        font-size: 16px;
        padding: 0 10px;
    }

    .header_box .header_rt .search {
        font-size: 24px;
    }

    .ind_box .abus .txt {
        font-size: 14px;
        line-height: 28px;
    }

    .ind_box .ind_row2 .item_tab ul {
        position: absolute;
        left: 0;
    }

    .ind_box .ind_row3 dl {
        width: 100%;
        padding-bottom: 80px;
        margin-bottom: 20px;
    }

    .ind_box .ind_row3 .news dd,
    .ind_box .ind_row3 dl {
        height: auto;
    }

    .ind_box .ind_row3 .news a .time {
        opacity: 1;
    }

    .abus_box .abus_con_wrap img,
    .abus_box .sanjiao_bg {
        display: none;
    }

    .abus_box .abus_con {
        position: relative;
        width: 100%;
        padding: 50px 30px;
        background: rgba(255, 255, 255, 0.3);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .abus_box .abus_con .txt {
        margin: 0;
        width: 100%;
        max-width: none;
    }

    .frame_box .frame_con {
        padding: 60px 30px;
    }

    .culture_box .culture_bd .wrap {
        padding: 0;
    }

    .culture_box h3,
    .culture_box .culture_tp li h3 {
        font-size: 16px;
    }

    .culture_box p {
        font-size: 12px;
    }

    .news_box ul {
        padding: 0 5px;
    }

    .news_box ul li {
        width: 31.33333%;
        margin: 0 1%;
    }

    .networks_box .address_box ul li {
        margin: 0 10px;
    }

    .networks_box .brand,
    .brand ul {
        height: 100px;
        padding-bottom: 0;
    }

    .networks_box .newwork {
        margin-top: 0;
    }

    .networks_box .newwork_con {
        position: relative;
    }

    .networks_box .maskbg {
        display: none;
    }

    .networks_box .newworkbg {
        height: 300px;
        position: relative;
    }

    .networks_box .item_wrap {
        padding: 50px 30px;
        background: #333;
    }

    .networks_box .item_wrap ul {
        width: 100%;
        margin: 0;
    }

    .networks_box .item_wrap ul li {
        margin: 0;
    }

    .networks_box .item_wrap .btn {
        text-align: center;
        margin-left: 0;
    }

    .networks_box .item_wrap .btn span {
        float: none;
        display: inline-block;
    }

    .jionus_row4 .pic, .jionus_row4 .txt_wrap {
        width: 100%;
    }

    .jionus_row4 .pic {
        height: 200px;
    }

    .jionus_row3 .jobs_box {
        display: block;
        padding: 0 50px;
    }

    .jionus_row3 .job {
        width: 100%;
        margin-bottom: 20px;
    }

    .news_link_box .con_container {
        margin: 0 60px;
    }

    .news_link_box .con_wrap {
        padding: 30px;
    }

    .news_link_box .btnwrap a {
        line-height: 45px;
        font-size: 14px;
    }

    .search_result_box li .txt {
        max-width: none;
    }

    .ind_box .ind_row3 .service .select_down {
        padding: 0 2px 0 1px;
        max-height: 165px;
    }

    .ind_box .ind_row3 .service .select_box .select_txt i {
        right: 10px;
    }

    .ind_box .ind_row3 .service .select_box .select_txt {
        padding: 0 15px;
    }

    .ind_box .ind_row3 .service .select_down a {
        padding: 0 15px;
    !important
    }

}

@media screen and (max-width: 480px) {
    .wrap, .frame_box .frame_con, .news_box ul, .culture_box .culture_bd .wrap, .tender_box .txt_wrap {
        padding: 0 15px;
    }

    .frame.frame4, .frame.frame3 {
        margin: 0;
        display: block;
    }

    .header_box {
        height: 45px;
    }

    .ind_box {
        padding-top: 44px;
    }

    /*.inner_box{margin-top: 44px;}*/
    .header_box .logo {
        display: table;
        top: 0;
        margin-top: 14px;
    }

    .header_box .logo .lg {
        width: 105px;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }

    .header_box .header_rt {
        line-height: 45px;
    }

    .header_box .header_rt .langue a {
        font-size: 13px;
    }

    .header_box .menu {
        top: 46px;
    }

    .ind_box .banner_box h3 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 40px;
    }

    .ind_box .banner_box p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 18px;
    }

    .bx-wrapper .bx-controls-direction a {
        width: 30px;
        height: 70px;
        margin-top: -35px;
        line-height: 1;
        font-size: 12px;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 10px;
    }

    .bx-wrapper .bx-controls-direction .bx-prev i {
        left: 0;
    }

    .bx-wrapper .bx-controls-direction .bx-next i {
        right: 0;
    }

    .ind_box .ind_row1 .brand li {
        width: 50%;
    }

    .ind_box .ind_row1 .brand {
        margin-top: 30px;
    }

    .ind_box .ind_row1 .brandwrap,
    .ind_box .ind_row1 {
        padding-bottom: 45px;
    }

    .ind_box .abus {
        margin: 0;
    }

    .ind_box .ind_row2 {
        padding: 80px 0;
    }

    .ind_box .ind_row2 .wrap {
        padding: 0;
    }

    .ind_box .ind_row2 .item_con {
        padding: 0 15px;
    }

    .ind_box .ind_row2 .bg {
        font-size: 100px;
    }

    .ind_box .ind_row2 .tit h3 {
        font-size: 16px;
    }

    .ind_box .ind_row2 h3 i {
        font-size: 20px;
    }

    .ind_box .ind_row2 .tit .tribg {
        display: none;
    }

    .ind_box .ind_row2 h3 span {
        background: none;
    }

    .ind_box .abus h3 span {
        font-size: 18px;
        padding: 0 15px;
        letter-spacing: 0;
        padding-left: 15px;
    }

    .ind_box .ind_row3 dl dt {
        margin: 0 0 10px 20px;
        font-size: 16px;
    }

    .ind_box .ind_row3 .news a, .ind_box .ind_row3 .service .select_con p, .ind_box .ind_row3 .aboutus .txt {
        padding: 0 20px;
    }

    .ind_box .ind_row3 dl {
        padding: 20px 0;
        padding-bottom: 60px;
    }

    .ind_box .ind_row3 a.more {
        bottom: 15px;
        left: 20px;
    }

    .ind_box .ind_row3 dl dt i {
        font-size: 20px;
    }

    .c_skew,
    .n_skew {
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }

    .ind_box .search_box {
        padding: 30px 15px;
    }

    .ind_box .searchfrom,
    .ind_box .searchfrom .input_txt,
    .ind_box .searchfrom .input_btn,
    .ind_box .searchfrom .input_btn button {
        height: 45px;
        line-height: 45px;
    }

    .ind_box .searchfrom .input_btn,
    .ind_box .searchfrom .input_btn button {
        width: 45px;
    }

    .ind_box .searchfrom .input_txt {
        text-indent: 10px;
    }

    .footer_box .wrap {
        padding: 0 15px;
    }

    .footer_tp dl {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer_tp dl dt {
        margin-bottom: 10px;
    }

    .footer_tp dl dd {
        display: block;
    }

    .footer_tp dl dd a {
        width: 50%;
        float: left;
    }

    .footer_nav a span {
        padding: 0 2px;
    }

    .ind_box .video .time,
    .ind_box .video h3 {
        display: none;
    }

    .ind_box .video .mask:after, .ind_box .video .mask:before {
        width: 38%;
    }

    .abus_box .abus_con {
        padding: 30px 15px;
    }

    .histoty_box .btnwrap {
        width: auto;
    }

    .histoty_box .item .pic_wrap .pic_tit,
    .histoty_box .item .pic_wrap .pic {
        width: 100%;
    }

    .histoty_box .item .pic_wrap .pic_tit {
        margin-bottom: 20px;
    }

    .histoty_box .item .pic_wrap .pic_tit .pic {
        height: 100px;
    }

    .histoty_box {
        padding-bottom: 0;
    }

    .histoty_box .bx-pager a.active p, .histoty_box .bx-pager a.now p {
        font-size: 20px;
    }

    .histoty_box .item h3 {
        font-size: 18px;
    }

    .invested_box .pic,
    .invested_box .invest_con {
        width: 100%;
        height: auto;
    }

    .invested_box .pic {
        height: 120px;
    }

    .invested_box .item_wrap {
        margin: 30px 15px;
    }

    .invest_con_wrap {
        height: auto;
        overflow: hidden;
    }

    .invested_box .item_wrap {
        height: 600px;
    }

    .invested_box .item span {
        width: 100%;
        text-align: center;
        height: 30px;
        line-height: 30px;
    }

    .invested_box .page {
        margin-left: 0;
        margin-bottom: 50px;
        text-align: center;
    }

    .invested_box .page span {
        float: none;
        margin: 0 10px;
    }

    .abus_nav {
        position: relative;
        height: auto;
    }

    .abus_nav .nav {
        padding: 15px;
        margin: 0;
    }

    .abus_nav .category {
        display: none;
    }

    .abus_nav ul {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .frame_box, .culture_box, .invest_con_wrap, .abus_box {
        padding-bottom: 0;
    }

    .abus_nav ul li {
        height: 40px;
        line-height: 40px;
        width: 33.333%;
    }

    .frame_box .frame3 li,
    .frame_box .frame4 li {
        width: 13.3333%;
        margin-bottom: 15px;
        margin-right: 4%;
    }

    .frame_box .frame3 li:nth-child(6n),
    .frame_box .frame4 li:nth-child(6n) {
        margin-right: 0;
    }

    .frame_box .frame3 li.none, .frame_box .frame4 li.none {
        float: left;
    }

    .frame_box .tribgtp {
        width: 120px;
        height: 120px;
    }

    .frame_box .frame_con {
        padding: 30px 15px;
    }

    .culture_box .culture_bd .wrap {
        padding: 0;
        overflow: hidden;
    }

    .culture_box .table_box,
    .culture_box .table_box li {
        height: auto;
    }

    .culture_box .table_box li {
        width: 100%;
        padding: 40px 15px;
        border-right: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .culture_box .table_box li .tb {
        border: 0;
    }

    .culture_box p {
        line-height: 22px;
    }

    .culture_box .culture_tp {
        height: auto;
    }

    .culture_box .culture_tp ul {
        padding: 40px 15px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .culture_box .culture_tp li {
        width: 100%;
        padding: 20px 0;
    }

    .culture_box .culture_tp li h3 {
        margin-bottom: 15px;
    }

    .culture_box .culture_tp li:after {
        height: 1px;
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .news_box {
        padding: 30px 0;
    }

    .news_box ul li {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    .news_box .page a {
        font-size: 12px;
        line-height: 20px;
    }

    .news_box .page .num a {
        width: 20px;
        height: 20px;
    }

    .news_link_box .con_container {
        margin: 0 15px;
    }

    .news_link_box .con_wrap {
        padding: 20px 10px;
    }

    .news_link_box .tit h2 {
        font-size: 16px;
        line-height: 30px;
        white-space: inherit;
        text-overflow: inherit;
    }

    .news_link_box .tit {
        font-size: 14px;
    }

    .news_link_box .note {
        margin: 20px 0;
        padding: 20px;
    }

    .news_link_box .name {
        margin-bottom: 20px;
    }

    .business_box .txtwrap {
        padding: 40px 15px;
    }

    .business_box .txtwrap .link {
        width: 100%;
        line-height: 45px;
        height: 45px;
        margin-top: 10px;
    }

    .jionus_box .inner_banner {
        height: 120px;
    }

    .jionus_box .inner_banner .tribg {
        font-size: 100px;
    }

    .jionus_box .inner_banner h3 {
        height: 40px;
    }

    .jionus_box .inner_banner h3 span {
        font-size: 24px;
    }

    .jionus_row .common_txt {
        padding: 40px 15px;
    }

    .jionus_row .common_txt p {
        font-size: 13px;
        line-height: 24px;
    }

    .jionus_row .common_txt h3 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .jionus_row2 a {
        width: 50%;
        height: 50%;
        border-bottom: 1px solid #fff;
    }

    .jionus_row2 a:nth-child(2n):after {
        display: none;
    }

    .jionus_row2 a h4 {
        font-size: 16px;
    }

    .jionus_row2 a h4 {
        margin-bottom: 30px;
    }

    .jionus_row2 a i {
        font-size: 16px;
    }

    .jionus_row3 .jobs_box {
        padding: 0;
        margin-top: 30px;
    }

    .jionus_row3 .job {
        height: auto;
        padding: 20px;
        margin: 0;
        margin-bottom: 15px;
        text-align: center;
        border-radius: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .jionus_row3 .job h4 {
        width: auto;
        line-height: 24px;
    }

    .jionus_row3 .job p {
        position: initial;
        border: 0;
        width: auto;
        height: auto;
        padding: 0;
        margin-top: 15px;
    }

    .jionus_row4 .txt {
        padding: 40px 15px;
    }

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

    .contactus_box {
        padding: 40px 15px;
        height: auto;
    }

    .contactus_box .maps {
        display: none;
    }

    .contactus_box .content {
        right: 0;
        padding: 50px 0;
        position: initial;
    }

    .contactus_box .input_txt {
        width: 90%;
        margin: 0 auto 15px auto;
    }

    .contactus_box h4 {
        padding-left: 30px;
    }

    .contactus_box h4 i {
        margin-right: 8px;
        font-size: 18px;
    }

    .contactus_box .btn {
        line-height: 45px;
        height: 45px;
    }

    .networks_box .address_box ul li {
        width: 25%;
        float: left;
        margin: 5px 0;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
        padding: 0;
    }

    .networks_box .address_box ul li:after {
        display: none;
    }

    .networks_box .address_box ul {
        padding: 20px 0;
    }

    .networks_box .newworkbg {
        display: none;
    }

    .business_banner .navbg,
    .business_box .bxpager {
        bottom: auto;
        top: 100%;
    }

    .business_box .item_tab {
        padding-top: 100px;
    }

    .business_box .bxpager {
        width: 100%;;
        right: auto;
    }

    .business_banner .navbg, .business_box .bxpager .item, .business_box .bxpager {
        height: 70px;
    }

    .business_banner .business_bxslider .ban_li {
        height: 300px;
    }

    .business_banner .business_bxslider .ban_li .con .tb_c {
        padding-bottom: 0;
    }

    .business_banner .business_bxslider .ban_li .con p {
        letter-spacing: 5px;
        margin-top: 15px;
    }

    .business_banner .btn {
        width: 20px;
        height: 20px;
        font-size: 18px;
        text-align: center;
        line-height: 20px;
        margin-top: -10px;
    }

    .business_banner .btn a {
        display: block;
    }

    .business_banner .next {
        right: 5px;
    }

    .business_banner .prev {
        left: 5px;
    }

    /*.ind_box .ind_row2 .item_tab .con li .pic,
    .business_box .bxpager .item .pic{background-size: 90%;height: 40px;margin-top: -20px;}*/
    .search_result_box li,
    .search_result_box .tit {
        padding: 25px 15px;
    }

    .search_result_box li h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .ind_box .ind_row2 .item_tab, .ind_box .ind_row2 .item_tab li {
        height: 48px;
    }

    .ind_box .ind_row2 .item_tab .con li .pic, .business_box .bxpager .item .pic {
        background-size: 80%;
        height: 30px;
        margin-top: -15px;
        background-position: center 3px;
    }


}

.ind_box .ind_row3 dl.service {
    position: relative;
    z-index: 1;
}

@media screen and (orientation: portrait){
    .sales_case{
        width: 100%;
        padding-left: .45rem;
        padding-right: .45rem;
    }
    .second_body .btn_sty{
        font-size: 14px;
        width: 7em;
        height: 2em;
    }
    .car_txt_box .car_info span:nth-child(2){
        border-left: none;
    }
    .sec_list .r2{
        padding-top: 0;
    }
    .screen_ground{
        justify-content: center;
    }
    .n_car_name,.n_car_pre,.screen_n,.car_txt_box .car_name,.car_txt_box .car_info,.car_txt_box .car_pre .pre_name,.pro_name_en,.det_info_box,.car_c_base > div      {
        color:#14212c;
    }
}
/*20241106*/
.sales_add{
background-color: #eff3f8;
    padding: 1px .77rem;
}
.sales_sel_box{
    z-index: 15;
}
.sales_add_txt{
    top: 1.63rem;
    height: calc(100% - 1.63rem - .75rem);
}

.sales_code{
    margin-top: .63rem;
    margin-left: auto;
    width: calc(73.626% - .77rem);
    height: calc(100% - 1.63rem - .75rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sales_code .sales_img{

    margin: 0 auto;
    width: 3.5rem;
    padding: .5rem;
    background-color: #fff;
}
.sales_code .sales_img img{
    display: block;
}
.sales_code h5{
    text-align: center;
    font-size: .18rem;
    line-height: 1.5;
    margin-top: .2rem;
}
@media screen and (orientation: portrait){

    .sales_add{
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .sales_add_txt{
        top:0;
       height: auto;
        margin-top: .6rem;
    }

    .sales_code{
        margin-top: .6rem;
        padding-bottom: .6rem;

        width: 100%;
        height: auto;

    }
    .sales_code .sales_img{

    }
    .sales_code .sales_img img{

    }
    .sales_code h5{

        font-size: .24rem;


    }
    .second_body.abo_body.sal_box.butterfly_body  footer .alanFn{
        opacity: 1 !important;
        transform: none !important;
    }

    .second_body.abo_body.sal_box.butterfly_body  footer .fbm .c2 ol>li{
        opacity: 1 !important;
    }
}