@charset "utf-8";

.banner {
    height: 587px;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
}

    .banner .swiper-container {
        height: 587px;
        width: 100%;
    }

    .banner .pagination {
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 95px;
        width: 100%;
        z-index: 2;
    }

    .banner .swiper-pagination-switch {
        display: inline-block;
        height: 15px;
        width: 15px;
        background-color: #fff;
        margin: 0 15px;
        border-radius: 50%;
        cursor: pointer;
    }

    .banner .swiper-active-switch {
        background: #ff0000;
        box-sizing: border-box;
        border: 2px solid #fff;
    }

    .banner .swiper-wrapper {
        height: 587px;
        width: 100%;
        overflow: hidden;
    }

    .banner .banner-bg {
        height: 84px;
        width: 100%;
        min-width: 1200px;
        background-color: #000;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        opacity: 0.5;
    }

.cont1-box {
    background: #e9e7e7;
    height: 352px;
    position: relative;
    min-width: 1200px;
}

.cont1 {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: -100px;
    z-index: 4;
}

.cont1-l {
    float: left;
    width: 290px;
    background-color: #fff;
    padding: 25px 10px;
    box-sizing: border-box;
    background-color: #fff;
    padding-bottom: 22px;
}

    .cont1-l h2 {
        font-size: 30px;
        color: #222;
        font-weight: bold;
        margin-bottom: 9px;
    }

        .cont1-l h2 span {
            font-size: 18px;
            color: #ff7e00;
            font-weight: normal;
            margin-left: 10px;
        }

        .cont1-l h2 a {
            font-size: 14px;
            font-weight: normal;
            color: #333;
            float: right;
            margin-top: 18px;
        }

    .cont1-l > a {
        display: block;
        width: 100%;
        padding: 8px 0;
        border: 1px dashed #999;
        margin-top: 10px;
    }

    .cont1-l p {
        font-size: 30px;
        font-family: impact;
        color: #ff7e00;
        padding-left: 26px;
        background: url(../img/index/phone.jpg) no-repeat left center;
        margin-left: 20px;
        margin-top: 5px;
    }

    .cont1-l a h4 {
        font-size: 18px;
        color: #333;
        text-align: center;
    }

    .cont1-l a span {
        display: block;
        font-size: 14px;
        color: #545454;
        text-align: center;
    }

