@charset "utf-8";

/*=========
 基本默认值
 ==========*/

*,
ul,
ol {
    margin: 0;
    padding: 0;

}

html {
    min-width: 1200px;
}

@media only screen and (min-width: 2530px) {
    html {
        zoom: 1.3;
    }
}

body {
    position: relative;
    font-size: 12px;
    color: #000;
    font-family: "arial", "microsoft jhenghei", "sans-serif";

    line-height: 2;
    min-width: 1200px;
    margin: auto;
    overflow-y: scroll;
    background: #fff;

}


li {
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color: #000;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

::after,
::before,
.donghua {

    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

table {
    border-collapse: collapse;
}

input,
textarea,
select,
button {
    font-family: "arial", "microsoft jhenghei", "sans-serif";
    font-size: 14px;
    outline: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.fg {
    clear: both;
}

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

.img-common {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 414px) {}



/*顶部*/
.header {
    height: 90px;
    position: relative;
    border-bottom: 1px solid #ececec;
    background: #fff;
}

.header .logo {
    height: 90px;
    display: block;
    position: absolute;
    top: 50%;
    left: 3%;
    margin-top: -45px;
}

.header .logo img {
    height: 90px;
    display: block;
}

.header .menu ul {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 28px 150px;
    text-align: center;
}

.header .menu ul li {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    margin: 0 33px;
}

.header .menu ul li a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 34px;
    font-size: 15px;
    color: #333;
}

.header .menu ul li.on a {
    color: #e06721;
}

.header .t-right {
    display: block;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -17px;
}

.header .t-right .c {
    color: #fff;
    display: block;
    background: #e06721;
    border-radius: 2px;
    width: 84px;
    height: 34px;
    line-height: 34px;
    float: right;
    text-align: center;
    font-size: 15px;
    float: left;
}

.header .t-right .c.on {
    transform: scale(0.0000000000001);
}

.header .t-right .btn {
    width: 34px;
    height: 34px;
    cursor: pointer;
    float: left;
    margin-left: 30px;
}

.header .t-right .btn.searchbtn {
    background:  no-repeat center;
    position: relative;
}

.header .t-right .btn .search-form {
    height: 32px;
    background: #fff;
    position: absolute;
    right: 0;
    overflow: hidden;
    transition: all .5s;
    width: 0;
    padding: 1px;
    border-color: #fff;
}

.header .t-right .btn .search-form[data-on="on"] {
    padding: 0;
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.header .t-right .btn .search-form input {
    border: 0;
    border-radius: 0;
    padding: 0 10px;
    width: 280px;
    line-height: 32px;
    font-size: 14px;
}

.header .t-right .btn .search-form button {
    width: 32px;
    height: 32px;
    background:  #fff no-repeat center;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border: 0px;
}

.header .t-right .btn.menubtn {
    background:  no-repeat center;
}

/*首页幻灯片*/
.indexbanner {
    height: 824px;
    padding-right: 42.5%;
}

.indexbanner .list ul,
.indexbanner .list ul li {
    width: 100% !important;
}

.indexbanner .list,
.indexbanner .list ul,
.indexbanner .list ul li,
.indexbanner .list ul li a {
    height: 824px;
    display: block;
    overflow: hidden;
}

.indexbanner-main {
    position: relative;
}

.indexbanner-main .ib-right {
    width: 40%;
    top: 0;
    right: 2.5%;
    position: absolute;
}

.indexbanner-main .ib-right .two-box {
    width: 50%;
    float: left;
    margin-right: -3px;
}

.indexbanner-main .ib-right .two-box .item a {
    height: 412px;
    display: block;
    transition: height 0s;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.indexbanner-main .ib-right .two-box .item a .tu {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    transition: all .5s
}

.indexbanner-main .ib-right .two-box .item a:hover .tu {
    transform: scale(1.2);
}

.indexbanner-main .ib-right .two-box .item a .text-box {
    bottom: 10%;
    position: absolute;
    left: 0px;
    width: 100%;
    font-size: 16px;
    z-index: 2;
}

.indexbanner-main .ib-right .two-box .item a .text-box>div {
    padding: 0 5% 0 10%;
}

.indexbanner-main .ib-right .two-box .item a .text-box .bt {
    font-size: 30px;
}

.indexbanner-main .ib-right .r-box {
    float: right;
    width: 47%;
}

.indexbanner-main .ib-right .r-box .news-box {
    padding-top: 25px;
}

.indexbanner-main .ib-right .r-box .news-box .type-bbt {
    border-bottom: 1px solid #ececec;
    margin-bottom: 14px;
}

.indexbanner-main .ib-right .r-box .news-box .type-bbt a {
    display: block;
    height: 50px;
    line-height: 50px;
    position: relative;
    font-size: 22px;
    color: #2c2c2c;
}

.indexbanner-main .ib-right .r-box .news-box .type-bbt a:before {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin-top: -8px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    content: " ";
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    background: #e06721;
}

.indexbanner-main .ib-right .r-box .news-box .list .item {
    position: relative;
    display: block;
    padding-left: 74px;
    margin-bottom: 10px;
    height: 52px;
    padding-top: 8px;
}

.indexbanner-main .ib-right .r-box .news-box .list .item .t {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 22px;
    height: 44px;
    font-size: 14px;
}

.indexbanner-main .ib-right .r-box .news-box .list .item .t:hover {
    text-decoration: underline;
    color: #e06721;
}

.indexbanner-main .ib-right .r-box .news-box .list .item .rq {
    width: 58px;
    height: 58px;
    border: 1px solid #ddd;
    text-align: center;
    color: #bfbfbf;
    position: absolute;
    left: 0px;
    top: 0px;
}

.indexbanner-main .ib-right .r-box .news-box .list .item .rq .b {
    font-size: 30px;
    height: 34px;
    line-height: 44px;
}

/**/

.indexbanner-main .ib-right .r-box .zp-box {
    padding-top: 15px;
}

.indexbanner-main .ib-right .r-box .zp-box .type-bbt a {
    display: block;
    height: 50px;
    line-height: 50px;
    position: relative;
    font-size: 22px;
    color: #2c2c2c;
}

.indexbanner-main .ib-right .r-box .zp-box .type-bbt a:before {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin-top: -8px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    content: " ";
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    background: #e06721;
}

.indexbanner-main .ib-right .r-box .zp-box .joinbox a {
    display: block;
    color: #fff;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.indexbanner-main .ib-right .r-box .zp-box .joinbox a .tu {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: ;
    transition: all .5s;
}

.indexbanner-main .ib-right .r-box .zp-box .joinbox a:hover .tu {
    transform: scale(1.2);
}

.indexbanner-main .ib-right .r-box .zp-box .joinbox a .tx {
    position: absolute;
    bottom: 10%;
    left: 10%;
    font-size: 14px;
    z-index: 2;
}

.indexbanner-main .ib-right .r-box .zp-box .joinbox a .tx .b {
    font-size: 24px;
    line-height: 1.6;
}

.indexbanner-main .ib-right .r-box .zp-box .joinbox .text {
    line-height: 34px;
    height: 34px;
    font-size: 14px;
    color: #333;
}

.indexbanner-main .ib-right .r-box .map-box {
    padding-top: 15px;
}

.indexbanner-main .ib-right .r-box .map-box a {
    display: block;
    height: 140px;
    position: relative;
    overflow: hidden;
}

.indexbanner-main .ib-right .r-box .map-box a .tu {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: ;
    background-position: right;
    transition: all .5s;
}

.indexbanner-main .ib-right .r-box .map-box a:hover .tu {
    transform: scale(1.2);
}

.indexbanner-main .ib-right .r-box .map-box select {
    height: 40px;
    width: 100%;
    padding-right: 40px;
    text-align: center;
    background:  no-repeat scroll right center transparent;
    text-align-last: center;
    padding-left: 4%;
}

.indexbanner-main .ib-right .r-box .map-box select option {
    text-align: center;
    text-align-last: center;
}

/*首页三图标*/
.three-box {
    width: 1200px;
    margin: 50px auto 0;
}

.three-box .item {
    padding-left: 190px;
    width: 210px;
    position: relative;
    height: 80px;
    float: left;
    color: #323232;
}

.three-box .item img {
    position: absolute;
    right: 244px;
    top: 50%;
    height: 50px;
    margin-top: -25px;
}

.three-box .item:hover img {
    -webkit-animation: transform-5 1s ease 0s alternate none infinite;
    -moz-animation: transform-5 1s ease 0s alternate none infinite;
    animation: transform-5 1s ease 0s alternate none infinite;
}

@-webkit-keyframes transform-5 {
    from {
        -webkit-transform: perspective(400px) rotatey(0deg);
    }

    to {
        -webkit-transform: perspective(400px) rotatey(360deg);
    }
}

@-moz-keyframes transform-5 {
    from {
        -moz-transform: perspective(400px) rotatey(0deg);
    }

    to {
        -moz-transform: perspective(400px) rotatey(360deg);
    }
}

@keyframes transform-5 {
    from {
        transform: perspective(400px) rotatey(0deg);
    }

    to {
        transform: perspective(400px) rotatey(360deg);
    }
}


.three-box .item .b {
    padding-top: 7px;
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    font-weight: bold;
}

.three-box .item .s {
    height: 26px;
    line-height: 26px;
    font-size: 15px;
}

/*首页新闻*/
.index-news {
    width: 1200px;
    margin: 50px auto 0;
}

.index-news .small-item {
    width: 300px;
    float: left;
}

.index-news .nitem .tu {
    height: 248px;
    position: relative;
    overflow: hidden;
}

.index-news .nitem .tu a {
    height: 248px;
    display: block;
    transition: all .5s;
}

.index-news .nitem .tu a:hover {
    transform: scale(1.2);
}


.index-news .small-item .tu:after {
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    display: block;
    content: "";
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
}

.index-news .small-item .text-b {
    padding: 14px 25px 0;
    height: 234px;
}

.index-news .nitem .classname {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 4px;
    height: 30px;
    overflow: hidden;
}

.index-news .nitem .title {
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 9px;


}

.index-news .nitem .text-b .title a {
    color: #e06721;
    font-size: 18px;
}

.index-news .nitem .text-b .title a:hover {
    text-decoration: underline;
}

.index-news .nitem .text-b .demo {
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    color: #555555;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 18px;
}

.index-news .nitem .text-b .rq {
    color: #bfbfbf;
    line-height: 30px;
    font-size: 12px;
    background:  0 46% no-repeat;
    padding-left: 20px;
}

.index-news .big-item {
    width: 600px;
    float: left;
}

.index-news .big-item .text-b {
    padding: 30px 25px 0;
    height: 218px;
}

.index-news .big-item.nitem .title {
    -webkit-line-clamp: 1;
    height: 26px;
}

.index-news .big-item .tu:after {
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    display: block;
    content: "";
    top: 0px;
    left: 50%;
    margin-left: -10px;
}

/**/
.index-bb {
    height: 135px;
    margin-top: 97px;
}

.index-bb .it {
    height: 135px;
    width: 50%;
    float: left;
    background-size: cover;
}

.index-bb .it.l {
    background-position: right;
    background-image: ;
}

.index-bb .it.r {
    background-position: center;
    background-image: ;
}

.index-bb .it a {
    display: block;
    height: 135px;
    position: relative;
    width: 600px;
}

.index-bb .it.l a {
    margin: 0 0 0 auto;
    color: #fff;
}

.index-bb .it a .z {
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -35px;
}

.index-bb .it a .z .b {
    font-size: 24px;
    line-height: 40px;
    height: 40px;
}

.index-bb .it a .z .s {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}

.index-bb .it.r a .z .s {
    color: #e06721;
}

/*底部*/
.footer {
    border-top: 1px solid #e7e7e7;
    background: #fff;
    min-width: 1200px;
    padding: 50px 0 0px;
}

.footer .f-main {
    width: 1200px;
    margin: auto;
    position: relative;
}

.footer .f-main .nav-box {
    float: left;
    width: 124px;
    margin-right: 28px;
}

.footer .f-main .nav-box .bbt {
    line-height: 36px;
    height: 36px;
    margin-bottom: 8px;
}

.footer .f-main .nav-box .bbt a {
    font-size: 16px;
    color: #000;
}

.footer .f-main .nav-box .it {
    line-height: 26px;
    padding: 2px 0;
}

.footer .f-main .nav-box .it a {
    font-size: 14px;
    color: #5a5a5a;
}

.footer .f-main .nav-box .bbt a:hover {
    color: #e06721;
}

.footer .f-main .nav-box .it a:hover {
    color: #e06721;
    text-decoration: underline;
}

.footer .f-main .ewm-box {
    float: right;
    padding-top: 9px;
    font-size: 14px;
    text-align: center;
}

.footer .f-main .ewm-box img {
    display: block;
    margin: 0 auto 5px;
    width: 100px;
    height: 100px;
}


.footer .f-main .ico-box {
    height: 26px;
    float: right;
    margin-top: 10px;
}

.footer .f-main .ico-box .it {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-left: 14px;
    display: block;
    position: relative;
}

.footer .f-main .ico-box .it.wx {
    background-image: ;
    position: relative;
}

.footer .f-main .ico-box .it.wb {
    background-image: ;
}

.footer .f-main .ico-box .it.qq {
    background-image: ;
    background-position: center;
}

.footer .f-main .ico-box .it.wx img {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, 0);
    max-width: 100px;
}

.footer .f-main .ico-box .it.wx.on img {
    display: inline-block;
}


.footer .f-main .boxcont {
    margin-left: 88px;
    text-align: right;
}

.footer .f-main .boxcont p {
    color: #545454;
    font-size: 13px;
    line-height: 2;
}

.footer .f-main .boxcont p.p1 {
    color: #e2702e;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 10px;
}



.footer .f-link {
    position: relative;
    padding: 0px 20px 20px 60px;
}

.footer .f-link img {
    display: block;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.footer .f-link .a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 26px;
    float: left;
    margin-left: 38px;
    font-size: 13px;
}

.footer .f-link .a:hover {
    color: #e06721;
    text-decoration: underline;
}

.bottom-b {
    padding: 20px 0;
    line-height: 20px;
    background: #f5f5f5;
    border-top: 1px solid #e7e7e7;
    color: #767575;
    font-size: 13px;
}

.bottom-b .content {
    width: 1200px;
    margin: auto;
    position: relative;
}

.bottom-b .content a {
    color: #767575;
    font-size: 13px;
}

.bottom-b .content .box {
    float: right;
}

.bottom-b .content .box a {
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
}

.bottom-b .content .box a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 20%;
    width: 1px;
    height: 60%;
    background: #e2e2e2;
}

.bottom-b .content .box a:nth-child(1)::before {
    display: none;
}

.bottom-b .content .href {
    position: absolute;
    right: 0px;
    top: 50%;
    line-height: 20px;
    height: 20px;
    margin-top: -20px;
}

.footer .f-link .ico-box .it:hover .qq-list {
    display: block;
}

.footer .f-link .ico-box .it .qq-list {
    padding-bottom: 20px;
    width: 100px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -50px;
    display: none
}

.footer .f-link .ico-box .it .qq-list .ll {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.footer .f-link .ico-box .it .qq-list .ll a {
    display: block;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
}

.footer .f-link .ico-box .it .qq-list:after {
    content: "";
    display: block;
    border-width: 5px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -5px;
}

.footer .f-link .ico-box .it .qq-list .ll a:hover {
    background: #eee;
}

@media only screen and (max-width: 1600px) {
    .index-bb {
        margin-top: 77px;
    }

    .indexbanner-main .ib-right .r-box .zp-box .joinbox a {
        height: 140px;
    }

    .indexbanner-main .ib-right .r-box .map-box select {
        height: 36px;
        padding-right: 40px;
    }

    .indexbanner-main .ib-right .r-box .map-box {
        padding-top: 10px;
    }

    .indexbanner-main .ib-right .r-box .map-box a {
        height: 115px;
    }

    .header {
        height: 70px;
    }

    .header .logo {
        height: 70px;
        margin-top: -35px;
    }

    .header .logo img {
        height: 70px;
    }

    .header .menu ul {
        padding: 18px 150px;
    }

    .indexbanner,
    .indexbanner .list,
    .indexbanner .list ul,
    .indexbanner .list ul li,
    .indexbanner .list ul li a {
        height: 724px;
    }

    .indexbanner-main .ib-right .two-box .item a {
        height: 362px;
    }

    .indexbanner-main .ib-right .two-box .item a .text-box {
        font-size: 13px;
    }

    .indexbanner-main .ib-right .two-box .item a .text-box .bt {
        font-size: 22px;
    }

    .indexbanner-main .ib-right .r-box .zp-box {
        padding-top: 10px;
    }

    .indexbanner-main .ib-right .r-box .news-box {
        padding-top: 20px;
    }

    .indexbanner-main .ib-right .r-box .news-box .list .item {
        position: relative;
        display: block;
        padding-left: 70px;
        margin-bottom: 6px;
        height: 50px;
        padding-top: 5px;
    }

    .indexbanner-main .ib-right .r-box .news-box .list .item .t {
        line-height: 20px;
        height: 40px;
        font-size: 14px;
    }

    .indexbanner-main .ib-right .r-box .news-box .list .item .rq {
        width: 54px;
        height: 54px;
    }

    .indexbanner-main .ib-right .r-box .news-box .list .item .rq .b {
        font-size: 24px;
        height: 30px;
        line-height: 38px;
    }

}

@media only screen and (max-width: 1440px) {

    .indexbanner-main .ib-right .r-box .news-box {
        padding-top: 10px;
    }

    .indexbanner {
        padding-right: 45.5%;
    }

    .indexbanner-main .ib-right {
        width: 43%;
    }

    .indexbanner,
    .indexbanner .list,
    .indexbanner .list ul,
    .indexbanner .list ul li,
    .indexbanner .list ul li a {
        height: 580px;
    }

    .indexbanner-main .ib-right .two-box .item a {
        height: 290px;
    }

    .indexbanner-main .ib-right .two-box .item a .text-box {
        font-size: 12px;
    }

    .indexbanner-main .ib-right .two-box .item a .text-box .bt {
        font-size: 20px;
    }

    .indexbanner-main .ib-right .r-box .news-box .list .item.it3 {
        display: none
    }

    .indexbanner-main .ib-right .r-box .zp-box .joinbox a {
        height: 110px;
    }

    .indexbanner-main .ib-right .r-box .map-box select {
        height: 32px;
        padding-right: 40px;
    }

    .indexbanner-main .ib-right .r-box .map-box {
        padding-top: 5px;
    }

    .indexbanner-main .ib-right .r-box .map-box a {
        height: 81px;
    }
}





.ab-subcompany {
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-bottom: 60px;
}

.ab-ul,
.ab-ul .top {
    width: 100%;
    float: left;
}

.ab-ul .top>div,
.ab-ul .ab-ul-li {
    width: 553px;
    float: left;
}

.ab-ul .top>div:nth-child(2n),
.ab-ul-info>div:nth-child(2n) {
    float: right;
}

.ab-ul .ab-ul-name {
    background: #e06721;
    color: #fff;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
}

.ab-ul .ab-ul-name>div,
.ab-ul .ab-ul-li>div {
    float: left;
}

.ab-ul .ab-ul-name>div.ab-ul-city,
.ab-ul .ab-li-city {
    width: 175px;
    margin-left: 20px;
}

.ab-ul .ab-ul-info {
    width: 100%;
    float: left;
}

.ab-ul .ab-ul-li {
    height: 49px;
    line-height: 49px;
    font-size: 16px;
    color: #3e3e3e;
    border-bottom: #adadad 1px dashed;
}



.ab-qyyg {
    width: 100%;
    float: left;
    margin-top: 80px;
}

.ab-qyyg .ab-qyyg-list {
    width: 100%;
    float: left;
    position: relative;
}

.ab-qyyg .ab-bround {
    width: 100%;
    float: left;
    text-align: center;
}

.ab-qyyg .ab-bround img {
    max-width: 100%;
}

.ab-qyyg ul {
    width: 100%;
    position: absolute;
    margin-top: 4px;
}

.ab-qyyg ul li {
    width: 475px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}

.ab-qyyg ul li font,
.ab-qyyg ul li span,
.ab-qyyg ul li p b {
    float: right;
    color: #3e3e3e;
    font-size: 18px;
}

.ab-qyyg ul li p {
    font-size: 14px;
}

.ab-qyyg ul li {
    position: absolute;
    left: 0;
}

.ab-qyyg ul li:nth-child(-n  4) p b {
    float: left;
}

.ab-qyyg ul li font {
    color: #e06721;
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 20px;
}

.ab-qyyg ul li:nth-child(-n   4) font,
.ab-qyyg ul li:nth-child(-n   4) span,
.ab-qyyg ul li:nth-child(-n   4) p {
    float: left;
}

.ab-qyyg ul li:nth-child(-n   4) {
    left: inherit;
    right: 0;
}

.ab-qyyg ul li:nth-child(-n   4) font {
    margin-right: 10px;
    margin-left: inherit;
    margin-left: 20px;
}

.ab-qyyg ul li:nth-child(1) {
    top: 0;
}

.ab-qyyg ul li:nth-child(2) {
    width: 385px;
    top: 117px;
}

.ab-qyyg ul li:nth-child(3) {
    width: 385px;
    top: 258px;
}

.ab-qyyg ul li:nth-child(4) {
    top: 381px;
}

.ab-qyyg ul li:nth-child(2) font,
.ab-qyyg ul li:nth-child(3) font {
    margin-left: 30px;
}

.ab-qyyg ul li:nth-child(4) font {
    margin-left: 60px;
}

.ab-qyyg ul li:nth-child(9) {
    top: 480px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
}

.ab-qyyg ul li:nth-child(9) font,
.ab-qyyg ul li:nth-child(9) b {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

.ab-qyyg ul li:nth-child(8) {
    top: 0;
}

.ab-qyyg ul li:nth-child(7) {
    top: 117px;
    width: 385px;
}

.ab-qyyg ul li:nth-child(6) {
    width: 385px;
    top: 258px;
}

.ab-qyyg ul li:nth-child(5) {
    top: 381px;
}

.ab-qyyg ul li:nth-child(6) font,
.ab-qyyg ul li:nth-child(7) font {
    margin-right: 30px;
}

.ab-qyyg ul li:nth-child(5) font {
    margin-right: 60px;
}

.ab-qyjzg {
    width: 100%;
    float: left;
    margin-top: 80px;
}

.ab-qyjzg ul {
    width: 100%;
    float: left;
}

.ab-qyjzg ul li {
    width: 261px;
    float: left;
    margin-left: 52px;
}

.ab-qyjzg ul li>div {
    width: 100%;
    float: left;
}

.ab-qyjzg ul li .box {
    border-bottom: #e06721 2px solid;
    color: #e06721;
    font-size: 24px;
    line-height: 50px;
}

.ab-qyjzg ul li .box>div {
    float: left;
}

.ab-qyjzg ul li .box .desc {
    margin-left: 12px;
    font-size: 18px;
    text-transform: capitalize;
}

.ab-qyjzg ul li .toggle {
    color: #3e3e3e;
    font-size: 18px;
    line-height: 50px;
    margin-top: 20px;
}

.ab-qyjzg ul li:nth-child(1) {
    margin-left: 0;
}


.ab-ppjs,
.ab-ppjs-content {
    width: 100%;
    float: left;
}

.ab-ppjs-content {
    font-size: 16px;
    color: #424242;
}

.aboutviewbox .ab-left .type-bbt.ab-subbbt {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #131313;
    margin: 20px 0;
}

.type-center {
    text-align: center;
}

.ab-ppjs-cont {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.ab-ppjs-cont .title {
    width: 100%;
    float: left;
    color: #fff;
    background: #e06721;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
}

.ab-ppjs-cont ul {
    width: 100%;
    float: left;
}

.ab-ppjs-cont ul li {
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    background: #d9d9d9;
    text-align: center;
    font-size: 18px;
}

.ab-ppjs-cont ul li .img,
.ab-ppjs-cont ul li .img img {
    width: 100%;
    float: left;
}

.ab-ppjs-cont ul.lifour li {
    width: 294px;
}

.ab-ppjs-cont ul.lifour li .name {
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.ab-ppjs-cont ul.lifour li:nth-child(4n-3) {
    margin-left: 0;
}

.ab-ppjs-cont ul.lithree li:nth-child(3n-2) {
    margin-left: 0;
}

.ab-ppjs-cont ul.lithree li {
    width: 394px;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: #e06721 !important;
    border-color: #e06721 !important;
}



/*产品*/
/*旋转品牌*/
.pro-index-brand {
    width: 1200px;
    margin: 0 auto 30px;
    position: relative;
    overflow: hidden;
}

.pro-index-brand .bg {
    height: 398px;
    background:  no-repeat top;
    width: 1200px;
    margin-left: -50px;
    padding: 58px 50px 0;
    position: relative;
}

.pro-index-brand .bg .change-brand {
    cursor: pointer;
    width: 60px;
    text-align: center;
    position: absolute;
    top: 220px;
    right: 100px;
    color: #e06721;
}

.pro-index-brand .bg .change-brand .tu img {
    height: 30px;
    transition: all 1.1s
}

.pro-index-brand .bg .change-brand .tu {
    transition: all 0.5s
}

.pro-index-brand .bg .change-brand[data-on="on"] .tu {
    transform: scale(0.8);
}

.pro-index-brand .bg .item {
    padding: 0 65px;
    width: 170px;
    height: 78px;
    overflow: hidden;
    float: left;
}

.pro-index-brand .bg .item.i0 {
    margin-top: -5px;
}

.pro-index-brand .bg .item.i2 {
    margin-top: 5px;
}

.pro-index-brand .bg .item.i3 {
    margin-top: 5px;
}

.pro-index-brand .bg .item.i4 {
    margin-left: 137px;
    margin-top: 48px;
}

.pro-index-brand .bg .item.i5 {
    margin-top: 53px;
}

.pro-index-brand .bg .item.i6 {
    margin-top: 58px;
}


.pro-index-brand .bg .item.i7 {
    margin-top: 41px;
}

.pro-index-brand .bg .item.i8 {
    margin-top: 46px;
}

.pro-index-brand .bg .item.i9 {
    margin-top: 47px;
}

.pro-index-brand .bg .item.i10 {
    margin-top: 50px;
}


.pro-index-brand .bg .item .swiper-slide a {
    display: block;
    height: 78px;
    background: #fff;
}

.pro-index-brand .bg .item .swiper-slide a img {
    display: block;
    height: 78px;
    max-width: 100%;
    margin: auto;
}

/*推荐品牌*/
.pro-index-brand-tj {
    width: 1200px;
    margin: 0 auto 25px;
    overflow: hidden;
    position: relative;
}

.pro-index-brand-tj .list {
    width: 1234px;
}

.pro-index-brand-tj .list .item {
    display: block;
    width: 375px;
    height: 214px;
    float: left;
    margin: 0 34px 34px 0;
    overflow: hidden;
}

.pro-index-brand-tj .list .item img {
    display: block;
    width: 375px;
    height: 214px;
    transition: all .5s
}

.pro-index-brand-tj .list .item:hover img {
    transform: scale(1.1);
}

/*pro-index-main*/
.pro-index-main {
    background: #f5f5f5;
    padding-bottom: 81px;
}

.pro-item-box {
    padding-top: 30px;
    position: relative;
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.pro-item-box .bbt {
    height: 52px;
    line-height: 52px;
    position: relative;
}

.pro-item-box .bbt .bt a {
    font-size: 24px;
    color: #000;
    font-weight: 600;
}

.pro-item-box .bbt .href {
    position: absolute;
    right: 0px;
    top: 0px;
}

.pro-item-box .bbt .href a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 52px;
    position: relative;
    font-size: 15px;
    color: #000;
    margin-left: 20px;
}

.pro-item-box .bbt .href a.on {
    color: #e06721;
}

.pro-item-box .bbt .href a:after {
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #e06721;
    transform: translatex(-50%);
}

.pro-item-box .bbt .href a.on:after {
    width: 100%;
}

.pro-item-box .list {}

.pro-item-box .list dl {
    display: block;
    width: 1207px;
    height: 614px;
}

.pro-item-box .list dl:after {
    content: "";
    display: block;
    clear: both;
}

.pro-item-box .list dl dd {
    display: block;
    float: left;
    height: 300px;
    width: 476px;
    margin: 0 7px 7px 0;
}

.pro-item-box .list dl dd a {
    display: block;
    height: 300px;
    width: 476px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    overflow: hidden;
    position: relative;
}

.pro-item-box .list dl dd a img {
    display: block;
    height: 300px;
    width: 476px;
    transition: all .5s
}

.pro-item-box .list dl dd a:hover img {
    transform: scale(1.05);
}

.pro-item-box .list dl dd a .title {
    width: 194px;
    height: 38px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin: 0 -98px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 1);
    *border: 1px solid #fff;
    background: rgba(0, 0, 0, .3);
    *background: ;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}

.pro-item-box .list dl dd a .title:after {
    display: block;
    height: 100%;
    width: 0;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    background: #fff;
}

.pro-item-box .list dl dd a .title:hover:after {
    width: 100%;
}

.pro-item-box .list dl dd a .title .z {
    width: 194px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 2;
}

.pro-item-box .list dl dd a .title:hover .z {
    color: #000;
    font-weight: 600;
}

.pro-item-box .list dl dt {
    display: block;
    float: left;
    margin: 0 7px 7px 0;
    height: 300px;
    width: 234px;
}

.pro-item-box .list dl dt a {
    display: block;
    background: #fff;
    height: 300px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    text-align: center;
    padding: 0 15px;
}

.pro-item-box .list dl dt a:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .175);
}

.pro-item-box .list dl dt a .tu {
    width: 160px;
    height: 160px;
    padding-top: 25px;
    margin: 0 auto 9px;
}

.pro-item-box .list dl dt a .tu img {
    display: block;
    width: 160px;
    height: 160px;
}

.pro-item-box .list dl dt a .title {
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    color: #000;
    margin-bottom: 2px;
}

.pro-item-box .list dl dt a .brandbt {
    color: #919191;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
}

.pro-item-box .list dl dt a .brandimg img {
    display: block;
    height: 60px;
    margin: auto;
}


/*类别列表*/
.zi-main {
    background: #fff;
}

.zi-main .zi-main-box {
    background: #fff;
    width: 100%;
    margin: auto;
}

.zi-main .zi-main-box.zi-hxjs {
    background: #fbfbfb
}

.zmb-main {
    width: 1200px;
    margin: auto;
}

.weizhi {
    height: 50px;
    line-height: 50px;
    color: #9b9b9b;
    font-size: 13px;
}

.weizhi span {
    font-family: 'simsun';
    margin: 0 10px;
}

.weizhi a:hover {
    color: #e06721;
}

/*左边分类*/
.proclass-left {
    width: 250px;
    float: left;
    padding-bottom: 30px;
}

.proclass-left .t-bt {
    font-size: 30px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eceff1;
    margin-bottom: 19px;
}

.proclass-left .l-box .bt {
    height: 48px;
    line-height: 50px;
    margin-bottom: 2px;
}

.proclass-left .l-box .bt a {
    display: block;
    height: 50px;
    position: relative;
    padding: 0 30px 0 10px;
    color: #3b3b3b;
    font-size: 16px;
    background: #eceeef;
}

.proclass-left .l-box .bt a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.proclass-left .l-box .bt.on a {
    background: #e06721;
    color: #fff;
}

.proclass-left .l-box .bt.on a:after {
    border-color: #fff;
    margin-top: -1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.proclass-left .l-box .ll {
    background: #eceeef;
    margin-top: -2px;
    padding: 6px 0;
}

.proclass-left .l-box .ll .it {
    line-height: 38px;
    height: 38px;
}

.proclass-left .l-box .ll .it a {
    height: 38px;
    display: block;
    padding: 0 28px;
    font-size: 15px;
    color: #e06721;
    font-weight: 600;
    position: relative;
}

.proclass-left .l-box .ll a:hover {
    background: #ddd;
}

.proclass-left .l-box .ll .it a:after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid #e06721;
    border-right: 2px solid #e06721;
    margin-top: -4px;
    left: 13px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.proclass-left .l-box .ll .it.on a:after {
    margin-top: -5px;
    left: 14px;
    transform: rotate(135deg);
}


.proclass-left .l-box .lll .it-z {
    height: 36px;
    line-height: 36px;
}

.proclass-left .l-box .lll .it-z a {
    height: 36px;
    line-height: 36px;
    padding: 0 28px 0 50px;
    font-size: 13px;
    color: #e06721;
    font-weight: 600;
    position: relative;
    display: block;
}

.proclass-left .l-box .lll .it-z a:after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid #e06721;
    border-right: 2px solid #e06721;
    margin-top: -4px;
    left: 28px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*右边展示*/
.proclass-right {
    width: 930px;
    float: right;
}

.proclass-right .proclass-search {
    position: relative;
    height: 45px;
    border: 1px solid #e06721;
    margin-bottom: 19px;
}

.proclass-right .proclass-search input {
    width: 94%;
    height: 45px;
    line-height: 45px;
    border: 0;
    border-radius: 0;
    background: none;
    padding: 0px 2%;
}

.proclass-right .proclass-search button {
    border-radius: 0;
    width: 45px;
    height: 45px;
    background:  center no-repeat #e06721;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    border: 0;
}

.proclass-right .list-box {
    margin-bottom: 27px;
}

.proclass-right .list-box .bbt {
    height: 72px;
    line-height: 72px;
    overflow: hidden;
    font-size: 24px;
    border-bottom: 1px solid #e0e0e0;
}

.proclass-right .list-box .list {
    border-bottom: 1px solid #e0e0e0;
}

.proclass-right .list-box .list .ul {
    margin-bottom: -1px;
}

.proclass-right .list-box .list .item {
    float: left;
    height: 170px;
    width: 231px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.proclass-right .list-box .list .item.rr {
    border-right: 0;
    width: 234px;
}

.proclass-right .list-box .list .ul:after {
    content: "";
    display: block;
    clear: both;
}

.proclass-right .list-box .list .item a {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 6px;
    height: 164px;
    color: #404040;
}

.proclass-right .list-box .list .item a:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .175);
}

.proclass-right .list-box .list .item a .tu {
    height: 120px;
}

.proclass-right .list-box .list .item a .tu img {
    height: 120px;
    display: block;
    margin: auto;
}

.proclass-right .list-box .list .item a .title {
    height: 32px;
    line-height: 32px;
    font-size: 15px;
}

/*产品参数选择*/
.shuxing-box {
    background: #f9f9f9;
    text-transform: uppercase;
}

.shuxing-box .shuxingbbt {
    height: 48px;
    padding: 0 10px;
    position: relative;
    color: #fff;
    font-size: 16px;
    background: #e06721;
    line-height: 48px;
}

.shuxing-box .shuxingbbt button {
    border: 0;
    background: #fff;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 10px;
    color: #333;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 12px;
    display: none
}

.shuxing-box .item-box {
    margin-bottom: 1px;
}

.shuxing-box .item-box .qing {
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 15px auto 15px;
    border-radius: 12px;
    cursor: pointer;
    background: #ddd;
    display: none;
}

.shuxing-box .item-box:after {
    content: "";
    display: block;
    clear: both;
}

.shuxing-box .item-box .bbt {
    height: 48px;
    padding: 0 30px 0 10px;
    background-color: #e1e3e5;
    line-height: 48px;
    font-size: 14px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    cursor: pointer;
}

.shuxing-box .item-box[data-on="on"] .bbt {
    background-image: ;
}

.shuxing-box .item-box .list {
    padding: 10px 5px;
}

.shuxing-box .item-box .list .ul {
    padding-right: 15px;
    overflow-y: auto;
    max-height: 120px;
}

.shuxing-box .item-box .list .ul .it {
    display: block;
    min-height: 20px;
    padding: 2px 0 2px 23px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
}

.shuxing-box .item-box.sxbox .list .ul .it {
    text-transform: uppercase;
}

.shuxing-box .item-box .list .ul .it span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #ddd;
    position: absolute;
    left: 5px;
    top: 5px;
}

.shuxing-box .item-box .list .ul .it[data-on="on"] span {
    background:  no-repeat center;
}

.shuxing-box .item-box .list .ul .it:hover {
    background: #eee;
}

.shuxing-box .item-box .list .ul .it[data-on="on"] {
    background: #daedfd
}

/*产品列表*/
.proclass-right .listcheckbox {
    height: 42px;
    line-height: 42px;
    background: #f9f9f9;
    position: relative;
    padding: 0 80px 0 13px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-top: 0;
    font-size: 13px;
}

.proclass-right .listcheckbox .px-item {
    float: left;
    height: 42px;
    position: relative;
    padding-left: 22px;
    margin-right: 20px;
    cursor: pointer;
}

.proclass-right .listcheckbox .px-item span {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 100%;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    background: #fff;
    left: 0px;
    top: 50%;
    margin-top: -7px;
    border: 1px solid #ddd;
}

.proclass-right .listcheckbox .px-item span b {
    display: none;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    left: 3px;
    top: 50%;
    margin-top: -3px;
    background: #e06721;
    position: absolute;
}

.proclass-right .listcheckbox .px-item.on span b {
    display: block;
}

.proclass-right .listcheckbox .showtype {
    border-left: 1px solid #e0e0e0;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    top: 0;
}

.proclass-right .listcheckbox .showtype .btn {
    width: 30px;
    height: 42px;
    *display: inline;
    *zoom: 1;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.proclass-right .listcheckbox .showtype .btn.prev:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    position: absolute;
    margin: -4px -1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.proclass-right .listcheckbox .showtype .btn.next:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    position: absolute;
    margin: -4px -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.proclass-right .listcheckbox .showtype .page-i {
    color: #e06721;
}

.proclass-right .p-list {
    border: 1px solid #e0e0e0;
    margin: 22px auto;
}

.pro-listmain {
    width: 929px;
}

.proclass-right .p-list .ul:after {
    content: "";
    display: block;
    clear: both;
}

.proclass-right .p-list .ul {
    width: 930px;
    float: left;
    margin-bottom: -1px;
    min-height: 200px;
}

.proclass-right .p-list .ul .item {
    width: 231px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    float: left;
}

.proclass-right .p-list .ul .item a {
    padding: 25px 8px;
    display: block;
    text-align: center;
    color: #000;
    -webkit-transition: all .5s, border 0s, margin 0s;
    -o-transition: all .5s, border 0s, margin 0s;
    -moz-transition: all .5s, border 0s, margin 0s;
    transition: all .5s, border 0s, margin 0s;
}

.proclass-right .p-list .ul .item a:hover {
    color: #e06721;
    border: 1px solid #e06721;
    margin: -1px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .175)
}

.proclass-right .p-list .ul .item a .tu {
    height: 160px;
    margin-bottom: 8px;
}

.proclass-right .p-list .ul .item a .tu img {
    height: 160px;
    display: block;
    margin: auto;
}

.proclass-right .p-list .ul .item a .title {
    height: 26px;
    line-height: 26px;
    font-size: 15px;
}

.proclass-right .p-list .ul .item a .xx {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    height: 22px;
}

.proclass-right .p-list .ul .item a .href {
    color: #e06721;
    text-decoration: underline;
    font-size: 13px;
}

.proclass-right .p-list .ul .nothing {
    line-height: 200px;
    font-size: 16px;
    text-align: center;
}

/*layui分页自定义样式*/
.pro-page-box[data-null="1"] {
    display: none
}

.pro-page-box {
    text-align: center;
    padding-bottom: 30px;
    font-size: 14px;
}

.pro-page-box em {
    font-style: inherit;
}

.pro-page-box a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #a2a2a2;
    border: 1px solid transparent;
    border-radius: 100%;
}

.pro-page-box span {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #a2a2a2;
    border: 1px solid transparent;
    border-radius: 100%;
}

.pro-page-box span.layui-laypage-curr {
    color: #e06721;
}

.pro-page-box a:hover {
    color: #e06721;
}

.pro-page-box a.layui-laypage-prev,
.pro-page-box a.layui-laypage-next {
    font-family: 'simsun';
    border: 1px solid transparent;
    border: 1px solid #ddd;
}

.pro-page-box a.layui-disabled {
    cursor: default !important;
    color: #a2a2a2 !important;
}

/*产品详情*/
.pro-view-up {
    padding: 15px 0 45px;
}

.pro-view-up .left-banner {
    width: 435px;
    height: 435px;
    padding-left: 143px;
    position: relative;
    overflow: hidden;
    float: left
}

.pro-view-up .left-banner .hd {
    width: 70px;
    height: 435px;
    position: absolute;
    left: 0px;
    top: 0;
}

.pro-view-up .left-banner .hd .bbtn {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    position: relative;
    height: 20px;
}

.pro-view-up .left-banner .hd .bbtn:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(135deg);
    margin-top: -6px;
    margin-left: -4px
}

