.hide{display:none;}
.show{display:block;}
.topic_banner{position:relative;height:520px;background:url(/static/topic/jinpai/images/visitant_bg.png) no-repeat top center;}
.topic_banner .w1200{position:relative;}
.topic_banner .topic_txt{position:absolute;top:125px;left:2%;}
.question_answer_box{position:relative;height:914px;background:url(/static/topic/jinpai/images/question_answer.png) no-repeat top center;}
.question_box,.answer_box{position:relative;height:457px;}
.question_answer_title{text-align:center;font-size:38px;color:#444;padding:20px 0;font-weight: normal;position:relative;}
.tradition_question{color:#666;margin-left:50px;margin-top:50px;width:300px;position:relative;}
.tradition_question .title{font-size:30px;font-weight: normal;margin-bottom: 45px;}
.tradition_question .title:after{display: inline-block; content:'';width:80px;height:4px;background:#2ea7e0;position:absolute;top:50px;left:0;}
.tradition_question .item{font-size:20px;position:relative;text-indent:25px;line-height:42px;}
.tradition_question .item:after{display: inline-block; content:'';position:absolute;width:8px;height:8px;background:#b7dff2;border-radius:50%;top:16px;left:0;}
.question_answer_title.special{padding:0;margin-top:-15px;}
.now_answer{margin:70px 45px 0 0;}
.achievement_box{width:710px;height:370px;margin:35px 0 0 50px;}
.achievement_box .advantage{font-size:32px;text-align: center;color:#666;}
.achievement_box  .percent_num{color:#2ea7e0;}
.percent_item{width:215px;margin-right:140px;margin-bottom: 5px;}
.what_how_box{position:relative;height:866px;background:url(/static/topic/jinpai/images/what_tobe.png) no-repeat top center;}
.what_how_box .what_how_title{font-size:38px;color:#2ea7e0;text-align: center;padding:30px 0;}
.what_box{height:396px}
.what_content{color:#666;margin-left:50px;margin-top:50px;width:600px;position:relative;}
.what_content p{font-size:18px;line-height:30px;}
.what_content .title{font-size:30px;font-weight: normal;margin-bottom: 40px;color:#2ea7e0;}
.what_content .title:after{display: inline-block; content:'';width:80px;height:4px;background:#2ea7e0;position:absolute;top:50px;left:0;}
.tobe_advantage{width:350px;height:330px;text-align:center;position: relative;}
.tobe_advantage .bg{margin-top:28px;}
.advantage_rorate{position:absolute;top: 0;left:0;width:346px; height:334px;background:url(/static/topic/jinpai/images/advantage_txt.png) no-repeat top center;color:#fff;font-size:20px;}
.advantage_rorate em{font-style: normal;}
.advantage_rorate  .position1{position: absolute;top:32px;left:145px;}
.advantage_rorate  .position2{position: absolute;top:128px;left:15px;}
.advantage_rorate  .position3{position: absolute;top:140px;right:16px;}
.advantage_rorate  .position4{position: absolute;top:266px;left:74px;}
.advantage_rorate  .position5{position: absolute;top:270px;right:70px;}
.advantage_card_box{width:800px;}
.advantage_card_box .card{width:350px;height: 84px;background: #fff;font-size: 18px;margin:0 8px 12px 0;-moz-box-shadow: 1px 3px 8px #999; box-shadow: 1px 3px 8px #999;position:relative; }
.advantage_card_box .content{height:100%;position:relative;}
.advantage_card_box .content img{float:left;margin: 15px 10px;}
.advantage_card_box .content span{position:absolute; width:250px;float:left;top:50%; transform: translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.advantage_card_box .content span.special{width:170px;position: relative;}
.card_btn{position:absolute;right:15px;top:8px;cursor:pointer;}
.apply_box{position:absolute;top: 0;left:0; height:425px;background:url(/static/topic/jinpai/images/advantage_txt.png) no-repeat top center;font-size:20px;}
.server_box{height:530px;background:#fff;}
.server_box .title{font-size:38px;color:#444;text-align:center;font-weight: normal;padding:25px 0;}
.server_box .server_tab_box{width:1084px;margin:0 auto 20px;}
.server_tab_item li{position:relative;}
.server_tab_item li>a{display: inline-block;width:200px;height:100px;line-height:100px;border:1px solid #e4e4e4;text-align: center;font-size:24px;color:#444;text-decoration:none;margin:-1px 0 0 -1px; }
.server_tab_item li>a:hover{color:#2ea7e0;}
.server_tab_item  .server_tab_active a{color:#2ea7e0;}
.server_tab_con{width:880px;height:403px;border:1px solid #e4e4e4;margin-top: -1px;}
.server_tab_item .server_tab_active:after{content: '';position:absolute;top:0;left:0;width:6px;height:100%;background:#2ea7e0;}
.server_tab_item .server_tab_active:before{content: '';position:absolute;top:38px;left:3px;border:10px solid #2ea7e0;border-color: transparent  transparent transparent #2ea7e0;}
.add_service_box{position:relative;height:890px;background:url(/static/topic/jinpai/images/add_service_bg.png) no-repeat top center;}
.add_service_box .title{text-align: center;font-size:38px;color:#2ea7e0;padding-top:40px;}
.add_service_box .text{text-align: center;font-size:16px;color:#666;margin-bottom: 25px;margin-top:15px;margin-top:15px;}
.add_service_con {height:710px;width:1084px;margin:0 auto;background:#fff;margin-top: 20px;}
.online_service,.offline_service{padding:12px 20px;}
.add_service_con .left_con{background:#f4f8fd;width:240px;height:325px;position:relative;}
.add_service_con hr{margin:0 0 0 20px;width:1000px;}
.left_con .left_con_det{padding:10px 16px;}
.left_con .left_con_det h3{font-size:18px;color:#444;}
.left_con .left_con_det p{font-size:12px;margin-top: 10px;}
.left_con_det:after{display: inline-block; content:'';width:26px;height:4px;background:#2ea7e0;position:absolute;top:90px;left:16px;}
.left_con_img{position:absolute;bottom:20px;left:0;width:100%;text-align:center;}
.right_con{width:770px;padding-left:30px;}
.right_con .item{width:140px;margin:15px 5px;}
.right_con .item p{margin-top:6px;font-size: 12px;color:#888;line-height: 18px;}
.right_con .item img,.right_con .item h3{text-align: center;}
.right_con .item .item_img{width:100%;text-align: center;}
.finance_service_box{position:relative;height:930px;background:url(/static/topic/jinpai/images/finance_service.jpg) no-repeat top center;}
.finance_service_box .title{font-size:38px;color:#444;text-align:center;font-weight: normal;padding:25px 0;}
.finance_service_item{position:relative;height:100%;}
.finance_service{position: absolute;top:100px;left:60px; width:540px;}
.finance_service .title{font-size:30px;font-weight: normal;margin: 30px 0;position:relative;text-align: left;}
.finance_service .title:after{display: inline-block; content:'';width:80px;height:4px;background:#2ea7e0;position:absolute;top:75px;left:0;}
.finance_service .item{font-size:16px;position:relative;text-indent:25px;line-height: 25px;margin-bottom:20px;}
.finance_service .item:after{display: inline-block; content:'';position:absolute;width:8px;height:8px;background:#b7dff2;border-radius:50%;top:10px;left:0;}
.finance_service_special{right:60px;bottom:160px;top:auto;left:auto;}
.market_chance_box{position:relative;height:656px;background:url(/static/topic/jinpai/images/market_bg.png) no-repeat top center;}
.market_chance_box .title{text-align: center;font-size:38px;color:#2ea7e0;padding-top:40px;}
.market_chance_box .text{text-align: center;font-size:16px;color:#666;margin-bottom: 25px;margin-top: 15px;}
.market_chance_box .report_box{text-align: center;margin-top: 50px;}
.market_chance_box .report_box img{-moz-box-shadow: 2px 4px 5px #999; /* 老的 Firefox */box-shadow: 2px 4px 5px #999;}
.enterprise_item{margin: 0 35px 0 50px;}
.enterprise_item li{width:206px;height:96px;line-height:96px;border:1px solid #e5e5e5;text-align:center;margin-bottom: 12px;margin-right:15px;background: #fff;}
.enterprise_item li img{vertical-align: middle;}
.enterprise_box{margin-bottom:30px;}
.enterprise_box .title{font-size:36px;font-weight: normal;padding-top:40px;text-align:center;color:#444;}
.enterprise_box .text{text-align: center;font-size:16px;color:#666;margin-bottom: 30px;margin-top:10px;}
.applay_box{position:relative;height:428px;background:url(/static/topic/jinpai/images/applay_bg.png) no-repeat top center;}
.applay_box .title{font-size: 36px;color:#fff;text-align: center;padding:40px 0;}
.purchase_box{width:908px;margin:0 auto;}
.purchase_box .input_item{width:430px;border-bottom:1px solid #fff;margin:20px 12px;}
.purchase_box .input_item input{border: none;outline:none;width:310px;background:transparent;line-height:30px;-webkit-box-shadow: 0 0 0px 1089px transparent inset;}
.purchase_box .label_for{font-size:16px;color:#fff;margin-right: 10px;}
.purchase_btn{text-align: center;margin-top: 45px;}
.purchase_submit{font-size:24px;color:#fff;background:#f6ab0b;padding:13px 62px;-moz-box-shadow: 4px 4px 5px #999; /* 老的 Firefox */box-shadow: 4px 4px 5px #999;cursor: pointer; height: 55px }
.server_tab_item dl{width:810px;margin:0 auto;}
.server_tab_item .title_dt{font-size:30px;color:#666;text-align: center;margin:40px 0;}
.server_tab_item .con_dd{text-align: center;width:270px;}
.server_tab_item .web_img{width:350px;height:250px;line-height:250px;background:#ecf8fb;text-align: center;margin:0 auto;}
.server_tab_item .web_img img{vertical-align: middle;}
.server_tab_item .web_text h3{font-size:20px;color:#444;margin-top:20px;}
.server_tab_item .web_text p{font-size:14px;color:#666;margin-top: 10px;}
.web_box_top{padding:30px 0 30px 60px;}
.web_box_top .web_box{width:350px;margin-right:60px;}
.web_box_top .web_box .web_text{width:318px;}
.server_tab_item .effect_img{width:426px;height:304px;line-height:304px; background:#ecf8fb;text-align:center;}
.server_tab_item .effect_img img{vertical-align: middle;}
.server_tab_item .effect_box{padding:50px 30px;}
.server_tab_item .effect_text{margin-left:20px; }
.server_tab_item .effect_text .item{width:350px;border:1px solid #f6ab0b;padding:20px 10px;margin-bottom: 22px;}
.server_tab_item .effect_text .item h3{color:#2ea7e0;font-size:20px;}
.server_tab_item .advantage_title{font-size:20px;color:#444;text-indent: 25px;}
.brand_box li{width:205px;height:100px;line-height:100px;border:1px solid #ccc;text-align: center;margin-right:-1px;margin-bottom: -1px;}
.brand_box li img{vertical-align:middle;}
.brand_box li.special{width:411px;}
.brand_box .advantage_title{line-height:66px;}
.brand_box ul{width:826px;margin:0 auto;}
.brand_box  li  .text{font-size:36px;color:#686868;background:#f4f8fd;cursor: pointer;}
.brand_box  li  .text img{margin-right:20px;}
.purchase_box .label_for .symbol{color:#f6ab0b;margin-right: 10px;font-style: normal;}
.purchase_box .input_item input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
    opacity:  0.4;
}
.purchase_box .input_item input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity:  0.4;
}
.purchase_box .input_item input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity:  0.4;
}
.purchase_box .input_item input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
    opacity:  0.4;
}
.percent_num .bold{cursor:default;}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }
}

.pulse {
    animation:pulse 3s infinite;
    -webkit-animation:pulse 3s infinite; /*Safari and Chrome*/
}

@-webkit-keyframes rotcircle {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin:center center; /* Safari and Chrome */
        transform-origin:center center;
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin:center center; /* Safari and Chrome */
        transform-origin:center center;
    }
}

@keyframes rotcircle {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin:center center; /* Safari and Chrome */
        transform-origin:center center;
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin:center center; /* Safari and Chrome */
        transform-origin:center center;
    }
}

.rotcircle {
    animation:rotcircle linear 20s reverse infinite;
    -webkit-animation:rotcircle linear 20s reverse infinite; /*Safari and Chrome*/
}
@-webkit-keyframes rotcircleMax {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin:50% 53%; /* Safari and Chrome */
        transform-origin:50% 53%;
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin:50% 53%; /* Safari and Chrome */
        transform-origin:50% 53%;
    }
}

@keyframes rotcircleMax {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin:50% 53%; /* Safari and Chrome */
        transform-origin:50% 53%;
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin:50% 53%; /* Safari and Chrome */
        transform-origin:50% 53%;
    }
}
.rotcircleMax{
    animation:rotcircleMax linear 20s infinite;
    -webkit-animation:rotcircleMax linear 20s infinite; /*Safari and Chrome*/
}

@-webkit-keyframes bounceInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation:bounceInUp linear 1s;
    -webkit-animation:bounceInUp linear 1s; /*Safari and Chrome*/
}
.section{display: none;}
#title0{height:90px}
#title1{height:40px}
#title2,#title3,#title6,#title7{height:110px}
#title5{height:135px}
#title4{height:100px}
#title8{height:140px}
#title9{height:126px}