/* public */
html {
    width:100%;
    min-width:1260px;
    margin:0 auto;
}
body {
    width:100%;
    font-family:"微软雅黑";
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
font-family: arial, "微软雅黑", Microsoft YaHei;
}
.container {
    width:1200px;
    margin:0 auto;
}


    /* 顶部 */
    .header {
        padding:0px 0 8px;
        box-shadow: 0 2px 4px rgba(196, 196, 196, 0.72);
    }
    .logo {
        float:left;
        padding-top:6px;
        width:268px;
    }
    .hd-lr {
        float:right;
        text-align: right;
        width:920px;
    }
    .hd-pho {
        font-size:24px;
        color:#ef3b40;
        line-height:32px;
        font-weight: bold;
        padding-bottom: 14px
    }
    .hd-pho .icon {
        display:inline-block;
        vertical-align: middle;
        margin-top:-2px;
        width:22px;
        height:23px;
        background:url(../images/pho.png) no-repeat;
        margin-right:12px;
    }
    .hd-menu {
		margin-top:40px;
        font-size:0;
    }
    .hd-menu li {
        display:inline-block;
        vertical-align:top;
        width:100px;
        height:36px;
        line-height:36px;
        font-size:14px;
        text-align: center;
    }
    .hd-menu li a {
        color:#333;
        display:block;
        -moz-transition:all .3s ease-in;
        -ms-transition:all .3s ease-in;
        -webkit-transition:all .3s ease-in;
        -o-transition:all .3s ease-in;
        transition:all .3s ease-in;
    }
    .hd-menu li a:hover,
    .hd-menu li.on a {
        color:#fff;
        background:#3e80bc;
    }
    


    /* 底部 */
    .footer {
        /*border-top:8px solid #0182fd;*/
        padding:18px 0 12px;
        background:#f2f2f2;
    }
    .foo-le {
        float:left;
        width:620px;
    }
    .foo-link {
        font-size:14px;
        color:#666;
        line-height:28px;
        padding-bottom:12px;
    }
    .foo-link a {
        color:#FFF;
    }
    .foo-txt {
        font-size:14px;
        color:#FFF;
        line-height:22px;
        padding-bottom:20px;
    }
    .footer .container {
        position: relative;
    }
    .foo-bt {
        position:absolute;
        left:0;
        bottom:0;
        font-size:12px;
        color:#999;
        line-height:22px;
        padding-right:20px;
    }
    .foo-ewm {
        float:right;
        width:380px;
        text-align: right;
        font-size:0;
    }
    .foo-ewm .ewm-box {
        text-align: center;
        display: inline-block;
        vertical-align: top;
        width:142px;
        margin-left:24px;
    }
    .foo-ewm p {
        font-size:14px;
        color:#666;
        line-height: 22px;
        padding-top:14px;
    }




