html, body {
            position: relative;
            height: 100%;
        }
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color:#000;
            margin: 0;
            padding: 0;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            margin-bottom: 0!important;

            /* Center slide text vertically */
            /*display: -webkit-box;*/
            /*display: -ms-flexbox;*/
            /*display: -webkit-flex;*/
            /*display: flex;*/
            /*-webkit-box-pack: center;*/
            /*-ms-flex-pack: center;*/
            /*-webkit-justify-content: center;*/
            /*justify-content: center;*/
            /*-webkit-box-align: center;*/
            /*-ms-flex-align: center;*/
            /*-webkit-align-items: center;*/
            /*align-items: center;*/
        }

        .swiper-pagination-v{
            left: 10px;
        }

        .Ntitimg{text-align: center;
            margin: 0;
            padding: 0;}
        .NtitWord{
            margin-top: 15px;
            margin-bottom:30px;
            font-size: 14px;
            line-height:30px;
            color: #5b5b5b;}
        .NtitWord span{
            color: #00c1de;}

        .NewSUl{
            margin-top: 20px;}
        .NewSUl li{
            position: relative;
            width: 385px;
            float: left;
            margin-right: 10px;
            text-align: left;
            height: 307px;
            border-bottom:4px solid #00c1de;

        }
        .NewSUl li a{    display: block;}
        .NewSUl li:last-child{    margin-right: 0;}
        .NwordCont{ height: 83px;   padding: 10px; background: #f4f4f4;transition: all 2s;}
        .NewSUl li:hover .NwordCont{    background: #00c1de;}
        .NewSUl li:hover{ color: #fff;   }
        .NewSUl li:hover a p{    color: #fff;}
        .Nword1{
            margin:10px 0;
            font-size: 14px;
            color: #000;}
        .Nword2{
            line-height: 22px;
            color: #7e7e7e;
            font-size: 12px;}
        .NewSUl li:hover:before{
            content: "";
            position: absolute;
            top:50%;
            left:50%;
            background: url("{{asset('home/img/N_icon.png')}}") no-repeat;
            width: 44px;
            height: 44px;
            margin-left: -22px;
            margin-top: -22px;
            cursor: pointer;
            z-index: 110;
        }
        .NewSUl li:hover .Newimg img{
            height: 100%;}
        .NewSUl li:hover .Newimg{    position: relative;}
        .NewSUl li:hover .Newimg:before{
            content:"";
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.5);
            width: 100%;
            height: 100%;
        }

        .Newimg{   height: 208px; border: none;    margin-bottom: -4px; padding: 0;}
        .reTitImg{
            margin-top: 15%;
            margin-bottom: 76px;
        }
        .caseTitImgs{ margin-top: 9%;    margin-bottom:3%;}
        .casebanner{ height: 267px;
            width: 1000px;
        }
        .caseArrow{
            position: relative;
            height: 267px;
            width: 1200px;
            margin: 0 auto;
        }
        .casebanner .swiper-wrapper .swiper-slide{
            width:333.3px;
        }
        .caseArrow .casenext,.caseArrow .caseprev{
            width: 20px;
            height:30px;
            background-size: 100%!important;
            top: 50%;
            margin-top: -15px;
        }
        .caseArrow .casenext{
            background: url("{{asset('home/img/casenext.png')}}") no-repeat;
            right:0%;

        }
        .caseArrow .caseprev{
            background: url("{{asset('home/img/caseprev.png')}}") no-repeat;
            left:0%;
        }

        .caseH{    width:333.3px;
            position: relative;
            height: 267px;
        }
        .caseH img{
            width: 333.3px;
            height: 267px;}
        .caseH a{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #fff;
            font-size: 18px;
            background:rgba(0,193,222,0.8);
            display: none;
            text-align: center;
            line-height: 267px;

        }
        .caseH:hover a{    display: block;}


        .CaseUL{
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;}
        .CaseUL li{  float: left;
            width:281px;
            height: 264px;
            position: relative;
            overflow: hidden;
        }
        .CaseUL li img{    width:100%;  overflow: hidden;
            height: auto;}
        .CaseUL li a{   width:100%;
            height: 100%;
            position: relative;
            display: block;}
        .CaseUL li a:hover:after{
            content:"";
            position: absolute;
            top: 0;
            left: 0;
            width:281px;
            height: auto;
            background: url("{{asset('home/img/case_bg.png')}}") no-repeat;
            background-size: 100%;
            z-index: 100;
        }
        .CaseUL li a:after{
            content:"";
            position: absolute;
            top: 0;
            left: 0;
            width:281px;
            height:0px;
            background: url("{{asset('home/img/case_bg.png')}}") no-repeat;
            background-size: 100%;
            z-index: 100;
            transition:all 0.5s;
        }


        /*改导航*/
        .Nav {
            width: 800px;
        }
        .Nav>li {
            margin-right: 24px;
        }
        .Nav>li>a{
            width: auto;
            font-size: 18px;
        }

        .arrow {
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            bottom: 25px;
            left: 50%;
            margin-left: -11px;
            border: 3px solid transparent;
            border-bottom:3px solid #26c1fe;
            border-right: 3px solid #26c1fe;
            z-index: 99;
            opacity: .8;
            -webkit-transform: rotate(45deg);
            -webkit-animation: arrow 1.5s infinite ease-in-out;
        }

        @-webkit-keyframes arrow {
            0% {
                opacity:0;
                -webkit-transform:translate(0, 0px) rotate(45deg)
            }
            50% {
                opacity:1;
                -webkit-transform:translate(0, -5px) rotate(45deg)
            }
            100% {
                opacity:0;
                -webkit-transform:translate(0, -10px) rotate(45deg)
            }
        }

    </style>
    <!--index3-->
    <style>
        .doWhat3{
            background: url("{{asset('home/img/woDowhat.png')}}") no-repeat;
            background-size: cover!important;
            width: 100%;
            height: 100%;
        }
        .doWhatul3 li{
            float: left;
            width:28%;
            margin-right: 3%;
            margin-bottom: 3%;
            background: #fff;
            padding:15px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }
        .doWordCont3 {
            width: 160px;
        }
        .doWhatul3 li:nth-child(3n){
            margin-right: 0;
        }