.cont1-r {
    width: 900px;
    margin-top: 25px;
}

    .cont1-r .search span {
        display: block;
        height: 54px;
        line-height: 54px;
        font-size: 12px;
        color: #919191;
        font-weight: bold;
        margin-right: 5px;
    }

    .cont1-r .search li {
        float: left;
        margin-right: 10px;
    }

        .cont1-r .search li a {
            display: block;
            font-size: 12px;
            height: 54px;
            line-height: 54px;
            color: #919191;
            display: block;
            width: 595PX;
            overflow: hidden;
        }

    .cont1-r .search div {
        height: 30px;
        width: 196px;
        margin-top: 11px;
        margin-right: 20px;
        position: relative;
    }

        .cont1-r .search div input {
            display: block;
            height: 30px;
            line-height: 30px;
            width: 196px;
            border: 1px solid #b3b3b3;
            box-sizing: border-box;
            border-radius: 20px;
            background-color: transparent;
            padding: 0 38px 0 10px;
            color: #fff;
        }

        .cont1-r .search div a {
            display: block;
            width: 30px;
            height: 30px;
            background: url(../img/index/search.png) no-repeat center center;
            position: absolute;
            right: 8px;
            top: 0;
        }

    .cont1-r .devices {
        height: 340px;
        position: relative;
        width: 900px;
    }

        .cont1-r .devices .swiper-container {
            height: 340px;
            overflow: hidden;
        }

        .cont1-r .devices .swiper-slide a {
            display: block;
            width: 290px;
            height: 340px;
            margin: 0 auto;
            background-color: #fff;
            box-sizing: border-box;
            padding: 20px 15px 0;
            cursor: pointer;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

            .cont1-r .devices .swiper-slide a:hover {
                box-shadow: 0 10px 20px rgba(0,0,0,0.2);
                -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
                -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
                -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
                transform: translate3d(0,-8px,0);
                -webkit-transform: translate3d(0,-8px,0);
                -moz-transform: translate3d(0,-8px,0);
                -ms-transform: translate3d(0,-8px,0);
                background-color: #ffe0e0;
            }

            .cont1-r .devices .swiper-slide a img {
                display: block;
                width: 100%;
                height: 170px;
            }

            .cont1-r .devices .swiper-slide a h2 {
                font-size: 16px;
                color: #333;
                text-align: center;
                margin: 15px 0;
            }

                .cont1-r .devices .swiper-slide a h2 span {
                    color: #ff7600;
                }

            .cont1-r .devices .swiper-slide a p {
                font-size: 12px;
                color: #444;
                line-height: 20px;
                height: 60px;
                overflow: hidden;
                text-align: center;
            }

        .cont1-r .devices .arrow-left {
            float: left;
            display: block;
            height: 26px;
            line-height: 26px;
            width: 26px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            background-color: #454545;
        }

        .cont1-r .devices .arrow-right {
            display: block;
            float: left;
            height: 26px;
            line-height: 26px;
            width: 26px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            background-color: #ffc600;
        }

    .cont1-r .arrow {
        width: 52px;
        position: absolute;
        bottom: 0;
        right: -26px;
        z-index: 3;
    }

        .cont1-r .arrow a:hover {
            background-color: #fd7e1d;
        }

.cont2-box {
    min-width: 1200px;
}

.cont2 {
    /*overflow: hidden;*/
    height: 900px;
    width: 1300px;
    background: url(../img/index/c2-bg.png) no-repeat center center;
    position: relative;
}

    .cont2 a {
        position: absolute;
        font-family: "宋体";
        font-size: 12px;
        color: #919191;
        bottom: 12px;
        right: 140px;
    }

.cont2-t {
    margin-top: 50px;
}

    .cont2-t h2 {
        width: 240px;
    }

        .cont2-t h2 em {
            display: block;
            font-size: 18px;
            color: #676767;
            font-weight: bold;
            font-family: arial;
            height: 20px;
            line-height: 20px;
            margin-left: 124px;
        }

        .cont2-t h2 span {
            display: block;
            font-size: 30px;
            color: #203541;
            font-weight: bold;
            height: 32px;
            line-height: 32px;
        }

            .cont2-t h2 span i {
                color: #ff7e00;
            }

    .cont2-t p {
        font-size: 16px;
        color: #8d8d8d;
        padding-bottom: 10px;
        background: url(../img/index/c2-bd.png) no-repeat bottom left;
        width: 930px;
        margin-left: 30px;
        margin-top: 15px;
    }

.cont2-c li {
    position: absolute;
}

    .cont2-c li h4 {
        font-size: 18px;
        color: #2f2f2f;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .cont2-c li:hover h4 {
        color: #ff7e00;
    }

    .cont2-c li p {
        font-size: 13px;
        color: #666;
        line-height: 18px;
    }

    .cont2-c li i {
        display: block;
        height: 148px;
        width: 148px;
        transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
    }

    .cont2-c li:hover i {
    }

    .cont2-c li i img {
        width: 100%;
        height: 100%;
    }

.cont2-c ul li:nth-child(1) {
    width: 478px;
    right: -20px;
    top: 143px;
}

    .cont2-c ul li:nth-child(1) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(1):hover i {
        transform: translate3d(12px,0,0);
        -webkit-transform: translate3d(12px,0,0);
        -moz-transform: translate3d(12px,0,0);
        -ms-transform: translate3d(12px,0,0);
    }

.cont2-c ul li:nth-child(5):hover i {
    transform: translate3d(12px,0,0);
    -webkit-transform: translate3d(12px,0,0);
    -moz-transform: translate3d(12px,0,0);
    -ms-transform: translate3d(12px,0,0);
}

.cont2-c ul li:nth-child(6):hover i {
    transform: translate3d(12px,0,0);
    -webkit-transform: translate3d(12px,0,0);
    -moz-transform: translate3d(12px,0,0);
    -ms-transform: translate3d(12px,0,0);
}

.cont2-c ul li:nth-child(2):hover i {
    transform: translate3d(-12px,0,0);
    -webkit-transform: translate3d(-12px,0,0);
    -moz-transform: translate3d(-12px,0,0);
    -ms-transform: translate3d(-12px,0,0);
}

.cont2-c ul li:nth-child(3):hover i {
    transform: translate3d(-12px,0,0);
    -webkit-transform: translate3d(-12px,0,0);
    -moz-transform: translate3d(-12px,0,0);
    -ms-transform: translate3d(-12px,0,0);
}

.cont2-c ul li:nth-child(4):hover i {
    transform: translate3d(-12px,0,0);
    -webkit-transform: translate3d(-12px,0,0);
    -moz-transform: translate3d(-12px,0,0);
    -ms-transform: translate3d(-12px,0,0);
}

.cont2-c ul li:nth-child(7):hover i {
    transform: translate3d(12px,0,0);
    -webkit-transform: translate3d(12px,0,0);
    -moz-transform: translate3d(12px,0,0);
    -ms-transform: translate3d(12px,0,0);
}

.cont2-c ul li:nth-child(1) div {
    float: left;
    width: 302px;
}

.cont2-c ul li:nth-child(2) {
    width: 500px;
    left: -40px;
    top: 145px;
}

    .cont2-c ul li:nth-child(2) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(2) div {
        float: right;
        width: 324px;
    }

        .cont2-c ul li:nth-child(2) div h4, .cont2-c ul li:nth-child(2) div p {
            float: left;
        }

.cont2-c ul li:nth-child(3) {
    width: 470px;
    left: -48px;
    top: 346px;
}

    .cont2-c ul li:nth-child(3) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(3) div {
        float: right;
        width: 294px;
    }

        .cont2-c ul li:nth-child(3) div h4, .cont2-c ul li:nth-child(3) div p {
            float: left;
        }

.cont2-c ul li:nth-child(4) {
    width: 500px;
    left: 14px;
    top: 550px;
}

    .cont2-c ul li:nth-child(4) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(4) div {
        float: right;
        width: 324px;
    }

        .cont2-c ul li:nth-child(4) div h4, .cont2-c ul li:nth-child(4) div p {
            float: left;
        }

.cont2-c ul li:nth-child(5) {
    width: 500px;
    right: 12px;
    top: 552px;
}

    .cont2-c ul li:nth-child(5) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(5) div {
        float: left;
        width: 324px;
    }

.cont2-c ul li:nth-child(6) {
    width: 430px;
    right: 21px;
    top: 346px;
}

    .cont2-c ul li:nth-child(6) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(6) div {
        float: left;
        width: 254px;
    }



.cont2-c ul li:nth-child(7) {
    width: 430px;
    right: 370px;
    bottom: 65px;
}

    .cont2-c ul li:nth-child(7) i {
        float: left;
        margin-right: 28px;
    }

    .cont2-c ul li:nth-child(7) div {
        float: left;
        width: 254px;
    }










.cont3-box {
    overflow: hidden;
    background: url(../img/index/cont3-bg.jpg) no-repeat center top;
    min-width: 1200px;
}

.cont3-top {
    margin-top: 45px;
    height: 615px;
    overflow: hidden;
}

.cont3-tab {
    width: 250px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 25px;
    padding-bottom: 10px;
}

    .cont3-tab h2 {
        font-size: 24px;
        color: #333;
    }

        .cont3-tab h2 span {
            display: block;
            font-size: 30px;
            font-weight: bold;
            color: #ff7e00;
            line-height: 32px;
            height: 32px;
        }

    .cont3-tab ul {
        margin-top: 20px;
    }

    .cont3-tab li {
        position: relative;
    }

        .cont3-tab li div {
            height: 82px;
            width: 15px;
            background: url(../img/index/tab-ac.png) no-repeat center center;
            position: absolute;
            top: 0;
            right: -40px;
            display: none;
            z-index: 3;
        }

        .cont3-tab li.active div {
            display: block;
        }

        .cont3-tab li:hover div {
            display: block;
        }

        .cont3-tab li a {
            display: block;
            width: 200px;
            font-size: 16px;
            color: #333;
            height: 82px;
            line-height: 82px;
            background: url(../img/index/cont3-tab.png) no-repeat center top;
            overflow: hidden; /*自动隐藏文字*/
            text-overflow: ellipsis; /*文字隐藏后添加省略号*/
            white-space: nowrap; /*强制不换行*/
        }

            .cont3-tab li a i {
                float: left;
                width: 36px;
                height: 24px;
                margin-top: 29px;
                margin-right: 20px;
            }

    .cont3-tab .active a {
        font-weight: bold;
        color: #ff7e00;
    }

    .cont3-tab li a:hover {
        font-weight: bold;
        color: #ff7e00;
    }

.cont3-c {
    width: 950px;
}

.cont3-cl {
    width: 670px;
    height: 516px;
    margin-top: 99px;
    position: relative;
    overflow: hidden;
}

    .cont3-cl img {
        width: 100%;
        height: 516px;
        transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
    }

    .cont3-cl:hover img {
        transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
    }

    .cont3-cl div {
        width: 100%;
        background: url(../img/index/bg.png) repeat;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px 35px;
        box-sizing: border-box;
    }

        .cont3-cl div h4 {
            font-size: 14px;
            font-weight: bold;
            color: #d7d7d7;
        }

        .cont3-cl div p {
            font-size: 13px;
            color: #c7c7c7;
            line-height: 20px;
            margin-top: 10px;
            height: 40px;
            overflow: hidden;
        }

.cont3-cr {
    width: 280px;
    background-color: #fff;
    height: 530px;
    margin-top: 85px;
    padding: 20px 18px 0;
    box-sizing: border-box;
    position: relative;
}

    .cont3-cr li {
        float: left;
        margin-top: 10px;
        margin-right: 22px;
    }

        .cont3-cr li:nth-child(2n) {
            margin-right: 0;
        }

        .cont3-cr li a {
            display: block;
            width: 111px;
        }

            .cont3-cr li a i {
                display: block;
                width: 111px;
                height: 90px;
                overflow: hidden;
            }

            .cont3-cr li a span {
                display: block;
                font-size: 12px;
                color: #333;
                text-align: center;
                line-height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .cont3-cr li a i img {
                width: 100%;
                height: 100%;
                transition: all ease-out .2s;
                -webkit-transition: all ease-out .2s;
                -moz-transition: all ease-out .2s;
                -ms-transition: all ease-out .2s;
            }

            .cont3-cr li a:hover i img {
                transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                -ms-transform: scale(1.1, 1.1);
            }

            .cont3-cr li a:hover span {
                color: #ff7e00;
            }

.hot {
    height: 75px;
    width: 304px;
    background: url(../img/index/hots.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: -24px;
    box-sizing: border-box;
    padding-left: 65px;
}

    .hot i {
        display: block;
        width: 24px;
        height: 12px;
        background: url(../img/index/hot.png) no-repeat center center;
        position: absolute;
        left: 0;
        top: -12px;
    }

    .hot em {
        display: block;
        font-size: 14px;
        color: #fff;
        height: 16px;
        line-height: 16px;
        margin-top: 13px;
    }

    .hot span {
        display: block;
        font-size: 30px;
        font-family: impact;
        color: #fff;
        height: 32px;
        line-height: 32px;
    }

.cont3-bottom div {
    width: 250px;
    background-color: #ff7e00;
    height: 141px;
    padding: 40px 32px 0 0;
    box-sizing: border-box;
}

    .cont3-bottom div h2 {
        font-size: 36px;
        color: #fff;
        text-align: right;
        height: 38px;
        line-height: 38px;
    }

    .cont3-bottom div span {
        display: block;
        font-size: 16px;
        color: #fff;
        text-align: right;
    }

.cont3-bottom ul {
    width: 950px;
    background: url(../img/index/cont3-bt.png) no-repeat left center;
}

    .cont3-bottom ul li {
        width: 190px;
        float: left;
        height: 141px;
        background: url(../img/index/cont3-icon.png) no-repeat left center;
    }

        .cont3-bottom ul li:first-child {
            background-image: none;
        }

        .cont3-bottom ul li i {
            display: block;
            width: 45px;
            height: 45px;
            margin: 38px auto 0;
            transition: all ease-out .2s;
            -webkit-transition: all ease-out .2s;
            -moz-transition: all ease-out .2s;
            -ms-transition: all ease-out .2s;
        }

        .cont3-bottom ul li:hover i {
            margin-top: 30px;
        }

        .cont3-bottom ul li i img {
            width: 100%;
            height: 100%;
        }

        .cont3-bottom ul li span {
            display: block;
            text-align: center;
            font-size: 14px;
            color: #333;
        }

.cont4-box {
    width: 100%;
    min-width: 1200px;
    background: url(../img/index/cont4-bg.jpg) no-repeat center top;
    overflow: hidden;
}

.tits {
    margin-top: 58px;
    margin-bottom: 50px;
}

    .tits h2 {
        font-size: 30px;
        color: #203541;
        font-weight: bold;
        text-align: center;
        height: 34px;
        line-height: 34px;
        background: url(../img/index/tit-bg.png) no-repeat center bottom;
    }

    .tits span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #8d8d8d;
        margin-top: 8px;
    }

.cont4-l {
    width: 600px;
}

    .cont4-l li {
        height: 83px;
        width: 530px;
        margin-bottom: 70px;
    }

        .cont4-l li:last-child {
            margin-bottom: 0;
        }

        .cont4-l li i {
            display: block;
            height: 83px;
            width: 56px;
            float: left;
        }

            .cont4-l li i img {
                width: 100%;
                height: 100%;
            }

        .cont4-l li div {
            width: 444px;
            float: right;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

        .cont4-l li:hover div {
            margin-right: -20px;
        }

        .cont4-l li div h4 {
            font-size: 18px;
            color: #333;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .cont4-l li:hover div h4 {
            font-weight: bold;
        }

        .cont4-l li div p {
            font-size: 13px;
            color: #555;
            margin-top: 12px;
            line-height: 18px;
            height: 54px;
            overflow: hidden;
        }

.cont4-r {
    width: 600px;
    position: relative;
}

    .cont4-r i {
        display: block;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        background-color: #fff;
        height: 400px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

        .cont4-r i img {
            height: 100%;
            width: 100%;
        }

    .cont4-r em {
        display: block;
        height: 367px;
        width: 600px;
        position: absolute;
        right: -60px;
        bottom: -50px;
    }

        .cont4-r em.dh {
            -webkit-animation: cc .8s ease-out;
            animation: cc .8s ease-out;
        }

@-webkit-keyframes cc {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes cc {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.cont4-r em img {
    height: 100%;
    width: 100%;
}

.cont5-box {
    min-width: 1200px;
    background-color: #ededed;
    padding: 30px 0;
}

    .cont5-box .tits {
        margin: 0;
    }

.cont5 {
    position: relative;
    margin-top: 30px;
}

    .cont5 .swiper-container {
        height: 320px;
        overflow: hidden;
    }

    .cont5 .swiper-slide div {
        width: 278px;
        margin: auto;
    }

        .cont5 .swiper-slide div > a {
            display: block;
            width: 278px;
            height: 220px;
            box-sizing: border-box;
            border: 5px solid #dcdcdc;
            overflow: hidden;
            position: relative;
        }

            .cont5 .swiper-slide div > a i {
                display: block;
                width: 278px;
                height: 220px;
                font-size: 16px;
                color: #fff;
                position: absolute;
                top: -5px;
                left: -5px;
                z-index: 4;
                line-height: 220px;
                text-align: center;
                background: url(../img/index/li-bg.png) repeat;
                display: none;
            }

            .cont5 .swiper-slide div > a img {
                width: 100%;
                height: 100%;
                transition: all ease-out .3s;
                -webkit-transition: all ease-out .3s;
                -moz-transition: all ease-out .3s;
                -ms-transition: all ease-out .3s;
            }

            .cont5 .swiper-slide div > a:hover img {
                transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                -ms-transform: scale(1.1, 1.1);
            }

    .cont5 .swiper-slide h4 a {
        display: block;
        font-size: 14px;
        color: #333;
        text-align: center;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cont5 .swiper-slide h4:hover a {
        color: #ff7e00;
        font-weight: 100;
    }

    .cont5 .swiper-slide p {
        font-size: 13px;
        color: #575757;
        line-height: 18px;
        height: 54px;
        overflow: hidden;
    }

    .cont5 .arrow-left {
        display: block;
        height: 26px;
        line-height: 26px;
        width: 26px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #454545;
        position: absolute;
        top: 50%;
        margin-top: -62px;
        left: -18px;
        z-index: 3;
    }

    .cont5 .arrow-right {
        float: left;
        height: 26px;
        line-height: 26px;
        width: 26px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #454545;
        position: absolute;
        top: 50%;
        margin-top: -62px;
        right: -18px;
        z-index: 3;
    }

    .cont5 > a:hover {
        background-color: #fd7e1d;
    }

.cont6-box {
    overflow: hidden;
    min-width: 1200px;
}

.cont6 {
    margin-top: 30px;
    padding-bottom: 40px;
}

.cont6-l {
    width: 500px;
}

    .cont6-l div span {
        display: block;
        font-size: 36px;
        color: #333;
        height: 40px;
        line-height: 40px;
    }

    .cont6-l div h2 {
        font-size: 48px;
        color: #333;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
    }

    .cont6-l div p {
        font-size: 26px;
        color: #333;
    }

        .cont6-l div p em {
            color: #ff6e00;
        }

    .cont6-l > p {
        font-size: 14px;
        color: #5a5959;
        margin-top: 40px;
        line-height: 22px;
    }

.cont6-r {
    width: 610px;
}

.cont6-switch {
    width: 610px;
    height: 166px;
    position: relative;
}

    .cont6-switch .swiper-container {
        width: 610px;
        height: 166px;
        overflow: hidden;
    }

    .cont6-switch .swiper-slide img {
        width: 610px;
        height: 166px;
    }

    .cont6-switch li {
        float: left;
        width: 20px;
        text-align: center;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #fff;
        background-color: #000;
        cursor: pointer;
        opacity: 0.9;
        margin-left: 2px;
    }

    .cont6-switch ul {
        width: 66px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

    .cont6-switch li.active {
        background-color: #ce4d00;
    }

.phase {
    border-left: 1px solid #bfbfbf;
    padding-top: 32px;
    margin-top: 10px;
    position: relative;
    padding-bottom: 5px;
}

    .phase ul {
        margin-left: -7px;
    }

        .phase ul li {
            height: 68px;
            margin-bottom: 10px;
        }

            .phase ul li em {
                float: left;
                width: 13px;
                height: 13px;
                border: 1px solid #bfbfbf;
                border-radius: 50%;
                background-color: #fff;
                margin-top: 5px;
                margin-right: 5px;
            }

            .phase ul li span {
                display: block;
                float: left;
                width: 78px;
                text-align: center;
                height: 23px;
                line-height: 23px;
                font-size: 14px;
                font-weight: bold;
                color: #7c7c7c;
                background: url(../img/index/cont6-bg.png) no-repeat center center;
                margin-right: 32px;
            }

            .phase ul li p {
                float: left;
                width: 370px;
                font-size: 13px;
                color: #5a5959;
                line-height: 18px;
                height: 54px;
                overflow: hidden;
            }

            .phase ul li:last-child p {
                width: 485px;
            }

    .phase strong {
        display: block;
        width: 73px;
        height: 193px;
        position: absolute;
        right: 15px;
        top: 32px;
    }

    .phase > i {
        position: absolute;
        top: -12px;
        left: -6px;
        font-size: 14px;
        color: #bfbfbf;
    }

.cont6-r a {
    float: right;
    font-size: 13px;
    color: #5a5959;
    margin-right: 10px;
}

.cont7-box {
    background-color: #ededed;
    min-width: 1200px;
    padding-top: 40px;
}

.tits h2 em {
    color: #ff7e00;
    font-weight: bold;
}

.cont7-box .tits {
    margin: 0;
}

.cont7-l {
    width: 790px;
}

    .cont7-l h2 i {
        display: block;
        float: left;
        width: 29px;
        text-align: center;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
        color: #fff;
        background: url(../img/index/cont7-p.png) no-repeat center center;
    }

    .cont7-l h2 span {
        display: block;
        float: left;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
        font-weight: bold;
        margin-left: 5px;
        color: #ff7e00;
    }

    .cont7-l ul li {
        float: left;
        margin-right: 54px;
        margin-bottom: 50px;
    }

        .cont7-l ul li:nth-child(2n) {
            margin-right: 0;
        }

        .cont7-l ul li i {
            display: block;
            float: left;
            width: 148px;
            height: 130px;
            box-sizing: border-box;
            border: 6px solid #fff;
        }

            .cont7-l ul li i img {
                width: 100%;
                height: 100%;
            }

        .cont7-l ul li div {
            float: left;
            width: 200px;
            margin-left: 20px;
        }

            .cont7-l ul li div h4 a {
                font-size: 16px;
                color: #333;
                margin-top: 4px;
            }

            .cont7-l ul li div h4:hover a {
                text-decoration: underline;
                color: #ff7e00;
            }

            .cont7-l ul li div p {
                font-size: 12px;
                color: #333;
                line-height: 18px;
                margin-top: 10px;
                height: 108px;
                overflow: hidden;
            }

.cont7-r {
    width: 340px;
}

    .cont7-r h2 i {
        display: block;
        float: left;
        width: 29px;
        text-align: center;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
        color: #fff;
        background: url(../img/index/cont7-b.png) no-repeat center center;
    }

    .cont7-r h2 span {
        display: block;
        float: left;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
        font-weight: bold;
        margin-left: 5px;
        color: #333;
    }

    .cont7-r div a {
        display: block;
        float: left;
        width: 162px;
        height: 100px;
        margin-right: 16px;
        margin-bottom: 20px;
        box-sizing: border-box;
        transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
    }

        .cont7-r div a:hover {
            border: 1px solid #ff7e00;
        }

        .cont7-r div a:nth-child(2n) {
            margin-right: 0;
        }

        .cont7-r div a img {
            width: 100%;
            height: 100%;
        }

.cont8-box {
    padding: 40px 0;
}

.cont8-l {
    float: left;
    width: 294px;
    position: relative;
}

    .cont8-l h2 {
        font-size: 22px;
        color: #fff;
        padding: 50px 0 20px;
        background: url(../img/index/wen-bg.png) no-repeat 48px 32px;
        background-color: #ff7e00;
        text-align: center;
    }

    .cont8-l ul {
        border: 1px solid #ddd;
        border-top: 0;
        padding: 0 15px;
        overflow: hidden;
        padding-bottom: 10px;
    }

        .cont8-l ul li {
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
            margin-top: 20px;
        }

            .cont8-l ul li:last-child {
                border: none;
            }

            .cont8-l ul li h4 {
                font-size: 13px;
                color: #fc8804;
                padding-left: 38px;
                line-height: 30px;
                background: url(../img/index/wen.png) no-repeat left center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 5px;
            }

            .cont8-l ul li p {
                font-size: 13px;
                line-height: 18px;
                height: 36px;
                overflow: hidden;
                color: #666;
                padding-left: 38px;
                background: url(../img/index/da.png) no-repeat left top;
            }

    .cont8-l a {
        display: block;
        width: 80px;
        text-align: center;
        height: 26px;
        line-height: 26px;
        color: #666;
        border: 1px solid #ddd;
        background-color: #fff;
        position: absolute;
        left: 50%;
        margin-left: -42px;
        bottom: -14px;
        font-size: 12px;
    }

        .cont8-l a:hover {
            color: #ff7e00;
            border-color: #ff7e00;
        }

.cont8-c {
    width: 690px;
    float: left;
    margin-left: 20px;
}

.cont8-r {
    float: right;
    width: 160px;
}

    .cont8-r a {
        display: block;
        margin-top: 8px;
        text-align: center;
        font-size: 12px;
        line-height: 26px;
        color: #333;
    }

        .cont8-r a img {
            width: 92%;
            border: 1px solid #ddd;
        }

.cont8-tab ul li {
    float: left;
}

    .cont8-tab ul li a {
        display: block;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        color: #414141;
        margin-right: 20px;
    }

    .cont8-tab ul li.active a {
        background: url(../img/index/cont8_tab_bg.png) no-repeat center bottom;
        color: #333;
    }

    .cont8-tab ul li:hover a {
        background: url(../img/index/cont8_tab_bg.png) no-repeat center bottom;
        color: #333;
    }

.cont8-tab > a {
    font-size: 12px;
    color: #7f7f7f;
    height: 60px;
    line-height: 60px;
}

.cont8-tab {
    border-bottom: 3px solid #fd7003;
}

.cont8-c-t {
    margin-top: 20px;
}

    .cont8-c-t > a {
        float: left;
        display: block;
        width: 184px;
        height: 140px;
    }

        .cont8-c-t > a img {
            display: block;
            width: 100%;
            height: 100%;
        }

    .cont8-c-t div {
        float: left;
        margin-left: 26px;
        width: 465px;
    }

        .cont8-c-t div h4 a {
            display: block;
            font-size: 14px;
            color: #333;
            font-weight: bold;
        }

        .cont8-c-t div h4:hover a {
            color: #ff0000;
            text-decoration: underline;
        }

        .cont8-c-t div p {
            font-size: 12px;
            color: #666;
            line-height: 22px;
            margin-top: 20px;
        }

        .cont8-c-t div > a {
            float: right;
            font-size: 12px;
            color: #ff7e00;
        }

.cont8-c-b {
    margin-top: 25px;
}

    .cont8-c-b div {
        width: 50%;
        float: left;
    }

        .cont8-c-b div a {
            display: block;
            font-size: 14px;
            color: #333;
            line-height: 28px;
            padding-left: 10px;
            background: url(../img/index/cont8_bgs.jpg) no-repeat left center;
           
            white-space: nowrap;
        }

            .cont8-c-b div a:hover {
                background-image: url(../img/index/cont8_bg.jpg);
                color: #ff0000;
            }

            .cont8-c-b div a.active {
                background-image: url(../img/index/cont8_bg.jpg);
                color: #75905b;
            }

/*product*/
.product-box {
    width: 960px;
    margin-left: 20px;
}

.main-top h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    height: 30px;
    line-height: 30px;
}

.main-top .bread span {
    display: block;
    font-size: 12px;
    color: #666;
    height: 30px;
    line-height: 30px;
}

.main-top .bread li {
    float: left;
    font-size: 12px;
    color: #666;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
}

    .main-top .bread li a {
        display: block;
        color: #666;
    }

.main-top {
    padding: 20px 0 3px;
    border-bottom: 2px solid #c7c7c7;
}

.product {
    margin-top: 30px;
}

    .product > ul li {
        float: left;
        width: 231px;
        margin-right: 12px;
        margin-bottom: 20px;
    }

        .product > ul li:nth-child(4n) {
            margin-right: 0;
        }

        .product > ul li a {
            display: block;
        }

            .product > ul li a i {
                display: block;
                width: 231px;
                height: 180px;
                box-sizing: border-box;
                padding: 10px;
                border: 1px solid #ddd;
                position: relative;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .product > ul li a i div {
                    width: 231px;
                    height: 180px;
                    line-height: 180px;
                    font-size: 16px;
                    color: #fff;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    z-index: 4;
                    text-align: center;
                    background: url(../img/index/li-bg.png) repeat;
                    display: none;
                }

                .product > ul li a i img {
                    width: 100%;
                    height: 100%;
                    transition: all ease-out .3s;
                    -webkit-transition: all ease-out .3s;
                    -moz-transition: all ease-out .3s;
                    -ms-transition: all ease-out .3s;
                }

            .product > ul li a:hover i img {
                transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                -ms-transform: scale(1.1, 1.1);
            }

            .product > ul li a span {
                display: block;
                width: 100%;
                font-size: 14px;
                color: #666;
                margin-top: 10px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                box-sizing: border-box;
                padding: 0 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .product > ul li a:hover span {
                font-weight: bold;
                color: #fa8429;
            }

.box {
    position: relative;
}

/*product-xq*/
.xx-l {
    width: 400px;
    height: 330px;
    overflow: hidden;
}

    .xx-l img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
    }

    .xx-l:hover img {
        transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
    }

.xx-r {
    width: 530px;
}

    .xx-r h3 {
        font-size: 18px;
        color: #333;
        margin-top: 10px;
    }

    .xx-r span {
        display: block;
        font-size: 12px;
        color: #454545;
        margin: 20px 0;
    }

    .xx-r p {
        font-size: 12px;
        color: #454545;
        line-height: 25px;
    }

.meag > a {
    display: block;
    width: 136px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #ff0000;
    border-radius: 5px;
    margin-right: 50px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}

    .meag > a:hover {
        background-color: #dc0000;
    }

.share {
    margin-top: 24px;
}

    .share li {
        float: left;
        margin-right: 10px;
    }

        .share li a {
            display: block;
        }

            .share li a img {
                height: 16px;
                width: 16px;
                margin: 0;
            }

.cs-tab {
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    height: 40px;
}

    .cs-tab a {
        display: block;
        height: 39px;
        line-height: 39px;
        border-top: 2px solid #ff5900;
        width: 112px;
        text-align: center;
        background-color: #eee;
        margin-top: -1px;
        box-sizing: border-box;
        color: #333;
    }

.cs-c {
    border: 1px solid #dfdfdf;
    border-top: 0;
    padding: 30px;
    min-height: 160px;
}

    .cs-c p {
        font-size: 12px;
        color: #666;
        line-height: 24px;
    }

.tuij {
    margin-top: 50px;
}

.tj-t h2 {
    font-size: 18px;
    color: #333;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    border-left: 3px solid #fa8429;
}

.tj-c a {
    display: block;
    float: left;
    width: 231px;
    margin-right: 12px;
}

    .tj-c a:nth-child(4n) {
        margin-right: 0;
    }

    .tj-c a i {
        width: 231px;
        height: 154px;
        display: block;
        overflow: hidden;
        position: relative;
    }

        .tj-c a i div {
            width: 231px;
            height: 154px;
            line-height: 154px;
            font-size: 16px;
            color: #fff;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 4;
            text-align: center;
            background: url(../img/index/li-bg.png) repeat;
            display: none;
        }

        .tj-c a i img {
            width: 100%;
            height: 100%;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

    .tj-c a:hover i img {
        transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
    }

    .tj-c a span {
        display: block;
        height: 34px;
        line-height: 34px;
        text-align: center;
        color: #333;
        font-size: 12px;
    }

.tj-t a {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #333;
    padding-left: 20px;
    background: url(../img/product/update.png) no-repeat left center;
}

.tj-c a:hover span {
    color: #fa8429;
    text-decoration: underline;
}
/*case*/
.case-box ul {
    width: 95%;
    margin: 60px auto;
    border-left: 1px solid #c9c9c9;
}

.case-box li {
    margin-left: -20px;
    margin-bottom: 60px;
}

    .case-box li i {
        display: block;
        height: 40px;
        line-height: 40px;
        width: 40px;
        text-align: center;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        font-size: 24px;
        color: #c9c9c9;
        font-weight: bold;
    }

    .case-box li .case-cont {
        width: 850px;
        margin-left: 40px;
    }

        .case-box li .case-cont h2 a {
            font-size: 18px;
            color: #333;
            font-weight: bold;
        }

        .case-box li .case-cont h2:hover a {
            color: #fd7e1d;
            text-decoration: underline;
        }

        .case-box li .case-cont div p {
            font-size: 12px;
            color: #666;
            line-height: 24px;
            margin-top: 15px;
        }

        .case-box li .case-cont div > a {
            display: block;
            float: right;
            font-size: 12px;
            color: #999;
            margin-top: 50px;
            padding-left: 20px;
            background: url(../img/case/xq.png) no-repeat left center;
        }

            .case-box li .case-cont div > a:hover {
                color: #fd7e1d;
                background-image: url(../img/case/xqs.png);
            }

        .case-box li .case-cont div {
            width: 410px;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

    .case-box li:hover .case-cont div {
        margin-left: 10px;
    }

    .case-box li .case-cont > a {
        display: block;
        width: 366px;
        height: 217px;
    }

        .case-box li .case-cont > a img {
            width: 100%;
            height: 100%;
        }

/*case-xq*/
.case-xq {
    margin-top: 50px;
}

    .case-xq h2 {
        text-align: center;
        font-size: 24px;
        color: #333;
        margin-bottom: 30px;
    }

    .case-xq .case-gk span {
        display: block;
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    .case-xq .case-gk p {
        border: 1px dashed #c9c9c9;
        padding: 15px;
        font-size: 12px;
        color: #787878;
        line-height: 24px;
    }

    .case-xq img {
        width: 90%;
        height: auto;
        margin: 40px auto;
    }

    .case-xq > p {
        font-size: 12px;
        color: #666;
        line-height: 24px;
        margin-bottom: 10px;
        text-indent: 2em;
    }

    .case-xq > a {
        display: block;
        width: 150px;
        text-align: center;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        color: #62627e;
        border: 2px solid #bfbfbf;
        border-radius: 50px;
        margin-top: 50px;
        transition: all ease-out .2s;
        -webkit-transition: all ease-out .2s;
        -moz-transition: all ease-out .2s;
        -ms-transition: all ease-out .2s;
    }

        .case-xq > a:hover {
            background-color: #fd7e1d;
            border-color: #fd7e1d;
            color: #fff;
        }

    .case-xq div a {
        display: block;
        font-size: 14px;
        color: #62627e;
        line-height: 24px;
    }

/*about1*/
.about1 h2 {
    margin-bottom: 55px
}

    .about1 h2 span {
        display: block;
        font-size: 24px;
        color: #333;
        text-align: center;
    }

    .about1 h2 img {
        margin: 5px auto;
    }

    .about1 h2 em {
        display: block;
        font-size: 18px;
        color: #666;
        text-align: center;
    }

.about1 p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-indent: 2em;
    margin-bottom: 5px;
}

.about1 .qyyj {
    height: 553px;
    /*background: url(../img/about/bg.png) no-repeat right bottom;*/
    margin-top: 70px;
    overflow: hidden;
}

    .about1 .qyyj dt {
        font-size: 24px;
        color: #fa8429;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .about1 .qyyj dd {
        font-size: 12px;
        color: #333;
        line-height: 36px;
    }

        .about1 .qyyj dd span {
            font-size: 16px;
        }

/*about2*/
.about2 h2 span {
    display: block;
    font-size: 36px;
    color: #333;
    height: 40px;
    line-height: 40px;
}

.about2 h2 em {
    display: block;
    font-size: 48px;
    color: #333;
    font-weight: bold;
    line-height: 52px;
    height: 52px;
}

.about2 h2 i {
    display: block;
    font-size: 26px;
    color: #333;
    height: 30px;
    line-height: 30px;
}

    .about2 h2 i strong {
        color: #ff6e00;
        font-weight: normal;
    }

.about2 .gs div {
    width: 62%;
    margin-right: 3%;
}

    .about2 .gs div p {
        font-size: 14px;
        color: #5a5959;
        line-height: 24px;
        margin-top: 60px;
    }

.about2 .gs img {
    width: 35%;
    height: auto;
}

.about2 > img {
    width: 100%;
    height: auto;
    margin: 20px 0;
}

.about2 .phase ul li p {
    width: 600px;
}

/*about3*/
.about3 li {
    float: left;
    width: 260px;
    height: 172px;
    margin: 0 23px 30px;
}

    .about3 li img {
        width: 100%;
        height: 100%;
    }

/*about4*/
.about4 li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 20px;
}

    .about4 li i {
        width: 20%;
    }

        .about4 li i img {
            width: 100%;
            height: 121px;
        }

    .about4 li div {
        width: 99%;
        height: 121px;
        overflow: hidden;
    }

        .about4 li div span {
            display: block;
            font-size: 16px;
            color: #333;
            margin-top: 5px;
            padding-left: 30px;
            height: 26px;
            background: rgba(0, 0, 0, 0) url("../img/index/wen.png") no-repeat scroll left center;
        }

        .about4 li div p {
            font-size: 12px;
            color: #3b3b3b;
            line-height: 20px;
            margin-top: 10px;
            padding-left: 30px;
            background: rgba(0, 0, 0, 0) url("../img/index/da.png") no-repeat scroll left top;
        }

.about5 li i img {
    width: 100%;
    height: 121px;
}

.about5 li div {
    width: 80%;
    /*height: 121px;
	overflow: hidden;*/
}

    .about5 li div span {
        display: block;
        font-size: 16px;
        color: #333;
        margin-top: 5px;
        padding-left: 30px;
        height: 26px;
    }

    .about5 li div p {
        font-size: 12px;
        color: #3b3b3b;
        line-height: 20px;
        margin-top: 10px;
        padding-left: 30px;
    }

.about5 li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 20px;
}

    .about5 li i {
        width: 20%;
    }

        .about5 li i img {
            width: 100%;
            height: 121px;
        }

    .about5 li div {
        width: 80%;
        /*height: 121px;
	overflow: hidden;*/
    }
/*screen*/
.screen li {
    float: left;
    width: 306px;
    height: 323px;
    display: block;
    overflow: hidden;
    margin-right: 21px;
    margin-bottom: 45px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}

    .screen li:hover {
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
        -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
        transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5x, 0);
        -ms-transform: translate3d(0, -5px, 0);
        background-color: #f1f1f1;
    }

    .screen li div {
        padding: 10px;
    }

    .screen li:nth-child(3n) {
        margin-right: 0;
    }

    .screen li > a {
        display: block;
        height: 195px;
        overflow: hidden;
    }

        .screen li > a img {
            width: 100%;
            height: 100%;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

    .screen li:hover img {
        /*transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);*/
    }

    .screen li h2 a {
        display: block;
        font-size: 13px;
        color: #333;
        line-height: 40px;
        height: 40px;
        text-align: center;
    }

    .screen li p {
        font-size: 12px;
        color: #666666;
        line-height: 24px;
    }

/*screen-xq*/
.screen-xq img {
    width: 100%;
    height: auto;
    margin: 25px auto 0;
}

.screen-t {
    padding-bottom: 20px;
    border-bottom: 1px dashed #bdbdbd;
    margin-bottom: 30px;
    position: relative;
}

    .screen-t a {
        display: block;
        font-size: 12px;
        color: #888888;
        position: absolute;
        right: 0;
        bottom: 10px;
    }

        .screen-t a:hover {
            color: #fd7e1d;
        }

    .screen-t h2 {
        font-size: 24px;
        color: #333;
        text-align: center;
    }

    .screen-t span {
        display: block;
        font-size: 12px;
        text-align: center;
        color: #828181;
    }

.screen-xq dt {
    font-size: 14px;
    color: #676767;
    line-height: 24px;
}

.screen-xq dd {
    font-size: 12px;
    color: #676767;
    line-height: 24px;
    margin-top: 5px;
}

.screen-xq > p {
    font-size: 12px;
    line-height: 24px;
    color: #666;
    text-indent: 2em;
    margin-bottom: 5px;
}

.screen-zx {
    position: relative;
}

    .screen-zx a {
        display: block;
        position: absolute;
        width: 155px;
        height: 48px;
        background: url(../img/screen/btn.png) no-repeat center center;
        bottom: 20px;
        left: 50%;
        margin-left: -77px;
        opacity: 0.9;
        transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
    }

        .screen-zx a:hover {
            opacity: 1;
        }

.screen-an li {
    float: left;
    width: 50%;
    margin-bottom: 25px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}

    .screen-an li:hover {
        transform: translate3d(0,-4px,0);
        -webkit-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        -ms-transform: translate3d(0,-4px,0);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }

    .screen-an li i {
        display: block;
        float: left;
        width: 180px;
        height: 120px;
        overflow: hidden;
    }

        .screen-an li i img {
            width: 100%;
            height: 100%;
            margin: 0;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

    .screen-an li:hover i img {
        transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
    }

    .screen-an li div {
        float: left;
        width: 270px;
        margin-left: 10px;
    }

        .screen-an li div h4 a {
            display: block;
            font-size: 16px;
            color: #333;
            line-height: 30px;
        }

    .screen-an li:hover div h4 a {
        color: #fd7e1d;
    }

    .screen-an li:hover div > a {
        color: #fd7e1d;
    }

    .screen-an li div p {
        font-size: 12px;
        color: #666;
        line-height: 24px;
        height: 72px;
        overflow: hidden;
    }

    .screen-an li div > a {
        display: block;
        font-size: 12px;
        color: #888;
    }

/**/
.contact dl {
    width: 460px;
    padding-left: 60px;
}

.contact dt {
    font-size: 24px;
    color: #333;
    height: 52px;
    line-height: 52px;
    padding-left: 34px;
    background: url(../img/contact/icon.png) no-repeat left center;
    margin-bottom: 10px;
}

.contact dd {
    padding-left: 34px;
    font-size: 14px;
    color: #555;
    line-height: 24px;
    margin-bottom: 5px;
}

.contact i {
    display: block;
    width: 312px;
    height: 186px;
}

.map img {
    width: 100%;
    height: auto;
}

/*download*/
.down-c li {
    transition: all ease-out .2s;
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s;
}

    .down-c li:hover {
        transform: translate3d(0,-8px,0);
        -webkit-transform: translate3d(0,-8px,0);
        -moz-transform: translate3d(0,-8px,0);
        -ms-transform: translate3d(0,-8px,0);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }

    .down-c li img {
        width: 74px;
        height: 48px;
        float: left;
    }

    .down-c li p {
        width: 720px;
        float: left;
        margin-left: 20px;
        font-size: 12px;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
        margin-top: 4px;
        color: #666;
    }

    .down-c li b {
        width: 720px;
        float: left;
        margin-left: 20px;
        font-size: 14px;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        margin-top: 4px;
        color: #333;
    }

.down-xj div > a {
    display: block;
    float: right;
    width: 27px;
    height: 26px;
    background: url(../img/down/down.png) no-repeat center center;
    margin-right: 30px;
    cursor: pointer;
}

    .down-xj div > a:hover {
        display: block;
        float: right;
        width: 27px;
        height: 26px;
        background: url(../img/down/down1.png) no-repeat center center;
        margin-right: 30px;
    }

.down-c li {
    padding-bottom: 15px;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 60px;
}

/*news*/
.news {
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}

    .news:hover {
        padding-left: 30px;
    }

        .news:hover h2 a {
            color: #fa8429;
            text-decoration: underline;
        }

        .news:hover > a {
            color: #fa8429;
            background-image: url(../img/case/xqs.png);
        }

    .news h2 a {
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }

    .news span {
        display: block;
        font-size: 12px;
        color: #999;
        padding-left: 16px;
        background: url(../img/news/time.png) no-repeat left center;
        margin-bottom: 5px;
    }

    .news p {
        font-size: 12px;
        color: #666;
        line-height: 24px;
    }

    .news > a {
        display: block;
        font-size: 12px;
        color: #999;
        padding-left: 18px;
        background: url(../img/case/xq.png) no-repeat left center;
        margin-top: 25px;
    }

.news {
    padding-bottom: 20px;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 40px;
}

/*news-xq*/
.news-tit {
    padding-bottom: 15px;
    border-bottom: 1px dashed #bdbdbd;
    margin-bottom: 30px;
}

    .news-tit h2 {
        font-size: 24px;
        color: #333;
        text-align: center;
        font-weight:bold;
    }

    .news-tit div {
        font-size: 14px;
        color: #999;
        text-align: center;
        margin-top: 15px;
    }

        .news-tit div span {
            margin: 0 10px;
        }

    .news-tit .share {
        margin: 10px auto 0;
        width: 156px;
    }

.news-xq img {
    width: 90%;
    height: auto;
    margin: 10px auto;
}

.news-xq > p {
    font-size: 15px;
    color: #333;
    line-height: 28px;
    margin-bottom: 5px;
}

.news-xq dt {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
}

.news-xq dd {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    margin-bottom: 5px;
    text-indent: 2em;
}

.shortcut a {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.shortcut {
    margin-top: 40px;
}

    .shortcut a:first-child {
        width: 150px;
        height: 46px;
        text-align: center;
        line-height: 46px;
        font-size: 14px;
        color: #62627e;
        border: 2px solid #bfbfbf;
        border-radius: 50px;
        margin-bottom: 20px;
        transition: all ease-out .2s;
        -webkit-transition: all ease-out .2s;
        -moz-transition: all ease-out .2s;
        -ms-transition: all ease-out .2s;
    }

        .shortcut a:first-child:hover {
            background-color: #fd7e1d;
            border-color: #fd7e1d;
            color: #fff;
        }

/*2016-12-6 修改*/
.cont8-tab ul li {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #414141;
    margin-right: 20px;
    cursor: pointer;
}

    .cont8-tab ul li.active {
        background: url(../img/index/cont8_tab_bg.png) no-repeat center bottom;
        color: #333;
        font-weight: bold;
    }

    .cont8-tab ul li:hover {
        background: url(../img/index/cont8_tab_bg.png) no-repeat center bottom;
        color: #333;
    }

.cont3-tab li a {
    height: 98px;
    line-height: 98px;
}

/*2017-01-11*/
.hz {
    margin-top: 40px;
}

    .hz li {
        float: left;
        margin: 0 33px 30px;
        width: 254px;
        box-sizing: border-box;
        border: 1px solid #DBDBDB;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

        .hz li img {
            width: 70%;
            height: auto;
            margin: 0 auto;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            -moz-transition: all ease-out .3s;
            -ms-transition: all ease-out .3s;
        }

        .hz li div {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: url(../img/index/li-bg.png) repeat;
            display: none;
        }

            .hz li div span {
                display: block;
                text-align: center;
                line-height: 40px;
                height: 40px;
                width: 100%;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -20px;
                font-size: 16px;
                font-weight: bold;
                color: #f7f7f7;
            }

        .hz li:hover img {
            transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -webkit-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
        }

.hzs li {
    float: left;
    margin: 0px 11px 30px;
    width: 218px;
    box-sizing: border-box;
    border: 1px solid #DBDBDB;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

    .hzs li div span {
        font-size: 14px;
    }
/*.hz{
	margin-top: 40px;
}
.hz li{
	float: left;
	width: 254px;
	margin: 0 33px 30px;
}
.hz li i{
	display: block;
	height: 180px;
	width: 254px;
	box-sizing: border-box;
	border: 1px solid #DBDBDB;
	overflow: hidden;
	cursor: pointer;
}
.hz li i img{
	width: 100%;
	height: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.hz li span{
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.hz li:hover i{
	border-color: #fd7e1d;
}
.hz li:hover i img{
	transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
}*/

/**/
.fh {
    position: absolute;
    top: -38px;
    right: 0;
    font-size: 14px;
    line-height: 20px;
    padding-left: 30px;
    color: #666;
    background: url('../img/fh.png') no-repeat 10px center;
    background-size: 15px 15px;
}

.fn-ss {
    display: block;
    width: 150px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #62627e;
    border: 2px solid #bfbfbf;
    border-radius: 50px;
    transition: all ease-out .2s;
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s;
}

    .fn-ss:hover {
        background-color: #fd7e1d;
        border-color: #fd7e1d;
        color: #fff;
    }

.fn-ss2 {
    background-color: #fd7e1d;
    border-color: #fd7e1d;
    color: #fff;
}

/*2017-06-13*/
.down-xj p {
    margin-left: 10px !important;
    line-height: 40px !important;
}

.down-xj div {
    border-bottom: 1px solid #ddd;
}

    .down-xj div:last-child {
        border: 0;
    }

.down-xj a {
    margin-top: 8px;
}

.down-c li i {
    display: block;
    float: right;
    width: 27px;
    height: 26px;
    margin-right: 30px;
    cursor: pointer;
    background: url("../img/down/bottom.png") 50% 50% no-repeat;
}

.down-c .active i {
    background: url("../img/down/top.png") 50% 50% no-repeat;
}