/* 首页 */
    /* banner */
    .banner {
        overflow: hidden;
        position: relative;
    }
    #img-list {
        height:628px;
    }
    .banner img {
        width:100%;
    }
    #img-list li {
        position: absolute;
        left:0;
        top:0;
        width:100%;
        left:0;
        top:0;
        opacity: 0;
        transform-style: preserve-3d;
        perspective: 800px;
        width:1920px;
        left:50%;
        margin-left:-960px;
    }
    #img-list li.on {
        display: block;
    }
    #dot {
        position: absolute;
        left:0;
        bottom:20px;
        width:100%;
        text-align:center;
        font-size:0;
        z-index: 9999;
    }
    #dot li {
        display:inline-block;
        vertical-align: middle;
        width:10px;
        height:10px;
        background:#999;
        margin:0 4px;
        cursor: pointer;
    }
    #dot li.on {
        background:#fff;
    }



    /* 产品分类 */
    .ipcf {
        padding:64px 0 52px;
    }
    .itit {
        font-size:30px;
        color:#333;
        line-height:46px;
        text-align:center;
        font-weight:normal;
        padding-bottom:28px;
    }
    .ipcf-list {
        font-size: 0;
        padding-top:46px;
    }
    .ipcf-list li {
        display: inline-block;
        vertical-align: top;
        width:280px;
        margin-right:26px;
        text-align: center;
        -moz-transition:all .3s;
        -ms-transition:all .3s;
        -webkit-transition:all .3s;
        -o-transition:all .3s;
        transition:all .3s;
    }
    .ipcf-list li.last {
        margin-right:0;
    }
    .ipcf-list img {
        transition:all .3s ease;
    }
    .ipcf-list p {
        font-size:16px;
        color:#666;
        line-height:26px;
        padding-top:20px;
        -moz-transition:all .5s;
        -ms-transition:all .5s;
        -webkit-transition:all .5s;
        -o-transition:all .5s;
        transition:all .5s;
    }
    .ipcf-list li:hover {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .ipcf-list li:hover p {
        color:#0182fd;
    }
    .ipcf-list .li-img {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }
    .ipcf-list .img2 {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    .ipcf-list  li:hover .img1 {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .ipcf-list li:hover .img2 {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }



    /* 宏海优势 */
    .iadv {
        padding:64px 0 30px;
    }
    .iadv-cont {
        padding-top:18px;
    }
    .iadv-tp {
        position: relative;
        background:#f5f5f5;
        padding:20px 58px 14px;
        margin-bottom:46px;
    }
    .iadv-tple {
        float:left;
        font-size:30px;
        color:#0479f0;
        line-height:60px;
        font-weight: bold;
    }
    .iadv-tplr {
        float:right;
        width:566px;
        font-size:16px;
        color:#919191;
        line-height: 24px;
    }
    .iadv-tplr span {
        display: block;
        font-size:24px;
        color:#999;
        line-height: 34px;
    }
    .iadv-ys {
        position: absolute;
        padding:10px;
        background:#0479f0;
        left:278px;
        top:-18px;
    }
    .iadv-ys .wz {
        border:1px solid #fff;
        width:224px;
        height:108px;
        line-height: 108px;
        text-align: center;
        font-size:30px;
        color:#fefefe;
        position: relative;
    }
    .iadv-ys .wz  span {
        font-size: 80px;
        font-weight: bold;
        padding-right: 6px;
    }
    .iadv-ys .wz:before {
        content:"";
        position:absolute;
        border-top:28px solid #0479f0;
        border-left:16px solid transparent;
        border-right:16px solid transparent;
        top:100%;
        left:50%;
        margin-top:-1px;
        margin-left:-16px;
    }


    .iadv-libox {
        position: relative;
        padding:100px 0 86px;
        width:912px;
        margin-left:174px;
    }
    .iadv-img {
        margin-left:228px;
    }
    .iadv-list .li-tit {
        font-size:20px;
        color:#0479f0;
        line-height:50px;
        font-weight: normal;
    }
    .iadv-list .li-txt {
        font-size:14px;
        color:#666;
        line-height:20px;
    }
    .iadv-list li {
        text-align: center;
        position: absolute;
    }
    .iadv-list .li1 {
        left:334px;
        top:0;
        width:184px;
    }
    .iadv-list .li2 {
        left:556px;
        top:96px;
        width:210px;
    }
    .iadv-list .li3 {
        right:0;
        top:200px;
        width:246px;
    }
    .iadv-list .li4 {
        left:608px;
        top:372px;
        width:196px;
    }
    .iadv-list .li5 {
        top:486px;
        left:330px;
        width:186px;
    }
    .iadv-list .li6 {
        left:56px;
        top:384px;
        width:204px;
    }
    .iadv-list .li7 {
        left:0;
        top:212px;
        width:216px;
    }
    .iadv-list .li8 {
        left:74px;
        top:64px;
        width:200px;
    }


    .iadv-img {
        -webkit-animation-name: rollIn;
        -moz-animation-name: rollIn;
        -ms-animation-name: rollIn;
        -o-animation-name: rollIn;
        animation-name: rollIn;
    }
    .animated{
        -moz-animation-duration:1s;
        -ms-animation-duration:1s;
        -o-animation-duration:1s;
        -webkit-animation-duration:1s;
        animation-duration:1s;
        -webkit-animation-fill-mode:both;
        -moz-animation-fill-mode:both;
        -ms-animation-fill-mode:both;
        -o-animation-fill-mode:both;
        animation-fill-mode:both;
    }
    @keyframes rollIn {
        0%, 100%, 60%, 75%, 90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -moz-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -ms-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -o-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-3000px,0);
            -ms-transform: translate3d(0,-3000px,0);
            -moz-transform: translate3d(0,-3000px,0);
            -o-transform: translate3d(0,-3000px,0);
            transform: translate3d(0,-3000px,0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0,25px,0);
            -ms-transform: translate3d(0,25px,0);
            -moz-transform: translate3d(0,25px,0);
            -o-transform: translate3d(0,25px,0);
            transform: translate3d(0,25px,0);
        }
        75% {
            -webkit-transform: translate3d(0,-10px,0);
            -ms-transform: translate3d(0,-10px,0);
            -moz-transform: translate3d(0,-10px,0);
            -o-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
        }
        90% {
            -webkit-transform: translate3d(0,5px,0);
            -ms-transform: translate3d(0,5px,0);
            -moz-transform: translate3d(0,5px,0);
            -o-transform: translate3d(0,5px,0);
            transform: translate3d(0,5px,0);
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
        }
    }
    .iadv-list li {
        visibility: visible;
        animation-duration: 0.15s;
        animation-delay: 0.8s;
    }
    .iadv-list .li1 {
        -moz-animation-name: ligtop;
        -o-animation-name: ligtop;
        -ms-animation-name: ligtop;
        -webkit-animation-name: ligtop;
        animation-name: ligtop;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li2 {
        -ms-animation-name: lightSpeedIn;
        -o-animation-name: lightSpeedIn;
        -moz-animation-name: lightSpeedIn;
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li3 {
        -moz-animation-name: ligrig;
        -ms-animation-name: ligrig;
        -o-animation-name: ligrig;
        -webkit-animation-name: ligrig;
        animation-name: ligrig;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li4 {
        -moz-animation-name: ligrbt;
        -o-animation-name: ligrbt;
        -ms-animation-name: ligrbt;
        -webkit-animation-name: ligrbt;
        animation-name: ligrbt;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li5 {
        -moz-animation-name: ligbot;
        -ms-animation-name: ligbot;
        -o-animation-name: ligbot;
        -webkit-animation-name: ligbot;
        animation-name: ligbot;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li6 {
        -moz-animation-name: liglbt;
        -ms-animation-name: liglbt;
        -o-animation-name: liglbt;
        -webkit-animation-name: liglbt;
        animation-name: liglbt;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li7 {
        -moz-animation-name: liglef;
        -ms-animation-name: liglef;
        -o-animation-name: liglef;
        -webkit-animation-name: liglef;
        animation-name: liglef;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .iadv-list .li8 {
        -moz-animation-name: ligltp;
        -ms-animation-name: ligltp;
        -o-animation-name: ligltp;
        -webkit-animation-name: ligltp;
        animation-name: ligltp;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%,-100%,0) skewX(-30deg);
            -ms-transform: translate3d(100%,-100%,0) skewX(-30deg);
            -o-transform: translate3d(100%,-100%,0) skewX(-30deg);
            -moz-transform: translate3d(100%,-100%,0) skewX(-30deg);
            transform: translate3d(100%,-100%,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -moz-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes ligtop {
        0% {
            -webkit-transform: translate3d(0,-100%,0) skewX(-30deg);
            -ms-transform: translate3d(0,-100%,0) skewX(-30deg);
            -moz-transform: translate3d(0,-100%,0) skewX(-30deg);
            -o-transform: translate3d(0,-100%,0) skewX(-30deg);
            transform: translate3d(0,-100%,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes ligrig {
        0% {
            -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
            -ms-transform: translate3d(100%,0,0) skewX(-30deg);
            -moz-transform: translate3d(100%,0,0) skewX(-30deg);
            -o-transform: translate3d(100%,0,0) skewX(-30deg);
            transform: translate3d(100%,0,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes ligrbt {
        0% {
            -webkit-transform: translate3d(100%,100%,0) skewX(-30deg);
            -ms-transform: translate3d(100%,100%,0) skewX(-30deg);
            -moz-transform: translate3d(100%,100%,0) skewX(-30deg);
            -o-transform: translate3d(100%,100%,0) skewX(-30deg);
            transform: translate3d(100%,100%,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes ligbot {
        0% {
            -webkit-transform: translate3d(0,100%,0) skewX(-30deg);
            -ms-transform: translate3d(0,100%,0) skewX(-30deg);
            -moz-transform: translate3d(0,100%,0) skewX(-30deg);
            -o-transform: translate3d(0,100%,0) skewX(-30deg);
            transform: translate3d(0,100%,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes liglbt {
        0% {
            -webkit-transform: translate3d(-100%,100%,0) skewX(-30deg);
            -ms-transform: translate3d(-100%,100%,0) skewX(-30deg);
            -moz-transform: translate3d(-100%,100%,0) skewX(-30deg);
            -o-transform: translate3d(-100%,100%,0) skewX(-30deg);
            transform: translate3d(-100%,100%,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes liglef {
        0% {
            -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
            -ms-transform: translate3d(-100%,0,0) skewX(-30deg);
            -moz-transform: translate3d(-100%,0,0) skewX(-30deg);
            -o-transform: translate3d(-100%,0,0) skewX(-30deg);
            transform: translate3d(-100%,0,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes ligltp {
        0% {
            -webkit-transform: translate3d(-100%,-100%,0) skewX(-30deg);
            -ms-transform: translate3d(-100%,-100%,0) skewX(-30deg);
            -moz-transform: translate3d(-100%,-100%,0) skewX(-30deg);
            -o-transform: translate3d(-100%,-100%,0) skewX(-30deg);
            transform: translate3d(-100%,-100%,0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            -moz-transform: skewX(-5deg);
            -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }



    /* 成功案例 */
    .icas {
        padding:24px 0 32px;
    }
    .icas-cont {
        margin-top:34px;
        position: relative;;
    }
    .icas-box {
        overflow: hidden;
    }
    .icas-list li {
        float: left;
        font-size: 0;
        width: 1200px;
    }
    .icas-list {
        width:8000px;
        overflow: hidden;
        position: relative;
    }
    .icas-list .img {
        display: inline-block;
        vertical-align: top;
        width:215px;
        border:1px solid #ccc;
        margin-right: 28px;
        margin-top:16px;
        margin-bottom:16px;
    }
    .icas-list .img.last {
        margin-right:0;
    }
    .icas-prev,
    .icas-next {
        position: absolute;
        top:50%;
        margin-top:-15px;
        cursor: pointer;
    }
    .icas-prev {
        left:-36px;
    }
    .icas-next {
        right:-36px;
    }



    /* 资讯和活动 */
    .ibot {
        padding:40px 0 50px;
    }
        /* 资讯 */
        .inew {
            float:left;
            width:590px;
        }
        .ibot-tit {
            font-size:20px;
            color:#666;
            line-height: 30px;
            padding-left:18px;
            font-weight: normal;
            position: relative;
            margin-bottom:18px;
        }
        .ibot-tit:before {
            content:"";
            position: absolute;
            left:0;
            top:50%;
            height: 22px;
            width:5px;
            background:#0182fd;
            margin-top:-11px;
        }
        .ibot-tit .more {
            float:right;
            font-size:14px;
            color:#0182fd;
            line-height:30px;
            padding-right:24px;
            background:url(../images/gd.png) no-repeat right center;
        }
        .inew-list li {
            overflow: hidden;
            font-size: 14px;
            line-height: 32px;
            color:#666;
            padding-left:22px;
            background:url(../images/dot.png) no-repeat left center;
        }
        .inew-list li a {
            color:#666;
        }
        .inew-list .le {
            float:left;
            width:450px;
            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;
        }
        .inew-list .time {
            float:right;
            font-size:12px;
            color:#999;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .inew-list li:hover .le {
            color:#0182fd;
        }
        .inew-list li:hover .time {
            color:#0182fd;
        }

        /* 活动 */
        .iact {
            float: right;
            width:586px;
        }
        .iact-list li {
            overflow: hidden;
            margin-bottom: 12px;
        }
        .iact-list .li-img {
            float:left;
            width:128px;
            -moz-border-radius:6px;
            -ms-border-radius: 6px;
            -webkit-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            overflow: hidden;
        }
        .iact-list .li-con {
            float:right;
            width:416px;
        }
        .iact-list .li-txt {
            font-size:14px;
            color:#666;
            line-height:20px;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .iact-list li:hover .li-txt {
            color:#0182fd;
        }



/* 内页 */
.nymain {
    padding:30px 0 120px;
}
    /* 内页导航 */
    .price {
        font-size:14px;
        color:#333;
        line-height:24px;
    }
    .price a {
        color:#0181ff;
    }
    .nybox {
        padding-top:34px;
    }
    .nside {
        float:left;
        width:246px;
    }
    .nside-menu {
        border:1px solid #ccc;
        padding:12px 0 20px;
        margin-top:-1px;
    }
    .nside-menu-tit {
        font-size:14px;
        color:#333;
        line-height: 24px;
        margin-bottom: 20px;
        text-align: center;
    }
    .nside-menu-list {
        padding:0 14px;
    }
    .nside-menu-list .li-tit {
        font-size:14px;
        color:#666;
        line-height: 30px;
        padding:0 10px;
        margin-bottom: 2px;
        border:1px solid #fff;
    }
    .nside-menu-list .li-tit a {
        color:#666;
        display: block;
    }
    .nside-menu-list li:hover .li-tit,
    .nside-menu-list li.on .li-tit {
        border:1px solid #027fff;
    }
    .nside-menu-list li {
        position: relative;
    }
    .nside-menu-list .li-nav {
        position: absolute;
        padding:24px 42px;
        text-align: center;
        left:194px;
        top:0;
        white-space: nowrap;
        border:1px solid #027fff;
        background:#fff;
        font-size:14px;
        color:#333;
        line-height: 28px;
        display: none;
        z-index: 999;
    }
    .nside-menu-list .li-nav a {
        color:#333;
    }
    .nside-menu-list .li-nav span {
        color:#999;
        padding:0 8px;
    }
    .nside-menu-list li:hover .li-nav {
        display: block;
    }

    .nside-link {
        margin-top:32px;
        border:1px solid #ccc;
    }
    .nside-link .link-tp {
        border-bottom:1px solid #ccc;
    }
    .nside-link .link-txt {
        padding:18px 10px 36px;
        font-size:16px;
        line-height: 30px;
        color:#0281fd;
        font-weight: bold;
        font-style: italic;
    }
    .nside-link .link-txt .wz {
        display: table;
        width: 100%;
        margin-bottom: 12px;
    }
    .nside-link .link-txt .wz-le,
    .nside-link .link-txt .wz-lr {
        display: table-cell;
        vertical-align: top;
    }
    .nside-link .link-txt .wz-le {
        white-space: nowrap;
    }
    .nside-link .link-txt .font {
        font-size: 20px;
    }


    /* 内页右侧 */
    .ncont {
        width:918px;
        float:right;
    }
    .ncont-tit {
        font-size: 18px;
        color:#333;
        line-height: 32px;
        font-weight:normal;
        text-align: center;
        margin-top:-6px;
    }
    .ncont-list {
        padding-top:32px;
        font-size: 0;
    }
    .ncont-list li {
        display: inline-block;
        vertical-align: top;
        width:294px;
        padding:0 6px;
        text-align: center;
        margin-bottom: 26px;
    }
    .ncont-list li .li-img {
        width:250px;
        border:1px solid #ccc;
        margin:0 auto;
    }
    .ncont-list p {
        font-size:14px;
        color:#333;
        line-height:24px;
        padding-top:10px;
    }


    /* 内页详情 */
    .npro-tp {
        padding-bottom: 62px;
    }
    .npro-tple {
        float: left;
        width:400px;
        border:1px solid #ccc;
    }
    .npro-tplr {
        float:left;
        margin-left:68px;
        width:400px;
    }
    .npro-tplr .tit {
        font-size:16px;
        color:#333;
        line-height: 36px;
        font-weight: bold;
        padding-bottom:28px;
    }
    .npro-tplr .txt {
        font-size:14px;
        color:#666;
        line-height: 32px;
    }


    .npro-bt {
        width:870px;
    }
    .npro-tab {
        padding:0 16px;
        border-bottom: 3px solid #ccc;
        overflow: hidden;
    }
    .npro-tab li {
        font-size:14px;
        color:#666;
        line-height: 36px;
        padding:0 26px;
        margin-right: 6px;
        border:1px solid #ccc;
        float: left;
        border-bottom: none;
        background:#e0e0e0;
        cursor: pointer;
        font-weight: bold;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .npro-tab li.on,
    .npro-tab li:hover {
        background:#1179e2;
        color:#fff;
    }
    .npro-btbox {
        padding:50px 26px;
    }
    .npro-txt {
        font-size:14px;
        color:#666;
        line-height: 28px;
    }
    .npro-txt p {
        margin-bottom: 28px;
    }
    .npro-qh {
        display:none;
    }
    .npro-qh.on {
        display: block;
    }

    /**fenye***/
.fenye{display: flex;list-style: none;justify-content: center;}
.fenye li{border: 1px solid #0066FF;margin-right: 10px; }
.fenye a{color:#0066FF;padding: 10px 10px;display: block;}
.current{background-color:#0066FF;}
.current a{color: #ffffff !important; }


.show.active {
    animation:show 1s 1 ease-in-out;
   
  
}
/* .show img {
    -webkit-transform-origin: bottom;
            -webkit-transform: rotateX(-180deg);
            opacity: 0;
}
.show.active img {
    -webkit-animation: show 1.2s ease-in;
            -webkit-transform: rotateX(0deg);
            opacity: 1;
} */
.active {
    -webkit-animation:show 3s;  /* 这一步是为了让头向下的图片旋转上来 */

    /* 下面这二步是一个取巧的过程，当我们看到旋转之后迅速的将图片位置和透明度定在正常位置 */
    opacity:1;
    transform: rotateX(0deg);
}
#img-list li.active {
    /* -webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg); */
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
opacity: 1;
}
.active {
    z-index: 999;
}
.hide {
    -moz-animation:hide 1s;
    -ms-animation:hide 1s;
    -o-animation:hide 1s;
    -webkit-animation:hide 1s;  
    animation:hide 1s;
    opacity:0;
    transform: rotateX(180deg);
}
@-webkit-keyframes hide{
    0%{
        -webkit-transform: rotateX(0);
        opacity:1;
    }
    100%{
        -webkit-transform: rotateX(0);
        opacity:0;
    }
}
@-moz-keyframes hide{
    0%{
        -moz-transform: rotate(0);
        opacity:1;
    }
    100%{
        -moz-transform: rotate(0);
        opacity:0;
    }
}
@-ms-keyframes hide{
    0%{
        -ms-transform: rotate(0);
        opacity:1;
    }
    100%{
        -ms-transform: rotate(0);
        opacity:0;
    }
}
@-o-keyframes hide{
    0%{
        -o-transform: rotate(0);
        opacity:1;
    }
    100%{
        -o-transform: rotate(0);
        opacity:0;
    }
}
@keyframes hide{
    0%{
        transform: rotate(0);
        opacity:1;
    }
    100%{
        transform: rotate(0);
        opacity:0;
    }
}
@-ms-keyframes show {
    0% {
        -ms-transform: rotateX(180deg);
        opacity: 0;
    }
    37% {
        -ms-transform: rotateX(-16deg);
        opacity: 1;
    }
    46% {
        -ms-transform: rotateX(14deg);
        opacity: 1;
    }
    50% {
        -ms-transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        -ms-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes show {
    0% {
        -o-transform: rotateX(180deg);
        opacity: 0;
    }
    37% {
        -o-transform: rotateX(-16deg);
        opacity: 1;
    }
    46% {
        -o-transform: rotateX(14deg);
        opacity: 1;
    }
    50% {
        -o-transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes show {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
    37% {
        -moz-transform: rotateX(-16deg);
        opacity: 1;
    }
    46% {
        -moz-transform: rotateX(14deg);
        opacity: 1;
    }
    50% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes show {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
    37% {
        -webkit-transform: rotateX(-16deg);
        opacity: 1;
    }
    46% {
        -webkit-transform: rotateX(14deg);
        opacity: 1;
    }
    50% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes show {
    0% {
        transform: rotateX(180deg);
        opacity: 0;
    }
    37% {
       transform: rotateX(-16deg);
        opacity: 1;
    }
    50% {
        transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
       transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes show2 {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
    57% {
        -webkit-transform: rotateX(-16deg);
        opacity: 1;
    }
    66% {
        -webkit-transform: rotateX(14deg);
    }
    74% {
        -webkit-transform: rotateX(-12deg);
    }
    81% {
        -webkit-transform: rotateX(10deg);
    }
    87% {
        -webkit-transform: rotateX(-8deg);
    }
    92% {
        -webkit-transform: rotateX(6deg);
    }
    96% {
        -webkit-transform: rotateX(-4deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
    }
}