.pro-view-up .left-banner .hd .bbtn.ppp:after {
    margin-top: -1px;
    margin-left: -4px;
    transform: rotate(-45deg);
}




.pro-view-up .left-banner .hd .bbtn.ppp {
    margin-bottom: 6px
}

.pro-view-up .left-banner .hd ul li {
    display: block;
    border: 1px solid #e1e1e1;
    margin-bottom: 6px;
    height: 68px
}

.pro-view-up .left-banner .hd ul li.on {
    border: 1px solid #e06721;
}

.pro-view-up .left-banner .hd ul li img {
    display: block;
    width: 68px;
    height: 68px;
}

.pro-view-up .left-banner .list {
    width: 435px;
    height: 435px;
    overflow: hidden;
}

.pro-view-up .left-banner .list ul li {
    width: 435px;
    height: 435px;
    overflow: hidden;
    display: block;
}

.pro-view-up .left-banner .list ul li img {
    width: 435px;
    height: 435px;
    overflow: hidden;
    display: block;
}

/**/
.pro-view-up .pv-right {
    width: 440px;
    float: right;
    color: #444444;
}

.pro-view-up .pv-right .title {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #000;
}

.pro-view-up .pv-right .demo {
    font-size: 14px;
    margin-bottom: 15px;
}

.pro-view-up .pv-right .xx-box {
    background: #fafafa;
    border: 1px solid #e9e9e9;
    padding: 11px 20px;
    margin-bottom: 57px;
}

