@charset "utf-8";
/* CSS Document */

/* --banner start--*/
.indexBanner {
    width: 100%;
    height: 680px;
    margin-top: 90px;
    position: relative;
    overflow: hidden;
}

.bannerPo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.indexBanner .box {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.bannerPo img {
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -942px;
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .indexBanner {
        height: 500px;
    }

    .bannerPo img {
        margin-left: -700px;
    }
}

.indexBanner .text {
    width: 100%;
    height: 100%;
}

.indexBanner .text_one, .indexBanner .text_tow, .indexBanner .text_three, .indexBanner .text_four, .indexBanner .text_fire {
    width: 100%;
    height: 100%;
    position: relative;
}

.indexBanner .text_one .text_com, .indexBanner .text_tow .text_com, .indexBanner .text_three .text_com, .indexBanner .text_four .text_com, .indexBanner .text_fire .text_com {
    width: 50%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.indexBanner .text_one .p1 {
    width: 100%;
    height: 80px;
    background: url(../images/index_banner3.png) no-repeat center center;
    position: absolute;
    top: 30%;
}

.indexBanner .text_one .p2 {
    width: 100%;
    height: 110px;
    background: url(../images/index_banner4.png) no-repeat center center;
    position: absolute;
    top: 44%;
}

.indexBanner .text_one .p3 {
    width: 100%;
    height: 30px;
    background: url(../images/index_banner5.png) no-repeat center center;
    position: absolute;
    top: 64%;
}

.indexBanner .text_one .p3 a {
    width: 96px;
    height: 30px;
    display: block;
    margin: 0 auto;
}

.indexBanner .text_one .left {
    position: absolute;
    left: 0px;
    top: 26%;
}

.indexBanner .text_one .left img {
    width: 80%;
    *width: 300px;
    height: auto;
}

.indexBanner .text_tow .p1 {
    height: 44px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 44px;
    position: absolute;
    top: 36%;
    left: 34%;
}

.indexBanner .text_tow .p2 .span1, .indexBanner .text_tow .p2 .span2, .indexBanner .text_tow .p2 .span3 {
    height: 61px;
    position: absolute;
    top: 48%;
}

.indexBanner .text_tow .p2 .span1 {
    width: 50px;
    background: url(../images/index_banner7.png) no-repeat center bottom;
    left: 44%;
}

.indexBanner .text_tow .p2 .span2 {
    width: 32px;
    background: url(../images/index_banner8.png) no-repeat center bottom;
    left: 58%;
}

.indexBanner .text_tow .p2 .span3 {
    width: 103px;
    background: url(../images/index_banner9.png) no-repeat center bottom;
    left: 66%;
}

.indexBanner .text_tow .p3 {
    width: 100%;
    height: 30px;
    background: url(../images/index_banner10.png) no-repeat center center;
    position: absolute;
    top: 60%;
    left: 11%;
}

.indexBanner .text_tow .p4 {
    width: 92px;
    height: 28px;
    background: url(../images/index_banner12.png) no-repeat center center;
    position: absolute;
    top: 68%;
    left: 53.6%;
}

.indexBanner .text_tow .p4 a {
    width: 100%;
    height: 100%;
    display: block;
}

.indexBanner .text_three .left {
    position: absolute;
    left: 10%;
    top: 34%;
}

.indexBanner .text_three .left img {
    width: 80%;
    height: auto;
    *width: 300px;
}

.indexBanner .text_three .p1 {
    height: 44px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 44px;
    position: absolute;
    top: 36%;
    left: 34%;
}

.indexBanner .text_three .p2 {
    width: 100%;
    height: 74px;
    background: url(../images/index_banner14.png) no-repeat center center;
    position: absolute;
    top: 46%;
    left: 13%;
}

.indexBanner .text_three .p3 {
    width: 100%;
    height: 30px;
    background: url(../images/index_banner15.png) no-repeat center center;
    position: absolute;
    top: 60%;
    left: 11%;
}

.indexBanner .text_three .p4 {
    width: 92px;
    height: 28px;
    background: url(../images/index_banner12.png) no-repeat center center;
    position: absolute;
    top: 68%;
    left: 53.6%;
}

.indexBanner .text_three .p4 a {
    width: 100%;
    height: 100%;
    display: block;
}

.indexBanner .text_four .left {
    position: absolute;
    left: 10%;
    top: 28%;
}

.indexBanner .text_four .left img {
    width: 80%;
    height: auto;
    *width: 300px;
}

.indexBanner .text_four .p1 {
    height: 44px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 44px;
    position: absolute;
    top: 32%;
    left: 45%;
}

.indexBanner .text_four .p2 {
    width: 100%;
    height: 62px;
    background: url(../images/index_banner16.png) no-repeat center center;
    position: absolute;
    top: 43%;
    left: 13%;
}

.indexBanner .text_four .p3 {
    width: 100%;
    height: 30px;
    background: url(../images/index_banner17.png) no-repeat center center;
    position: absolute;
    top: 57%;
    left: 14%;
}

.indexBanner .text_four .p4 {
    width: 92px;
    height: 28px;
    background: url(../images/index_banner12.png) no-repeat center center;
    position: absolute;
    top: 65%;
    left: 55.6%;
}

.indexBanner .text_four .p4 a {
    width: 100%;
    height: 100%;
    display: block;
}

.indexBanner .text_fire .text_com {
    width: 60%;
    margin: 0px;
}

.indexBanner .text_fire .p1 {
    height: 44px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 44px;
    position: absolute;
    top: 24%;
    left: 45%;
}

.indexBanner .text_fire .p2 .span1, .indexBanner .text_fire .p2 .span2, .indexBanner .text_fire .p2 .span3, .indexBanner .text_fire .p2 .span4 {
    height: 154px;
    display: block;
    position: absolute;
    top: 38%;
}

.indexBanner .text_fire .p2 .span1 {
    width: 154px;
    background: url(../images/index_banner18.png) no-repeat center bottom;
    left: 10%;
}

.indexBanner .text_fire .p2 .span2 {
    width: 154px;
    background: url(../images/index_banner19.png) no-repeat center bottom;
    left: 34%;
}

.indexBanner .text_fire .p2 .span3 {
    width: 154px;
    background: url(../images/index_banner20.png) no-repeat center bottom;
    left: 58%;
}

.indexBanner .text_fire .p2 .span4 {
    width: 184px;
    background: url(../images/index_banner21.png) no-repeat center bottom;
    left: 82%;
}

.indexBanner .text_fire .p3 {
    width: 100%;
    height: 30px;
    background: url(../images/index_banner5.png) no-repeat center center;
    position: absolute;
    top: 68%;
    left: 6%;
}

.indexBanner .text_fire .p3 a {
    width: 92px;
    height: 30px;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
    .indexBanner .text_one .p1 {
        width: 100%;
        height: 80px;
        background: url(../images/index_banner3.png) no-repeat center center;
        position: absolute;
        top: 19%;
        left: 4%;
    }

    .indexBanner .text_one .p2 {
        width: 100%;
        height: 110px;
        background: url(../images/index_banner4.png) no-repeat center center;
        position: absolute;
        top: 40%;
        left: 6%;
    }

    .indexBanner .text_one .p3 {
        width: 100%;
        height: 30px;
        background: url(../images/index_banner5.png) no-repeat center center;
        position: absolute;
        top: 69%;
        left: 4%;
    }

    .indexBanner .text_one .p3 a {
        width: 96px;
        height: 30px;
        display: block;
        margin: 0 auto;
    }

    .indexBanner .text_one .left {
        position: absolute;
        left: 0px;
        top: 15%;
    }

    .indexBanner .text_one .left img {
        width: 80%;
        height: auto;
        *width: 260px;
    }

    .indexBanner .text_tow .p1 {
        height: 44px;
        font-size: 34px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 44px;
        position: absolute;
        top: 30%;
        left: 34%;
    }

    .indexBanner .text_tow .p2 .span1, .indexBanner .text_tow .p2 .span2, .indexBanner .text_tow .p2 .span3 {
        height: 61px;
        position: absolute;
        top: 44%;
    }

    .indexBanner .text_tow .p2 .span1 {
        width: 50px;
        background: url(../images/index_banner7.png) no-repeat center bottom;
        left: 44%;
    }

    .indexBanner .text_tow .p2 .span2 {
        width: 32px;
        background: url(../images/index_banner8.png) no-repeat center bottom;
        left: 58%;
    }

    .indexBanner .text_tow .p2 .span3 {
        width: 103px;
        background: url(../images/index_banner9.png) no-repeat center bottom;
        left: 66%;
    }

    .indexBanner .text_tow .p3 {
        width: 100%;
        height: 30px;
        background: url(../images/index_banner10.png) no-repeat center center;
        position: absolute;
        top: 60%;
        left: 11%;
    }

    .indexBanner .text_tow .p4 {
        width: 92px;
        height: 28px;
        background: url(../images/index_banner12.png) no-repeat center center;
        position: absolute;
        top: 68%;
        left: 52.6%;
    }

    .indexBanner .text_tow .p4 a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .indexBanner .text_three .left {
        position: absolute;
        left: 10%;
        top: 26%;
    }

    .indexBanner .text_three .left img {
        width: 80%;
        height: auto;
        *width: 260px;
    }

    .indexBanner .text_three .p1 {
        height: 44px;
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 44px;
        position: absolute;
        top: 26%;
        left: 28%;
    }

    .indexBanner .text_three .p2 {
        width: 100%;
        height: 74px;
        background: url(../images/index_banner14.png) no-repeat center center;
        position: absolute;
        top: 40%;
        left: 10%;
    }

    .indexBanner .text_three .p3 {
        width: 100%;
        height: 30px;
        background: url(../images/index_banner15.png) no-repeat center center;
        position: absolute;
        top: 60%;
        left: 9%;
    }

    .indexBanner .text_three .p4 {
        width: 92px;
        height: 28px;
        background: url(../images/index_banner12.png) no-repeat center center;
        position: absolute;
        top: 68%;
        left: 50%;
    }

    .indexBanner .text_three .p4 a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .indexBanner .text_four .left {
        position: absolute;
        left: 10%;
        top: 24%;
    }

    .indexBanner .text_four .left img {
        width: 70%;
        height: auto;
        *width: 260px;
    }

    .indexBanner .text_four .p1 {
        height: 44px;
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 44px;
        position: absolute;
        top: 26%;
        left: 39%;
    }

    .indexBanner .text_four .p2 {
        width: 100%;
        height: 62px;
        background: url(../images/index_banner16.png) no-repeat center center;
        position: absolute;
        top: 43%;
        left: 11%;
    }

    .indexBanner .text_four .p3 {
        width: 100%;
        height: 30px;
        background: url(../images/index_banner17.png) no-repeat center center;
        position: absolute;
        top: 61%;
        left: 12%;
    }

    .indexBanner .text_four .p4 {
        width: 92px;
        height: 28px;
        background: url(../images/index_banner12.png) no-repeat center center;
        position: absolute;
        top: 71%;
        left: 51.6%;
    }

    .indexBanner .text_four .p4 a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .indexBanner .text_fire .text_com {
        width: 60%;
        margin: 0px;
    }

    .indexBanner .text_fire .p1 {
        height: 44px;
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 44px;
        position: absolute;
        top: 12%;
        left: 51%;
    }

    .indexBanner .text_fire .p2 .span1, .indexBanner .text_fire .p2 .span2, .indexBanner .text_fire .p2 .span3, .indexBanner .text_fire .p2 .span4 {
        height: 154px;
        display: block;
        position: absolute;
        top: 30%;
    }

    .indexBanner .text_fire .p2 .span1 {
        width: 154px;
        background: url(../images/index_banner18.png) no-repeat center bottom;
        left: 10%;
    }

    .indexBanner .text_fire .p2 .span2 {
        width: 154px;
        background: url(../images/index_banner19.png) no-repeat center bottom;
        left: 38%;
    }

    .indexBanner .text_fire .p2 .span3 {
        width: 154px;
        background: url(../images/index_banner20.png) no-repeat center bottom;
        left: 67%;
    }

    .indexBanner .text_fire .p2 .span4 {
        width: 184px;
        background: url(../images/index_banner21.png) no-repeat center bottom;
        left: 94%;
    }

    .indexBanner .text_fire .p3 {
        width: 100%;
        height: 30px;
        background: url(../images/index_banner5.png) no-repeat center center;
        position: absolute;
        top: 70%;
        left: 14%;
    }

    .indexBanner .text_fire .p3 a {
        width: 92px;
        height: 30px;
        display: block;
        margin: 0 auto;
    }
}

.indexBannerRight {
    width: 20%;
    max-width: 240px;
    height: 286px;
    padding: 25px 1em;
    position: absolute;
    right: 0px;
    top: 50%;
    z-index: 5;
    margin-top: 10%;
    overflow: inherit;
}

.indexBannerRight-top {
    width: 100%;
    height: 209px;
    border: 1px solid #c0bebe;
}

.indexBannerRight-top div a {
    display: block;
    width: auto;
    height: 69px;
    border-bottom: 1px solid #C0BEBE;
    overflow: hidden;
    padding: 0px 20px;
}

.indexBannerRight-top div a:hover .ad1 {
    background-position: -49px -36px;
}

.indexBannerRight-top div a:hover .ad2 {
    background-position: -1px -84px;
}

.indexBannerRight-top div a:hover .ad3 {
    background-position: -110px -90px;
}

.indexBannerRight-top div a:hover {
    background: #fff;
}

.indexBannerRight-top div a:hover p {
    color: #737373;
}

.indexBannerRight-top .ad {
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 15px;
    margin-top: 19px;
    background-image: url(../images/index1.png);
}

.indexBannerRight-top .ad1 {
    background-position: -2px -34px;
}

.indexBannerRight-top .ad2 {
    background-position: -265px -37px;
}

.indexBannerRight-top .ad3 {
    background-position: -51px -88px;
}

.indexBannerRight-top-con {
    width: 104px;
    float: right;
    margin-top: 19px;
}

.indexBannerRight-top-con1 {
    color: #fef1e2;
    font-size: 15px;
    line-height: 22px;
}

.indexBannerRight-top-con2 {
    color: #fef1e2;
    font-size: 12px;
    line-height: 16px;
}

.indexBannerRight-bottom {
    height: 45px;
    border-bottom: 1px solid #C0BEBE;
    margin-top: 20px;
}

.indexBannerRight-bottom a {
    display: block;
    float: left;
    width: 46px;
    height: 32px;
    margin: 0 16px;
    background-image: url(../images/index1.png);
    background-repeat: no-repeat;
}

.indexBannerRight-bottom a.one {
    background-position: 2px -143px;
    position: relative;
}

.indexBannerRight-bottom a.tow {
    background-position: -42px -143px;
}

.indexBannerRight-bottom a.three {
    background-position: -103px -143px;
}

.bannerCenter .gl {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.indexBannerRight-bottom a.one .ico {
    width: 110px;
    height: 147px;
    position: absolute;
    background: url(../images/index1.png) no-repeat -4px -196px;
    top: 36px;
    left: -31px;
    visibility: hidden;
    z-index: 3;
}

.indexBannerRight-bottom a.one:hover .ico {
    visibility: inherit;
}

.indexBanner ol {
    width: 100%;
    height: 20px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    z-index: 20;
}

.bannerCenter .coopBa {
    width: 370px;
    height: 40px;
    margin: 50% auto 0px;
}

.bannerCenter .coopBa a {
    width: 138px;
    height: 40px;
}

.coBannerW {
    width: 100%;
    height: 475px;
    overflow: hidden;
    position: relative;
}

.coBannerHCon {
    width: 372px;
    height: 40px;
    margin: 290px auto 0;
}

.cooBanner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 480px;
}

.cooBanner .box, .NewCoolBImg .box {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.cooBanner img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    margin-left: -960px;
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
    .cooBanner {
        height: 350px;
    }

    .cooBanner img {
        margin-left: -709px;
    }
}

.cooBanner .link, .NewCooBanner .link {
    width: 370px;
    height: 40px;
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -185px;
}

.cooBanner .link a, .NewCooBanner .link a {
    width: 138px;
    height: 39px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    background: url(../images/categroy.png);
    color: #ca0000;
    background-position: 0px 0px;
}

.cooBanner .link a.left, .NewCooBanner .link a.left {
    float: left;
}

.cooBanner .link a.right, .NewCooBanner .link a.right {
    float: right;
}

.cooBanner .link a.active, .NewCooBanner .link a.active {
    color: #fff;
    background-position: 0px -60px;
}

.NewCooBanner {
    position: relative;
    width: 100%;
}

.NewCooBanner img {
    left: 0px;
    margin-left: 0px;
}

body.screen1024 .NewCooBanner img {
    width: 1024px;
}

#NewCoolBImg {
    height: 475px;
}

#NewCoolBImg img {
    display: none;
}

