body {

    font-family: "微软雅黑";

}

.container {

    width:1200px;

    margin:0 auto;

}



.header .logo {

    float:left;

    padding:6px 0;

    position: relative;

    z-index: 999;

}

.hd-lr {

    float:right;

}

.menul {

    float: left;

}

.menul li {

    float:left;

    font-size:16px;

    color:#666;

    line-height: 80px;

    margin-right:26px;

    position: relative;

}

.menul li::before {

    position: absolute;

    content:"";

    left:50%;

    bottom:0;

    width:0;

    height: 4px;

    background:#51b8fa;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.menul li:hover::before,

.menul li.on::before {

    width:100%;

    left:0;

}

.menul li a {

    display: block;

    color:#666;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.menul li a:hover {

    color:#1b83c6;

}

.menul li.on a {

    color:#1b83c6;

}

.hd-sbtn {

    float: right;

    margin-top:30px;

    margin-right:2px;

    cursor: pointer;

}



.header .container {

    position: relative;

}

.hd-search {

    position: absolute;

    width:540px;

    left:50%;

    margin-left:-120px;

    top:0;

    height: 100%;

    background:#fff;

    display: none;

    border:1px solid #ccc;

    padding:0 20px;

}

.hd-search .search-col {

   position: absolute;

   background: url(../images/col.svg) no-repeat;

   width:14px;

   height: 14px;

   z-index: 6;

   cursor: pointer;

   left:20px;

   top:33px;

}

.hd-search .search-btn {

    position: absolute;

    width:21px;

    height: 21px;

    background:url(../images/search.png) no-repeat;

    right:20px;

    top:50%;

    margin-top:-10px;

    border:none;

    cursor: pointer;

}

.hd-search .search-input {

    width:470px;

    height: 80px;

    color:#444;

    background:#fff;

    font-size:14px;

    line-height: 80px;

    padding-left:40px;

    border:none;

}







.foo-tp {

    font-size: 0;

    padding:27px 0;

    background:url(../images/fbg.jpg) no-repeat center top;

} 

.foo-tle {

    float: left;

    padding:64px 60px 0 54px;

}

.foo-tnav {

    float: left;

    text-align: center;

    width:250px;

    background: url(../images/fbg.png) no-repeat left center;

    height: 244px;

}

.foo-tnav ul {

    padding-top:12px;

}

.foo-tnav li {

    font-size:18px;

    color:#fff;

    line-height: 56px;

}

.foo-tnav li a {

    color:#fff;

}

.foo-tadd {

    float: left;

    padding:0 78px 0 76px;

    height: 244px;

    background: url(../images/fbg.png) no-repeat left center;

    width:254px;

}

.foo-tadd .txt p {

    font-size:16px;

    color:#fff;

    line-height: 26px;

    padding-bottom:16px;

}

.foo-tit {

    font-size: 18px;

    color:#fff;

    line-height: 30px;

    font-weight: normal;

    padding:32px 0 14px;

}

.foo-ewm {

    float: left;

    padding-left:77px;

    width:115px;

    text-align: center;

    padding-top:49px;

    background: url(../images/fbg.png) no-repeat left center;

    height: 205px;

}

.foo-ewm p {

    font-size: 16px;

    color:#fff;

    line-height: 30px;

    padding-top:20px;

    text-align: center;

}

.foo-bt {

    text-align: center;

    background:#313131;

}

.foo-bt span {

    padding:0 32px;

}

.foo-bt p {

    font-size: 14px;

    color:#fff;

    line-height: 40px;

}

.foo-bt a {

    color:#fff;

}





.slide {

    position: fixed;

    right: 0;

    top:50%;

    margin-top:-140px;

    width: 60px;

    z-index: 999;

}

.slide li {

    position: relative;

    margin-bottom:12px;

    display: inline-block;

    left:0;

}

.slide li .li-img {

    width:58px;

    height: 58px;

    background:#cac7c0;

    border:1px solid #eee;

    font-size: 0;

    text-align: center;

    cursor: pointer;

    position: absolute;

    left:0;

    top:0;

}

.slide li .li-img::before {

    content:"";

    width:0;

    height: 100%;

    display: inline-block;

    vertical-align: middle;

}

.slide li .li-img img {

    display: inline-block;

    vertical-align: middle;

}

.slide li p {

    width: auto;

    font-size: 14px;

    color:#fff;

    padding:0 6px;

    height: 60px;

    line-height: 60px;

    white-space: nowrap;

}

.slide .cen {

    position: relative;

    padding-left:60px;

    ;background:#04acee;

}

.slide .cen {

    position: relative;

    left:0%;

}



/* index */

    .banner {

        overflow: hidden;

        position: relative;

    }

    .banner-list {

        position: relative;

        overflow: hidden;

    }

    .banner-list li img {

        width:1920px;

        position: relative;

        left:50%;

        margin-left:-960px;

    }

    .banner-list li {

        float: left;

        overflow: hidden;

    }

    #dot {

        position: absolute;

        left:0;

        bottom:20px;

        width:100%;

        text-align:center;

        font-size: 0;

    }

    #dot li {

        display: inline-block;

        vertical-align:top;

        width:10px;

        height: 10px;

        border-radius:50%;

        background:#666;

        cursor: pointer;

        margin:0 3px;

    }

    #dot li.on {

        background:#1b83c6;

    }







    .iabo {

        padding:40px 0 50px;

    }

    .itit-box {

        text-align: center;

    }

    .itit-cen {

        display: inline-block;

        padding:0 34px;

        position: relative;

    }

    .itit-box .ch {

        font-size:30px;

        color:#333;

        line-height: 42px;

        font-weight: 600;

    }

    .itit-box .en {

        font-size:18px;

        color:#333;

        line-height: 28px;

        font-weight: normal;

    }

    .itit-cen::before,

    .itit-cen::after {

        content:"";

        position: absolute;

        top:50%;

        width:200px;

        height:1px;

        background:#999;

    }

    .itit-cen::before {

        right:100%;

    }

    .itit-cen::after {

        left:100%;

    }

    .iabo-cont {

        padding-top:42px;

    }

    .iabo-img  {

        padding:32px 0 30px;

        width:556px;

        position: relative;

        float: left;

    }

    .iabo-img .img {

        position: relative;

        z-index: 99;

    }

    .iabo-img::before {

        content:"";

        position: absolute;

        left:0;

        top:0;

        width:470px;

        height: 100%;

        background:#51b8fa;

        z-index: 90;

    }



    .iabo-con {

        float: right;

        width:580px;

        padding-top:26px;

    }

    .iabo-con .tit {

        font-size: 30px;

        color:#51b8fa;

        line-height: 46px;

        padding-left:34px;

        padding-bottom:16px;

        font-weight: 600;

    }

    .iabo-con .txt {

        font-size:16px;

        color:#333;

        line-height: 28px;

        text-indent: 2em;

    }







    .ipro {

        padding:34px 0 16px;

        background: url(../images/pro.jpg) no-repeat center top;

        height: 750px;

    }

    .itit-box.col1 .ch {

        color:#fff;

    }

    .itit-box.col1 .en {

        color:#ccc;

    }

    .ipro-cont {

        padding-top:32px;

    }

    .ipro-side {

        float: left;

        width:222px;

        background:#fff;

        border:1px solid #e9e9e9;

    }

    .ipro-side li {

        -webkit-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

        font-size: 18px;

        color:#333;

        line-height: 52px;

        border-bottom:1px solid #e9e9e9;

    }

    .ipro-side li a {

        color:#333;

        padding-left:18px;

        cursor: pointer;

        position: relative;

        display: block;

        -webkit-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }

    .ipro-side li a::after {

        content:"";

        position: absolute;

        width:10px;

        height: 18px;

        background-image:url(../images/arr.png);

        background-repeat: no-repeat;

        right:18px;

        top:50%;

        margin-top:-9px;

    }

    .ipro-side li.on a,

    .ipro-side li a:hover {

        background:#51b8fa;

        color:#fff;

    }

    .ipro-side li.on a::after,

    .ipro-side li:hover a::after {

        background-image:url(../images/arr2.png);

    }

    .ipro-side li.last {

        border-bottom:none;

    }





    .ipro-nbox {

        float: right;

        width:975px;

        height: 642px;

        margin-right: -3%;
    }

    .ipro-nr {

        display: none;

        opacity: 0;

    }

    .ipro-nr.on {

        display: block;

        opacity: 1;

    }

    .ipro-list {

        font-size: 0;

    }

    .ipro-list li {

        display: inline-block;

        vertical-align: top;

        width:292px;

        margin-right:33px;

        margin-bottom:40px;

        overflow: hidden;

        position: relative;

        text-align: center;

        background: #fff;

        -webkit-box-shadow: 0 0 3px #aaa;

        box-shadow: 0 0 3px #aaa;

    }

    .ipro-list li.last {

        margin-right: 0;

    }

    .ipro-list li p {

        font-size: 16px;

        color:#fff;

        line-height: 55px;

        text-align: center;

        background:#51b8fa;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        -moz-transition:background .5s;

        -ms-transition:background .5s;

        -webkit-transition:background .5s;

        -o-transition:background .5s;

        transition:background .5s;

    }

    /* .ipro-list .li-str {

        font-size: 14px;

        color:#fff;

        line-height: 24px;

        background:#0e3894;

        position: absolute;

        z-index: 999;

        padding:0 26px;

        left:0;

        top:8px;

        -webkit-transform:rotate(-38deg);

        -ms-transform:rotate(-38deg);

        -moz-transform:rotate(-38deg);

        -o-transform:rotate(-38deg);

        transform:rotate(-38deg);

        -moz-transform-origin: center 32px;

        -ms-transform-origin: center 32px;

        -webkit-transform-origin: center 32px;

        -o-transform-origin: center 32px;

        transform-origin: center 32px;

        margin-left:-16px;

    } */

    .ipro-list li .str {

        position: absolute;

        left:0;

        top:0;

        width: 76px;

        z-index: 99;

    }

    .ipro-list li .str img {

        width:100%;

    }

    .ipro-list li:hover .li-img img {

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        transform: scale(1.1);

    }

    .ipro-list .li-img img {

        -moz-transition: transform .5s;

        -webkit-transition: transform .5s;

        -o-transition: transform .5s;

        -ms-transition: transform .5s;

        transition: transform .5s;

        position: relative;

        z-index: 9;

    }

    .ipro-list .li-img {

        overflow: hidden;

    }

    .ipro-list li:hover p {

       background:#1875d8;

    }







    .inew {

        padding:40px 0 32px;

        background:#eee;

    }

    .inew-cont {

        padding-top:36px;

    }

    .inew-le {

        float:left;

        width:600px;

        border-left:1px solid #949494;

        border-bottom:1px solid #949494;

        width:594px;

        background:#fff;

        padding:3px;

        position: relative;

    }

    .inew-le a {

        display: block;

        overflow: hidden;

    }

    .inew-le .img {

        float: left;

        width:297px;

    }

    .inew-le .con {

        float: left;

        width:246px;

        padding-left:30px;

    }

    .inew-le .tit {

        padding-top:26px;

        font-size: 20px;

        color:#333;

        line-height: 32px;

        font-weight: normal;

        padding-bottom:32px;

    }

    .inew-le .txt {

        font-size:16px;

        color:#333;

        line-height: 24px;

        text-indent: 2em;

        height: 232px;

        overflow: hidden;

    }

    .inew-le .time {

        position: absolute;

        left:328px;

        bottom:18px;

        width:246px;

        font-size: 16px;

        color:#333;

        line-height: 26px;   

    }

    .inew-le .time .le {

        float: left;

    }

    .inew-le .time .lr {

        float: right;

    }



    .inew-lr {

        float: right;

        width:551px;

    }

    .inew-lr .list  li {

        margin-bottom:18px;

        background:#fff;

        border-left:1px solid #949494;

        border-bottom:1px solid #949494;

        padding:3px;

        overflow: hidden;

        position: relative;

    }

    .inew-lr .list .li-img {

        width:282px;

    }

    .inew-lr .list .li-con {

        position: absolute;

        width:214px;

        left:308px;

        top:0;

        height: 100%;

    }

    .inew-lr .list .txt {

        font-size: 20px;

        color:#333;

        line-height: 30px;

        font-weight: 600;

        padding-top:29px;

    }

    .inew-lr .list .time {

        position: absolute;

        left:0;

        bottom:3px;

        width:100%;

        font-size: 16px;

        color:#333;

        line-height: 38px;

    }

    .inew-lr .time .le {

        float: left;

    }

    .inew-lr .time .lr {

        float: right;

    }

    





    .ipar {

        padding:36px 0 14px;

    }

    .ipar-cont {

        padding-top:32px;

    }

    .ipar-list {

        font-size: 0;

    }

    .ipar-list li {

        display: inline-block;

        vertical-align: top;

        width:247px;

        border:1px solid #d2d2d2;

        margin-right:63px;

        margin-bottom:48px;

    }

    .ipar-list li.last {

        margin-right: 0;

    }







    .ipec {

        padding:36px 0 42px;

        background:#eee;

    }

    .ipec-cont {

        padding-top:30px;

    }

    .ipec-link {

        font-size: 18px;

        color:#333;

        line-height: 34px;

    }

    .ipec-link a {

        color:#333;

        margin-right: 66px;

        -moz-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }

    .ipec-link a:hover {

        color:#51b8fa;

    }







    /* 关于我们 */

    .nabo {

        padding:38px 0 62px;

    }

    .nabo-cont {

        padding-top:54px;

    }

    .nabo-cont .img1 {

        float: left;

        margin-right: 56px;

        margin-bottom: 8px;

    }

    .nabo-cont .img2 {

        float: right;

        margin-left:56px;

        margin-top:-8px;

    }

    .nabo-cont .img {

        border:1px solid #eee;

    }

    .nabo .tit {

        font-size:30px;

        color:#51b8fa;

        line-height: 34px;

        font-weight: 600;

        margin-top:-2px;

        padding-bottom:18px;

    }

    .nabo .txt {

        font-size: 14px;

        color:#333;

        line-height: 28px;

        text-indent: 2em;

    }





    .nvid {

        padding:64px 0 66px;

        background:#e5e5e5;

    }

    .nvid-le {

        width:596px;

        float: left;

        position: relative;

    }

    .nvid-le .bg {

        width: 100%;

        height: 400px;

        background: #2a63a1;

        box-shadow:0 0 43px rgba(1, 1, 1, 1);

        position: absolute;

        left:0;

        top:28px;

    }

    .nvid-le .cont {

        position: relative;

        background: #fff;

        left:28px;

        height: 400px;

        text-align: center;

        font-size: 0;

        width:568px;

    }

    .nvid-le .cont::before {

        content:"";

        width:0;

        height: 100%;

        display: inline-block;

        vertical-align: middle;

    }

    .nvid-le .txt {

        font-size: 24px;

        color:#333;

        line-height: 64px;

        display: inline-block;

        vertical-align: middle;

    }

    .nvid-lr {

        float: right;

        width:604px;

        background:#333;

        height: 428px;

        position: relative;

    }

    .nvid-lr .arr {

        position: absolute;

        width:108px;

        height: 125px;

        left:50%;

        top:50%;

        margin-left:-54px;

        margin-top:-62px;

    }





    .ncop {

        padding:66px 0 70px;

    }

    .ncop-le {

        float: left;

        width: 599px;

    }

    .ncop-lr {

        float: right;

        width: 546px;

    }

    .ncop-lr .tit {

        font-size: 30px;

        color:#2093ce;

        line-height: 76px;

        font-weight: bold;

        margin-bottom:6px;

        font-weight: 600;

    }

    .ncop-lr .list li {

        position: relative;

    }

    .ncop-lr .list a {

        display: block;

    }

    .ncop-lr .time {

        position: absolute;

        left:0;

        top:0;

        background:#e5e5e5;

        width:110px;

        text-align: center;

        padding:16px 0;

        height: 26px;

        line-height: 26px;

        font-size: 12px;

        color:#333;

        border:1px solid #eee;

        margin-top:-1px;

        z-index: 99;

    }

    .ncop-lr .list p {

        padding:16px 0 15px;

        font-size: 14px;

        color:#333;

        line-height: 26px;

        padding-left:16px;

        border-top:1px dashed #e4e4e4;

        border-bottom:1px dashed #e4e4e4;

        margin-top:-1px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        -moz-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }

    .ncop-lr .list li::before {

        content:"";

        position: absolute;

        left:-31px;

        top:0;

        border-top:29px solid transparent;

        border-bottom:29px solid transparent;

        border-right:32px solid #2093ce;

        display: none;

        z-index: 999;

    }

    .ncop-lr .list li.on::before {

        display: block;

    }

    .ncop-lr .list li.on .time {

        background:#2093ce;

        color:#fff;

    }

    .ncop-lr .list li.on p {

        color:#2093ce;

    }

    .ncop-le .list li {

        display: none;

        position: relative;

        opacity: 0;

    }

    .ncop-le .list li.on {

        display: block;

        position: relative;

        opacity: 1;

    }

    .ncop-le .list .img {

        border:1px solid #bfbfbf;

    }

    .ncop-le .list p {

        position: absolute;

        left:0;

        bottom:0;

        padding:0 40px;

        width:518px;

        height:58px;

        background:url(../images/sbg.png);

        font-size: 14px;

        color:#fff;

        line-height: 58px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }





    /* 技术 */

    .ntec {

        padding:42px 0 62px;

    }

    .ntec-cont {

        padding-top:24px;

    }

    .ntec-list {

        padding-bottom:16px;

    }

    .ntec-list li {

        border:1px solid #bfbfbf;

        margin-bottom: 30px;

    }

    .ntec-list a {

        padding:8px;

        display: block;

        position: relative;

        overflow: hidden;

    }

    .ntec-list .li-img {

        float: left;

        width:282px;

        overflow: hidden;

    }

    .ntec-list .li-con {

        float: left;

        width: 800px;

        padding-left:54px;

        padding-top:18px;

    }

    .ntec-list .li-con .tit {

        font-size: 20px;

        color:#333;

        line-height: 36px;

        font-weight: 600;

        -moz-transition: all .5s;

        -ms-transition: all .5s;

        -webkit-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s;

    }

    .ntec-list .time {

        position: absolute;

        left:344px;

        bottom:16px;

        font-size: 16px;

        color:#333;

        line-height: 30px;

        width:800px;

    }

    .ntec-list .time .le {

        float: left;

    } 

    .ntec-list .time .lr {

        float: right;

    }

    .ntec-list li a:hover .tit {

        color:#51b8fa;

    }

    .ntec-list img {

        -webkit-transition: all 1s;

        -ms-transition: all 1s;

        -o-transition: all 1s;

        -moz-transition: all 1s;

        transition: all 1s;

    }

    .ntec-list a:hover img {

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        transform: scale(1.1);

    }

    .page {

        text-align: center;

    }

    .page a {

        display: inline-block;

        vertical-align: middle;

        width:44px;

        height: 44px;

        line-height: 44px;

        border:1px solid #51b8fa;

        text-align: center;

        font-size: 16px;

        color:#51b8fa;

        margin:0 12px;

        -moz-transition:all .3s;

        -ms-transition:all .3s;

        -webkit-transition:all .3s;

        -o-transition:all .3s;

        transition:all .3s;

    }

    .page a.pag {

        width:118px;

    }

    .page a.on,

    .page a:hover {

        background:#51b8fa;

        color:#fff;

    }

    .page a.on {

        cursor: text;

    }







    /* 联系 */

    .nact {

        padding:40px 0 72px;

    }

    .nact-cont {

        padding-top:40px;

    }

    .nact-list {

        font-size: 0;

        overflow: hidden;

        margin-bottom:56px;

    }

    .nact-list li {

        display: inline-block;

        vertical-align: top;

        padding-top:30px;

        height: 184px;

        border-top:1px solid #eee;

        margin-top: -1px;

    }

    .nact-list li.le {

        border-right:1px solid #eee;

        width: 516px;

        padding-right: 84px;

    }

    .nact-list li.lr {

        width:485px;

        padding-left:84px;

    } 

    .nact-list .tit {

        font-size: 24px;

        color:#333;

        line-height: 42px;

        padding-bottom:16px;

        font-weight: normal;

    }

    .nact-list .txt {

        font-size: 18px;

        color:#333;

        line-height: 36px;

    }

    .nact-list .txt span {

        padding-right: 86px;

    }







    /* 招聘 */

    .npec {

        padding:32px 0 66px;

    }

    .npec-cont {

        padding-top:34px;

    }

    .npec-tab {

        border:1px solid #ccc;

        overflow: hidden;

        position: relative;

        margin-bottom:50px;

    }

    .npec-tab .item {

        margin-top:-1px;

        border-top:1px solid #ccc;

        font-size: 0;

        position: relative;

    }

    .npec-tab .item-le {

        width:118px;

        padding-right: 16px;

        position: relative;

        z-index: 999;

        display: inline-block;

        vertical-align:middle;

        font-size:14px;

        color:#333;

        line-height: 24px;

        text-align: right;

    }

    .npec-tab .item::before {

        content:"";

        position: absolute;

        top:0;

        left:0;

        width:134px;

        height:100%;

        background: #eee;

    }

    .npec-tab .item-lr {

        display: inline-block;

        vertical-align: middle;

        width:1020px;

        padding:0 22px;

    }

    .npec-tab .txt {

        font-size:14px;

        color:#333;

        line-height: 28px;

        padding:8px 0;

    }

    .npec-tab .item2 .item-lr {

        padding:0 20px;

        width:410px;

    }

    .npec-tab .item2::after {

        content:"";

        position: absolute;

        width:134px;

        height:100%;

        background: #eee;

        left:586px;

        top:0;

    }

    .npec-yp {

        position: absolute;

        right:0;

        top:0;

        width:162px;

        height: 41px;

        border:1px solid #dcdcdc;

        font-size:14px;

        color:#51b8fa;

        line-height: 41px;

        text-align: center;

        z-index: 9999;

    }





    .npro {

        padding:46px 0 60px;

    }

    .npro-side {

        float: left;

        width:222px;

    }

    .npro-list {

        border:1px solid #e9e9e9;

        background:#fff;

    }

    .npro-list li .li-tp {

        -webkit-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

        font-size: 18px;

        color: #333;

        line-height: 52px;

        border-bottom: 1px solid #e9e9e9;

        padding-left: 18px;

        cursor: pointer;

        position: relative;

    }

    .npro-list li .li-tp::after {

        content: "";

        position: absolute;

        width: 10px;

        height: 18px;

        background-image: url(../images/arr.png);

        background-repeat: no-repeat;

        right: 18px;

        top: 50%;

        margin-top: -9px;

        -webkit-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }

    .npro-list li .menu  li {

        font-size:14px;

        color:#333;

        line-height: 52px;

        border-bottom:1px solid #e9e9e9;

    }

    .npro-list li .menu li a {

        padding-left:18px;

        display: block;

        position: relative;

        -webkit-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

        color:#333;

    }

    .npro-list li li a::after {

        content:"";

        position: absolute;

        width: 10px;

        height: 18px;

        background-image: url(../images/arr.png);

        background-repeat: no-repeat;

        right: 18px;

        top: 50%;

        margin-top: -9px;

    }

    .npro-list li li:hover a::after,

    .npro-list li li.on a::after {

        background-image: url(../images/arr2.png);

    }

    .npro-list li li:hover a,

    .npro-list li li.on a {

        background: #51b8fa;

        color: #fff;

    }

    .npro-list li .li-tp:hover,

    .npro-list li.on .li-tp {

        background: #51b8fa;

        color: #fff;

    }

    .npro-list li .li-tp:hover::after,

    .npro-list li.on .li-tp::after {

        background-image: url(../images/arr2.png);

    }

    .npro-list li.on .li-tp::after {

        -moz-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg);

    }

    .npro-list li .menu {

        display: none;

    }



    .npro-nbox {

        float:right;

        width:942px;

    }

    .npro-rlis li {

        display: inline-block;

        vertical-align: top;

        width: 292px;

        margin-right: 33px;

        margin-bottom: 40px;

        overflow: hidden;

        position: relative;

        text-align: center;

        background: #fff;

        -webkit-box-shadow: 0 0 3px #aaa;

        box-shadow: 0 0 3px #aaa;

    }

    .npro-rlis {

        font-size: 0;

    }

    .npro-rlis li.last {

        margin-right: 0;

    }

    .npro-rlis .li-img {

        overflow: hidden;

    }

    /* .npro-rlis .li-str {

        font-size: 14px;

        color: #fff;

        line-height: 24px;

        background: #0e3894;

        position: absolute;

        z-index: 999;

        padding: 0 26px;

        left: 0;

        top: 8px;

        -webkit-transform: rotate(-38deg);

        -ms-transform: rotate(-38deg);

        -moz-transform: rotate(-38deg);

        -o-transform: rotate(-38deg);

        transform: rotate(-38deg);

        -moz-transform-origin: center 32px;

        -ms-transform-origin: center 32px;

        -webkit-transform-origin: center 32px;

        -o-transform-origin: center 32px;

        transform-origin: center 32px;

        margin-left: -16px;

    } */

    .npro-rlis li .str {

        position: absolute;

        left:0;

        top:0;

        width: 76px;

        z-index: 99;

    }

    .npro-rlis li .str img {

        width: 100%;

    }

    .npro-rlis li p {

        font-size: 16px;

        color: #fff;

        line-height: 55px;

        text-align: center;

        background: #51b8fa;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        -moz-transition: background .5s;

        -ms-transition: background .5s;

        -webkit-transition: background .5s;

        -o-transition: background .5s;

        transition: background .5s;

    }

    .npro-rlis li:hover p {

        background: #1875d8;

    }

    .npro-rlis li .li-img img {

        -moz-transition: transform .5s;

        -webkit-transition: transform .5s;

        -o-transition: transform .5s;

        -ms-transition: transform .5s;

        transition: transform .5s;

        position: relative;

        z-index: 9;

    }

    .npro-rlis li:hover .li-img img {

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        transform: scale(1.1);

    }

    .npro-rlis li .li-img {

        overflow: hidden;

    }

    .npro-rlis {

        padding-bottom: 38px;

    }

    .npro-list {

        -webkit-box-shadow: 0 0 3px #aaa;

        box-shadow: 0 0 3px #aaa;

    }

    .npro-cont {

        padding-top:34px;

    }

    .npro-xqtp {

        font-size: 0;

    }

    .npro-xqtp .npro-xqbig {

       display: inline-block;

       vertical-align: middle;

        width:496px;

        -webkit-box-shadow: 0 0 3px #aaa;

        box-shadow: 0 0 3px #aaa;

    }

    .npro-xqtp .npro-xqbig li {

        position: relative;

        overflow: hidden;

    }

    /* .npro-xqtp .npro-xqbig li .li-str {

        position: absolute;

        font-size: 16px;

        color: #fff;

        line-height: 28px;

        background: #0e3894;

        position: absolute;

        z-index: 999;

        padding: 0 26px;

        left: 0;

        top: 8px;

        -webkit-transform:rotate(-38deg);

        -ms-transform:rotate(-38deg);

        -moz-transform:rotate(-38deg);

        -o-transform:rotate(-38deg);

        transform:rotate(-38deg);

        -moz-transform-origin: center 32px;

        -ms-transform-origin: center 32px;

        -webkit-transform-origin: center 32px;

        -o-transform-origin: center 32px;

        transform-origin: center 32px;

        margin-left:-16px;

    } */



    .npro-xqtp .npro-xqbig li .str {

        position: absolute;

        left:0;

        top:0;

        width: 126px;

    }

    .npro-xqtp .npro-xqbig li .str img {

        width:100%;

    }

    .npro-xqtp .npro-xqjs {

        display: inline-block;

        vertical-align: middle;

    }

    .npro-xqtp .npro-xqjs .txt {

        font-size: 16px;

        color:#333;

        line-height: 30px;

        padding-left:38px;

        width:390px;

    }

    .npro-xqbig  li {

        display: none;

    }

    .npro-xqbig li.on {

        display: block;

    }

    

    .npro-xqtab {

        margin-top:26px;

        position: relative;

        margin-bottom:26px;

    }

    .npro-xqtab .npro-xqcen {

        width:808px;

        margin: 0 auto;

        overflow: hidden;

        padding:3px;

    }

    .npro-xqtab .list li {

        float: left;

        width:182px;

        -webkit-box-shadow: 0 0 3px #aaa;

        box-shadow: 0 0 3px #aaa;

        margin-right: 26px;

        cursor: pointer;

        position: relative;

        overflow: hidden;

    }

    .npro-xqtab .list {

        position: relative;

        float: left;

        width: 2000px;

    }

    /* .npro-xqtab .list li .li-str {

        position: absolute;

        font-size: 12px;

        color: #fff;

        line-height: 20px;

        background: #0e3894;

        position: absolute;

        z-index: 999;

        padding: 0 26px;

        left: 0;

        top: 4px;

        -webkit-transform:rotate(-38deg);

        -ms-transform:rotate(-38deg);

        -moz-transform:rotate(-38deg);

        -o-transform:rotate(-38deg);

        transform:rotate(-38deg);

        -moz-transform-origin: center 32px;

        -ms-transform-origin: center 32px;

        -webkit-transform-origin: center 32px;

        -o-transform-origin: center 32px;

        transform-origin: center 32px;

        margin-left:-14px;

        text-align: center;

    } */

    .npro-xqtab .list li .str {

        position: absolute;

        left:0;

        top:0;

        width: 46px;

    }

    .npro-xqtab .list li .str img {

        width: 100%;

    }

    .npro-xqtab .prev,

    .npro-xqtab .next {

        position: absolute;

        top:0;

        width:33px;

        height:135px;

        top:50%;

        margin-top:-68px;

        border:1px solid #9f9fa0;

        cursor: pointer;

    }

    .npro-xqtab .prev {

        left:0;

    }

    .npro-xqtab .next {

        right:0;

    }

    







    .npro-tit {

        border-bottom:2px solid #eee;

        font-size: 24px;

        color:#333;

        line-height: 46px;

    }

    .npro-tit span {

        display: inline-block;

        border-bottom:4px solid #51b8fa;

        margin-bottom:-3px;

        font-family: "黑体";

        font-weight: normal;

    }

    .npro-xqwz .txt {

        padding-top:24px;

        font-size:16px;

        color:#333;

        line-height: 20px;

    }

    .npro-xqwz .txt .ind {

        text-indent: 2em;

    }

    .npro-xqwz {

        padding-bottom:32px;

    }

    .npro-qh .list li {

        float: left;

        width:208px;

        text-align: center;

        margin-right: 35px;

        position: relative;

    }

    .npro-qh .list .li-img {

        -webkit-box-shadow: 0 0 3px #aaa;

        box-shadow: 0 0 3px #aaa;

        position: relative;

    }

    .npro-qh .list {

        margin-top:34px;

    }

    .npro-qh .list p {

        padding-top:12px;

        font-size:16px;

        color:#333;

        line-height: 26px;

    }

    .npro-qh .list li .str {

        position: absolute;

        left:0;

        top:0;

        width:52px;

    }

    .npro-qh .list li .str img {

        width: 100%;

    }

    .npro-qh .list .li-img,

    .npro-xqtab .list .li-img {

        overflow: hidden;

    }

    .npro-qh .list .li-img img,

    .npro-xqtab .list .li-img img{

        -moz-transition: all .3s;

        -ms-transition: all .3s;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }

    .npro-qh .list li:hover .li-img img,

    .npro-xqtab .list li:hover .li-img img {

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        transform: scale(1.1);

    }

    .npro-qh .list li.last {

        margin-right: 0;

    }

    .ipec-link {

        float: left;

    }

    .ipec-cont {

        overflow: hidden;

    }

    #indemo {

      position: relative;  

      width:4000px;

      height: 34px;

      overflow: hidden;

    }

    .center{text-align: center;color: #333;font-size: 30px;font-weight: 600;}



    .page ul{display: flex;justify-content: center;}

    .page ul .nolink a{width: 70px;}

    .page ul .current a{background: #51b8fa; color: #fff;}