/*公共*/
html{
    overflow-x: hidden;
    background: #fff;
}
.container{
    width: 1180px;
    margin-left:auto;
    margin-right:auto;
}
.block-title{
    text-align: center;
}
.block-title h2{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 40px;
    margin-bottom:10px;
}
.block-title h3{
    font-size: 14px;
    line-height: 26px;
    color: #333;
}
.board{
    margin-top: 40px;
}
.mr-0{
    margin-right: 0px !important;
}
.pull-left{
    float: left !important;
}
.pull-right{
    float: right !important;
}
/*页面头部导航样式*/
.home-nav{
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 1280px;
    z-index: 100;
    font-size: 14px;
}
.home-nav .home-nav-wrap{
    width: 1180px;
    margin: 0 auto;
}
.home-nav-wrap img.home-logo{
    float: left;
    width: 117.5px;
    height: 27px;
    -webkit-background-size:117.5px 27px;
    background-size:117.5px 27px;
    margin-top: 16px;
}
.home-nav-wrap nav{
    margin-left: 145px;
}
.home-nav-wrap nav:before,.home-nav-wrap nav:after{
    display: table;
    content: "";
}
.home-nav-wrap nav:after{
    clear: both;
}
.home-nav-wrap nav .nav-list{
    float: left;
    position: relative;
    left: calc(50% - 72.5px);
    transform: translateX(-50%);
}

.home-nav-wrap nav>ul>li{
    position: relative;
    height: 100%;
    line-height:40px;
    float: left;
    text-align: center;
}
.home-nav-wrap nav .nav-login{
    float: right;
}
.home-nav-wrap nav .nav-login li{
    margin-top:15px;
    font-size: 14px;
}
.home-nav-wrap nav .nav-login li a{
    line-height: 26px;
    height: 26px;
    width: 68px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 0 5px;
 }
.home-nav-wrap nav .nav-login li:hover a{
    background: #fff;
    color: #1e9fff;
}
.home-nav-wrap nav .nav-login li:nth-child(2) a{
    width:80px;
}
.home-nav-wrap nav .nav-list > li:nth-child(2) > a{
    width: 70px;
}
.home-nav-wrap nav .nav-list > li{
    padding: 10px 0px;
    box-sizing: border-box;
}
.home-nav-wrap nav .nav-list > li.active > a{
    border-bottom: 1px solid #fff;
}
.home-nav-wrap nav .nav-list > li > a{
    width: 56px;
    margin:0 12px;
    border-bottom: none;
}
.home-nav-wrap nav>ul>li>a{
    color: #fff;
    display: block;
}
.home-nav-wrap nav .nav-list>li:hover>a{
    border-bottom: 1px solid #fff;
}
.home-nav-wrap nav .nav-list>li:hover .sub-nav-list{
    display: block;
}
.home-nav-wrap nav .nav-login li:nth-child(1){
    margin-right: 24px;
}
.sub-nav-list{
    display: none;
    position: absolute;
    background: #fff;
    height: auto;
    padding: 0 10px;
    z-index: 1001;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    width: 100%;
}
.sub-nav-list li{
    text-align: center;
    padding: 0 8px;
    margin-bottom: -1px;
}
.sub-nav-list li a{
    display: block;
    border-bottom: 1px solid #e6e4e3;
    padding: 8px 0;
    height: 28px;
    line-height: 28px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
}
.sub-nav-list li:last-child a{
    border-bottom:none;
}
.sub-nav-list li:hover a,.sub-nav-list li.active a{
    color: #1e9fff;
}
/*banner样式*/
.slides{
    height: 620px;
    overflow-x: hidden;
}
/*.slides ul:before,.slides ul:after{*/
    /*display: table;*/
    /*content: "";*/
/*}*/
/*.slides ul:after{*/
    /*clear: both;*/
/*}*/
.slides-list{
    position: relative;
    height: 620px;
    background-color: #08113c;
}
.slides-list .slides-item{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
}
.slides-list .slides-item .slides-img{
    width: 1920px;
    position: absolute;
    left: 50%;
    top:0;
    margin-left:-960px;
}
.slides-list .slides-item.current{
    visibility: visible;
    z-index: 1;
}
.slides-list .slides-item.on-top{
    z-index:50;
}
/*!*轮播动画*!*/
/*!*右进场*!*/
/*.pt-page-moveFromRight {*/
    /*-webkit-animation: moveFromRight 1s ease both;*/
    /*-moz-animation: moveFromRight 1s ease both;*/
    /*animation: moveFromRight 1s ease both;*/
/*}*/
/*!*左出场*!*/
/*.pt-page-moveToLeft {*/
    /*-webkit-animation: moveToLeft 1s ease both;*/
    /*-moz-animation: moveToLeft 1s ease both;*/
    /*animation: moveToLeft 1s ease both;*/