/*
html.screen1024 #NewCoolBImg{	background: transparent none;	height:254px;}
html.screen1024 #NewCoolBImg img{	display:block;	height:254px;}
*/

/* --产品中心ERP-*/
.erp_banText {
    width: 400px;
    height: auto;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 10%;
    top: 23%;
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
    .erp_banText {
        top: 2.3em;
    }
}

.erp_banText .p1 {
    height: 68px;
    line-height: 68px;
    font-size: 45px;
}

.erp_banText .p2 {
    height: 46px;
    line-height: 46px;
    font-size: 26px;
}

.erp_banText .p3 {
    width: 290px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    position: relative;
    margin: 0 auto;
}

.erp_banText .p3 .t1, .erp_banText .p3 .t2 {
    width: 62px;
    height: 3px;
    background: #CC021F;
    position: absolute;
    top: 50%;
    margin-top: -1px;
}

.erp_banText .p3 .t1 {
    left: 0px;
}

.erp_banText .p3 .t2 {
    right: 0px;
}

.erp_banText div {
    width: 330px;
    height: 39px;
    padding-top: 30px;
    margin: 0 auto;
}

.erp_banText div a {
    float: left;
    width: 140px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    display: block;
    background: url(../images/goodserp.png) no-repeat;
    color: #C30211;
    background-position: 0px 0px;
    margin: 0 10px;
}