.pro-view-up .pv-right .xx-box .it {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #9d9d9d;
}

.pro-view-up .pv-right .xx-box .it span {
    color: #000;
}

.pro-view-up .pv-right .cz-btn {
    height: 52px;
    line-height: 52px;
}

.pro-view-up .pv-right .cz-btn .btn {
    height: 52px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.pro-view-up .pv-right .cz-btn .btn.ke {
    background-color: #e06721;
    padding-left: 40px;
    width: 220px;
    cursor: pointer;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 30% 50%;
    float: left;
}

.pro-view-up .pv-right .cz-btn .btn.sc {
    background-color: #b0b0b0;
    padding-left: 30px;
    width: 130px;
    cursor: pointer;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 32% 45%;
    float: right;
}

.pro-view-up .pv-right .cz-btn .btn.sc.ed {
    background-color: #e06721;
    background-position: 22% 45%;
    padding-left: 15px;
    width: 145px;
}

.pro-view-up .pv-right .share-box {
    height: 44px;
    line-height: 44px;
    padding-top: 36px;
    border-bottom: 1px solid #e0e0e0;
}

.pro-view-up .pv-right .share-box .bshare-more {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 20px !important;
    font-size: 14px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
}

.proclass-left .totalb-box {
    line-height: 46px;
    font-size: 18px;
    color: #000;
    padding: 0 10px;
    height: 46px;
    border: 1px solid #cacaca;
    border-right: 0px;
    background: #fff;
    position: relative;
}

.proclass-left .totalb-box .sjx {
    width: 22px;
    height: 48px;
    top: -1px;
    left: 100%;
    position: absolute;
    background-image: ;
    background-repeat: no-repeat;
}

.proclass-left .totalb-box span {
    color: #e06721;
}

.proclass-left .totalb-box .btn {
    color: #e06721;
    font-size: 14px;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    top: 0px;
    right: 10px;
    position: absolute;
}

/**/
.pvm-right {
    float: right;
    width: 918px;
    border-top: 1px solid #dedede;
    padding-bottom: 30px;
}

.pvm-right .pvmr-czbox .bt .text1 {
    font-size: 18px;
    color: #000;
}

.pvm-right .pvmr-czbox {
    position: relative;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dedede;
    padding: 28px 0 27px;
    color: #7d7d7d;
    font-size: 14px;
}

.pvm-right .pvmr-czbox span {
    color: #000;
    font-size: 16px;
    float: left;
    margin-right: 8px;
}

.pvm-right .pvmr-czbox .btn-box {
    position: absolute;
    top: 28px;
    right: 0px;
}

.pvm-right .pvmr-czbox .btn-box .btn {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 40px;
    padding: 0 12px 0 48px;
    color: #fff;
    cursor: pointer;
    background-color: #b0b0b0;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.pvm-right .pvmr-czbox .btn-box .btn.lan {
    background-color: #e06721
}

.pvm-right .pvmr-czbox .btn-box .btn.mulu {
    background-image: ;
    background-position: 15% 48%;
}

.pvm-right .pvmr-czbox .btn-box .btn.addxun {
    background-image: ;
    background-position: 15% 48%;
}

.pvm-right .pvmr-czbox .btn-box .btn.addxun.on {
    background-color: #e06721;
}

.pvm-right .userstatus {
    line-height: 56px;
    height: 56px;
    color: #797979;
    font-size: 13px;
}

.pvm-right .userstatus a {
    color: #e06721;
}

.pvm-right .view-box-main .type-box {
    border-top: 4px solid #e06721;
    border-bottom: 1px solid #e0e0e0;
    height: 56px;
}

.pvm-right .view-box-main .type-box .it {
    height: 56px;
    width: 140px;
    color: #3b3b3b;
    font-size: 16px;
    border-right: 1px solid #e0e0e0;
    float: left;
    text-align: center;
    line-height: 56px;
    cursor: pointer;
}

.pvm-right .view-box-main .type-box .it.on {
    background: #f9f9f9;
}

.pvm-right .view-box-main .v-box {
    display: none;
    line-height: 2;
}

.pvm-right .view-box-main .v-box#v2 {
    text-transform: uppercase !important;
}

.pvm-right .view-box-main .v-box.pad {
    padding: 15px 0;
}

.pvm-right .view-box-main .v-box .layui-form-checked[lay-skin=primary] i {
    background: #fff;
    color: #e06721;
    font-weight: 800;
    border-color: #e06721;
}

.pvm-right .view-box-main .v-box .layui-form-checked:hover i {
    border-color: #e06721;
}

.pvm-right .view-box-main .v-box .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #e06721;
}

.xuan-sl-box {
    padding: 2px 0;
}

.xuan-sl-box:after {
    content: "";
    display: block;
    clear: both;
}

.xuan-sl-box .bb {
    width: 22px;
    height: 22px;
    float: left;
    border: 1px solid #cacacb;
    border-radius: 100%;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .075);
    box-sizing: content-box;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.xuan-sl-box input {
    width: 30px;
    text-align: center;
    border: 0px;
    height: 24px;
    line-height: 24px;
    border: 0;
    color: #e06721;
    background: none;
    float: left
}

.xuan-sl-box .bb.jian {
    background-image: 
}

.xuan-sl-box .bb.jia {
    background-image: 
}

.xinghao-view {
    padding-bottom: 30px;
    text-transform: uppercase;
}

.xinghao-view .bbt {
    height: 48px;
    background: #e1e3e5;
    line-height: 48px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 0 19px;
}

.xinghao-view table {
    width: 100%;
}

.xinghao-view table tr {
    border-bottom: 1px solid #ccc;
}

.xinghao-view table tr td {
    padding: 8px 19px;
    line-height: 1.4;
    height: 30px;
    font-size: 12px;
    color: #999;
    width: 18%
}

.xinghao-view table tr td.bt {
    color: #333;
    width: 15.3%;
    background: #f5f5f5;
}

/**/
.pv-xgbz {
    margin-bottom: 30px;
}

.pv-xgbz .bbt {
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #000;
    border-bottom: 3px solid #e06721;
}

.pv-xgbz .list .item {
    padding: 18px 0;
    border-bottom: 1px dashed #9e9e9e;
    color: #3b3b3b;
    font-size: 14px;
}

.pv-xgbz .list .item .wen,
.pv-xgbz .list .item .da {
    position: relative;
    line-height: 28px;
    padding: 2px 0 2px 30px;
}

.pv-xgbz .list .item .zi {
    font-size: 16px;
    top: 2px;
    left: 0px;
    position: absolute;
}

.pv-xgbz .list .item .wen {
    font-size: 16px;
    color: #000;
}

.pv-xgbz .list .item .wen .zi {
    color: #e06721;
}

.pv-xgbz .list .item .da .zi {
    color: #c60000;
}

.pv-xgbz .beizhumore {
    line-height: 67px;
    height: 66px;
    border-bottom: 1px solid #dedede;
}

.pv-xgbz .beizhumore span {
    cursor: pointer;
    color: #e06721;
    font-size: 14px;
}

/**/
.pv-tjlist-box {}

.pv-tjlist-box .bbt {
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #000;
    border-bottom: 1px solid #dcdcdc;
}

.pv-tjlist-box .list .item {
    width: 240px;
    float: left;
}

.pv-tjlist-box .list .item a {
    display: block;
    padding: 26px 10px;
    text-align: center;
}

.pv-tjlist-box .list .item a:hover {
    box-shadow: inset 0 0 26px rgba(0, 0, 0, .12);
}

.pv-tjlist-box .list .item a .tu {
    margin-bottom: 8px;
    height: 160px;
}

.pv-tjlist-box .list .item a .tu img {
    display: block;
    margin: auto;
    height: 160px;
}

.pv-tjlist-box .list .item a .title {
    line-height: 24px;
    height: 24px;
    font-size: 15px;
    color: #000;
}