/*}*/
/*!*左进场*!*/
/*.pt-page-moveFromLeft {*/
    /*-webkit-animation: moveFromLeft 1s ease both;*/
    /*-moz-animation: moveFromLeft 1s ease both;*/
    /*animation: moveFromLeft 1s ease both;*/
/*}*/
/*!*右出场*!*/
/*.pt-page-moveToRight {*/
    /*-webkit-animation: moveToRight 1s ease both;*/
    /*-moz-animation: moveToRight 1s ease both;*/
    /*animation: moveToRight 1s ease both;*/
/*}*/
/*!*移动到左边出场*!*/
/*@-webkit-keyframes moveToLeft {*/
    /*to { -webkit-transform: translateX(-100%); }*/
/*}*/
/*@-moz-keyframes moveToLeft {*/
    /*to { -moz-transform: translateX(-100%); }*/
/*}*/
/*@keyframes moveToLeft {*/
    /*to { transform: translateX(-100%); }*/
/*}*/
/*!*从左边进场*!*/
/*@-webkit-keyframes moveFromLeft {*/
    /*from { -webkit-transform: translateX(-100%); }*/
/*}*/
/*@-moz-keyframes moveFromLeft {*/
    /*from { -moz-transform: translateX(-100%); }*/
/*}*/
/*@keyframes moveFromLeft {*/
    /*from { transform: translateX(-100%); }*/
/*}*/
/*!*移动到右边出场*!*/
/*@-webkit-keyframes moveToRight {*/
    /*to { -webkit-transform: translateX(100%); }*/
/*}*/
/*@-moz-keyframes moveToRight {*/
    /*to { -moz-transform: translateX(100%); }*/
/*}*/
/*@keyframes moveToRight {*/
    /*to { transform: translateX(100%); }*/
/*}*/
/*!*从右边进场*!*/
/*@-webkit-keyframes moveFromRight {*/
    /*from { -webkit-transform: translateX(100%); }*/
/*}*/
/*@-moz-keyframes moveFromRight {*/
    /*from { -moz-transform: translateX(100%); }*/
/*}*/
/*@keyframes moveFromRight {*/
    /*from { transform: translateX(100%); }*/
/*}*/

/*退场*/
.pt-page-fade {
    -webkit-animation: fade 1s ease-in-out both;
    -moz-animation: fade 1s ease-in-out both;
    animation: fade 1s ease-in-out both;
}
/*出场*/
.pt-page-fadeIn {
    -webkit-animation: fadeIn 1s ease-in-out both;
    -moz-animation: fadeIn 1s ease-in-out both;
    animation: fadeIn 1s ease-in-out both;
}
/*退场*/
@keyframes fade {
    from {
        opacity: 1
    }
    to{
        opacity : 0
    }
}
/*出场*/
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to{
        opacity : 1
    }
}
/*********/
.slides-text{
    width: 1180px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.slides-text img{
    position: absolute;
    top:184px;
    left: 50%;
    transform: translate(-50%,0px);
    visibility: hidden;
    -moz-user-select: none;/*支持Firefox浏览器*/
    -webkit-user-select: none;/*支持Chrome，Opera，Safari等浏览器*/
    -ms-user-select: none;/*支持IE浏览器*/
    user-select: none;
}
.slides-text1 img,.slides-text2 img{
    top:260px;
    left: 20%;
}
.slides-item.active .slides-text img{
    visibility: visible;
    animation: textShowUp 0.5s cubic-bezier(.4,0,.2,1) 0s 1;
}
@keyframes textShowUp {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px)
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0px)
    }
}
.banner-nav{
    position: relative;
    z-index: 100;
    width:1180px;
    height: 50px;
    margin: -50px auto 0px auto;
}
.banner-tab{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner-tab .banner-tab-li{
    position: relative;
    width: 40px;
    height: 28px;
    float: left;
    margin: 0px 5px;
    cursor: pointer;
}
.g-rect-fill{
    stroke-dasharray: 100,100;
    stroke-dashoffset:100;
}
.banner-tab-li.active .g-rect-fill{
    animation: lineMove 10s ease-out infinite;
}
@keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}
.banner-tab-li.selected .g-rect-fill{
    stroke-dashoffset:0;
}
/*产品版块样式*/
.product{
    position: relative;
    height: 670px;
    padding: 50px 0px 70px;
    background: #fff;
}