.erp_banText div a:hover {
    background-position: 0px -50px;
    color: #fff;
}

/* --banner end--*/
/* --当前位置 start--*/
.current {
    width: 100%;
    font-size: 14px;
    background: #F7F7F7;
}

.current .currentBox {
    max-width: 1200px;
    padding: 15px 0px;
    margin: 0 auto;
}

.current .currentBox .center {
    height: 36px;
    line-height: 36px;
    background: url(../images/categroy.png) no-repeat 4px -108px;
}

.current .currentBox span {
    margin-left: 24px;
}

.current .currentBox a {
    margin: 0px 10px;
    color: #333;
}

.current .currentBox a:hover {
    color: #ff0000;
}

.current .currentBox span.active {
    color: #D11724;
    margin-left: 10px;
}

/* --当前位置 end--*/
/* --title标题 start--*/
#pro_con {
    padding: 0px;
    float: left;
}

.title {
    width: 100%;
    height: 130px;
    padding: 30px 0px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.title p {
    height: 86px;
    line-height: 86px;
    font-size: 30px;
    color: #fff;
}

.title p a:link, .title p a:visited {
    color: #fff;
}

.title p.t1 {
    font-size: 47px;
}

.title p.t {
    color: #CA0202;
}

.title p.t a {
    color: #CA0202;
}

.title .div596 {
    width: 596px;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    background: url(../images/com.png) no-repeat 0px 0px;
    font-size: 16px;
}

.title .div496 {
    width: 395px;
    height: 43px;
    line-height: 42px;
    margin: 0 auto;
    background: url(../images/com.png) no-repeat -50px -50px;
    font-size: 16px;
}

.title .color1 {
    color: #787878;
}

/*灰色*/
.title .color2 {
    color: #fff;
}

.i_pro_p {
    color: #666;
    font-size: 20px;
    text-align: left;
    text-indent: 2em;
    line-height: 50px;
    padding-top: 20px;
}

/*灰色*/
/* --title标题 end--*/
/* --二级标题 start--*/
.h_title {
    width: 100%;
    padding-top: 110px;
    padding-bottom: 100px;
}

.h_title.t1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.h_title div {
    width: 250px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #C60211;
    margin: 0 auto;
    position: relative;
}

.h_title .div1 {
    width: 300px;
}

.h_title div.color1 {
    color: #fff;
}

.h_title div strong {
    font-weight: normal;
    font-size: 18px;
}

.h_title div .span1, .h_title div .span2 {
    width: 80px;
    height: 1px;
    display: block;
    background: #C60211;
    position: absolute;
    top: 18px;
}

.h_title div .span1.t, .h_title div .span2.t {
    background: #fff;
}

.h_title div .span1 {
    left: 0px;
}

.h_title div .span2 {
    right: 0px;
}

/* --二级标题 end--*/
/* --模块 - 六联排版 start--*/
.module_six {
    width: 100%;
    height: auto;
    background: #fff;
}

.module_six .box {
    max-width: 1210px;
    margin: 0 auto;
}

.module_six .box li {
    width: 33.33%;
    *width: 33.23%;
    float: left;
}

.module_six .box li .first {
    border: solid 1px #E1E1E1;
    margin: 0px 5px;
}

.module_six .box li .first .text {
    width: 80%;
    padding: 36px 0;
    margin: 0 auto;
    position: relative;
}

.module_six .box li .first .text .ico {
    width: 100%;
    height: 40px;
    display: block;
    background: url(../images/module_six.png) no-repeat;
}

.module_six .box li .first .text .icoo1 {
    background-position: 0px -4877px;
}

.module_six .box li .first .text .icoo2 {
    background-position: 0px -5040px;
}

.module_six .box li .first .text .icoo3 {
    background-position: 0px -5198px;
}

.module_six .box li .first .text .icoo4 {
    background-position: 0px -5356px;
}

.module_six .box li .first .text .icoo5 {
    background-position: 0px -5518px;
}

.module_six .box li .first .text .icoo6 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text .icoo7 {
    background-position: 0px 0px;
}

.module_six .box li .first .text .icoo8 {
    background-position: 0px -160px;
}

.module_six .box li .first .text .icoo9 {
    background-position: 0px -320px;
}

.module_six .box li .first .text .icoo10 {
    background-position: 0px -470px;
}

.module_six .box li .first .text .icoo11 {
    background-position: 0px -640px;
}

.module_six .box li .first .text .icoo12 {
    background-position: 0px -800px;
}

.module_six .box li .first .text .icoo13 {
    background-position: 0px -960px;
}

.module_six .box li .first .text .icoo14 {
    background-position: 0px -1120px;
}

.module_six .box li .first .text .icoo15 {
    background-position: 0px -1280px;
}

.module_six .box li .first .text .icoo16 {
    background-position: 0px -1440px;
}

.module_six .box li .first .text .icoo17 {
    background-position: 0px -1600px;
}

.module_six .box li .first .text .icoo18 {
    background-position: 0px -1760px;
}

.module_six .box li .first .text .icoo19 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text .icoo20 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text .icoo21 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text .icoo22 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text .icoo23 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text .icoo24 {
    background-position: 0px -5677px;
}

.module_six .box li .first .text dt {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
}

.module_six .box li .first .text dd {
    height: 60px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color: #666;
}

.serve_zhuanye .box li .first .text dd {
    height: 120px;
    padding-top: 20px;
    line-height: 35px;
}

.module_six .box li .first .text .xian {
    width: 50%;
    height: 1px;
    background: #A3A3A3;
    display: block;
    position: absolute;
    right: 1%;
    top: 70px;
}

.module_six .box li .first:hover dt, .module_six .box li .first:hover dd {
    color: #CA0303;
}

.module_six .box li .first:hover {
    border-color: #D12323;
    box-shadow: inset 0px 0px 12px #FC5252;
}

.module_six .box li .first:hover .icoo1 {
    background-position: 1px -4958px
}

.module_six .box li .first:hover .icoo2 {
    background-position: 0px -5120px
}

.module_six .box li .first:hover .icoo3 {
    background-position: 2px -5278px
}

.module_six .box li .first:hover .icoo4 {
    background-position: 0px -5436px
}

.module_six .box li .first:hover .icoo5 {
    background-position: 0px -5598px
}

.module_six .box li .first:hover .icoo6 {
    background-position: 1px -5756px
}

.module_six .box li .first:hover .icoo7 {
    background-position: 0px -80px
}

.module_six .box li .first:hover .icoo8 {
    background-position: 0px -240px
}

.module_six .box li .first:hover .icoo9 {
    background-position: 0px -400px
}

.module_six .box li .first:hover .icoo10 {
    background-position: 2px -548px;;
}

.module_six .box li .first:hover .icoo11 {
    background-position: 0px -717px
}

.module_six .box li .first:hover .icoo12 {
    background-position: 0px -880px
}

.module_six .box li .first:hover .icoo13 {
    background-position: -1px -1040px
}

.module_six .box li .first:hover .icoo14 {
    background-position: 2px -1200px
}

.module_six .box li .first:hover .icoo15 {
    background-position: 1px -1361px
}

.module_six .box li .first:hover .icoo16 {
    background-position: -1px -1520px
}

.module_six .box li .first:hover .icoo17 {
    background-position: 1px -1680px
}

.module_six .box li .first:hover .icoo18 {
    background-position: 2px -1840px
}

.module_six .solu_bt {
    padding: 50px 0px;
    height: 44px;
    line-height: 43px;
}

.module_six .solu_bt a {
    width: 140px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: url(../images/solution.png) no-repeat 0px -6000px;
    margin: 0 auto;
    display: block;
}

/* --模块 - 六联排版  end--*/
/* --模块 - 六联排版start--*/
.module_sixt {
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 50px;
}

.module_sixt .box {
    max-width: 1210px;
    margin: 0 auto;
}

.module_sixt .box li {
    width: 16.66%;
    *width: 16.56%;
    float: left;
    position: relative;
}

.module_sixt .box li .first {
    margin: 0px 5px;
    background: #fff;
    border: solid 1px #C7C7C7;
    display: block;
    position: relative;
    z-index: 2;
}

.module_sixt.solution .box li:hover .first {
    border: 1px solid #cf2d36;
}

.module_sixt .box li img.bot_bg {
    display: block;;
    position: relative;
    bottom: 34px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    opacity: 0.3;
}

.module_sixt .box li .first img {
    width: 100%;
    height: auto;
}

.module_sixt .box li .first p {
    width: 100%;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    color: #333;
    font-size: 14px;
}

/* --模块 - 六联排版  end--*/
/* --模块 - 四联排版 start--*/
.module_four {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.module_four .p {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.module_four .box {
    max-width: 1220px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.module_four .box li {
    width: 25%;
    *width: 24.90%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}

.culBox .module_four .box li {
    height: 600px;
}

.module_four .box li .first {
    margin: 0px 10px;
    overflow: hidden;
}

.module_four .box li .first img {
    width: 100%;
}

.module_four .box li .first .text {
    width: 100%;
    position: relative;
}

.module_four .box li .posi {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.module_four .box li .posi .img2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.module_four .box li .posi .text {
    margin: 0px 10px;
    height: 100%;
    position: relative;
}

/* --模块 - 四联排版 end--*/
/* --模块 - 三联排版 start--*/
.module_three {
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 30px;
}

.module_three li {
    *width: 23.9%;
    float: left;
    margin: 20px auto;
}

.module_three li .first {
    border: solid 1px #D4D5D6;
    margin: 0px 20px;
}

.module_three li .first a:link, .module_three li .first a:hover, .module_three li .first a:visited {
    color: #000;
}

.exp_yanshi .module_three li .first {
    margin: 20px 20px;
}

.module_three li .first:hover {
    border: solid 1px #cf2d36;
}

.module_three li .first .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 177px;
    display: block;
}

.module_three li .first img {
    width: 100%;
    height: auto;
}

.module_three li .first dl {
    text-align: center;
    height: 200px;
    width: 100%;
}

.module_three li .first dt {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.module_three li .first dd {
    padding: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

.module_three li .first .button {
    width: 220px;
    height: 46px;
    margin: 0 auto;
    position: relative;
}

.module_three li .first .button .left, .module_three li .first .button .right {
    width: 80px;
    height: 46px;
    line-height: 46px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #464646;
    background: url(../images/exp.png) no-repeat;
}

.module_three li .first .button .left {
    float: left;
    background-position: 0px -1284px;
}

.module_three li .first .button .right {
    float: right;
    background-position: 0px -1484px;
}

.module_three li .first .button .left:hover {
    background-position: 1px -1384px;
    color: #C80405
}

.module_three li .first .button .right:hover {
    background-position: 1px -1584px;
    color: #C80405
}

@media screen and (min-width: 1201px) {
    .module_three li {
        width: 24.9%;
    }
}

@media screen and (max-width: 1200px) and (min-width: 601px) {
    .module_three {
        margin: 0 1%;
        width: 98% !important;
    }

    .module_three li {
        width: 49%;
    }
}

@media screen and (max-width: 600px) {
    .module_three li {
        width: 99%;
    }
}

/* --模块 - 三联排版 end--*/
/* --模块 - 二联排版 start--*/
.module_tow {
    width: 100%;
    height: auto;
    position: relative;
}

.module_tow .module_tow_l {
    width: 250px;
    height: 86%;
    position: absolute;
    left: 0;
}

.module_tow .module_tow_lb {
    width: 250px;
    height: 12%;
    position: absolute;
    left: 0;
    bottom: 0;
}

#move_b, #move_t {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    background: greenyellow;
}

#move_b {
    top: 10px;
    left: 80px;
    background: url('../images/button2.png') -72px -132px no-repeat;
}

#move_t {
    top: 10px;
    left: 140px;
    background: url('../images/button2.png') -122px -132px no-repeat;
}

.module_tow .module_tow_r {
    height: auto;
    margin-left: 250px;
    background: #fff;
}

/* --模块 - 二联排版 end--*/
/* --模块 - 标题内容组合 start--*/
.hgroup {
    width: 100%;
    height: auto;
}

.hgroup .hgroup_title {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-bottom: solid 2px #C70001;
}

.hgroup .hgroup_title .first {
    margin: 0px 25px;
}

.hgroup .hgroup_title .first .hgroup_left {
    width: 60%;
    height: 52px;
    overflow: hidden;
    float: left;
}

.hgroup .hgroup_title .first .hgroup_left .h3 {
    font-size: 30px;
}

.hgroup .hgroup_title .first .hgroup_left .h3, .hgroup .hgroup_title .first .hgroup_left span, .hgroup .hgroup_title .first .hgroup_left .h3 {
    float: left;
}

.hgroup .hgroup_title .first .hgroup_left span {
    font-size: 30px;
    margin: 0px 10px;
}

.hgroup .hgroup_title .first .hgroup_left p {
    font-size: 12px;
    color: #C70001;
    position: relative;
    top: 2px;
}

.hgroup .hgroup_title .first .hgroup_right {
    width: 30%;
    height: 52px;
    overflow: hidden;
    float: right;
    text-align: right;
}

.hgroup .hgroup_title .first .hgroup_right a {
    color: #333;
    font-size: 14px;
}

.hgroup .hgroup_body {
    padding: 15px 0;
}

/* --模块 - 标题内容组合 end--*/
.comList {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
}

.comList span {
    width: 5px;
    height: 5px;
    background: #414141;
    display: block;
    position: absolute;
    left: 8px;
    top: 18px;
}

.comList .a1 {
    float: left;
    color: #414141;
    text-indent: 34px;
}

.comList .a2 {
    float: right;
    margin-left: 60px;
    margin-top: 5px;
}

#nav span.slide {
    display: block;
    width: 40px;
    margin: 0 auto;
    height: 40px;
    background: url("../images/button.png") no-repeat;
    background-position: -225px -981px;
    position: absolute;
    top: 24px;
    left: 50%;
    cursor: pointer;
    animation: colorChange 1s linear infinite;
    -webkit-animation: colorChange 1s linear infinite;
}

@keyframes colorChange {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes colorChange {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

/*Mozilla*/
@-moz-keyframes colorChange {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.5)
    }
    100% {
        -moz-transform: scale(1)
    }
}

/*Opera*/
@-o-keyframes colorChange {
    0% {
        -o-transform: scale(1)
    }
    50% {
        -o-transform: scale(1.5)
    }
    100% {
        -o-transform: scale(1)
    }
}

@-ms-keyframes colorChange {
    0% {
        -ms-transform: scale(1)
    }
    50% {
        -ms-transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

/* --模块 - 成功案例 end--*/
.success {
    max-width: 1200px;
    margin: 0 auto;
    padding: 66px 0px;
    position: relative;
}

.success .first {
    height: 126px;
    margin: 0px 40px;
    overflow: hidden;
    position: relative;
}

.success .left.t1 {
    background-position: 0px -567px;
}

.success .right.t2 {
    background-position: 5px -611px;
}

.success .first ul {
    position: relative;
    left: 0px;
}

.success .first li {
    width: 16.66%;
    *width: 16.64%;
    height: 126px;
    float: left;
}

.success .first li .text {
    height: 124px;
    margin: 0px 6px;
    border: solid 1px #ededed;
    background: #fff;
}

.success .first li .text .ico {
    width: 90px;
    height: 90px;
    display: block;
    margin: 17px auto 0px;
    background: url(../images/successlogo.png) no-repeat;
}

.success .first li .text .icoo1 {
    background-position: 0px 0px;
}

.success .first li .text .icoo2 {
    background-position: 0px -150px;
}

.success .first li .text .icoo3 {
    background-position: 0px -300px;
}

.success .first li .text .icoo4 {
    background-position: 0px -450px;
}

.success .first li .text .icoo5 {
    background-position: 0px -600px;
}

.success .first li .text .icoo6 {
    background-position: 0px -750px;
}

/* --模块 - 成功案例 end--*/
/* --模块 - 成功案例 end--*/
/* --模块 - 成功案例 end--*/
/* --点击按钮 start--*/
.button2 {
    margin: 0 auto;
    margin-top: 75px;
    text-align: center;
}

.button2 a {
    background: url(../images/button.png) no-repeat;
    margin: 0 8px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

a.click_btn1 {
    width: 140px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    background-position: 0px -250px;
}

a.click_btn10 {
    width: 94px;
    height: 26px;
    line-height: 24px;
    background-position: 0px -500px;
    color: #D20304;
    margin-right: 30px;
}

a.click_btn10:hover {
    background-position: 0px -450px;
    color: #fff;
}

a.click_btn1:hover {
    background-position: 0px -200px;
    color: #df0f1a;
}

a.click_btn11 {
    width: 140px;
    height: 43px;
    line-height: 43px;
    background-position: 0px -200px;
    color: #df0f1a;
}

a.click_btn11:hover {
    color: #fff;
    background-position: 0px -250px;
}

a.click_btn2 {
    width: 140px;
    height: 42px;
    line-height: 42px;
    background-position: 0px -300px;
    color: #fff;
}

a.click_btn2:hover {
    background-position: 0px -350px;
    color: #D20304;
}

a.click_btn3 {
    width: 94px;
    height: 26px;
    line-height: 24px;
    background-position: 0px -400px;
    color: #D20304;
}

a.click_btn3:hover {
    background-position: 0px -450px;
    color: #fff;
}

a.click_btn31 {
    width: 94px;
    height: 26px;
    line-height: 24px;
    background-position: 0px -450px;
    color: #fff;
}

a.click_btn31:hover {
    background-position: 0px -400px;
    color: #D20304;
}

a.click_btn4 {
    width: 94px;
    height: 26px;
    line-height: 24px;
    background-position: 0px -450px;
    color: #fff;
}

a.click_btn4:hover {
    background-position: 0px -500px;
    color: #D20304;
}

a.click_btn5 {
    width: 50px;
    height: 130px;
    display: block;
    background: url(../images/button.png) no-repeat -150px -200px;
}

a.click_btn6 {
    width: 131px;
    height: 31px;
    line-height: 31px;
    display: block;
    text-align: center;
    color: #414141;
    background: url(../images/button.png) no-repeat 0px -650px;
}

a.click_btn6:hover {
    background-position: 0px -700px !important;
    color: #fff;
}

a.click_btn7 {
    width: 140px;
    height: 44px;
    line-height: 44px;
    background: url(../images/button.png) no-repeat 0px -200px;
    color: #C60211;
}

a.click_btn7:hover {
    background-position: 0px -250px;
    color: #fff;
}

a.click_btn8 {
    width: 140px;
    height: 44px;
    line-height: 40px;
    background: url(../images/button.png) no-repeat 0px -300px;
    color: #fff;
}

a.click_btn9 {
    display: block;
    width: 160px;
    height: 44px;
    line-height: 44px;
    background: url("../images/button.png") 0 -956px;
    color: #d0131d;
}

a.click_btn8:hover {
    background-position: 0px -350px;
    color: #C60211;
}

/* --点击按钮 end--*/
/* --轮播图按钮 start--*/
a.btn1_left, a.btn1_right {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    background: url(../images/button.png) no-repeat;
}

a.btn1_left {
    left: 30px;
    background-position: -150px 0;
}

a.btn1_right {
    right: 30px;
    background-position: -150px -50px;
}

a.btn2_left, a.btn2_right {
    width: 20px;
    height: 38px;
    display: block;
    position: absolute;
    top: 48%;
    margin-top: -19px;
    background: url(../images/button.png) no-repeat;
}

a.btn2_left {
    left: 10px;
    background-position: -150px -100px;
}

a.btn2_right {
    right: 10px;
    background-position: -150px -150px;
}

a.btn3_left, a.btn3_right {
    width: 20px;
    height: 38px;
    display: block;
    position: absolute;
    top: 43%;
    margin-top: -19px;
    background: url(../images/button.png) no-repeat;
}

a.btn3_left {
    left: 10px;
    background-position: -150px -550px;
}

a.btn3_right {
    right: 10px;
    background-position: -150px -600px;
}

a.btn4_left, a.btn4_right {
    width: 36px;
    height: 36px;
    position: absolute;
    background: url(../images/button.png) no-repeat;
    top: 0px;
}

a.btn4_left {
    left: 10px;
    background-position: -150px -350px;
}

a.btn4_right {
    right: 10px;
    background-position: -150px -400px;
}

/* --轮播图按钮 end--*/
/* --分页 start--*/
.page {
    width: 100%;
    height: 40px;
    text-align: center;
}

.page a, .page input {
    color: #666;
}

.page .a1, .page .a2, .page .a3, .page .a4, .page input {
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border: solid 1px #ddd;
}

.page .a1 {
    width: 38px;
}

.page .a2 {
    width: 98px;
}

.page .a3 {
    width: 60px;
    height: 40px;
    line-height: 40px;
    border: 0px;
}

.page input {
    width: 38px;
    vertical-align: top;
}

.page .a4 {
    width: 38px;
}

.page .a1:hover, .page .a2:hover, .page .a4:hover {
    background: #2080FA;
    color: #fff;
}

.page .a1.active {
    background: #2080FA;
    color: #fff;
}

/* --分页 end--*/
/* --翻书 start--*/
.zb_book {
    width: 460px;
    height: 640px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -320px;
}

a:focus {
    outline: none;
}

.mod_chanpin dl dt a {
    color: #E21C1C;
    font-weight: bold;
}

/* --翻书 end--*/


.footerCon {
    padding-top: 155px;
}

.indexBanner {
    height: 682px;
    margin-top: 0;
}

.indexBannerRight-bottom a.one {
    background-position: 0px -143px;
}

.indexBannerRight-bottom a.tow {
    background-position: -51px -143px;
}

.indexBannerRight-bottom a.three {
    background-position: -110px -143px;
}

.indexBannerRight-bottom a {
    width: 39px;
}

#imgsDiv div {
    width: 1920px;
    height: 100%;
    position: absolute;
}

.indexBannerRight {
    max-width: 210px;
}

#imgsDiv div.icoo1 {
    background: url(../images/b1.jpg) no-repeat center center;
}


#imgsDiv div.icoo3 {
    background: url(../images/b3.jpg) no-repeat center center;
}

#imgsDiv div.icoo4 {
    background: url(../images/b4.jpg) no-repeat center center;
}

#imgsDiv div.icoo5 {
    background: url(../images/b5.jpg) no-repeat center center;
}