.pv-tjlist-box .list .item a .xx {
    color: #6c6c6c;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

.pv-tjlist-box .list .item a .href {
    height: 46px;
    line-height: 46px;
    color: #e06721;
    text-decoration: underline;
}

/*关于我们*/
.zi-top {
    background: #e06721;
}

.zi-top.h {
    height: 56px;
}

.zi-top .h {
    height: 56px;
    line-height: 56px;
}

.zi-top .zi-top-main {
    width: 94%;
    margin: auto;
    max-width: 1200px;
    position: relative;
}

.zi-top .zi-top-main .sy {
    width: 56px;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    display: block;
    float: left;
    background-image: ;
    background-position: center;
    background-repeat: no-repeat;
}

.zi-top .zi-top-main .text-show {
    padding: 0 16px;
    min-width: 100px;
    font-size: 14px;
    color: #fff;
    float: left;
    text-align: center;
    position: relative;
}

.zi-top .zi-top-main .text-show:before {
    position: absolute;
    content: '';
    right: 0;
    top: 35%;
    width: 1px;
    height: 30%;
    background: #fff;
}

.zi-top .zi-top-main .xiala-show {
    position: relative;
    z-index: 10;
    float: left;
    font-size: 14px;
    color: #fff;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.zi-top .zi-top-main .xiala-show .bbt {
    color: #fff;
    cursor: pointer;
    padding: 0 32px 0 16px;
    min-width: 100px;
    background-image: ;
    background-position: 91% 50%;
    background-repeat: no-repeat;
}

.zi-top .zi-top-main .xiala-show dl {
    display: none;
    background: #e06721;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 0;
    left: -1px;
    top: 100%;
    width: 100%;
}

.zi-top .zi-top-main .xiala-show dl dd {
    display: block;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
}

.zi-top .zi-top-main .xiala-show dl dd a {
    color: #fff;
    padding: 0 14px;
    display: block;
}

.zi-top .zi-top-main .xiala-show dl dd a:hover {
    background-color: rgba(255, 255, 255, .1);
}

.zi-top .zi-top-main .zi-nav {
    float: left;
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.zi-top .zi-top-main .zi-nav .on {
    background: #cb5f20;
}

.zi-top .zi-top-main .text-show:nth-last-child(1):before {
    display: none;
}


/**/
.login-box-xx {
    position: absolute;
    right: 0px;
    top: 0;
    color: #fff;
    font-size: 14px;
}

.login-box-xx a {
    color: #fff;
    font-size: 14px;
    *display: inline;
    *zoom: 1;
    display: inline-block;
}

.login-box-xx span {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    margin: 0 10px;
}

.login-box-xx a:hover {
    opacity: .8
}

.login-box-xx a.loginb {
    padding-left: 20px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: left;
}




.about-index {
    height: 824px;
    position: relative;
}

.about-index .ab-b {
    position: absolute;
    height: 320px;
    margin-top: -160px;
    width: 1200px;
    left: 50%;
    top: 50%;
    margin-left: -600px;
}

.about-index .ab-b .bt {
    font-size: 36px;
    color: #fff;
    line-height: 1.2;
}

.about-index .ab-b .bt.en {
    font-size: 72px;
}

.about-index .ab-b .href {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 800px;
}

.about-index .ab-b .href .item {
    width: 160px;
    height: 160px;
    float: left;
    background: #e06721;
}

.about-index .ab-b .href .item.it0 {
    margin-right: 400px;
}

.about-index .ab-b .href .item.it1 {
    margin-left: 160px;
    background: #22313c;
}

.about-index .ab-b .href .item.it2 {
    background: #95b5ce;
}

.about-index .ab-b .href .item.it3 {
    background: #618fc0;
}

.about-index .ab-b .href .item a {
    display: block;
    width: 160px;
    height: 160px;
    position: relative;
    color: #fff;
}

.about-index .ab-b .href .item a .title {
    line-height: 38px;
    font-size: 20px;
    height: 38px;
    padding: 30px 10px 0 20px;
}

.about-index .ab-b .href .item a img {
    display: block;
    height: 47px;
    right: 18px;
    bottom: 18px;
    position: absolute;
    transition: all .5s;
}

.about-index .ab-b .href .item a:hover img {
    -webkit-animation: transform-5 1s ease 0s alternate none infinite;
    -moz-animation: transform-5 1s ease 0s alternate none infinite;
    animation: transform-5 1s ease 0s alternate none infinite;
}

.ab-qyyj-list,
.ab-qyyj-list ul {
    width: 100%;
    float: left;
}

.ab-qyyj-list li {
    width: 513px;
    float: left;
    margin-bottom: 42px;
}

.ab-qyyj-list li .img,
.ab-qyyj-list li .img img {
    width: 100px;
    height: 100px;
    float: left;
    object-fit: cover;
}

.ab-qyyj-list li .text {
    width: 400px;
    height: 100px;
    overflow: hidden;
    float: right;
    position: relative;
}

.ab-qyyj-list li .text .box {
    width: 100%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.ab-qyyj-list li .text>div {
    width: 100%;
    float: left;
    line-height: 25px;
}

.ab-qyyj-list li .text .name {
    font-size: 18px;
    color: #e06721;
}

.ab-qyyj-list li .text .desc {
    font-size: 15px;
    max-height: 75px;
    overflow: hidden;
    color: #171717;
}

.ab-qyyj-list li:nth-child(2n-1) {
    margin-right: 174px;
}

.ab-hxjzg,
.ab-jjln {
    margin-top: 80px;
}

.ab-hxjzg,
.ab-hxjzg ul {
    width: 100%;
    float: left;
}

.ab-hxjzg li {
    width: 100px;
    float: left;
    margin-left: 120px;
    text-align: center;
    font-size: 16px;
    color: #171717;
    line-height: 30px;
}

.ab-hxjzg li>div {
    width: 100%;
    float: left;
}

.ab-hxjzg li .img img {
    width: 100%;
    float: left;
    object-fit: cover;
}

.ab-hxjzg li .name {
    margin: 10px 0 30px;
}

.ab-hxjzg li:nth-child(6n-5) {
    margin-left: 0;
}


/**/
.zi-banner {
    height: 500px;
    position: relative;
}

.zi-banner .bbtt {
    width: 1200px;
    color: #ffffff;
    font-size: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 48px;
    height: 48px;
    margin: -24px -600px;
    text-align: center;
}

.zi-banner .text {
    width: 1200px;
    margin: 0 auto;
    color: #ffffff;
    padding-top: 200px;
}

.zi-banner .text .bt {
    height: 64px;
    font-size: 44px;
    line-height: 64px;
}

.zi-banner .text .demo {
    line-height: 1.6;
    font-size: 18px;
    text-transform: uppercase;
}

.aboutviewbox {
    padding: 50px 0;
    width: 1200px;
    margin: auto;
}

.aboutviewbox .ab-right {
    float: right;
    width: 333px;
}

.aboutviewbox .ab-left {
    width: 100%;
    float: left;
    min-height: 100px;
}

.aboutviewbox .ab-left .type-bbt {
    width: 100%;
    float: left;
    color: #000000;
    font-size: 36px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.aboutviewbox .ab-left .ab-dan-view {
    font-size: 14px;
    color: #4d4d4d;
}

.aboutviewbox .ab-left .ab-dan-view img {
    width: 100%;
}

.ab-dan-view .ab-abttext {
    width: 100%;
    padding-bottom: 40px;
}

.ab-dan-view .ab-abttext .box,
.ab-dan-view .ab-abttext .toggle {
    width: 600px;
    float: left;
}

.ab-dan-view .ab-abttext .toggle .img {
    float: right;
    position: relative;
    width: 485px;
    height: 340px;
}

.ab-dan-view .ab-abttext .toggle .img img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ab-dan-view .ab-abttext .toggle .img:before,
.ab-dan-view .ab-abttext .toggle .img:after {
    position: absolute;
    content: '';
}

.ab-dan-view .ab-abttext .toggle .img:before {
    right: -35px;
    top: -45px;
    width: 160px;
    height: 160px;
    background: #f6d1bc;
    border-radius: 160px;
}

.ab-dan-view .ab-abttext .toggle .img:after {
    left: -27px;
    bottom: -27px;
    width: 166px;
    height: 166px;
    border: #e78b56 6px solid;
}



.ab-hxjs,
.ab-hxjs-content,
.ab-yfjg-cont,
.ab-yfjg-cont ul,
.ab-cplx-content,
.ab-cplx-content ul {
    width: 100%;
    float: left;
}

.ab-hxjs-content {
    font-size: 16px;
    color: #424242;
}

.ab-yfjg-cont {
    margin-top: 80px;
}

.ab-yfjg-cont li {
    width: 300px;
    float: left;
    margin-left: 150px;
    text-align: center;
    position: relative;
    margin-bottom: 100px;

}

.ab-yfjg-cont li .img,
.ab-yfjg-cont li .img img {
    width: 100%;
    float: left;
    object-fit: cover;
}

.ab-yfjg-cont li .box {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    background: #e06721;
    border-radius: 100%;
    color: #fff;
}

.ab-yfjg-cont li .box .name {
    width: 70%;
    max-height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 36px;
    font-size: 24px;
}

.ab-yfjg-cont li .box:before,
.ab-yfjg-cont li .box:after {
    position: absolute;
    content: '';
}

.ab-yfjg-cont li .box:before {
    width: 25px;
    height: 25px;
    border: #fff 2px solid;
    border-radius: 100%;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
}

.ab-yfjg-cont li .box:after {
    content: ' ';
    bottom: 0px;
    font-size: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}

.ab-yfjg-cont li:nth-child(3n-2) {
    margin-left: 0;
}

.ab-yfjg-cont li:before {
    position: absolute;
    content: '';
    width: 60%;
    height: 1px;
    bottom: -30px;
    left: 20%;
    background: #f5f5f5;
    border-radius: 100%;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
}

.ab-jshz-list {
    margin-top: 80px;
}

.ab-jshz-list,
.ab-jshz-list ul {
    width: 100%;
    float: left;
}

.ab-jshz-list li {
    width: 275px;
    float: left;
    background: #fff;
    margin-left: 33.3333px;
    margin-bottom: 38px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .1);
}

.ab-jshz-list li .img,
.ab-jshz-list li .img img {
    width: 100%;
    height: 105px;
    float: left;
    object-fit: cover;
}

.ab-jshz-list li .box {
    width: 235px;
    float: left;
    border-top: #e3e3e3 1px solid;
    padding: 20px;
    font-size: 14px;
    color: #3a3a3a;
}

.ab-jshz-list li .box .desc {
    width: 100%;
    height: 100px;
    overflow: hidden;
    line-height: 25px;
}

.ab-jshz-list li .box .link {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #4b4b4b;
}

.ab-jshz-list li .box .link font {
    font-family: '宋体';
    font-weight: bold;
}

.ab-jshz-list li .box .link a {
    color: #a0a0a0;
}

.ab-jshz-list li:hover .box .link a {
    color: #e06721;
}

.ab-jshz-list li:nth-child(4n-3) {
    margin-left: 0;
}

.ab-jshz-list li:hover {
    box-shadow: 2px 5px 10px rgba(0, 0, 0, .5);
}

.ab-mt-name {
    margin-top: 80px;
}

.ab-cplx-content {
    font-size: 15px;
    color: #424242;
}

.ab-cplx-content {
    text-align: center;
}

.ab-cplx-content li {
    float: left;
    width: 145px;
    height: 145px;
    border-radius: 100%;
    text-align: center;
    line-height: 145px;
    color: #1b1b1b;
    font-size: 18px;
    margin-top: 57px;
    position: relative;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: #df5c12;
    border-top-width: 0;
    border-right-width: 0;
}

.ab-cplx-content li:nth-child(2) {
    margin-left: 70px;
    width: 258px;
    height: 258px;
    margin-top: 0;
}

.ab-cplx-content li:nth-child(3) {
    width: 218px;
    height: 218px;
    margin-top: 20px;
    margin-left: -40px;
}

.ab-cplx-content li:nth-child(2) {
    transform: rotate(45deg);
}

.ab-cplx-content li:nth-child(3) {
    transform: rotate(45deg);
}

.ab-cplx-content li:nth-child(4) {
    transform: rotate(45deg);
}

.ab-cplx-content li:nth-child(5) {
    transform: rotate(45deg);
}

.ab-cplx-content li:nth-child(2) .box {
    transform: rotate(-45deg);
}

.ab-cplx-content li:nth-child(3) .box {
    transform: rotate(-45deg);
}

.ab-cplx-content li:nth-child(4) .box {
    transform: rotate(-45deg);
}

.ab-cplx-content li:nth-child(5) .box {
    transform: rotate(-45deg);
}

.ab-cplx-content li:nth-child(4) {
    width: 178px;
    height: 178px;
    margin-top: 40px;
    margin-left: -40px;
}

.ab-cplx-content li:nth-child(5) {
    margin-left: -40px;
}

.ab-cplx-content li .box {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.ab-cplx-content li .name {
    width: 80%;
    font-size: 22px;
    line-height: 28px;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}



.ab-cplx-content li.cplx1 {
    background: inherit;
    width: 260px;
    height: 260px;
    border: #df5c12 2px solid;
    margin-top: 0;
    margin-left: 0;
    position: relative;
}

.ab-cplx-content li.cplx1:after {
    position: absolute;
    content: '';
    right: -74px;
    top: 50%;
    width: 72px;
    height: 2px;
    background: #df5c12;
    transform: translate(0%, -50%);
}


.ab-cplx-content li.cplx1 .box {
    margin: 0 10%;
    /*width: 151px;
    height: 151px;*/
    width: 80%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.ab-cplx-content li.cplx1>div {
    width: 100%;
    float: left;
}

.ab-cplx-content li.cplx1 .name {
    color: #e06a25;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    width: 100%;
    height: 32px;
    top: inherit;
    transform: translate(0, 0);
}

.ab-cplx-content li.cplx1 .desc {
    color: #1b1b1b;
    font-size: 22px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    font-weight: bold;
    margin-top: 10px;
    width: 90%;
    margin-left: 5%;
}

.ryzz {
    height: 120px;
    border-bottom: #ebebeb 10px solid;
    position: relative;
}

.ryzz .name {
    margin-top: 10px;
}

.ryzz .desc {
    width: 100%;
    float: left;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #707070;

}

.ryzz .img {
    position: absolute;
    right: 0;
    bottom: -10px;
    z-index: 1;
    height: 120px;
}

.ryzz .img img {
    height: 120px;
}

.ab-ryzz-content {
    margin-top: 20px;
}

.ab-ryzz-content,
.ab-ryzz-content ul {
    width: 100%;
    float: left;
}

.ab-ryzz-content ul {
    margin-top: 20px;
}

.ab-ryzz-content li {
    width: 25%;
    float: left;
    width: 248px;
    height: 293px;
    border: #e2e2e2 1px solid;
    margin-left: 66px;
    margin-top: 40px;
}

.ab-ryzz-content li:nth-child(-n   4) {
    margin-top: 0;
}

.ab-ryzz-content li .img {
    width: 100%;
    height: 249px;
    float: left;
    border-bottom: #e2e2e2 1px solid;
    background: #fafafa;
    position: relative;
}

.ab-ryzz-content li .img img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ab-ryzz-content li:nth-child(4n-3) {
    margin-left: 0;
}

.ab-ryzz-content li .name {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #363636;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
}


.ab-sbzl-content {
    width: 100%;
    float: left;
}

.ab-sbzl-content .toggle {
    width: 550px;
    float: right;
    position: relative;
}

.ab-sbzl-content ul {
    width: 234px;
    float: left;
    margin-top: 65px;
    margin-left: 150px;
}

.ab-sbzl-content ul li {
    float: left;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: #e4783a 2px solid;
    border-radius: 50px;
    font-size: 18px;
    color: #282828;
    margin-bottom: 50px;
    margin-left: 17px;
    position: relative;
}

.ab-sbzl-content ul li .name {
    width: 100%;
    float: left;
    height: 50px;
    overflow: hidden;
}

.ab-sbzl-content ul li font {
    color: #e06721;
}

.ab-sbzl-content ul li:before {
    position: absolute;
    content: '';
    left: initial;
    bottom: initial;
    right: 90px;
    top: -45px;
    width: 0;
    height: 0;
    background: #fff;
    border-left: 2px solid #e16d2a;
    border-bottom: 2px solid #e16d2a;
    height: 12px;
    width: 12px;
    transform: rotate(-45deg) translate(-50%, 0%);
    -webkit-transform: rotate(-45deg) translate(-50%, 0%);
    -moz-transform: rotate(-45deg) translate(-50%, 0%);
    -ms-transform: rotate(-45deg) translate(-50%, 0%);
    -o-transform: rotate(-45deg) translate(-50%, 0%);
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}

.ab-sbzl-content ul li:nth-child(1) {
    width: 230px;
    background: #e4783a;
    color: #fff;
    margin-left: 0;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
}

.ab-sbzl-content ul li:nth-child(1) .name {
    height: 60px;
    overflow: hidden;
}

.ab-sbzl-content ul li:nth-child(1) font {
    color: #fff;
}

.ab-sbzl-content ul li:nth-child(1):before {
    display: none;
}

.ab-sbzl-content .toggle .img {
    position: relative;
    z-index: 1;
}

.ab-sbzl-content .toggle:before,
.ab-sbzl-content .toggle:after {
    position: absolute;
    content: '';
}

.ab-sbzl-content .toggle:before {
    width: 160px;
    height: 160px;
    right: 60px;
    top: 60px;
    background: #f5d1bd;
    border-radius: 100%;
    z-index: 0;
}

.ab-sbzl-content .toggle:after {
    width: 210px;
    height: 210px;
    left: 0;
    bottom: 80px;
    border: #e78b56 6px solid;
}

.ab-yftd-content {
    margin-bottom: 50px;
}

.ab-yftd-content,
.ab-yftd-content ul {
    width: 100%;
    float: left;
}

.ab-yftd-content li {
    width: 345px;
    float: left;
    margin-left: 82px;
    margin-top: 40px;
}

.ab-yftd-content li:nth-child(3n-2) {
    margin-left: 0;
}

.ab-yftd-content li:nth-child(-n 3) {
    margin-top: 0;
}

.ab-yftd-content li .img {
    width: 100%;
    float: left;
    height: 215px;
    overflow: hidden;
}

.ab-yftd-content li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ab-yftd-content li .name {
    width: 100%;
    color: #e06721;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    float: left;
    margin-top: 10px;
    position: relative;
}

.ab-yftd-content li .name:before {
    position: absolute;
    content: '';
    width: 15%;
    height: 2px;
    background: #e78b56;
    left: 0;
    bottom: 0;
}

.ab-yftd-content li .desc {
    width: 100%;
    float: left;
    margin-top: 20px;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 22px;
    height: 110px;
    overflow: hidden;
}

.ab-mb-content {
    margin-bottom: 50px;
}


#otherimg {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 99999;
    display: none;
}

#otherimg:before {
    position: absolute;
    content: '';
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
}

#otherimg.on {
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
}

#otherimg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    max-height: 90%;
    max-width: 90%;
}








.aboutviewbox .ab-right .fenlei .text-show {
    display: block;
    line-height: 38px;
    height: 38px;
    padding: 0 40px 0 15px;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    position: relative;
}

.aboutviewbox .ab-right .fenlei .text-show.ts0 {
    background: #1561b3;
}

.aboutviewbox .ab-right .fenlei .text-show.ts0:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.aboutviewbox .ab-right .fenlei .text-show.ts1 {
    background: #e06721;
}

.aboutviewbox .ab-right .fenlei .xiala-show .gun {
    display: none
}

.aboutviewbox .ab-right .fenlei .xiala-show .gun.on {
    display: block;
}

.aboutviewbox .ab-right .fenlei .xiala-show dl {
    display: block;
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd {
    display: block;
    line-height: 38px;
    height: 38px;
    padding: 0 40px 0 15px;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    background: #eee;
    position: relative;
    margin-bottom: 1px;
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd.on {
    background: #e06721;
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd>a {
    color: #333
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd>a {
    display: block;
    height: 38px;
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd.on>a {
    color: #fff;
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd.on:after {
    display: none
}

.aboutviewbox .ab-right .fenlei>.xiala-show>dl>dd.on:before {

    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: #db0023;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    border-radius: 100%;
    right: 15px;
    margin-top: -3px;
}

.aboutviewbox .ab-right .fenlei .xiala-show1 dl {
    display: block;
}

.aboutviewbox .ab-right .fenlei .xiala-show1>dl>dd {
    display: block;
    line-height: 38px;
    height: 38px;
    font-size: 15px;
    overflow: hidden;
    background: #fff;
    position: relative;
    margin-bottom: 1px;
    border-bottom: 1px solid #ebebeb
}

.aboutviewbox .ab-right .fenlei .xiala-show1>dl>dd:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #e06721;
    border-right: 1px solid #e06721;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.aboutviewbox .ab-right .fenlei .xiala-show1>dl>dd>a {
    display: block;
    height: 38px;
    padding: 0 40px 0 15px;
    overflow: hidden;
}

.aboutviewbox .ab-right .fenlei.pt .xiala-show1>dl>dd>a {
    padding: 0 40px 0 30px;
    font-size: 13px;
}

.aboutviewbox .ab-right .fenlei.pt .xiala-show1>dl>dd:after {
    display: none
}


.aboutviewbox .ab-right .fenlei .xiala-show1>dl>dd.on>a {
    background: #ebebeb;
    color: #1561b3;
}

.aboutviewbox .ab-right .fenlei .xiala-show1>dl>dd.on:after {
    display: none
}

.aboutviewbox .ab-right .fenlei .xiala-show1>dl {
    padding: 10px 0;

}

.aboutviewbox .ab-right .fenlei .xiala-show2>dl {
    padding: 10px 0;

}

.aboutviewbox .ab-right .fenlei .xiala-show2>dl>dd {
    display: block;
    line-height: 38px;
    height: 38px;
    font-size: 15px;
    overflow: hidden;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #ebebeb
}

.aboutviewbox .ab-right .fenlei .xiala-show2>dl>dd>a {
    display: block;
    height: 38px;
    padding: 0 15px 0 35px;
    font-size: 13px;
    overflow: hidden;
}

.aboutviewbox .ab-right .fenlei .xiala-show2>dl>dd.on>a {
    background: #ebebeb;
    color: #1561b3;
}

/*快速链接*/
.fast-href {
    background: #f5f5f5;
    padding: 34px 0 40px;
}

.fast-href .list {
    width: 1200px;
    margin: auto;
}

.fast-href .list .bbt {
    line-height: 68px;
    font-size: 24px;
    text-align: center;
}

.fast-href .list .item {
    width: 376px;
    float: left;
    margin: 0 36px 20px 0;
    position: relative;
}

.fast-href .list .item.end {
    margin-right: 0px;
}

.fast-href .list .item a {
    display: block;
    background: #fff;
    padding: 22px 170px 0 28px;
    height: 153px;
    position: relative;
    z-index: 1
}

.fast-href .list .item:before {
    position: absolute;
    content: '';
    left: 10%;
    bottom: 0%;
    width: 80%;
    height: 80%;
    box-shadow: 5px 5px 25px rgba(0, 0, 0, .3);
}

.fast-href .list .item a .title {
    height: 34px;
    line-height: 34px;
    margin-bottom: 4px;
    color: #000;
    font-size: 18px;
}

.fast-href .list .item a .demo {
    height: 88px;
    line-height: 22px;
    font-size: 14px;
    color: #898989;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.fast-href .list .item a .tu {
    width: 150px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}

.fast-href .list .item.it0 a .tu {
    background: #22313c;
}

.fast-href .list .item.it1 a .tu {
    background: #e8b497;
}

.fast-href .list .item.it2 a .tu {
    background: #e78b56;
}

.fast-href .list .item a .tu img {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px;
}

.lc-box {
    border-bottom: 1px solid #ececec;
    padding: 0px 0 20px;
    margin-bottom: 20px;
}

.lc-box .nian {
    height: 50px;
    line-height: 50px;
    color: #e06721;
    font-size: 24px;
}

.lc-box .list {
    padding-left: 65px;
    position: relative;
}

.lc-box .list .line {
    width: 1px;
    height: 98%;
    top: 5px;
    background: #dfdfdf;
    position: absolute;
    left: 8px;
}

.lc-box .list .item {
    margin-top: 15px;
    position: relative;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 2;
}

.lc-box .list .item .bt {
    height: 32px;
    line-height: 22px;
    color: #7a7a7a;
    font-size: 20px;
}

.lc-box .list .item .bt .biao {
    width: 28px;
    height: 17px;
    position: absolute;
    background: ;
    background-position: left;
    background-repeat: no-repeat;
    top: 1px;
    left: -65px;
}

/**/
.ab-photo-list .item {
    width: 257px;
    float: left;
    margin: 0 23px 29px 0;
}

.ab-photo-list .item.end {
    margin-right: 0;
}

.ab-photo-list .item .tu {
    cursor: pointer;
    width: 257px;
    height: 164px;
    overflow: hidden;
}

.ab-photo-list .item .tu img {
    width: 257px;
    height: 164px;
    display: block;
    transition: all .5s;
}

.ab-photo-list .item .tu:hover img {
    transform: scale(1.2);
}

.ab-photo-list .item .title {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.page-box {
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.page-box a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 30px;
    min-width: 20px;
    padding: 0 5px;
    border-radius: 15px;
    background: #fff;
    margin: 0 5px;
    color: #878787;
}

.page-box a.on {
    cursor: default !important;
    color: #fff !important;
    background: #e06721 !important;
}

.page-box a:hover {
    color: #000;
    background: #eee;
}

.ab-demo {
    background:  bottom repeat-x;
    padding: 35px 346px 60px 73px;
    color: #707070;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #e2e2e2;
}

.ab-demo .title {
    line-height: 40px;
    height: 40px;
    margin-bottom: 9px;
    font-size: 30px;
    color: #e06721;
    font-weight: bold;
}

.ab-honor-list {
    padding-top: 34px;
}

.ab-honor-list .item {
    width: 248px;
    border: 1px solid #e2e2e2;
    margin: 0 33px 34px 0;
    float: left;
    cursor: pointer;
}

.ab-honor-list .item.end {
    margin-right: 0;
}

.ab-honor-list .item .tu {
    border-bottom: 1px solid #e2e2e2;
    background: #fafafa;
}

.ab-honor-list .item .tu table {
    width: 100%;
}

.ab-honor-list .item .tu table tr td {
    height: 243px;
    width: 100%;
    text-align: center;
}

.ab-honor-list .item .tu table tr td img {
    max-width: 80%;
    max-height: 80%;
}

.ab-honor-list .item .title {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    color: #333;
}

/**/
.ab-url-list {
    padding-top: 30px;
}

.ab-url-list .item {
    float: left;
    background: #fff;
    border: 1px solid #f8f8f8;
    margin: 0 30px 30px 0;
    width: 250px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e3e3e3;
}

.ab-url-list .item.end {
    margin-right: 0px;
}

.ab-url-list .item .tu {
    height: 97px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 19px;
}

.ab-url-list .item .tu img {
    display: block;
    height: 97px;
    width: 251px;
}

.ab-url-list .item .demo {
    padding: 0 20px;
    height: 88px;
    line-height: 22px;
    color: #3a3a3a;
    font-size: 13px;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.ab-url-list .item .href {
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    position: relative;
}

.ab-url-list .item .href a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 30px;
    position: relative;
    padding-left: 15px;
    color: #a0a0a0;
}

.ab-url-list .item .href a:hover {
    color: #e06721;
}

.ab-url-list .item .href a:after {
    width: 5px;
    height: 5px;
    content: "";
    display: block;
    border-top: 1px solid #5d5d5d;
    border-right: 1px solid #5d5d5d;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ab-url-list .item .href span {
    position: relative;
    *display: inline;
    *zoom: 1;
    display: inline-block;
    color: #e06721;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 20px;
}

.ab-url-list .item .zhuan {
    display: none
}

.chengyuan .it-box {
    margin-bottom: 50px;
}

.chengyuan .it-box .bbt {
    padding: 0 20px;
    color: #fff;
    background: #e06721;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

.chengyuan table {
    width: 100%;
}

.chengyuan table thead {
    height: 44px;
    background: #f2f3f4;
}

.chengyuan table thead td {
    line-height: 24px;
    padding: 10px 20px;
    font-size: 14px;
    color: #000;
}

.chengyuan table tbody td {
    padding: 10px 20px;
    font-size: 14px;
    border-bottom: 1px dashed #aaa;
    color: #e06721;
}

.chengyuan table tbody tr td:nth-child(1) {
    width: 268px;
}

.chengyuan table tbody td a {
    color: #e06721;
}

/*产业布局*/
.about-index .ab-b .href .item.buju0 {
    margin-left: 320px;
    background: #22313c;
}

.about-index .ab-b .href .item.buju1 {
    background: #95b5ce;
}

.about-index .ab-b .href .item.buju2 {
    margin-left: 480px;
    background: #618fc0;
}

/*新闻中心*/
.about-index .ab-b .href .item.news0 {
    margin-left: 160px;
}

.about-index .ab-b .href .item.news1 {
    background: #95b5ce;
}

.about-index .ab-b .href .item.news2 {
    background: #618fc0;
}

.about-index .ab-b .href .item.news3 {
    background: #22313c;
}

.fenlei.pt .xiala-show {
    padding-top: 15px;
}

.aboutviewbox .ab-right .fenlei.pt>.xiala-show>dl>dd {
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}

.aboutviewbox .ab-right .fenlei.pt>.xiala-show>dl>dd.on {
    background: #eee;
}

.aboutviewbox .ab-right .fenlei.pt>.xiala-show>dl>dd.on a {
    color: #e06721;
}

.aboutviewbox .ab-right .fenlei.pt>.xiala-show>dl>dd:after {
    border-top: 1px solid #e06721;
    border-right: 1px solid #e06721;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.aboutviewbox .ab-right .fenlei.pt>.xiala-show>dl>dd.on:before {
    display: none
}

.news-list .pt-item-b {
    height: 282px;
    position: relative;
    padding-right: 362px;
    position: relative;
    padding-bottom: 35px;
    border-bottom: 1px dashed #d9d9d9;
}

.news-list .pt-item-b .tu {
    width: 340px;
    position: absolute;
    right: 0px;
    top: 0;
}

.news-list .pt-item-b .tu a {
    display: block;
    width: 340px;
    height: 282px;
}

.news-list .pt-item-b .rq {
    color: #e06721;
    font-size: 24px;
    line-height: 24px;
    height: 38px;
}

.news-list .pt-item-b .title {
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.news-list .pt-item-b .title a {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.news-list .pt-item-b .title a:hover {
    color: #e06721;
}

.news-list .pt-item-b .demo {
    line-height: 24px;
    height: 96px;
    color: #4d4d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 14px;
    margin-bottom: 11px;
}

.news-list .pt-item-b .href {
    height: 60px;
    background-color: #f5f5f5;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: ;
}

.news-list .pt-item-b .href:hover {
    background-image: ;
    background-color: #e06721;
}

.news-list .pt-item {
    padding: 31px 0 31px 105px;
    position: relative;
    height: 90px;
    border-bottom: 1px solid #ececec;
}

.news-list .pt-item .rq {
    text-align: center;
    position: absolute;
    left: 0px;
    top: 31px;
    background: #f5f5f5;
    color: #767676;
    font-size: 14px;
    width: 90px;
    height: 90px;
    line-height: 20px;
}

.news-list .pt-item .rq .b {
    color: #e06721;
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 14px;
}

.news-list .pt-item .title {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 36px;
    margin-bottom: 10px;
    line-height: 36px;
    overflow: hidden;
}

.news-list .pt-item .title a {
    color: #262626;
    font-size: 20px;
    font-weight: bold;
}

.news-list .pt-item .title a:hover {
    color: #e06721;
}

.news-list .pt-item .demo {
    height: 48px;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    color: #4d4d4d;

}

.news-list .tu-item {
    width: 375px;
    float: left;
    margin: 0 0 24px 37px;

}

.news-list .tu-item a {
    display: block;
    color: #333333;
    font-size: 16px;
}

.news-list .tu-item a .tu {
    width: 375px;
    height: 260px;
}

.news-list .tu-item a .tu img {
    width: 375px;
    height: 260px;
}

.news-list .tu-item a .title {
    padding-right: 20px;
    height: 56px;
    line-height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: relative;
}

.news-list .tu-item a .title:after {
    width: 8px;
    height: 8px;
    border-top: 1px solid #4899d9;
    border-right: 1px solid #4899d9;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -5px;
    transform: rotate(45deg);
}

.news-list .tu-item.end {
    margin-left: 0px;
}

/*新闻详情*/
.news-view .title {
    font-size: 32px;
    color: #333;
    line-height: 1.4;
}

.news-view .newsview-timebox {
    line-height: 20px;
    height: 20px;
    padding: 20px 0;
    color: #8f8f8f;
}

.news-view .newsview-timebox .bshare-custom {
    *display: inline;
    *zoom: 1;
    display: inline-block;
}

.news-view .newsview-timebox .newsview-share {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    margin-left: 20px;
}

.news-view .newsview-timebox .newsview-share .bshare-custom a {
    width: 15px;
    height: 15px;
    padding: 0 !important;
    margin: 0 0 0 10px;
    -webkit-transform: translatey(-1px);
    -moz-transform: translatey(-1px);
    -ms-transform: translatey(-1px);
    -o-transform: translatey(-1px);
    transform: translatey(-1px);
}

.news-view .newsview-timebox .newsview-share .bshare-custom a.bshare-weixin {
    background:  center no-repeat;
}

.news-view .newsview-timebox .newsview-share .bshare-custom a.bshare-sinaminiblog {
    background:  center no-repeat;
}

.news-view .newsview-timebox .newsview-share .bshare-custom a.bshare-qzone {
    background:  center no-repeat;
}

.news-view .newsview-timebox .newsview-share .bshare-custom a.bshare-qqmb {
    background:  center no-repeat;
}

.news-view .newsview-timebox .newsview-share .bshare-custom a.bshare-more {
    background:  center no-repeat;
}

.news-view .newsview-content {
    color: #4c4c4c;
    font-size: 14px;
    padding-bottom: 20px;
}

.allpaging {
    height: 100px;
    margin: 10px auto;
    position: relative;
}

.allpaging:after {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    background: #deecf8;
    content: "";
    display: block;
}

.allpaging .paging-item {
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    display: block;
    color: #e06721;
    font-size: 16px;
    line-height: 40px;
    max-width: 36%;
}

.allpaging .paging-item.prev {
    right: 55%;
    text-align: right;
    padding-right: 90px;
}

.allpaging .paging-item.next {
    left: 55%;
    text-align: right;
    padding-left: 90px;
}

.allpaging .paging-item:before {
    width: 38px;
    height: 38px;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid #e06721;
    border-radius: 100%;
}

.allpaging .paging-item:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #e06721;
    border-right: 1px solid #e06721;
    position: absolute;
    top: 20px;
    margin-top: -6px;
}

.allpaging .paging-item.prev:after {
    right: 20px;
    margin-right: -7px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.allpaging .paging-item.next:after {
    left: 20px;
    margin-left: -7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


.allpaging .paging-item.prev:before {
    right: 0px;
}

.allpaging .paging-item.next:before {
    left: 0px;
}





/*人力资源*/
.about-index .ab-b .href .item.renli0 {
    margin-left: 480px;
    background: #95b5ce;
}

.about-index .ab-b .href .item.renli1 {
    margin-left: 320px;
}

.about-index .ab-b .href .item.renli2 {
    background: #22313c;
}

.about-index .ab-b .href .item.renli3 {
    background: #618fc0;
}

.zp-check-title {
    font-size: 20px;
    color: #434343;
    margin-bottom: 20px;
}

.zp-check-form {
    margin-bottom: 50px;
    height: 40px;
}

.zp-check-form form {
    height: 40px;
    display: block;
    position: relative;
}

.zp-check-form form select {
    border: 0px;
    border-bottom: 1px solid #eee;
    height: 40px;
    font-size: 16px;
    color: #999;
    width: 300px;
    float: left;
    margin-right: 40px;
    padding-right: 40px;
    background:  no-repeat scroll right center transparent;
}

.zp-check-form form button {
    height: 40px;
    width: 130px;
    color: #fff;
    cursor: pointer;
    border: 0px;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #e06721;
    line-height: 40px;
    font-size: 16px;
}

/**/
.zp-list-box .t-bbt {
    color: #333333;
    font-size: 32px;
    margin-bottom: 10px;
}

.zp-list-box .list .bt-box {
    color: #fff;
    background: #e06721;
    height: 40px;
    margin-bottom: 10px;
}

.zp-list-box .list .tt {
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    float: left;
    font-size: 16px;
    margin-left: 35px;

}

.zp-list-box .list .l-box {
    color: #fff;
    height: 40px;
    border-bottom: 1px dashed #dddddd;
}

.zp-list-box .list .l-box .tt {
    font-size: 14px;
    color: #666;
}

.zp-list-box .list .tt.t1 {
    width: 22%;

}

.zp-list-box .list .tt.t2 {
    width: 14%;

}

.zp-list-box .list .tt.t3 {
    width: 14%;

}

.zp-list-box .list .tt.t4 {
    width: 18%;

}

.zp-list-box .list .tt.t5 {
    width: 10%;

}

.zp-list-box .list .tt.t5 a {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 10px;
    cursor: pointer;
    background:  center no-repeat;
}

.zp-list-box .list .l-box:hover .tt.t5 a {
    background:  center no-repeat;
}

.zp-list-box .list .l-box:hover a {
    color: #308ce7;
}

.zp-list-box .list .l-box:hover .tt {
    color: #308ce7;
}



.zp-title {
    color: #262626;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.zp-rq {
    line-height: 20px;
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
}

.zp-xx {
    color: #797979;
    font-size: 14px;
    margin-bottom: 20px;
}

/*资料中心*/
.data-check-box {
    padding: 60px 0 10px;
    width: 1200px;
    margin: 0 auto;
}

.data-check-box .title {
    color: #383838;
    font-size: 24px;
    margin-bottom: 20px;
}

.data-check-box .form-b {
    display: block;
    height: 40px;
    position: relative;
    margin-bottom: 30px;
}

.data-check-box .form-b select {
    border: 0px;
    border-bottom: 1px solid #eee;
    height: 40px;
    font-size: 16px;
    color: #999;
    width: 373px;
    float: left;
    margin-right: 40px;
    padding-right: 40px;
    background:  no-repeat scroll right center transparent;
}

.data-check-box .form-b button {
    height: 40px;
    width: 130px;
    color: #fff;
    cursor: pointer;
    border: 0px;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #e06721;
    line-height: 40px;
    font-size: 16px;
}

.data-check-box .form-b .ss {
    border: 0;
    border-bottom: 1px solid #eee;
    height: 40px;
    font-size: 16px;
    color: #888;
    width: 1050px;
}

.data-list .bbt {
    color: #383838;
    font-size: 18px;
    margin-bottom: 15px;
}

.data-list .item {
    padding: 20px 160px 20px 225px;
    background: #f6f6f6;
    position: relative;
    margin-bottom: 20px;
    height: 205px;
}

.data-list .item .tu {
    left: 33px;
    width: 162px;
    height: 205px;
    position: absolute;
}

.data-list .item .tu a {
    display: block;
}

.data-list .item .tu a img {
    width: 162px;
    height: 205px;
}

.data-list .item .title {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 20px;
    margin-bottom: 10px;

}

.data-list .item .title a {
    color: #434343;
}

.data-list .item .title a:hover {
    color: #e06721;
}

.data-list .item .text {
    height: 28px;
    line-height: 28px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #747474;
    font-size: 14px;

}

.data-list .item .text span {
    margin-right: 10px;
    color: #e06721;
}

.data-list .item .href {
    width: 100px;
    padding-left: 25px;
    text-align: center;
    display: block;
    height: 38px;
    line-height: 38px;
    color: #fff;
    cursor: pointer;
    background-color: #e06721;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 30px 50%;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 40px;
    border-radius: 3px;
}

/**/
.data-tj {
    padding-top: 20px;
}

.data-tj .type-bbt {
    height: 56px;
    border-bottom: 1px solid #dfdfdf;
    line-height: 56px;
    font-size: 18px
}

.data-tj .type-bbt .item {
    width: 156px;
    height: 55px;
    float: left;
    margin-right: 1px;
    background: #f0f0f0;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.data-tj .type-bbt .item.on {
    background: #fff;
    line-height: 55px;
    border: 1px solid #dfdfdf;
    height: 56px;
    border-bottom: 0px;
    position: relative;
    z-index: 1;
}

.data-tj .list-box {
    display: none;
    padding: 28px 0;
    height: 275px;


}

.data-tj .list-box .item {
    width: 174px;
    float: left;
    margin: 0 53px 0 19px;
}

.data-tj .list-box .item.end {
    margin-right: 0;
}

.data-tj .list-box .item a {
    display: block;
    color: #424242;
}

.data-tj .list-box .item a .tu {
    height: 219px;
    width: 174px;
    margin-bottom: 8px;
}

.data-tj .list-box .item a .tu img {
    height: 219px;
    width: 174px;
}

.data-tj .list-box .item a .text {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.data-tj .list-box .item a:hover {
    color: #e06721;
}


/**/
.dataview .title {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.dataview .item {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.dataview .item .tu {
    float: left;
    width: 260px;

}

.dataview .item .tu img {
    display: block;
    width: 100%;
}

.dataview .item .bb {
    position: relative;
    width: 890px;
    float: right;
    font-size: 16px;
    color: #747474;
}

.dataview .item .bb .text {
    line-height: 24px;
    margin-bottom: 15px;
}

.dataview .item .bb .href {
    text-align: right;
    height: 40px;
    line-height: 40px;
}

.dataview .item .bb .href a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    padding-left: 50px;
    background:  left no-repeat;
}


/**/
.productbanner {
    height: 376px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

.zi-top-main .pro-btn {
    position: relative;
    z-index: 2;
    font-size: 15px;
    color: #fff;
    width: 250px;
    border-right: 1px solid #63a7df;
    border-left: 1px solid #63a7df;
    border-right: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.zi-top-main .pro-btn .btn {
    position: relative;
    padding: 0 30px 0 10px;
    cursor: pointer;
}

.zi-top-main .pro-btn .btn:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
}

.zi-top-main .pro-btn .xl {
    width: 250px;
    left: -1px;
    top: 100%;
    background: #e06721;
    background: rgba(0, 0, 0, .5);
    height: 375px;
    position: absolute;
    border-right: 1px solid #63a7df;
    display: none;
    border-left: 1px solid #63a7df;
    border-right: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.zi-top-main .pro-btn .xl.on {
    display: block !important;
    height: 336px !important;
    padding: 20px 0;
}

.zi-top-main .pro-btn .item {
    margin-top: 8px;
    height: 56px;
}

.zi-top-main .pro-btn .item.wu {
    margin-top: 0
}

.zi-top-main .pro-btn .item>a {
    height: 56px;
    padding: 0 18px;
    position: relative;
    line-height: 56px;
    overflow: hidden;
    color: #fff;
    display: block;
}

.zi-top-main .pro-btn .item:hover>a {
    background: #fff;
    color: #e06721;
}

.zi-top-main .pro-btn .item>a:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.zi-top-main .pro-btn .item:hover>a:after {
    border-top: 1px solid #e06721;
    border-right: 1px solid #e06721;
}


.zi-top-main .pro-btn .hezi .xl-box-main {
    width: 0px;
    background: #fff;
    position: absolute;
    left: 250px;
    top: 0;
    min-height: 100%;
    z-index: 10;
    // overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 100%;
}

.zi-top-main .pro-btn .hezi:hover .xl-box-main {
    width: 942px;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box {
    width: 942px;
}

:root {
    --colorwidth: 160px;
    --colorpaddingleft: 185px;
}

.zi-top-main .pro-btn .hezi .xl-box-main .colorb {
    background: #f5f5f5;
    width: var(--colorwidth);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box {
    display: none;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item {
    /*padding: 0px 0 0px 178px; */
    padding: 0px 0 0px var(--colorpaddingleft);
    position: relative;
    font-size: 15px;
    min-height: 45px;

}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .bt-a {
    width: var(--colorwidth);
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 30px;
    height: 100%;
    padding-top: 16px;
    background-color: #f5f5f5;


}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .bt-a a {
    padding: 3px 10px 3px 18px;
    line-height: 24px;
    font-size: 15px;
    color: #333333;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item a:hover {
    color: #e06721;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box {
    border-top: 1px solid #ebebeb;
    padding: 10px 0;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i {
    position: relative;
    /*padding-left: 140px;*/
    min-height: 25px;

}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href {
    top: 0;
    width: 155px;
    left: -15px;
    position: absolute;
    text-align: right;
    height: 25px;
    line-height: 28px;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href span {
    float: right;
    olor: #666;
    margin-left: 10px;
    font-family: 'simsun';
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href a:hover {
    color: #e06721;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb a:hover {
    color: #e06721;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href a {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb {
    line-height: 25px;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    float: left;
    margin-left: 16px;
    color: #999;
}

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb a span {
    margin-right: 12px;
    float: left;
    color: #999;
    font-weight: 300;
    transform: scalex(0.4);
}

.zi-top-main {
    position: relative;
}

.zi-top-main .m-list {
    width: 500px;
    position: absolute;
    top: 0px;
    left: 310px;
}

.zi-top-main .m-list .it {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    font-size: 15px;
    margin-right: 50px;
}

.zi-top-main .m-list .it a {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    color: #fff;
    position: relative;

}

.zi-top-main .m-list .it.on a:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    bottom: 0;
    left: 0;
}

.productbanner .search-box {
    width: 600px;
    margin: auto;
    padding-top: 95px;
    text-align: center;
    color: #fff;
}

.productbanner .bbt {
    font-size: 36px;
}

.productbanner form {
    display: block;
    height: 45px;
    position: relative;
    background: #ffffff;
}

.productbanner form input {
    height: 45px;
    padding: 0 20px;
    width: 540px;
    display: block;
    border: 0px;
}

.productbanner form button {
    width: 50px;
    height: 45px;
    display: block;
    border: 0px;
    position: absolute;
    top: 0px;
    right: 0;
    background:  center;
    cursor: pointer;
}

.productbanner .xx {
    padding-top: 20px;
}

.productbanner .xx span {
    font-family: 'simsun';
    margin-right: 10px;
}

/*品牌*/
.brandlist .bbt {
    font-size: 24px;
    line-height: 56px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

.brandlist .list .item {
    display: block;
    float: left;
    background: #0aa0ee;
    transition: all .5s;
    background: -moz-linear-gradient(left bottom, #e06721 0%, #09b0f9 100%);
    background: -webkit-linear-gradient(left bottom, #e06721 0%, #09b0f9 100%);
    background: linear-gradient(to right top, #e06721 0%, #09b0f9 100%);
    margin: 0 122px 66px 0;
    width: 478px;
    height: 287px;
}


.brandlist .list .item a {
    display: block;
}

.brandlist .list .item a .i-top {
    height: 36px;
    position: relative;
    padding: 39px 46px 21px;
}

.brandlist .list .item a .i-top img {
    display: block;
    height: 36px;
}

.brandlist .list .item a .i-top .ico {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid #fff;
    position: absolute;
    right: 46px;
    top: 39px;
    transition: all .5s
}

.brandlist .list .item a .i-top .ico:after {
    width: 10px;
    height: 10px;
    display: block;
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -6px -8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.brandlist .list .item a .title {
    background: #fff;
    height: 56px;
    padding: 0 18px;
    border: 1px solid #dcdcdc;
    font-size: 18px;
    color: #666666;
    line-height: 56px;
    margin-left: 46px;
    width: 440px;
    margin-bottom: 27px;
}

.brandlist .list .item a .title span {
    float: right;
    color: #a8c6e9
}

.brandlist .list .item .demo {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 23px 18px;
    color: #666666;
    line-height: 30px;
    margin-left: 46px;
    width: 440px;
    font-size: 14px;
}

.brandlist .list .item .demo .tt {
    height: 90px;
    position: relative;
    overflow: hidden;
}

.brandlist .list .item:hover {
    box-shadow: inset 0 0 150px rgba(0, 0, 0, .175);
    border-radius: 30px;
}

.brandlist .list .item:hover a .i-top .ico {
    right: 16px;
    transform: rotate(90deg);
    top: 16px
}

.brandlist .list .item:hover a .title {
    transform: translatex(40px);
    border-radius: 0 10px 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.brandlist .list .item:hover a .demo {
    transform: translatex(-46px);
}

.brandlist .list .item:hover a .i-top img {
    transform: translatex(-26px);
}

.brandlist .list .item.end {
    margin-right: 0px;
}




.brandview-banner {
    height: 333px;
    margin-bottom: 15px;
}

.brandview-banner .mm {
    width: 1200px;
    margin: auto;
    font-size: 14px;
    color: #6f6f6f;
}

.brandview-banner .mm .rr {
    width: 600px;
    margin: 0 0 0 auto;
    padding-top: 43px;
}

.brandview-banner .mm .rr .bbbt {
    height: 28px;
    position: relative;
    padding-left: 170px;
    line-height: 28px;
    padding-top: 30px;
}

.brandview-banner .mm .rr .bbbt img {
    height: 100px;
    position: absolute;
    top: -21px;
    left: -21px;
}

.brandview-banner .mm .rr .bbbt .href {
    display: block;
    height: 28px;
    padding-right: 28px;
    background:  right no-repeat;
    color: #e06721;
    position: absolute;
    bottom: 10px;
    right: 0;

}

.brandview-banner .mm .rr .cc {
    margin-top: 20px;
    height: 180px;
    overflow-y: auto;
}


/*联系我们*/
.contact-type-bbt {
    text-align: center;
    color: #333333;
    font-size: 32px;
    height: 110px;
    line-height: 110px;
    border-bottom: 1px solid #ececec;
}

.contact-main {
    width: 980px;
    margin: 75px auto;
}

.contact-main .menub {
    border: 1px solid #e3e3e3;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #e06721;
    font-size: 18px;
    margin-bottom: 73px;
}

.contact-main .menub .item {
    width: 50%;
    height: 56px;
    float: left;
}

.contact-main .menub .item a {
    display: block;
    height: 56px;
    text-align: center;
}

.contact-main .menub .item.on a {
    background: #e06721;
    color: #fff;
}

.contact-main .ly-box {
    height: 445px;
}

.contact-main .ly-box .l {
    height: 445px;
    float: left;
    width: 280px;
}

.contact-main .ly-box .l .item {
    height: 89px;
    padding: 0 10px 0 80px;
    position: relative;
}

.contact-main .ly-box .l .item img {
    width: 29px;
    height: 29px;
    top: 50%;
    margin-top: -16px;
    left: 26px;
    position: absolute;
}

.contact-main .ly-box .l .item td {
    height: 89px;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 1.6;
}

.contact-main .ly-box .right {
    width: 656px;
    height: 445px;
    background: #f6f6f6;
    float: right;
}

.contact-main .ly-box .right .form-box {
    padding: 29px 54px 0;

}

.contact-main .ly-box .right .form-box .bbt {
    height: 46px;
    line-height: 46px;
    color: #606060;
    font-size: 22px;
}

.contact-main .ly-box .right .form-box .bbt span {
    font-size: 18px;
    color: #d5d5d5;
}

.contact-main .ly-box .right .form-box .xx {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.contact-main .ly-box .right .form-box .input-box {
    margin-bottom: 15px;
}

.contact-main .ly-box .right .form-box .input-box .layui-input,
.contact-main .ly-box .right .form-box .input-box .layui-textarea {
    border: 1px solid #fff;
    border-radius: 0;
}

.contact-main .ly-box .right .form-box .input-box.duan .layui-input {
    width: 269px;
    float: left;
}

.contact-main .ly-box .right .form-box .input-box.duan .layui-input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #5a5a5a;
}

.contact-main .ly-box .right .form-box .input-box.duan .layui-input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #5a5a5a;
}

.contact-main .ly-box .right .form-box .input-box.duan .layui-input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #5a5a5a;
}

.contact-main .ly-box .right .form-box button {
    width: 106px;
    height: 40px;
    color: #fff;
    border-radius: 3px;
    background: #e06721;
    cursor: pointer;
    margin-right: 30px;
    border: 0;
}

.contact-main .ly-box .right .form-box button.cz {
    background: #9aaebe;
}

.map-show img {
    max-width: none
}

.map-show {
    height: 590px;
    position: relative;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.map-show .map-box {
    height: 590px;
    width: 100%;
    padding-left: 320px;
}

.map-show .maplist {
    position: absolute;
    z-index: 1;
    overflow-y: auto;
    width: 320px;
    height: 589px;
    left: 50%;
    top: 0;
    margin-left: -600px;
    border: 1px solid #eee;
    border-bottom: 0;
    border-top: 0;
    background: #ffffff;
}

.map-show .maplist .item {
    padding: 17px 20px 12px;
    min-height: 42px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.map-show .maplist .item.on {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    z-index: 5;
    position: relative;
}

.map-show .maplist .item .title {
    line-height: 22px;
    color: #e06721;
    font-size: 14px;
}

.map-show .maplist .item .address {
    padding-left: 15px;
    background:  left no-repeat;
    color: #868585;
    line-height: 20px;
}

.map-show .maplist .item .link {
    color: #868585;
    line-height: 30px;
    padding-left: 26px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: ;
    -webkit-background-size: 15px;
    background-size: 15px;
}

.zp-links a {
    float: left;
    height: 50px;
    line-height: 50px;
    color: #e06721;
    margin-top: 10px;
    font-size: 16px;
}

.email-href {
    color: #fff !important;
    width: 140px;
    text-align: center;
    display: block;
    background: #e06721;
    margin-right: 2rem;
}





/**/
.right-menu-bg {
    background: rgba(0, 0, 0, .2);
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
}

.right-menu {
    position: fixed;
    height: 100%;
    z-index: 101;
    top: 0;
    right: -300px;
    width: 300px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .5s;
}

.right-menu[data-on="on"] {
    right: 0px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .175);
}

.right-menu .m-m {
    padding: 80px 20px 0px 20px;
}

.right-menu .bbt1 {
    font-size: 20px;
    height: 40px;
    position: absolute;
    width: 260px;
    left: 0px;
    top: 0px;
    background: #fff;
    padding: 20px;
}

.right-menu .bbt1 .rm-close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
    background-image: ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

.right-menu .m-m .nav-box {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.right-menu .m-m .nav-box .bbt {
    display: block;
    margin-bottom: 10px;
}

.right-menu .m-m .nav-box .bbt a {
    display: block;
    line-height: 26px;
    padding: 6px 10px;
    background: #eee;
}

.right-menu .m-m .nav-box .it {
    font-size: 14px;
}

.right-menu .m-m .nav-box .it a {
    padding: 6px 20px;
    line-height: 16px;
    display: block;
}

.right-menu .m-m .nav-box a:hover {
    color: #e06721;
}

/**/
.brand-banner {
    height: 600px;
    position: relative;
    overflow: hidden;
    width: 100% !important;
    min-width: 1200px;
}

.brand-banner .list ul {
    display: block;
    height: 600px;
    width: 100% !important;
}

.brand-banner .list ul li {
    display: block;
    height: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100% !important;
}

.brand-banner .hd {
    width: 1000px;
    text-align: center;
    left: 50%;
    margin-left: -500px;
    bottom: 30px;
    position: absolute;
    z-index: 10;
}

.brand-banner .hd ul li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    *display: inline;
    *zoom: 1;
    display: inline-block;
    margin: 0 5px;
}

.brand-banner .hd ul li.on {
    background: #fff;
}

.brand-banner .btn {
    cursor: pointer;
    width: 30px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 11;
    opacity: 0
}

.brand-banner .btn.prev {
    margin-left: -750px;
    background-image: ;
}

.brand-banner .btn.next {
    margin-left: 720px;
    background-image: ;
}

.brand-banner:hover .btn {
    opacity: 1
}

.brand-bigimg {
    overflow: hidden;
    background-position: top;
    background-repeat: no-repeat;
}

.brand-bigimg img {
    max-width: none;
    filter: alpha(opacity=0);
    opacity: 0;
}

/**/
.brand-proclass {
    width: 1200px;
    margin: 30px auto;
}

.brand-proclass .type-bbt {
    color: #444444;
    font-size: 30px;
    text-align: center;
    line-height: 87px;
}

.brand-proclass .s-box {
    height: 54px;
    margin-bottom: 65px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: ;
}

.brand-proclass .s-box .s-box-main {
    height: 50px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: ;
    padding: 2px 0;
}

.brand-proclass .s-box .s-box-main form {
    position: relative;
    display: block;
    height: 50px;
    width: 872px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .175);
    margin: auto;
}

.brand-proclass .s-box .s-box-main form input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 48px;
    line-height: 48px;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 810px;
    padding: 0 15px;
    font-size: 14px;
}

.brand-proclass .s-box .s-box-main form button {
    cursor: pointer;
    background-image: ;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e06721;
    height: 50px;
    border: 0;
    width: 50px;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 0px;
    top: 0;
}

.brand-proclass .pro-c-list {
    height: 250px;
}

.brand-proclass .pro-c-list .list {
    height: 181px;
    overflow: hidden;
    position: relative;
}

.brand-proclass .pro-c-list .list ul li {
    display: block;
    float: left;
    width: 385px;
    height: 181px;
    margin-right: 22px;
}

.brand-proclass .pro-c-list .list ul li a {
    display: block;
    height: 179px;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding-left: 200px;
    position: relative;
}

.brand-proclass .pro-c-list .list ul li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .175);
}

.brand-proclass .pro-c-list .list ul li a .tu {
    width: 179px;
    height: 179px;
    position: absolute;
    left: 0px;
    top: 0;
    overflow: hidden;
}

.brand-proclass .pro-c-list .list ul li a .tu img {
    width: 179px;
    height: 179px;
    display: block;
}

.brand-proclass .pro-c-list .list ul li a .text {
    padding-top: 63px;
    padding-right: 20px;
    float: right;
    font-size: 16px;
    text-align: right;
}

.brand-proclass .pro-c-list .list ul li a .text .title {
    float: right;
    position: relative;
    line-height: 24px;
    min-height: 30px;
    max-height: 48px;
}

.brand-proclass .pro-c-list .list ul li a .text .title:after {
    width: 3px;
    height: 20px;
    top: 2px;
    right: 100%;
    margin-right: 5px;
    content: "";
    display: block;
    background: #4e4e4e;
    position: absolute;
}

.brand-proclass .pro-c-list .list ul li a:hover .tu img {
    transform: scale(1.1);
}

.brand-proclass .pro-c-list .list ul li a:hover .title {
    color: #e06721;
}

.brand-proclass .pro-c-list .list ul li a:hover .text .title:after {
    background: #e06721;
}

.brand-proclass .pro-c-list .list ul li a .href {
    clear: both;
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    height: 28px;
}

.brand-proclass .pro-c-list .list ul li a:hover .href {
    color: #e06721;
}

.brand-proclass .pro-c-list .list ul li a .href span {
    float: right;
    width: 14px;
    height: 14px;
    display: block;
    line-height: 14px;
    text-align: center;
    color: #fff;
    background: #999999;
    margin: 7px 0 0 7px;
}

.brand-proclass .pro-c-list .list ul li a:hover .href span {
    background: #e06721;
}

.brand-proclass .pro-c-list .hd {
    padding-top: 17px;
    text-align: center;
}

.brand-proclass .pro-c-list .hd ul li {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin: 0 5px;
    background: #8fc0e8;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
    text-indent: -999;
}

.brand-proclass .pro-c-list .hd ul li.on {
    background: #e06721;
    box-shadow: -4px 4px 6px rgba(0, 0, 0, .175)
}


/**/
.brand-fangan {
    margin-bottom: 34px;
}

.brand-fangan .lan {
    color: #fff;
    background: #e06721;
    padding: 26px 0 148px;
}

.brand-fangan .lan .bbt {
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin-bottom: 5px;
    line-height: 54px;
}

.brand-fangan .lan .text {
    font-size: 15px;
    line-height: 32px;
    width: 1200px;
    margin: auto;
    text-align: center;
}

.brand-fangan .bf-main {
    width: 1200px;
    height: 320px;
    margin: -123px auto 0;
    overflow: hidden;
    position: relative;
}

.brand-fangan .bf-main .list {
    height: 246px;
    overflow: visible;
}

.brand-fangan .bf-main .list ul li {
    display: block;
    width: 900px;
    height: 246px;
    float: left;
    margin: 0 54px 100px 0;
}

.brand-fangan .bf-main .list ul li a {
    display: block;
    width: 900px;
    height: 246px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .175);
}

.brand-fangan .bf-main .list ul li a:hover {
    box-shadow: 0 0 30px rgba(31, 129, 209, .275);
}

.brand-fangan .bf-main .list ul li .l {
    height: 246px;
    width: 231px;
    padding-left: 15px;
    float: left;
    position: relative;
}

.brand-fangan .bf-main .list ul li .r {
    height: 246px;
    width: 560px;
    margin-right: 31px;
    float: right;
    position: relative;
}

.brand-fangan .bf-main .list ul li .r table {
    width: 100%;
}

.brand-fangan .bf-main .list ul li .r table td {
    height: 246px;
    line-height: 2;
}

.brand-fangan .bf-main .list ul li .l .tu {
    height: 154px;
    overflow: hidden;
    padding-top: 26px;
}

.brand-fangan .bf-main .list ul li .l .tu img {
    width: 154px;
    height: 154px;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    margin: auto;
}

.brand-fangan .bf-main .list ul li .l .c {
    padding: 0 43px 0 11px;
    color: #e06721;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
}

.brand-fangan .bf-main .list ul li .l .e {
    padding: 0 43px 0 11px;
    color: #999999;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.brand-fangan .bf-main .list ul li .l .href {
    width: 37px;
    height: 37px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    background: #e06721;
}

.brand-fangan .bf-main .list ul li .l .href:before {
    width: 11px;
    height: 1px;
    top: 18px;
    left: 13px;
    content: "";
    display: block;
    background: #fff;
    position: absolute;
}

.brand-fangan .bf-main .list ul li .l .href:after {
    height: 11px;
    width: 1px;
    top: 13px;
    left: 18px;
    content: "";
    display: block;
    background: #fff;
    position: absolute;
}

.brand-fangan .bf-main .list .tempwrap {
    overflow: visible !important;
}

.brand-fangan .bf-main .hd {
    padding-top: 35px;
    text-align: center;
    z-index: 10;
    position: relative;
}

.brand-fangan .bf-main .hd ul li {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin: 0 5px;
    background: #8fc0e8;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
    text-indent: -999;
}

.brand-fangan .bf-main .hd ul li.on {
    background: #e06721;
    box-shadow: -4px 4px 6px rgba(0, 0, 0, .175)
}

.brand-fangan .bf-main .btn {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    bottom: 20px;
    z-index: 11;
}

.brand-fangan .bf-main .btn:hover {
    background: #e06721;
}

.brand-fangan .bf-main .btn:before {
    width: 16px;
    height: 2px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -8px;
    background: #e06721;
    top: 55%;
    position: absolute;
}

.brand-fangan .bf-main .btn:after {
    width: 2px;
    height: 6px;
    content: "";
    display: block;
    background: #e06721;
    top: 45%;
    position: absolute;
}

.brand-fangan .bf-main .btn.prev {
    left: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}

.brand-fangan .bf-main .btn.prev:after {
    left: 50%;
    margin-left: -7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.brand-fangan .bf-main .btn.next:after {
    right: 50%;
    margin-right: -7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.brand-fangan .bf-main .btn.next {
    right: 0;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, .1);
}

.brand-fangan .bf-main .btn:hover:after,
.brand-fangan .bf-main .btn:hover:before {
    background: #fff;
}


.brand-fangan .href-btn {
    width: 115px;
    height: 18px;
    padding-top: 17px;
    position: relative;
    margin: 15px auto 0;
    cursor: pointer;
    background: #e06721;
    clear: both;
    display: block;
}

.brand-fangan .href-btn:before {
    height: 1px;
    width: 40%;
    content: "";
    display: block;
    background: #fff;
    margin: auto;
}

.brand-fangan .href-btn:hover {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.brand-fangan .href-btn:after {
    width: 7px;
    height: 2px;
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    right: 30%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

/*新闻*/
.brand-news {
    width: 1200px;
    margin: auto;
    padding-bottom: 75px;
    overflow: hidden;
    position: relative;
}

.brand-news .bbt {
    font-size: 30px;
    color: #000;
    line-height: 58px;
    text-align: center;
}

.brand-news .text {
    font-size: 15px;
    line-height: 2;
    color: #999999;
    text-align: center;
    margin-bottom: 36px;
}

.brand-news .list {
    margin: 0 44px 88px;
    height: 162px;
    width: 1256px;
}

.brand-news .list ul li {
    display: block;
    width: 524px;
    float: left;
    height: 162px;
    margin-right: 56px;
}

.brand-news .list ul li a {
    display: block;
    height: 162px;
    padding-left: 190px;
    position: relative;
}

.brand-news .list ul li a .tu {
    position: absolute;
    left: 13px;
    top: 0;
}

.brand-news .list ul li a .tu img {
    display: block;
    width: 160px;
    height: 160px;
    border: 1px solid #cbcbcb;
}

.brand-news .list ul li a .rq {
    bottom: 0;
    right: 0px;
    position: absolute;
    color: #c0c0c0;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
}

.brand-news .list ul li a .rq .b {
    font-size: 34px;
    font-weight: 300;
    line-height: 34px;
}

.brand-news .list ul li a .classname {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    line-height: 27px;
    height: 27px;
    border-top: 1px solid #e06721;
    color: #e06721;
    font-size: 14px;
}

.brand-news .list ul li a .title {
    font-size: 16px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    padding-top: 15px;

}

.brand-news .list ul li a:hover {
    color: #e06721;
}

.brand-news .btn {
    width: 33px;
    height: 33px;
    position: absolute;
    background: #f5f5f5;
    cursor: pointer;
    top: 190px;
    z-index: 2;
}

.brand-news .btn:hover {
    background: #e06721;
}

.brand-news .btn:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #e06721;
    border-left: 2px solid #e06721;
    left: 50%;
    top: 50%;
    position: absolute;
}

.brand-news .btn.prev:after {
    margin: -4px -3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.brand-news .btn.next:after {
    margin: -4px -5px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.brand-news .btn:hover:after {
    border-color: #fff;
}

.brand-news .btn.prev {
    left: 0px;
}

.brand-news .btn.next {
    right: 0px;
}

.brand-news .href-btn {
    width: 115px;
    height: 18px;
    padding-top: 17px;
    position: relative;
    margin: auto;
    cursor: pointer;
    background: #e06721;
    clear: both;
    display: block;
}

.brand-news .href-btn:before {
    height: 1px;
    width: 40%;
    content: "";
    display: block;
    background: #fff;
    margin: auto;
}

.brand-news .href-btn:hover {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.brand-news .href-btn:after {
    width: 7px;
    height: 2px;
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    right: 30%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}



.brand-proclass .href-btn {
    width: 115px;
    height: 18px;
    padding-top: 17px;
    position: relative;
    margin: auto;
    cursor: pointer;
    background: #e06721;
    clear: both;
    display: block;
}

.brand-proclass .href-btn:before {
    height: 1px;
    width: 40%;
    content: "";
    display: block;
    background: #fff;
    margin: auto;
}

.brand-proclass .href-btn:hover {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.brand-proclass .href-btn:after {
    width: 7px;
    height: 2px;
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    right: 30%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}




/*会员中心*/
.login-bg {
    background: #f5f5f5;
}

.login-bg body {
    background: #f5f5f5;
}

.login-main {
    background: #fff;
    margin: 54px auto;
    padding: 50px;
    width: 960px;
    border: 1px solid #eeeeee;
}

.login-bg .header {
    border-bottom: 2px solid #e06721;
}

.login-main .r {
    width: 520px;
    float: right;
}

.login-main .r .login-banner,
.login-main .r .login-banner .list,
.login-main .r .login-banner .list li,
.login-main .r .login-banner .list li img {
    display: block;
    width: 520px;
    height: 420px;
}

.login-main .r .tiao {
    font-size: 16px;
    padding-top: 15px;
    color: #686868;
}

.login-main .r .tiao a {
    color: #e06721;
}

.login-main .l {
    width: 370px;
    float: left;
}

.login-main .l .back a {
    font-size: 14px;
    color: #e06721;
}

.login-main .l .back a span {
    font-family: 'simsun'
}

.login-main .l .zc-bbt {
    font-size: 30px;
    color: #1f1a17;
    height: 90px;
}

.login-main .l .item {
    position: relative;
    margin-bottom: 15px;
    min-height: 22px;
    line-height: 22px;
}

.login-main .l .item .it-input {
    padding: 0 38px;
    height: 46px;
    line-height: 46px;
    width: 290px;
    border: 1px solid #a7d0f2;
    border-radius: 5px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
}

.login-main .l .item .it-input:focus {
    color: #196bb0;
    background-color: #d0eaff;
    border: 1px solid #e06721;
}

.login-main .l .item .it-input.ico1 {
    background-image: ;
}

.login-main .l .item .it-input.ico2 {
    background-image: ;
}

.login-main .l .item .it-input.ico3 {
    background-image: ;
}

.login-main .l .item .it-input.ico4 {
    background-image: ;
}

.login-main .l .item .it-input.ico5 {
    background-image: ;
}

.login-main .l .item.yzmbox .it-input {
    width: 140px;
}

.login-main .l .item.yzmbox .send-code {
    position: absolute;
    right: 0px;
    height: 48px;
    border: 0;
    width: 140px;
    top: 0;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    background: #e06721;
}

.login-main .l .item.yzmbox .send-code[disabled] {
    color: #000;
    background: #ddd;
    cursor: default;
}

.login-main .l .item.xuan {
    font-size: 14px;
}

.login-main .l .item.xuan .checkbox {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    position: relative;
    height: 22px;
    padding-left: 22px;
    cursor: pointer;
}

.login-main .l .item.xuan .checkbox .biao {
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -9px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}

.login-main .l .item.xuan a {
    cursor: pointer;
    color: #e06721;
}

.login-main .l .item.xuan .checkbox[data-on="on"] .biao .dian {
    display: block;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #e06721;
    border-left: 2px solid #e06721;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px -7px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .6) -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.login-main .l .item .btn {
    border: 0px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background: #e06721;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.login-main .l .loginbbt {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.login-main .l .loginbbt a {
    font-size: 24px;
    height: 47px;
    *display: inline;
    *zoom: 1;
    display: inline-block;
    color: #333;
    margin-right: 20px;
    position: relative;
}

.login-main .l .loginbbt a.on {
    color: #e06721;
}

.login-main .l .loginbbt a.on span {
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: #e06721;
}

.login-main .l .item {
    margin-bottom: 30px;
}

/*询价清单*/
.cart-listbtn {
    height: 38px;
    width: 120px;
    color: #fff;
    bottom: 0px;
    right: 0px;
    position: fixed;
    z-index: 10;
    color: #fff;
    background: #e06721;
    font-size: 14px;
    line-height: 38px;
    padding-left: 55px;
    background-image: ;
    background-position: 20px 48%;
    background-repeat: no-repeat;
    cursor: default;
    transition: all .5s;
}

.cart-listbtn .cl-total {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    color: #e06721;
    background: #fff;
    border-radius: 10px;
    min-width: 16px;
    padding: 0 2px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 8px;
}

.cart-listbtn[data-on="on"] .btn.ke {
    background-color: #e06721;
    padding-left: 26px;
    width: 70px;
    height: 38px;
    cursor: pointer;
    background-image: ;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-background-size: 20px;
    background-size: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.cart-listbtn[data-on="on"] {
    box-shadow: 0 0 50px rgba(0, 0, 0, .275);
    width: 200px;
}

.cart-listbtn[data-on="on"] .list {
    box-shadow: 0 0 50px rgba(0, 0, 0, .275);
}

.cart-listbtn .list {
    bottom: 37px;
    left: 0px;
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    color: #333;
    background: #fff;
    display: none;
    max-height: 280px;
    overflow: auto;
}

.cart-listbtn .list .nothing {
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

.cart-listbtn .list .item {
    height: 40px;
    padding: 0 40px 0 20px;
    position: relative;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    line-height: 40px;
}

.cart-listbtn .list .item .num {
    float: left;
    width: 160px;
}

.cart-listbtn .list .item .sl {
    position: absolute;
    top: 0px;
    right: 40px;
}

.cart-listbtn .list .item .cz {
    position: absolute;
    cursor: pointer;
    height: 40px;
    width: 40px;
    right: 0px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: center;
}

/**/
.xunjia-main {
    padding: 40px 0 60px;
}

.xunjia-main .xj-bbt {
    color: #393939;
    font-size: 24px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.xunjia-main table {
    width: 100%;
}

.xunjia-main table thead {
    background: #fafafc;
}

.xunjia-main table thead td {
    padding: 10px;
    line-height: 20px;
}

.xunjia-main table tbody tr {
    border-bottom: 1px solid #e5e5e5;
}

.xunjia-main table tbody tr td {
    padding: 10px;
    height: 60px;
    line-height: 20px;
    font-size: 14px;
}

.xunjia-main table tbody tr td a {
    color: #e06721;
}

.xunjia-main table tbody tr td a:hover {
    text-decoration: underline;
}

.xunjia-main .order-xx {
    height: 60px;
    line-height: 60px;
    text-align: right;
    font-size: 14px;
}

.xunjia-main .order-xx .item {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    margin-left: 50px;
    color: #393939;
}

.xunjia-main .or-btn-box {
    text-align: right;
}

.xunjia-main .or-btn-box a {
    width: 140px;
    height: 36px;
    border-radius: 4px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin: 0 0 0 auto;
    font-size: 16px;
    background: #e06721;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 20px;
    cursor: pointer;
}

/**/
.user-main {
    background: #f5f5f5;
    padding: 30px 0 60px;
}

.user-main .u-main {
    width: 1200px;
    margin: auto;
}

.user-main .u-main .user-left {
    float: left;
    width: 250px;
}

.user-main .u-main .user-left .user-xx-box {
    margin-bottom: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.user-main .u-main .user-left .user-xx-box .bbt {
    background: #e06721;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
}

.user-main .u-main .user-left .user-xx-box .box {
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 35px 10px;
    color: #606060;
    font-size: 13px;
}

.user-main .u-main .user-left .user-xx-box .box .u {
    margin-bottom: 10px;
}

.user-main .u-main .user-left .user-xx-box .box .u b {
    color: #00acd8;
    font-size: 14px;
}

.user-main .u-main .user-left .user-xx-box .box .talk {
    display: block;
    width: 140px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin: 10px auto 0;
    font-size: 16px;
    background: #e06721;
}

/**/
.user-main .u-main .user-left .usernav {
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.user-main .u-main .user-left .usernav .item {
    display: block;
    background: #fff;
    margin-bottom: 1px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
}

.user-main .u-main .user-left .usernav .item.on {
    background: #3ea2f3 !important;
    color: #fff;
}

.user-main .u-main .user-left .usernav .item:hover {
    background: #f5f5f5
}

.user-main .u-main .user-left .usernav .item.if {
    border-radius: 8px 8px 0 0
}

.user-main .u-main .user-left .usernav .item.il {
    border-radius: 0 0 8px 8px
}

/**/
.user-main .u-main .user-right .type-bbt {
    line-height: 60px;
    height: 60px;
    font-size: 20px;
    color: #606060;
    padding: 0 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 22px;
}

.user-main .u-main .user-right {
    width: 920px;
    float: right;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    padding-bottom: 30px;
    min-height: 356px;
}


.user-main .u-main .user-right .orderm,
.user-main .u-main .user-right .collectm {
    margin: 0 30px;
}

.user-main .u-main .user-right .orderm .om-bbt,
.user-main .u-main .user-right .collectm .cm-bbt {
    height: 37px;
    line-height: 37px;
    background: #f5f5f5;
}

.user-main .u-main .user-right .orderm .tt,
.user-main .u-main .user-right .collectm .tt {
    float: left;
    text-align: center;
    border-right: 1px solid #fff;
    font-size: 14px;
    overflow: hidden;
}

.user-main .u-main .user-right .orderm .item {
    clear: both;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #eee;
}

.user-main .u-main .user-right .orderm .tt.t1 {
    width: 272px;
}

.user-main .u-main .user-right .orderm .tt.t2 {
    width: 128px;
}

.user-main .u-main .user-right .orderm .tt.t3 {
    width: 305px;
}

.user-main .u-main .user-right .orderm .tt.t4 {
    width: 140px;
    border-right: 0;
    float: right;
}

.user-main .u-main .user-right .orderm .tt.t4 a {
    display: inline-block;
    margin: 0 5px;
    color: #e06721;
    text-decoration: underline;
    cursor: pointer;
}

.user-main .u-main .user-right .orderm .tt.t4 a:hover {
    opacity: .8
}

/**/
.user-main .u-main .user-right .collectm .item {
    clear: both;
    color: #e06721;
    line-height: 24px;
    height: 100px;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.user-main .u-main .user-right .collectm .tt.t1 {
    width: 472px;
}

.user-main .u-main .user-right .collectm .tt.t2 {
    width: 190px;
}

.user-main .u-main .user-right .collectm .tt.t4 {
    width: 140px;
    border-right: 0;
    float: right;
}

.user-main .u-main .user-right .collectm .item .tt.t1 {
    text-align: left;
}

.user-main .u-main .user-right .collectm .item table {
    width: 100%;
}

.user-main .u-main .user-right .collectm .item .tt.t1 img {
    display: block;
    width: 98px;
    height: 98px;
    border: 1px solid #ddd;
}

.user-main .u-main .user-right .collectm .item td {
    height: 100px;
}

.user-main .u-main .user-right .collectm .item td a {
    color: #e06721;
}

.user-main .u-main .user-right .collectm .item td a:hover {
    text-decoration: underline;
}

.user-main .u-main .user-right .collectm .tt.t4 a {
    text-decoration: underline;
    cursor: pointer;
}

.user-main .u-main .user-right .page-box {
    margin-top: 20px;
}

.user-main .u-main .user-right .noting {
    line-height: 150px;
    font-size: 14px;
    text-align: center;
}

/**/
.user-main .info-main {
    width: 480px;
    margin: auto;
    padding: 30px 0;
}

.user-main .info-main .item {
    height: 30px;
    margin-bottom: 18px;
    position: relative;
    padding-left: 94px;
    font-size: 14px;
}

.user-main .info-main .item .bt {
    position: absolute;
    height: 30px;
    left: 0px;
    top: 0;
    color: #989898;
    text-align: justify;
    width: 60px;
}

.user-main .info-main .item .bt>span {
    display: inline-block
        /* opera */
    ;
    padding-left: 100%;
}



.user-main .info-main .item .gai {
    color: #e06721;
    margin-left: 20px;
}

.user-main .info-main .item .input-b {
    width: 200px;
    padding: 0 10px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.user-main .info-main .item .input-b:focus {
    color: #196bb0;
    background-color: #d0eaff;
    border: 1px solid #e06721;
}

.user-main .info-main .item .radio {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    height: 30px;
    padding-left: 26px;
    margin-right: 30px;
    cursor: pointer;
    position: relative;
}

.user-main .info-main .item .radio span {
    display: block;
    width: 14px;
    height: 14px;
    border: 2px solid #ddd;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -10px;
}

.user-main .info-main .item .radio span b {
    width: 6px;
    height: 6px;
    display: block;
    background: #ddd;
    margin: -3px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
}

.user-main .info-main .item .radio[data-on="checked"] {
    color: #3ea2f3
}

.user-main .info-main .item .radio[data-on="checked"] span {
    border-color: #3ea2f3
}

.user-main .info-main .item .radio[data-on="checked"] span b {
    background: #3ea2f3
}

.user-main .info-main .item .input-box {
    position: relative;
}

.user-main .info-main .item .input-box .sendcode {
    border: 0;
    border-radius: 4px;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
    background: #e06721;
    position: absolute;
    left: 110px;
    top: 0;
}

.user-main .info-main .item .input-box .sendcode[disabled] {
    color: #000;
    background: #ddd;
    cursor: default;
}

.user-main .info-main .item .input-b.duan {
    width: 80px;
}

.user-main .info-main .item .input-b.chang {
    width: 320px;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.user-main .info-main .item .tjbtn {
    border: 0;
    border-radius: 4px;
    width: 160px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
    background: #e06721;
}

.user-main .info-main .item .tjbtn.d {
    width: 120px;
}

/**/
.fly-box.z {
    bottom: calc(10%   50px);
}

.fly-box.b {
    bottom: 10%;
}

.fly-box {
    right: 0;
    position: fixed;
    z-index: 20;
}

.fly-box .item {
    display: block;
    position: relative;
    margin-top: 1px;
    background-color: #666666;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.fly-box .item:hover .ll {
    display: block;
}

.fly-box .item .ll {
    position: absolute;
    width: 150px;
    right: 39px;
    padding-right: 15px;
    display: none;
}

.fly-box .item .ll:after {
    display: block;
    width: 0px;
    height: 0px;
    content: "";
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 150px;
    top: 16px;
}

.fly-box .item .ll .b {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .175);
}

.fly-box .item .ll .b a:nth-child(1) {
    border: 0;
}

.fly-box .item .ll .b a:hover {
    background: #eee;
    color: #000;
}

.fly-box .item .ll .b a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    overflow: hidden;
    font-size: 14px;
    border-top: 1px solid #eee;
}

.fly-box .item.i1 {
    background-image: ;
}

.fly-box .item.i2 {
    background-image: ;
}

.fly-box .item.i3 {
    background-image: ;
}

.fly-box .item.i4 {
    background-image: ;
}

.fly-box .item.i5 {
    background-image: ;
}

.fly-box .item.i1 .close {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 111;
    background-color: #e06721;
    opacity: 0;
    visibility: hidden;
}

.fly-box .item.i1 .close:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    transform: rotate(-45deg);
}

.fly-box .item.i1 .close:after {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    transform: rotate(45deg);
}

.fly-box .item.i1[data-on="on"] .close {
    opacity: 1;
    visibility: visible;
}

.fly-box .item .word {
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #e06721;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 10px 0 0 10px;
    transition: all .5s ease;
    transform: translatex(150%);
    z-index: -1;
    display: block;
}

.fly-box .item:hover {
    background-color: #e06721;
}

.fly-box .item.i1:hover .word {
    transform: translatex(150%);
}

.fly-box .item:hover .word {
    transform: translatex(0);
}

.fly-box .item.i1[data-on="on"] .word {
    transform: translatex(0);
}

.fly-box .item .word .cl-total {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #e06721;
    background: #fff;
    border-radius: 10px;
    min-width: 16px;
    padding: 0 2px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
    position: relative;
    z-index: -1;
}



#gotop {
    display: none;
    cursor: pointer;
}

@media only screen and (min-width: 800px) {
    .right-menu::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #ccc;
    }

    /*定义滚动条轨道 内阴影 圆角*/
    .right-menu::-webkit-scrollbar-track {
        border-radius: 0px;
        background: #ccc;
    }

    /*定义滑块 内阴影 圆角*/
    .right-menu::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background-color: #e06721;
    }

}


@media only screen and (max-width: 1600px) {
    .about-index {
        height: 724px;
    }

    .about-index .ab-b .bt {
        font-size: 28px;
    }

    .about-index .ab-b .bt.en {
        font-size: 56px;
    }

    .zi-top.h {
        height: 50px;
    }

    .zi-top .h {
        height: 50px;
        line-height: 50px;
    }

    .brand-banner .btn.prev {
        margin-left: -680px;
    }

    .brand-banner .btn.next {
        margin-left: 650px;
    }
}

@media only screen and (max-width: 1440px) {
    .about-index {
        height: 624px;
    }

    .zi-top.h {
        height: 44px;
    }

    .zi-banner {
        height: 420px;
    }

    .zi-banner .text {
        padding-top: 160px;
    }

    .zi-banner .text .bt {
        height: 54px;
        font-size: 38px;
        line-height: 54px;
    }

    .zi-banner .text .demo {
        font-size: 16px;
    }

    .zi-top .h {
        height: 44px;
        line-height: 44px;
    }

    .aboutviewbox .ab-left .type-bbt {
        font-size: 30px;
    }

    .brand-banner .btn.prev {
        margin-left: -600px;
    }

    .brand-banner .btn.next {
        margin-left: 570px;
    }
}

.layui-table-tips-main {
    text-transform: uppercase !important;
}

.error-bg {
    height: 800px;
    position: relative;
}

.error-bg .btnbox {
    position: absolute;
    left: 0;
    bottom: 120px;
    text-align: center;
    font-size: 0;
    width: 100%;
}

.error-bg .btnbox .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 40px;
    background-color: #e06721;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin: 0 15px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e06721;
}

.error-bg .btnbox .btn.rr {
    background-color: #fff;
    color: #e06721;
}