.product-block{
    cursor: pointer;
    position: relative;
    float: left;
    width: 350px;
    background: #fff;
    height: 455px;
    margin-right:10px;
    box-shadow: rgba(0,0,0,0.06) 0px 1px 1px 1px;
    margin-top:45px;
}
.product-list{
    margin:0 26px;
}
.product-block.active{
    width: 405px;
    height:544px;
    border: 1px solid #009bef;
    margin-top: 0;
    animation: sunShow 0.5s;
    -webkit-box-shadow: rgb(169,205,218) 0px 15px 45px -9px;
    -moz-box-shadow: rgb(169,205,218) 0px 15px 45px -9px;
    box-shadow: rgb(169,205,218) 0px 15px 45px -9px;
}
.product-block.active .block-header{
    background: linear-gradient(to right,#00bdf4,#0097ee);
    color: #fff;
}
@keyframes sunShow {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.product .block-header{
    background: #f4f4f4;
    padding:15px;
    height: 24%;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.product .block-header .block-header-wrap{
    position: relative;
    top: 50%;
    transform: translateY(-30px);
}
.product .product-block:nth-child(2) .block-header .block-header-wrap{
    transform: translateY(-42px);
}
.product .block-header h2{
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 10px;
}
.product .block-header h3{
    font-size: 14px;
    line-height:24px;
}
.product .block-details{
    height:65%;
    padding:15px;
    text-align: left;
    box-sizing: border-box;
}
.product .details-list{
    margin-bottom: 10px;
}
.product .details-list h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.product .details-item{
    display: inline-block;
    min-width:33.333333%;
    font-size: 13px;
    line-height: 26px;
    float: left;
    white-space: nowrap;
    margin-bottom: 5px;
}
.product .product-block:nth-child(3) .details-item{
    min-width: 50%;
}
.product .product-block:nth-child(3) .block-details .details-list:nth-child(2) .details-item{
    width: 100%;
    white-space: normal;
}
.product .block-footer{
    padding: 15px;
    font-size: 14px;
    color: #1e9fff;
    line-height: 24px;
    text-align: left;
    /*position: absolute;*/
    /*bottom: 0;*/
}
.product .block-footer a{
    color: #1e9fff;
    cursor: pointer;
}
/*业务流程版块样式*/
.workflow{
    width: 100%;
    padding: 50px 0px 0px;
    position: relative;
    height: 654px;
    box-sizing: border-box;
    background: url(../images/workflow/workflow-bg.gif) no-repeat;
    background-size:cover;
    background-position:center;
    text-align: center;
}
.workflow-title h2{
    color: #fff;
}
.workflow-title h3{
    color: #fff;
}
.workflow-group{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.workflow-group .container{
    position: relative;
    height: 100%;
}
.workflow-step{
    position: absolute;
    left:108px;
    top: 426px;
    display: table;
    cursor: pointer;
}
.workflow-step h3{
    padding: 5px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    display:table-cell;
    vertical-align:middle;
    font-size: 14px;
    color: #1e9fff;
}
.workflow-step.step-1{
    left:248px;
    top: 285px;
}
.workflow-step.step-2{
    left:405px;
    top: 440px;
}
.workflow-step.step-3{
    left:556px;
    top: 288px;

}
.workflow-step.step-4{
    left:698px;
    top: 429px;
}
.workflow-step.step-5{
    left:833px;
    top: 294px;
}
.workflow-step.step-6{
    left:1006px;
    top: 467px;
}
.workflow-step h3::before{
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    border: 1px dashed #1e9fff;
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.workflow-step h3::after{
    background: linear-gradient(to right,#00bdf4,#0097ee);
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.workflow-step:hover h3::after{
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.workflow-step:hover h3::before{
    top: -17px;
    bottom: -17px;
    left: -17px;
    right: -17px;
    animation: rotate 4s infinite linear;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.workflow-step-info
{
    visibility: hidden;
    text-align: left;
    padding: 10px 5px;
    opacity: 0;
    position: absolute;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 8px #000;
    border-radius: 3px;
    list-style: square inside url('../images/workflow/kuai.png');
    left:50%;
    transform: translateX(-50%);
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.workflow-step-info:after{
    content: "";
    display: block;
    border-width: 5px;
    position: absolute;
    left: 50%;
    border-style: dashed ;
    font-size: 0;
    line-height: 0;
    transform: translateX(-50%);
}
.workflow-step-info li{
    padding: 5px 10px;
    font-size: 13px;
    white-space:nowrap;
    color: #333;
}
.workflow-step:hover .workflow-step-info{
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.workflow .step-0 .workflow-step-info:after,.workflow .step-2 .workflow-step-info:after,.workflow .step-4 .workflow-step-info:after,.workflow .step-6 .workflow-step-info:after{
    bottom:-10px;
    border-color: rgba(255,255,255,0.9) transparent transparent ;
}
.workflow .step-1 .workflow-step-info:after,.workflow .step-3 .workflow-step-info:after,.workflow .step-5 .workflow-step-info:after{
    top:-10px;
    border-color:  transparent transparent rgba(255,255,255,0.9);
}
.workflow .step-0 .workflow-step-info{
    top:-200px;
}
.workflow .step-1 .workflow-step-info{
    bottom:-148px;
}
.workflow .step-2 .workflow-step-info{
    top:-96px;
}
.workflow .step-3 .workflow-step-info{
    bottom:-96px;
}
.workflow .step-4 .workflow-step-info{
    top:-148px;
}
.workflow .step-5 .workflow-step-info{
    bottom:-122px;
}
.workflow .step-6 .workflow-step-info{
    top:-122px;
}
/*operation*/
.operation{
    position: relative;
    padding: 50px 0px 0px;
    background: #fff;
}
.operation-board{
    width: 100%;
    background: #373d41;
}
.operation-board .container{
    width: 1350px;
}
.operation-item{
    position: relative;
    width: 270px;
    height: 390px;
    float: left;
}
.operation-item-bg{
    padding-top:144.444444%;
    background-size:cover;
    background-position:center;
}
.operation-item:nth-child(1) .operation-item-bg{
    background-image: url(../images/operation/bg0.png);
}
.operation-item:nth-child(2) .operation-item-bg{
    background-image: url(../images/operation/bg1.png);
}
.operation-item:nth-child(3) .operation-item-bg{
    background-image: url(../images/operation/bg2.png);
}
.operation-item:nth-child(4) .operation-item-bg{
    background-image: url(../images/operation/bg3.png);
}
.operation-item:nth-child(5) .operation-item-bg{
    background-image: url(../images/operation/bg4.png);
}
.operation-mask,.operation-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.operation-item .operation-item-content{
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.operation-item:hover .operation-item-content{
    top:20%;
}
.operation-item:hover .operation-mask{
    opacity: 0.8;
    background: #1e9fff;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.operation-item:hover .operation-item-content p{
    opacity: 1;
}
.operation-item:hover .operation-item-content .line{
    margin-top: 10px;
}
.operation-item:hover .operation-item-content .line .line-item{
   opacity: 0;
}
.operation-item:hover .operation-item-content h3{
    margin-top: 10px;
}
.operation-item .operation-item-content .icon{
    font-size: 60px;
    color: #fff;
    display: inline-block;
}
.operation-item .operation-item-content .line{
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin-top: 20px;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.operation-item .operation-item-content .line .line-item{
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    opacity: 1;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.operation-item .operation-item-content h3{
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    font-weight: 700;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.operation-item .operation-item-content p{
    opacity: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    padding: 0 23px;
    line-height: 24px;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
/*risk样式*/
.risk{
    position: relative;
    padding: 50px 0px 0px;
    background: #fff;
}
.risk-item{
    float: left;
    width:33.333333%;
    text-align: center;
    height: 200px;
    margin: 10px auto;
    padding-left:40px;
    padding-right: 40px;
    box-sizing: border-box;
}
.risk-item .icon{
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url(../images/risk/1.png);
    background-position: center center;
    background-repeat:no-repeat;
}
.risk-item:nth-child(2) .icon{
    background-image: url(../images/risk/2.png);
}
.risk-item:nth-child(3) .icon{
    background-image: url(../images/risk/3.png);
}
.risk-item:nth-child(4) .icon{
    background-image: url(../images/risk/4.png);
}
.risk-item:nth-child(5) .icon{
    background-image: url(../images/risk/5.png);
}
.risk-item:nth-child(6) .icon{
    background-image: url(../images/risk/6.png);
}
.risk-item h2{
    color: #000;
    font-size: 20px;
    font-weight:600;
    margin-top: 10px;
}
.risk-item p{
    padding-top: 10px;
    font-size: 13px;
    color: #333;
    line-height:22px;
}
/*intelligent*/
.intelligent{
    position: relative;
    padding: 50px 0px 0px;
    background: #fff;
    height: 750px;
    box-sizing: border-box;
}
.intelligent .intelligent-bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/intelligent/intelligent_bg.png) top center no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
    -webkit-transition: background-position 0.5s ease-out;
    -moz-transition: background-position 0.5s ease-out;
    -ms-transition: background-position 0.5s ease-out;
    -o-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
}
.intelligent .container{
    position: relative;
    z-index: 2;
    height: 100%;
}
.intelligent-title h2{
    color: #fff;
}
.intelligent-title h3{
    color: #fff;
}
.intelligent .intelligent-bg-sub{
    margin-top: 40px;
}
.intelligent .intelligent-bg-sub img{
    /*margin: 0px auto;*/
}
.intelligent .intelligent-content{
    background: #fff;
    width: 1072px;
    height: 444px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 174px;
    padding: 40px;
    box-sizing: border-box;
}
.intelligent .intelligent-content p{
    font-size: 13px;
    color: #888;
    line-height: 22px;
    margin-bottom: 15px;
}
.intelligent .intelligent-content .body{
    padding-top: 15px;
    text-align: right;
}
.intelligent .intelligent-content .body img{
    display: inline-block;
    margin-top: -32px;
}
.intelligent .intelligent-content .body .body-left{
    float: left;
    text-align: left;
    font-size: 13px;
    color: #333;
}
.intelligent .intelligent-content .body .body-left li{
    /*list-style: square inside url(../images/intelligent/kuang.png);*/
    line-height: 24px;
    padding:12px 5px 12px 28px;
    background: url(../images/intelligent/kuang.png) no-repeat 0px center;
}
/*credential*/
.credential{
    height: 463px;
    position: relative;
    background: #fff;
    box-sizing: border-box;
}
.credential .container{
    height: 100%;
}
.credential-title{
    float: left;
    width: 320px;
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.credential-title h2{
    font-size: 23px;
    color: #000;
    line-height: 40px;
    font-weight: 600;
}
.credential-title h3{
    font-size: 13px;
    line-height: 26px;
    color: #333;
}
.credential-title p{
    font-size: 13px;
    color: #888;
    line-height: 22px;
    margin-bottom: 20px;
}
.credential-title .arrow span{
    margin-top: 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #F2F2F2;
    border: 1px solid #ABABAB;
    margin-right: 5px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.credential-title .arrow span:before{
    content: '';
    display: inline-block;
    width:20px;
    height: 20px;
    position: absolute;
}
.credential-title .arrow span.arrow-left:before{
    transform: rotate(-45deg);
    border-left: 1px solid #ABABAB;
    border-top: 1px solid #ABABAB;
    left: 20px;
    top: 15px;
}
.credential-title .arrow span.arrow-right:before{
    transform: rotate(45deg);
    border-right: 1px solid #ABABAB;
    border-top: 1px solid #ABABAB;
    left: 10px;
    top: 15px;
}
.credential-title .arrow span:hover{
    background: #1e9fff;
    border-color: #1e9fff;
}
.credential-title .arrow span:hover:before{
    border-color: #fff;
}
.credential-box{
    float: right;
    overflow: hidden;
    width:696px;
    height: 312px;
    position: relative;
    top:50%;
    margin-top:-156px;
}
.credential-box .credential-list{
    width: 928px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.credential-box .credential-list .credential-item{
    float: left;
    margin: 0px 5px;
}
/*reservation*/
.reservation{
    width: 100%;
    height:260px;
    background-image: url(../images/reservation/reservation_bg.png);
    background-size: 1920px 260px;
}
.reservation .container{
    height: 100%;
}
.reservation-box{
    color: #fff;
    text-align: center;
    padding-top: 60px;
}
.reservation h2{
   font-size: 23px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px;
}
.reservation h3{
    font-size: 13px;
    line-height: 26px;
    margin-bottom:38px;
}
.reservation a{
    position: relative;
    color: #fff;
    display: inline-block;
    width: 200px;
    height: 40px;
    border: 1px solid #fff;
    line-height: 40px;
    vertical-align: middle;
    font-size: 13px;
    border-radius: 4px;
}
.reservation a::after{
    display: none;
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #1e9fff;
    -webkit-transform: translate3d(0,25%,0);
    transform: translate3d(0,25%,0);
    line-height:40px;
}
.reservation a:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0,-25%,0);
    transform: translate3d(0,-25%,0);
}
.reservation a>span{
    display: block;
}
.reservation a::after, .reservation a>span {
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.reservation a:hover{
    background: #fff;
    color: #1e9fff;
}
.reservation a:hover::after {
    display: block;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*footer*/
.footer{
    background: #232526;
    color: #fff;
}
.footer-group{
    float: left;
    margin-left: 20px;
}
.footer dl{
    width:160px;
    float: left;
    margin-bottom: 30px;
}
.footer dl ul li a:hover{
    color: #1e9fff;
}
.footer dt{
    margin: 40px 0 20px 0;
    color: #FFF;
}
.footer dd {
    font-size: 12px;
    line-height: 24px;
}
.footer dd a{
    color: #ccc;
}
.footer .phone-info{
    float: left;
    margin-top: 40px;
    margin-right:20px;
}
.footer .phone-info .icon{
    font-size: 35px;
    margin-right: 20px;
    color: #ccc;
}
.footer .phone-info ul li:nth-child(1){
    margin-bottom: 20px;
}
.footer .info-details{
    display: inline-block;
}
.footer .info-details h3{
    font-size: 13px;
    color: #ccc;
    line-height: 26px;
}
.footer .info-details h2{
    font-size: 20px;
    color: #fff;
    line-height: 24px;
}
.footer .code{
    float: right;
    margin-top: 40px;
    margin-right: 20px;
}
.footer .code{
    font-size: 13px;
    text-align: center;
}
.footer .code span{
    line-height:24px;
}
.copyright{
    text-align: center;
    width: 100%;
    padding:20px 0px;
    border-top: 1px solid #656973;
    color: #ccc;
    font-size: 12px;
}
.copyright p{
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright a{
    display: flex;
    align-items: center;
    color: #fff;
    margin-left: 5px;
}
.copyright img{

}
/*banner样式*/
.banner {
    position: relative;
    height: 360px;
    min-width: 1180px;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}
.banner.img1 {
    background-image: url(../images/show/banner.png);
}
.banner.img2 {
    background-image: url(../images/contact/banner.png);
}
.banner.img3 {
    background-image: url(../images/help/banner.png);
}
.banner-text {
    width: 1180px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.banner-text h3 {
    width: 538px;
    line-height: 82px;
    margin-top: 95px;
    margin-bottom: 28px;
    border-bottom: 1px solid #fff;
    font-size: 24px;
    color: #fff;
}
.banner-text p {
    width: 538px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}
.banner-text h5 a {
    display: block;
    text-align: center;
    line-height: 32px;
    height: 32px;
    width: 100px;
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
}
.banner-text h5 a:hover{
    background: #fff;
    color: #1e9fff;
}
/*预约样式*/
.red {
    color: #f04d69;
}
.form {
    width: 735px;
    padding: 30px 0;
}
.form .lable {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
.form .mark {
    line-height: 24px;
    font-size: 13px;
    color: #999;
}
.form .input-text, .form .select-text {
    position: relative;
    width: 100%;
    height: 38px;
    margin-top: 5px;
    border: 1px solid #e6e6e6;
    background: #fff;
}
.form .input-text input,.form .select-text select {
    width: 100%;
    height: 100%;
    border: none;
    padding: 4px 10px 4px 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
}
.form .select-text select {
    padding-left: 10px;
}
.form .input-text i {
    position: absolute;
    left: 0;
    top:0;
    width: 38px;
    height: 28px;
    margin-top: 5px;
    line-height: 28px;
    text-align: center;
    font-size: 24px;
    color: #999;
    border-right: 1px solid #e6e6e6;
}
.form .error {
    line-height: 24px;
    font-size: 12px;
    color: red;
}
.form .row {
    margin-left: -10px;
    margin-right: -10px;
}
.form .row:before {
    content: " ";
    display: table;
}
.form .row:after {
    content: " ";
    display: table;
    clear: both;
}
.form .col-4 {
    width: 33.33333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form .col-6 {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.submit a {
    margin-bottom: 50px;
    display: block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: #1e9fff;
    color: #fff;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1051;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}
.modal-backdrop.in {
    opacity: .15;
    filter: alpha(opacity=15)
}
.pop {
    position: absolute;
    width: 410px;
    height: 270px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 30px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background: #fff;
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.pop .close {
    position: absolute;
    top:14px;
    right: 25px;
    cursor: pointer;
}
.pop .icon {
    font-size: 180px;
    color: #3a9aff;
}
.pop p {
    font-size: 20px;
    color: #333;
}
.pop .close .icon {
    font-size: 18px;
    color: #686868;
}
/*产品与服务*/
.single-banner{
    background-image: url(../images/hny/banner.png);
    height: 500px;
    min-width: 1180px;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}
.single-banner .brands{
    margin-top: 198px;
    width: 520px;
    text-align: center;
    color: #fff;
}
.single-banner .brands .logo{
    margin-bottom: 32px;
}
.single-banner .brands .logo img{
    margin: 0 auto;
}
.single-banner .brands h2{
    font-size: 22px;
    margin-bottom: 32px;
}
.single-banner .brands h2 span{
    letter-spacing:14px;
}
.single-banner .brands h2 span:nth-child(2){
    margin-left: 11px;
}
.single-banner .brands p{
    font-size: 16px;
}
.service-content .container{
    position: relative;
    height: 100%;
}
.service-content{
    position: relative;
    height: 670px;
}
.service-content:nth-child(2n-1){
    background: #f7f7f7;
}
.service-content .container .service-text,.service-content .container .service-pic{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.service-text{
    min-width: 315px;
}
.service-text h2{
    position: relative;
    font-size: 32px;
    color: #333;
    line-height: 40px;
    margin-bottom: 20px;
}
.service-text h2 img{
    position: absolute;
    right: 0;
    bottom: 0;
}
.service-text ul li{
    /*list-style: square inside url(../images/hny/kuang.png);*/
    padding: 10px 5px 10px 28px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    background: url(../images/hny/kuang.png) left center no-repeat;
}
.more{
    position: relative;
    text-align: center;
    padding: 0px 0px 40px;
    font-size: 13px;
    margin-top: -60px;
}
.more a{
    display: inline-block;
    line-height: 30px;
    color: #666;
}
.more a .lt{
    float: left;
    animation: leftMove 1s infinite;
}
.more a .gt{
    float: right;
    animation: rightMove 1s infinite;
}
@keyframes leftMove {
    0%,100%{
        transform: translateX(-2px);
        opacity: 1;
    }
    50%{
        transform: translateX(-5px);
        opacity : 0.6
    }
}
@keyframes rightMove {
    0%,100%{
        transform: translateX(2px);
        opacity: 1;
    }
    50%{
        transform: translateX(5px);
        opacity : 0.6
    }
}
.more.bg-gray{
    background: #f7f7f7;
}
.hgd-banner{
    background-image: url(../images/hgd/banner.png);
}

.single-banner .edit-brands h2{
    width: 312px;
    height: 34px;
    line-height: 34px;
    border-radius: 100px;
    background: #fff;
    color: #1e9fff;
    margin: 0px auto 32px;
}
.hgd-banner .edit-brands h2{
    width: 200px;
}
.single-banner .edit-brands h2 span:first-child{
    margin-right: 0;
}
.hgd-content .service-text ul li{
    background-image: url(../images/hgd/kuang.png);
}
.znzd-banner{
    background-image: url(../images/znzd/banner_bg.png);
}
.znzd-banner .edit-brands h2{
    width: 310px;
    color: #00b88f;
}
.znzd-content.content-one img{
    position: absolute;
    right: -361px;
    bottom: 0;
}
.znzd-content .service-text h2{
    font-size: 42px;
    color: #000;
    line-height: 60px;
    margin-bottom: 60px;
}
.znzd-content .service-text ul li{
    font-size: 20px;
    background-image: url(../images/znzd/kuang.png);
}
.znzd-content.content-two{
    height: 665px;
    background-image: url(../images/znzd/bg.png);
    -webkit-background-size:cover;
    background-size:cover;
}
.znzd-content.content-two .app{
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left:-515px;
}
.znzd-content .container .header{
    text-align: center;
    color: #fff;
    padding-top: 100px;
}
.znzd-content .container .header h2{
    font-size: 42px;
    line-height: 60px;
    margin-bottom: 40px;
}

.znzd-content .container .header ul li{
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    padding: 5px 28px;
    background:url(../images/znzd/kuang.png) no-repeat 0px center;
    /*background-size:0.8rem 0.8rem;*/
}
.znzd-content.content-three{
    background-color: #f7f7f7;
}
.znzd-content.content-three .container{
    padding-top: 80px;
    padding-bottom:58px;
}
.table-box{
    background-color: #fff;
    border-top: 10px solid #00b88f;
    color: #333;
    margin-bottom: 58px;
}
.table-box .table-header{
    text-align: center;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #f7f7f7;
    font-size: 16px;
    font-weight: bold;
}
.table-item{
    display: inline-block;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    width: 49%;
    box-sizing: border-box;
    border-bottom: 1px solid #f7f7f7;
    padding-left: 68px;
}
.table-item:nth-child(2n-1){
    border-right: 1px solid #f7f7f7;
}
.table-box:nth-child(3){
    margin-bottom:0;
}
.table-box:nth-child(3) .table-item{
    width: 100%;
    border-right:none;
}
.hxy-banner{
    background-image: url(../images/hxy/bg.png);
}
.hxy-banner .edit-brands h2{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    width: 310px;
}
.hxy-content .container{
    text-align: center;
    height: 100%;
    padding: 20px 0px;
    box-sizing: border-box;
}
.empty-box i{
    font-size: 100px;
    color: #1e9fff;

}
.empty-box p{
    overflow: hidden;
    margin-top: 10px;
    font-size: 16px;
    color: #888;
    width: 76px;
    margin-left:auto;
    margin-right:auto;
}
.empty-box .loader span{
    float: left;
}
@-moz-keyframes loading {
    0%, 100% {
        -moz-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    26% {
        -moz-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2;
    }

    76% {
        -moz-transform: scale(0.8) rotateZ(-8deg);
        transform: scale(0.8) rotateZ(-8deg);
        opacity: .6;
    }
}
@-webkit-keyframes loading {
    0%, 100% {
        -webkit-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    26% {
        -webkit-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2;
    }

    76% {
        -webkit-transform: scale(0.8) rotateZ(-8deg);
        transform: scale(0.8) rotateZ(-8deg);
        opacity: .6;
    }
}
@keyframes loading {
    0%, 100% {
        -moz-transform: scale(1) rotateZ(0deg);
        -ms-transform: scale(1) rotateZ(0deg);
        -webkit-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    26% {
        -moz-transform: scale(1.1) rotateZ(12deg);
        -ms-transform: scale(1.1) rotateZ(12deg);
        -webkit-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .8;
    }

    76% {
        -moz-transform: scale(0.8) rotateZ(-8deg);
        -ms-transform: scale(0.8) rotateZ(-8deg);
        -webkit-transform: scale(0.8) rotateZ(-8deg);
        transform: scale(0.8) rotateZ(-8deg);
        opacity: .9;
    }
}
.loader span {
    -moz-animation: loading 1s linear infinite -0.8s;
    -webkit-animation: loading 1s linear infinite -0.8s;
    animation: loading 1s linear infinite -0.8s;
    float: left;
}
.loader .char2 {
    -moz-animation: loading 1s linear infinite -0.2s;
    -webkit-animation: loading 1s linear infinite -0.2s;
    animation: loading 1s linear infinite -0.2s;
}
.loader .char3 {
    -moz-animation: loading 1s linear infinite -0.4s;
    -webkit-animation: loading 1s linear infinite -0.4s;
    animation: loading 1s linear infinite -0.4s;
}
.loader .char4 {
    -moz-animation: loading 1s linear infinite -0.6s;
    -webkit-animation: loading 1s linear infinite -0.6s;
    animation: loading 1s linear infinite -0.6s;
}
.loader .char5 {
    -moz-animation: loading 1s linear infinite -0.8s;
    -webkit-animation: loading 1s linear infinite -0.8s;
    animation: loading 1s linear infinite -0.8s;
}
.loader .char6 {
    -moz-animation: loading 1s linear infinite -1.1s;
    -webkit-animation: loading 1s linear infinite -1.1s;
    animation: loading 1s linear infinite -1.1s;
}

.loader .char7 {
    -moz-animation: loading 1s linear infinite -0.36s;
    -webkit-animation: loading 1s linear infinite -0.36s;
    animation: loading 1s linear infinite -0.36s;
}
.loader .char8 {
    -moz-animation: loading 1s linear infinite -0.51s;
    -webkit-animation: loading 1s linear infinite -0.51s;
    animation: loading 1s linear infinite -0.51s;
}
.loader .char9 {
    -moz-animation: loading 1s linear infinite -0.66s;
    -webkit-animation: loading 1s linear infinite -0.66s;
    animation: loading 1s linear infinite -0.66s;
}
.loader .char10 {
    -moz-animation: loading 1s linear infinite -0.81s;
    -webkit-animation: loading 1s linear infinite -0.81s;
    animation: loading 1s linear infinite -0.81s;
}
.loader .char11 {
    -moz-animation: loading 1s linear infinite -0.96s;
    -webkit-animation: loading 1s linear infinite -0.96s;
    animation: loading 1s linear infinite -0.96s;
}
.hxy-content{
    height: 181px;
}
/*联系我们*/
ul.contact {
    padding: 54px 0 68px;
    overflow: hidden;
}
ul.contact li {
    float: left;
    width: 278px;
    height: 228px;
    margin-left: 20px;
    text-align: center;
    border: 1px solid #ddd;
}
ul.contact li:first-child {
    margin-left: 0;
}
ul.contact li .title {
    height: 78px;
    line-height: 78px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
}
ul.contact li .title i {
    font-size: 60px;
    color: #1e9fff;
}
ul.contact li h3 {
    margin-top: 26px;
    line-height: 38px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
ul.contact li p {
    line-height: 38px;
    font-size: 18px;
    color: #333;
}
ul.contact li img {
    margin: 0 auto;
    margin-top: 30px;
}
ul.contact li a {
    font-size: 12px;
    color: #1e9fff;
}
/*帮助中心*/
.helpNav {
    float: left;
    width: 260px;
    margin-top: 30px;
    background: #eee;
}
.helpNav .title {
    height: 54px;
    line-height: 54px;
    padding-left: 35px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #000;
}
.accordion {
    width: 100%;
}
.accordion .link {
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 35px;
    color: #000;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}
.accordion li:last-child .link {
    border-bottom: 0
}
.accordion li i {
    position: absolute;
    top: 0;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}
.accordion li i.icon-down {
    right: 40px;
    left: auto;
    font-size: 18px;
    font-weight: 700;
}
.accordion li.open .link {
    color: #1e9fff
}
.accordion li.open i {
    color: #1e9fff
}
.accordion li.open i.icon-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.accordion li:nth-of-type(1) .submenu {
    display: block;
}
.submenu {
    display: none;
    background: #444359;
    font-size: 14px
}
.submenu li {
    border-bottom: 1px solid #fff
}
.submenu a {
    display: block;
    text-decoration: none;
    background: #f7f7f7;
    color: #555;
    padding: 12px;
    padding-left: 40px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
.submenu a:hover,.submenu a.active {
    background: #1e9fff;
    color: #fff
}
.helpContent {
    float: left;
    width: calc(100% - 300px);
    margin-top: 30px;
    margin-left: 40px;
}
.helpContent .title {
    height: 46px;
    line-height: 46px;
    padding-top: 8px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ddd;
}
.helpContent .content h3 {
    height: 76px;
    line-height: 76px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}