#banner div.icoo2 {
    background: #500e16 url(../images/b2.jpg) no-repeat center center;
}

.pageNation {
    width: 120px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 85%;
}

.pageCube {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px; /* background: url(../images/uck.png) no-repeat*/;
    cursor: pointer;
}

.indexList {
    width: 100%;
    /*! height: 824px; */
    overflow: hidden;
    padding-top: 105px;
    padding-bottom: 10px;
}

.indexListCon {

    max-width: 1200px;
    width: 100%;

    margin: 0 auto;
}

.indexListCon ul {
    float: left;
    display: block;
}

.indexListCon ul li {
    float: left;

    height: auto;

    position: relative;
    overflow: hidden;
}

.indexListCon ul li .first img {
    width: 190px;
}

.indexListCon ul li .first .text {
    width: 100%;
    position: relative;
}

.indexListCon ul li .posi {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.indexListCon ul li .posi .text {
    margin: 0px 5px;
    height: 100%;
    position: relative;
}

.indexListCon ul li .posi .img2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.discribe1 {
    width: 100%;
    height: 72px;
    line-height: 65px;
    text-align: center;
    font-size: 13px;
    color: #787878;
}

.discribe1.t {
    color: #fff;
}

.squeezeBox {
    margin-top: 32px;
}

.squeezeList {
    width: 12%;
    height: 433px;
    float: left;
    overflow: hidden !important;
    box-sizing: border-box;
}

#squeezeFirst {
    width: 481px;
    border-left: 1px solid #cdcdcd;
}

