/* CSS Document */
.index-one { width: 100%; background: url(../image/imgbj01.jpg) no-repeat center center; background-size: cover; }
    .index-one .content_box { max-width: 1235px; }
    .index-one ul { overflow: hidden; padding-top: 35px; text-align: center; }
        .index-one ul li { width: 285px; height: 296px; margin: 0 10px 20px; position: relative; display: inline-block; *float:left}
            .index-one ul li.last { margin-right: 0px; }
            .index-one ul li.bj1 { background: url(../image/imgnavbj01.png) no-repeat center center; }
            .index-one ul li.bj2 { background: url(../image/imgnavbj02.png) no-repeat center center; }
            .index-one ul li.bj3 { background: url(../image/imgnavbj03.png) no-repeat center center; }
            .index-one ul li.bj4 { background: url(../image/imgnavbj04.png) no-repeat center center; }
            .index-one ul li .p1 { position: absolute; bottom: 0px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; width: 100%; }
            .index-one ul li .txtbox { padding-top: 100px; display: inline-block; }
                .index-one ul li .txtbox .txt1 { font-size: 14px; color: #999; line-height: 20px; }
                .index-one ul li .txtbox .txt2 { font-size: 14px; color: #4f4f4f; line-height: 24px; }
            .index-one ul li.bj1 .txtbox .txtc { font-size: 24px; color: #0b9efb; line-height: 34px; }
            .index-one ul li.bj2 .txtbox .txtc { font-size: 24px; color: #ff6c00; line-height: 34px; }
            .index-one ul li.bj3 .txtbox .txtc { font-size: 24px; color: #00d1b6; line-height: 34px; }
            .index-one ul li.bj4 .txtbox .txtc { font-size: 24px; color: #ff9600; line-height: 34px; }

.index-two { padding: 40px 0 50px 0; background: #fff; }
    .index-two .content_box { max-width: 1235px; text-align: center; }
.index-tit { margin-bottom: 35px; text-align: center; }
    .index-tit h3 { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 10px; }
    .index-tit h4 { font-size: 14px; color: #666; }
    .index-tit .shotline { height: 6px; margin-top: -10px; }
        .index-tit .shotline span { display: inline-block; width: 60px; height: 1px; background: #df0407; }
.case-nav1 { text-align: center; margin-top: 18px; margin-bottom: 30px; }
    .case-nav1 a { display: inline-block; width: 130px; height: 40px; text-align: center; margin: 0 10px 10px; }
        .case-nav1 a.bj1 { background: url(../image/picbj01.png) no-repeat; }
            .case-nav1 a.bj1:hover { background: url(../image/picbj01h.png) no-repeat; }
        .case-nav1 a.bj2 { background: url(../image/picbj02.png) no-repeat; }
            .case-nav1 a.bj2:hover { background: url(../image/picbj02h.png) no-repeat; }
        .case-nav1 a i { display: inline-block; padding-left: 26px; font-size: 14px; color: #585858; line-height: 40px; }
        .case-nav1 a .casenavic1 { background: url(../image/piccnav01.png) no-repeat left center; }
        .case-nav1 a .casenavic2 { background: url(../image/piccnav02.png) no-repeat left center; }
        .case-nav1 a .casenavic3 { background: url(../image/piccnav03.png) no-repeat left center; }
        .case-nav1 a .casenavic4 { background: url(../image/piccnav04.png) no-repeat left center; }
        .case-nav1 a .casenavic5 { background: url(../image/piccnav05.png) no-repeat left center; }
        .case-nav1 a:hover .casenavic1 { background: url(../image/piccnav01h.png) no-repeat left center; }
        .case-nav1 a:hover .casenavic2 { background: url(../image/piccnav02h.png) no-repeat left center; }
        .case-nav1 a:hover .casenavic3 { background: url(../image/piccnav03h.png) no-repeat left center; }
        .case-nav1 a:hover .casenavic4 { background: url(../image/piccnav04h.png) no-repeat left center; }
        .case-nav1 a:hover .casenavic5 { background: url(../image/piccnav05h.png) no-repeat left center; }
        .case-nav1 a.curcase1 .casenavic1 { background: url(../image/piccnav01h.png) no-repeat left center; }
        .case-nav1 a.curcase1 .casenavic2 { background: url(../image/piccnav02h.png) no-repeat left center; }
        .case-nav1 a.curcase1 .casenavic3 { background: url(../image/piccnav03h.png) no-repeat left center; }
        .case-nav1 a.curcase1 .casenavic4 { background: url(../image/piccnav04h.png) no-repeat left center; }
        .case-nav1 a.curcase1 .casenavic5 { background: url(../image/piccnav05h.png) no-repeat left center; }
        .case-nav1 a.curcase1.bj1 { background: url(../image/picbj01h.png) no-repeat; }
        .case-nav1 a.curcase1.bj2 { background: url(../image/picbj02h.png) no-repeat; }
        .case-nav1 a.curcase1 i { color: #df0407; }
        .case-nav1 a:hover i { color: #df0407; }
.caselist1 { overflow: hidden; margin-bottom: 20px; text-align: center; }
    .caselist1 li { margin: 0 8px 18px; position: relative; width: 285px; overflow: hidden; display: inline-block; border: #cecece 1px solid;*float:left }
        .caselist1 li img { display: block; width: 100%; }
        .caselist1 li p { position: absolute; bottom: 0px; height: 35px; width: 100%; background: url(../image/bjtxt01.png) repeat-x; }
        .caselist1 li p { -webkit-transform: translateX(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
        .caselist1 li:hover p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }

        .caselist1 li p span { font-size: 12px; color: #fff; line-height: 35px; padding-left: 12px; }
        .caselist1 li .caselinkic { position: absolute; right: 22px; top: 14px; display: inline-block; width: 15px; height: 15px; background: url(../image/piclink01.png) no-repeat; display: none; }
        .caselist1 li:hover .caselinkic { display: block; }
.index-three { padding: 40px 0 50px 0; background: #f5f5f5; }
    .index-three .content_box { max-width: 1240px; text-align: center; }
.caselist2 { overflow: hidden; text-align: center; }
    .caselist2 li { margin: 10px 10px 20px; position: relative; width: 222px; height: 260px; overflow: hidden; display: inline-block; background: #fff; border: #fff solid 1px; cursor: pointer;*float:left }
        .caselist2 li h3 { padding-top: 25px; font-size: 18px; color: #343434; margin-bottom: 15px; }
        .caselist2 li h4 { font-size: 12px; color: #6f6f6f; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 10px; padding: 10px 10px 0; }
        .caselist2 li .view span { display: inline-block; width: 80px; height: 24px; border: 1px solid #ebebeb; font-size: 12px; color: #ff6c00; text-align: center; line-height: 24px; position: relative; z-index: 111; }
            .caselist2 li .view span:hover { border-color: #ff6c00; }
        .caselist2 li .icon { width: 72px; height: 72px; }

        .caselist2 li.line1 { border-top: 1px solid #0b9efb; }
            .caselist2 li.line1:hover { border: #0b9efb solid 1px; }

        .caselist2 li.line2 { border-top: 1px solid #2ec032; }
            .caselist2 li.line2:hover { border: #2ec032 solid 1px; }

        .caselist2 li.line3 { border-top: 1px solid #04d5ba; }
            .caselist2 li.line3:hover { border: #04d5ba solid 1px; }

        .caselist2 li.line4 { border-top: 1px solid #ffa11a; }
            .caselist2 li.line4:hover { border: #ffa11a solid 1px; }

        .caselist2 li.line5 { border-top: 1px solid #915eac; }
            .caselist2 li.line5:hover { border: #915eac solid 1px; }

        .caselist2 li.line6 { border-top: 1px solid #ff6c00; }
            .caselist2 li.line6:hover { border: #ff6c00 solid 1px; }

        .caselist2 li.line7 { border-top: 1px solid #01bbb4; }
            .caselist2 li.line7:hover { border: #01bbb4 solid 1px; }

        .caselist2 li.line8 { border-top: 1px solid #7686fb; }
            .caselist2 li.line8:hover { border: #7686fb solid 1px; }

        .caselist2 li.line9 { border-top: 1px solid #fd648c; }
            .caselist2 li.line9:hover { border: #fd648c solid 1px; }

        .caselist2 li.line10 { border-top: 1px solid #99afc2; }
            .caselist2 li.line10:hover { border: #99afc2 solid 1px; }

        .caselist2 li:hover { box-shadow: 0px 0px 10px #ccc; border-top: none; }
.index-four { padding: 40px 0 50px 0; background: #fff; }
    .index-four .content_box { max-width: 1220px; }
.solutionlist { overflow: hidden; margin-bottom: 15px; }
    .solutionlist li { margin: 10px 2% 10px; float:left; position: relative; width: 46%; overflow: hidden; display: inline-block; background: #fff; border: 1px solid #eaeaea; box-sizing: border-box;*float:left; }
        .solutionlist li .cont { padding: 25px 3%; }
        .solutionlist li h3 { font-size: 18px; color: #343434; font-weight: bold; margin-bottom: 15px; }
        .solutionlist li h4 { font-size: 12px; color: #656565; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 10px; }
        .solutionlist li p { font-size: 12px; color: #087aca; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 10px; }
            .solutionlist li p i { margin: 0 5px; }
        .solutionlist li .casebox { overflow: hidden; }
            .solutionlist li .casebox img { float: left; width: 110px; height: 40px; border: 1px solid #dde2ec; border-radius: 3px; margin-bottom: 10px; margin-right: 10px; }
        .solutionlist li:hover { box-shadow: 0px 0px 10px #e0e0e0; }
.index-five { padding: 50px 0; background: url(../image/imgbj02.jpg) no-repeat center center; background-size: cover; }
    .index-five .content_box { max-width: 1200px; }
    .index-five .infolist { width: 30%; float: left; }
        .index-five .infolist .tit { padding-bottom: 12px; border-bottom: 1px solid #c9c5b7; position: relative; }
            .index-five .infolist .tit span { font-size: 24px; color: #fff; font-weight: bold; }
        .index-five .infolist .rtxt { position: absolute; right: 0px; top: 14px; font-size: 12px; color: #d9d7d1; }
        .index-five .infolist ul li { border-bottom: 1px solid #c9c5b7 !important; padding: 12px 50px 12px 0; position: relative; }
            .index-five .infolist ul li a { font-size: 12px; color: #fff; display: inline-block; }

    .index-five .veidobox { float: left; width: 30%; margin: 10px 5% 0; }
    .index-five .veidimg { width: 100%; max-width: 370px; }

@media(max-width:1200px) { .caselist1 li;
{ float: none; }
}

@media(max-width:1119px) { .solutionlist li;
{ width: 96%; }
}
@media(max-width:768px) { .index-five .content_box;
{ max-width: 1200px; }
.index-five .infolist { width: 100%; margin: 15px 0; float: none; }
.index-five .veidobox { width: 100%; margin: 15px 0; float: none; }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .caselist2 > li { width: 20%; }
}


@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .caselist2 > li { width: 25%; }
}


@media screen and (min-width: 900px) and (max-width: 1000px) {
    .caselist2 > li { width: 30%; }
}

@media screen and (min-width: 640px) and (max-width: 900px) {
    .caselist2 > li { width: 40%; }
        .caselist2 > li > h4 { display: none; }
    .view { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 640px) {

    .caselist2 > li { width: 90%; }

        .caselist2 > li > h4 { display: none; }

    .view { display: none; }

    .index-one ul li { width: 200px; }

    .txtc { font-size: 18px !important; }

    .index-one ul li .p1 { line-height: 40px; font-size: 14px; bottom: 5px; }
}

.ptop { top: 100px; }

.ptop1 { top: 125px; }

.ptop2 { top: 149px; }

.ptop3 { top: 185px; }

.ptop4 { top: 210px; }

@media screen and (min-width: 640px) and (max-width: 700px) {
    .index-one ul li { width: 240px; }

    .txtc { font-size: 20px !important; }
}

@media screen and (min-width: 0px) and (max-width: 650px) {
    .caselist1 li { width: 43% !important; }
}

@media screen and (min-width: 0px) and (max-width: 450px) {
    .index-one ul li { width: 93%; }
}

.litext{
        font-size: 24px  !important;
    }