.ico1, .ico2, .ico3, .ico4, .ico5, .ico6 {
    width: 44px;
    height: 38px;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.icon {
    width: 50px;
    height: 38px;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.icoTit {
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-bottom: 46px;
}

.icoList {
    width: 100%;
    margin-top: 21px;
    text-align: center;
    font-size: 12px;
    color: #676767;
}

.icoList a {
    width: 100%;
    margin-top: 21px;
    text-align: center;
    font-size: 12px;
    color: #676767;
    cursor: pointer;
}

.squeezeShow {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}

.squeezeShow .first {
    border-left: solid 1px #dedede;
    border-right: solid 0px #fff;
    height: 347px;
    padding-top: 90px;
}

.squeezeShow .first.t {
    border-right: solid 1px #ddd;
}

.squeezeHide {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    background: #F7F7F7;
}

.squeezeHide .first {
    border: solid 1px #e40e18;
    border-top: 0px;
    border-bottom: 0px;
}

.squeezeHide .squeeAf {
    margin: 0px 20px;
    padding-top: 20px;
}

.squeezeAc {
    margin: 0px 20px;
    height: 198px;
}

.squeezeAc dl {
    width: 50%;
    *width: 49.8%;
    height: 70px;
    line-height: 24px;
    float: left;
    margin-top: 20px;
}

.squeezeAc dt {
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.squeezeAc dt a {
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.squeezeAc dd {
    width: 90%;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #878787;
}

.squeezeAc dd a {
    color: #E63E43;
}

.ico1H, .ico2H, .ico3H, .ico4H, .ico5H, .ico6H {
    width: 44px;
    height: 38px;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.icoTitH {
    width: 100%;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-bottom: 1px solid #d7d7d7;
}

.icoTitH a, .icoListH a {
    font-size: 14px;
    color: #333;
}

.icoListH {
    width: 100%;
    margin-top: 24px;
    font-size: 14px;
    font-weight: bold;
}

.xiangxi {
    width: 100%;
    height: 67px;
    padding-top: 11px;
    overflow: hidden;
    position: relative;
}

.xiangxi1 {
    float: left;
    width: 70%;
    line-height: 20px;
    font-size: 12px;
    color: #8e8e8e;
    overflow: hidden;
}

.xiangxi2 {
    float: right;
    top: 7px;
    width: 99px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    background: #e40e18;
    color: #fff;
    position: absolute;
    right: 0px;
}

.cuLve {
    float: left;
    margin-right: 66px;
    margin-top: 48px;
    width: 182px;
    height: 64px;
}

.cuLve1 {
    width: 100%;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
}

.cuLve1 a {
    color: #333;
}

.cuLve2 {
    width: 100%;
    font-size: 11px;
    color: #878787;
    margin-top: 9px;
}

.cuLve3 {
    display: block;
    font-size: 11px;
    margin-top: 9px;
    color: #e40e18;
}

.indexPlanWrap {
    position: relative;
    width: 100%;
    height: auto;
    background: url(../images/mengceng1.jpg) no-repeat;
    padding-bottom: 80px;
}

.indexPlanCon {

    max-width: 1220px;
    height: 100%;
    margin: 0 auto;
}

.title.t1 {

}

.prolt {
    display: none;
}

.proltb {
    display: block;
}

.indexPlanCon .module_four {
    min-width: 600px;
    max-width: 1220px;
}

.planPicShow {
    width: 100%;
    height: auto;
    padding-top: 20px;
    position: relative;
}

a.btn1_left {
    left: -49px;
}

a.btn1_right {
    right: -49px;
}

@media screen and (min-width: 300px) and (max-width: 1200px) {
    .indexPlanCon .module_four {
        width: 1000px;
        margin: 0 auto;
    }

    .module_four .box {
        width: 600px;
        margin: 0;
    }

    a.btn1_left {
        left: 30px;
        *left: 60px
    }

    a.btn1_right {
        right: 30px;
        *right: 60px;
    }
}

.lookWay {
    width: 100%;
    height: 67px;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

.lookWayBox {
    margin: 0px 15px;
    height: 100%;
    border: 1px solid #74716b;
    cursor: pointer;
}

.lookWayBox .t {
    width: 42px;
    height: 2px;
    display: block;
    margin: 0 auto;
    background: #fff;
}

.lookWayCon {
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}

.next, .prev {
    position: absolute;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.indexNews {
    width: 100%;
    /*! padding-bottom: 50px; */
}

.planPicShow .posi {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.planPicShow .posi .text {
    height: 100%;
    margin: 0px 10px;
    position: relative;
}

.planPicShow .posi .text .img2 {
    width: 100%;
    height: 100%;
    position: absolute;
}

.title p.t2 {
    padding-bottom: 7px;
    color: #CA0202;
}

.lookWayCon2 {
    width: 100%;
    color: #fff;
    font-size: 17px;
    text-align: center;
    position: absolute;
    top: 35%;
}

.mengban2 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(223, 15, 26, 0.8);
    position: absolute;
    top: 0px;
    left: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccDF0F1A, endColorstr=#ccDF0F1A);
}

.mengban2 .t {
    width: 42px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -21px;
}

.mengban2 a {
    width: 100px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-left: -50px;
    background: url(../images/index1.png) no-repeat -1px -1px;
}

.mengban2 .index_bk {
    width: 89%;
    height: 92%;
    border: solid 1px #fff;
    margin: 5%;
    position: absolute;
}

.indexNewsCon {

    max-width: 1200px;
    margin: 0 auto;
    padding-top: 8px;
}

.indexNewsMain {
    width: 100%;
    height: 409px;
    margin-top: 50px;
    overflow: hidden;
}

.bigNew {
    position: relative;
    float: left;
    width: 49.58%;
    height: 409px;
    overflow: hidden;
    left: -700px;
}

.bigNew img {
    height: 100%;
    position: relative;
    left: 0px;
}

.bigNewC {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 134px;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); /*IE8支持*/
}

.bigNewC .first {
    margin: 0px 20px;
}

.bp1 {
    height: 50px;
    border-bottom: 1px solid #8f8c8b;
    line-height: 60px;
    font-size: 1.2em;
    padding-bottom: 10px;
    color: #fef1e2;
}

.bp2 {
    line-height: 22px;
    margin-top: 8px;
    font-size: 13px;
    color: #fef1e2;
}

.newL {
    padding-top: 15px;
    width: 49%;
    height: 394px;
    float: right;
    background: #F6F6F7;
    position: relative;
    right: -700px;
    overflow: hidden;
}

.newL li {
    height: 60px;
    line-height: 73px;
    *line-height: 60px;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    margin: 0px 20px;
    text-indent: 24px;
    position: relative;
    zoom: 1;
}

.newL li:last-child {
    border-bottom: 0px;
}

.newL li i {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    background: green;
    background: url(../images/index1.png) no-repeat;
    background-position: -2px -782px;
    position: absolute;
    top: 35px;
    *top: 29px;
    left: 0;
}

.newL li:hover i {
    background-position: -2px -799px;
}

.newL li a {
    display: block;
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    font-size: 14px;
    color: #464a55;
}

.newL li span {
    float: right;
    font-size: 12px;
}

.newL li:hover a, .newL li:hover span {
    color: #df111c;
}

.newL li:hover {
    background-position: 1px -1730px;
}

.indexConnect {
    width: 100%;
    height: 400px;
    position: relative;
}

.button.index {
    margin: 0 auto;
    padding: 40px 0 30px;
}

.indexConnect .index_fl {
    clear: both;
    width: 100%;
    position: absolute;
    bottom: -106px;
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .indexConnect {
        height: 488px;
    }

    .indexBannerRight-bottom a {
        margin: 0px 11px;
    }
}

.indexBanner ol li {
    height: 13px;
    width: 13px;
    margin-right: 10px;
    background: url(../images/index1.png) no-repeat -153px -19px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}

.indexBanner ol li.active {
    background-position: -153px -1px;
}

.indexConnectCon {

    max-width: 1200px;
    /*! height: 156px; */
    margin: 0 auto;
    padding-top: 60px;
}

.conTell {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}

.button.indexConnectCon {
    padding: 0px 0 0px 0;
}

.pro3 {
    color: #fff;
}

.indecCoc {
    min-width: 1040px;
    max-width: 1240px;
    height: 290px;
    margin: 0 auto;
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .indecCoc {
        position: relative;
        left: -16px;
        margin-left: -18px;
    }

    #banner div.icoo2 {
        background-position: -396.5px;
    }
}

.indecCoc .ibox {
    width: 25%;
    height: 290px;
    display: block;
    float: left;
    position: relative;
}

.indecCoc .ibox .first {
    height: 100%;
    margin: 0px 20px;
    box-shadow: 0px 1px 3px #666;
}

.indecCoc .ibox .first a {
    display: block;
    width: 100%;
    height: 100%;
}

.indexSupportWrap, .categoryfireJ {
    width: 100%;
    height: 747px;
}

.indexSupportWrap {
    background: url(../images/mengceng7.jpg) no-repeat;
    background-size: cover;
}

.indexSupport {

    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.indexSupportCon {
    height: 746px;
}

.indexSupportConList {
    min-width: 1014px;
    max-width: 1214px;
    height: 428px;
    margin-top: 39px;
    position: relative;
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .indexSupportConList {
        position: relative;
        left: -4px;
    }
}

.isc {
    width: 20%;
    *width: 19.89%;
    height: 428px;
    float: left;
    position: absolute;
    left: 50%;
    margin-left: -10%;
    display: none;
}

.isc .first {
    height: 100%;
    margin: 0px 7px;
}

.iscl1 .first {
    background: url(../images/iscl1.png) no-repeat center bottom;
}

.iscl2 .first {
    background: url(../images/iscl2.png) no-repeat center bottom;
}

.iscl3 .first {
    background: url(../images/iscl3.png) no-repeat center bottom;
}

.iscl4 .first {
    background: url(../images/iscl4.png) no-repeat center bottom;
}

.iscl5 .first {
    background: url(../images/iscl5.png) no-repeat center bottom;
}

.iscl1:hover .first {
    background: url(../images/iscl11.png) no-repeat center bottom;
}

.iscl2:hover .first {
    background: url(../images/iscl21.png) no-repeat center bottom;
}

.iscl3:hover .first {
    background: url(../images/iscl3h1.png) no-repeat center bottom;
}

.iscl4:hover .first {
    background: url(../images/iscl44.png) no-repeat center bottom;
}

.iscl5:hover .first {
    background: url(../images/iscl5h1.png) no-repeat center bottom;
}

.isclCircle, .catefireJ {
    width: 82px;
    height: 66px;
    line-height: 22px;
    padding-top: 25px;
    padding-left: 10px;
    font-size: 14px;
    color: #3b3b3b;
    text-align: center;
    letter-spacing: 8px;
    margin: 0 auto;
}

.isclCircle {
    background: url(../images/index1.png) no-repeat -1px -367px;
}

.isclmengceng1, .isclmengceng2, .isclmengceng3, .isclmengceng4, .isclmengceng5 {
    width: 100%;
    height: 375px;
    position: absolute;
    left: 0px;
    bottom: 3px;
    z-index: 20;
    overflow: hidden;
}

.isclm1 {
    color: #FFFFFF;
    width: 100%;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    margin-top: 86px;
}

.isclm2 {
    display: block;
    width: 118px;
    height: 28px;
    margin: 105px auto 0;
    line-height: 24px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    border: solid 1px #fff;
}

.isc .first:hover .isclm2 {
    background: #DF0E1A;
    border-color: #DF0E1A;
}

.isc .first:hover .isclCircle {
    color: white;
    background-position: -1px -909px;
    cursor: pointer
}

.isc .first .isclCircle a {
    display: block;
    width: 46px;
    height: 44px;
    margin: 0 auto;
    text-align: left;
    color: #000;
}

.isc .first:hover .isclCircle a {
    color: white;
    cursor: pointer;
}

.indexConnect .module_four {
    background: none;
}

.indexConnect .module_four .box li .first .text {
    height: 81px;
    padding-top: 25px;
    background: #fff;
}

.index_shiyong {
    width: 100%;
    height: 50px;
}

.index_shiyong span {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/index1.png) no-repeat;
    margin-left: 30px;
}

.index_shiyong .a {
    display: block;
    margin-left: 100px;
    height: 100%;
    color: #423D3C;
    text-align: left;
}

.index_shiyong .a .p1 {
    font-size: 18px;
    line-height: 30px;
}

.index_shiyong .a .p2 {
    font-size: 14px;
}

.index_shiyong span.icoo1 {
    background-position: -58px -626px;
}

.index_shiyong span.icoo2 {
    background-position: -112px -625px;
}

.index_shiyong span.icoo3 {
    background-position: -44px -769px;
}

.index_shiyong span.icoo4 {
    background-position: -120px -773px;
}

.indexConnect .module_four .box li .first:hover .index_shiyong .a {
    color: #DF0E1A;
}

.indexConnect .module_four .box li .first:hover .index_shiyong span.icoo1 {
    background-position: -57px -706px;
}

.indexConnect .module_four .box li .first:hover .index_shiyong span.icoo2 {
    background-position: -112px -705px;
}

.indexConnect .module_four .box li .first:hover .index_shiyong span.icoo3 {
    background-position: -41px -825px;
}

.indexConnect .module_four .box li .first:hover .index_shiyong span.icoo4 {
    background-position: -120px -838px;
}

.indexConnect .module_four .box li .first:hover .text {
    height: 75px;
    border-bottom: 6px solid #df101c;
}

.title.index {
    width: 395px;
}

#pro_list {
    display: block;
    width: 395px;
    float: left;
    padding: 0px 0px;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    height: 265px;
}

#pro_list a, #pro_list a:link, #pro_list a:visited, #pro_list a:active {
    color: #666;
    font-size: 14px;
}

#pro_list ul li {
    float: left;

}

.proltb ul li {
    width: 180px;
    text-align: left;
    line-height: 35px;
}


.index_anli ul li:hover {
    cursor: pointer;
}

.index_anli {
    float: left;
}

.index_anli ul {
    width: 800px;
}

.index_hezuo {
    width: 100%;
}

.index_hezuoCon {
    width: 1200px;
    margin: 30px auto;
}

.qiehuan_box {
    position: relative;
    height: 125px;
    margin-top: 30px;

}

.pageLR {
    width: 100%;
    position: absolute;
}

.pageLeft {
    width: 50px;
    height: 125px;
    background: #000;
    float: left;
    background: url(../images/ix_hz_left.jpg);
    cursor: pointer;
}

.pageRight {
    width: 50px;
    height: 125px;
    background: #000;
    float: right;
    background: url(../images/ix_hz_right.jpg);
    cursor: pointer;
}

.rexiaoPic {
    width: 1100px;
    margin: 0px auto;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 50px;
    height: 127px;
}

.rexiaoPic ul li {
    float: left;
}

.rexiaoPic ul li {
    width: 164px;
    height: 125px;
    border: 1px solid #777;
    margin-left: 15px;
}

.sell_order {
    width: 9999px;
    position: absolute;
    top: 0px;
    left: 0px;
}


/*首页 --- end*/

html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, button, input, textarea, th, td, img, tr, td, form, select, div, strong, span, s {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

table {
    padding: 0px;
    margin: 0px;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:focus {
    outline: none;
}

input, select, textarea {
    outline: none;
}

html {
    overflow-x: hidden;
}

body {
    font-family: "微软雅黑", "宋体";
    overflow: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 1000px) {
    html {
        overflow-x: auto;
    }
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.clear {
    Zoom: 1;
}

/*透明背景色兼容IE*/
.opacity1 {
    background-color: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); /*黑色透明*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.opacity2 {
    background-color: rgba(223, 15, 26, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccDF0F1A, endColorstr=#ccDF0F1A); /*红色色透明*/
}

/*红色边框*/
.borderRed:hover {
    border-color: #DD0220 !important;
}