body{background: #fff;}
.idx_banner{
    background: url(/public/static/home/images/app/banner.jpg) no-repeat center;
    height: 470px;
}
.z_mt10p{margin-top: 10%;}
.z_mr2p{margin-right: 2%;}
.z_mlr10p{margin-left: 10%;margin-right: 10%;}
.z_mlr64p{margin-left: 6.4%;margin-right: 6.4%;}
.z_mlr32p{margin-left: 3.2%;margin-right: 3.2%;}
.z_ml32p{margin-left: 3.2%;}
.z_mr32p{margin-right: 3.2%;}
.z_ml333p{margin-left: 3.333333%;}
.z_ml357{margin-left: 357px;}
.z_mr240{margin-right: 240px;}
.z_ml250{margin-left: 250px;}
.z_ml265{margin-left: 265px;}
.z_ml230{margin-left: 230px;}
.z_ml190{margin-left: 190px;}
.z_mt160{margin-top: 160px;}
.z_ml134{margin-left: 153px;}
.z_mr134{margin-right: 134px;}
.z_ml126{margin-left: 126px;}
.z_ml120{margin-left: 120px;}
.z_ml116{margin-left: 116px;}
.z_mb100{margin-bottom: 100px;}
.z_mt100{margin-top: 100px;}
.z_ml100{margin-left: 100px;}
.z_ml90{margin-left: 90px;}
.z_mr87{margin-right: 87px;}
.z_mr85{margin-right: 85px;}
.z_mt80{margin-top: 80px;}
.z_ml80{margin-left: 80px;}
.z_ml85{margin-left: 85px;}
.z_mt79{margin-top: 79px;}
.z_ml78{margin-left: 78px;}
.z_ml74{margin-left: 74px;}
.z_ml70{margin-left: 70px;}
.z_mr70{margin-right: 70px;}
.z_mt70{margin-top: 70px;}
.z_mtb70{margin-top: 70px;margin-bottom: 70px;}
.z_mlr60{margin-left: 60px;margin-right: 60px;}
.z_ml60{margin-left: 60px;}
.z_mb60{margin-bottom: 60px;}
.z_mr60{margin-right: 60px;}
.z_mt60{margin-top: 60px;}
.z_mt50{margin-top: 50px;}
.z_mb50{margin-bottom: 50px;}
.z_mr50{margin-right: 50px;}
.z_ml50{margin-left: 50px;}
.z_mtb46{margin-top: 46px;margin-right: 46px;}
.z_ml46{margin-left: 46px;}
.z_mb46{margin-bottom: 46px;}
.z_mb45{margin-bottom: 45px;}
.z_mlr44{margin-left: 44px;margin-right: 44px;}
.z_mtb40{margin-top: 40px;margin-bottom: 40px;}
.z_mt40{margin-top: 40px;}
.z_mb40{margin-bottom: 40px;}
.z_mr40{margin-right: 40px;}
.z_ml40{margin-left: 40px;}
.z_ml36{margin-left: 36px;}
.z_mt35{margin-top: 35px;}
.z_mb35{margin-bottom: 35px;}
.z_mlr35{margin-left: 35px;margin-right: 35px;}
.z_ml38{margin-left: 38px;}
.z_mb38{margin-bottom: 38px;}
.z_m30{margin: 30px;}
.z_mt30{margin-top: 30px;}
.z_mb30{margin-bottom: 30px;}
.z_ml30{margin-left: 30px;}
.z_mr30{margin-right: 30px;}
.z_mlr30{margin-left: 30px;margin-right: 30px;}
.z_mtb30{margin-top: 30px;margin-bottom: 30px;}
.z_mt28{margin-top: 28px;}
.z_mb28{margin-bottom: 28px;}
.z_mr26{margin-right: 26px;}
.z_ml26{margin-left: 26px;}
.z_mt25{margin-top: 25px;}
.z_mb25{margin-bottom: 25px;}
.z_ml24{margin-left: 24px;}
.z_mlr22{margin-left: 22px;margin-right: 22px;}
.z_mlr20{margin-left: 20px;margin-right: 20px;}
.z_mtb20{margin-top: 20px;margin-bottom: 20px;}
.z_mt20{margin-top: 20px;}
.z_mb20{margin-bottom: 20px;}
.z_mr20{margin-right: 20px;}
.z_ml20{margin-left: 20px;}
.z_mb18{margin-bottom: 18px;}
.z_mt18{margin-top: 18px;}
.z_mb16{margin-bottom: 16px;}
.z_ml16{margin-left: 16px;}
.z_mtb15{margin-top: 15px;margin-bottom: 15px;}
.z_mlr15{margin-left: 15px;margin-right: 15px;}
.z_mb15{margin-bottom: 15px;}
.z_mt15{margin-top: 15px;}
.z_mr15{margin-right: 15px;}
.z_ml14{margin-left: 14px;}
.z_m10{margin: 10px;}
.z_mt10{margin-top: 10px;}
.z_mb10{margin-bottom: 10px;}
.z_mr10{margin-right: 10px!important;}
.z_ml10{margin-left: 10px;}
.z_mlr10{margin-left: 10px;margin-right: 10px;}
.z_mtb10{margin-top: 10px;margin-bottom: 10px;}
.z_mlr5{margin-left: 5px;margin-right: 5px;}
.z_mt8{margin-top: 8px;}
.z_m5{margin: 5px;}
.z_mt5{margin-top: 5px;}
.z_mb5{margin-bottom: 5px;}
.z_ml5{margin-left: 5px;}
.z_mr5{margin-right: 5px;}
.z_mr5p{margin-right: 5%;}
.z_mt4{margin-top: 4px;}
.z_mt3{margin-top: 3px;}
.z_mr2{margin-right: 2px;}
.z_mr0{margin-right: 0px!important;}

.z_hide{display: none;}
.z_hide-i{display: none!important;}
.z_show{display: block;}
.z_inline{display: inline-block;}
.s_down {box-shadow:0px 5px 14px #ccc;}


/*字体大小*/
.z_font12{font-size: 12px!important;}
.z_font13{font-size: 13px!important;}
.z_font14{font-size: 14px!important;}
.z_font15{font-size: 15px!important;}
.z_font16{font-size: 16px!important;}
.z_font17{font-size: 17px!important;}
.z_font18{font-size: 18px!important;}
.z_font19{font-size: 19px!important;}
.z_font20{font-size: 20px!important;}
.z_font21{font-size: 21px!important;}
.z_font22{font-size: 22px!important;}
.z_font23{font-size: 23px!important;}
.z_font24{font-size: 24px!important;}
.z_font25{font-size: 25px!important;}
.z_font26{font-size: 26px!important;}
.z_font27{font-size: 27px!important;}
.z_font28{font-size: 28px!important;}
.z_font29{font-size: 29px!important;}
.z_font30{font-size: 30px!important;}
.z_font31{font-size: 31px!important;}
.z_font32{font-size: 32px!important;}
.z_font33{font-size: 33px!important;}
.z_font34{font-size: 34px!important;}
.z_font35{font-size: 35px!important;}
.z_font36{font-size: 36px!important;}
.z_font37{font-size: 37px!important;}
.z_font38{font-size: 38px!important;}
.z_font39{font-size: 39px!important;}
.z_font40{font-size: 40px!important;}
.z_font42{font-size: 42px!important;}
.z_font44{font-size: 44px!important;}
.z_font46{font-size: 46px!important;}
.z_font48{font-size: 48px!important;}
.z_font50{font-size: 50px!important;}
.z_font60{font-size: 60px!important;}
.z_fontb{font-weight: bold;}
.z_fontn{font-weight: normal!important;}

/*字体色*/
.z_color_red2{color: #eaa71c!important;}/*红色*/
.z_color_red{color: #ff0844!important;}/*红色*/
.z_color-orange{color: #e46713;}/*桔黄色*/
.z_color-orange2{color: #f28f0f;}/*桔黄2色*/
.z_color-orange3{color: #e5342e;}/*桔黄3色*/
.z_color-orange4{color: #e0342f;}/*桔黄4色*/
.z_color-orange5{color: #f39800;}/*桔黄5色*/
.z_color-orange6{color: #eaa71c!important;}/*桔黄6色*/
.z_color-violet{color: #79468c;}/*紫色*/
.z_color-yellow{color: yellow;}/*黄色*/
.z_color-yellow2{color: #fed017;}/*黄色2*/
.z_color-grass-yellow{color: #f1e9c0;}/*草黄色*/
.z_color-pink{color: #ff8174!important;}/*粉色*/
.z_color_blue{color:#1e82d0!important;}/*蓝色*/
.z_color_blue2{color: #1eb4e5!important;}/*天蓝色*/
.z_color_blue3{color: #4773bf!important;}/*天蓝色3*/
.z_color_blue4{color:#335ed7!important;}/*蓝色4*/
.z_color_blue5{color:#0c11cf!important;}/*蓝色5*/
.z_color_blue6{color:#3a91f2!important;}/*蓝色6*/
.z_color_greed{color: #28c51c!important;}/*绿色*/
.z_color_greed2{color: #0ed90e!important;}/*绿色2*/
.z_color_blueViolet{color: #1b1466;}/*蓝紫色*/
.z_color-brown{color: #867a62;}/*棕色*/
.z_color-brown2{color: #aca392;}/*棕色2*/
.z_color-greyBlack{color: #b5b9c5;}/*灰黑色*/
.z_color-grey{color: #b4b9ca;}/*灰色*/
.z_color_c{color: #ccc!important;}
.z_color_e{color: #eee!important;}
.z_color_9{color: #999!important;}
.z_color_6{color: #666!important;}
.z_color_5{color: #555!important;}
.z_color_3{color: #333!important;}
.z_color_e6{color: #e6e6e6!important;}
.z_color_3d{color: #3d3d3d!important;}
.z_color_ad{color: #adadad!important;}
.z_color_25{color: #252525!important;}
.z_color_31{color: #313131!important;}
.z_color_80{color: #808080!important;}
.z_color_f7b{color: #f7f7fb!important;}
.z_color_white{color: #fff!important;}
.z_color_4f{color: #4F4F4F!important;}
.z_hover_red:hover{color: red!important;}

/*最小最大高度和高度*/
.z_h24{height: 24px;}
.z_h30{height: 30px;}
.z_h34{height: 34px;}
.z_h35{height: 35px;}
.z_h40{height: 40px;}
.z_h45{height: 45px;}
.z_h48{height: 48px;}
.z_h50{height: 50px;}
.z_h55{height: 55px;}
.z_h56{height: 56px!important;}
.z_h60{height: 60px;}
.z_h65{height: 65px;}
.z_h70{height: 70px;}
.z_h80{height: 80px;}
.z_h90{height: 90px;}
.z_h100{height: 100px;}
.z_h110{height: 110px;}
.z_h114{height: 114px;}
.z_h120{height: 120px;}
.z_h135{height: 135px;}
.z_h140{height: 140px;}
.z_h150{height: 150px;}
.z_h160{height: 160px;}
.z_h168{height: 168px;}
.z_h170{height: 170px;}
.z_h190{height: 190px;}
.z_h200{height: 200px;}
.z_h224{height: 224px;}
.z_h285{height: 285px;}
.z_h290{height: 290px;}
.z_h100p{height: 100%;}
.posr {
    position: relative;
}
.z_w100p {
    width: 100%!important;
}
.z_center120 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.z_center120 h2{
    font-weight: bold;
}
.tup {
    text-transform: Uppercase;
}


.z_zlist li{width:20.666667%;float: left;margin-right: 5.777777%;}
.z_zlist li:nth-child(4n){margin-right: 0px;}
.z_ul-11 li{width: 24.17%;margin-right: 1.1066667%;float: left;}
.z_ul-11 li:nth-child(4n){margin-right: 0px;}
.bg{background-repeat: no-repeat;background-size: auto 100%;}
.z_bg {
    background-position: center 100%;
    background-size: cover;
}
/* 定位居中 */
.p_center{position:absolute; left:50%; top:46%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.ver_center{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.hor_center{ position:absolute; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}

.z_border {border: 1px solid #e0e0e0!important;}
.z_plr20 {padding-left: 20px;padding-right: 20px;}
.z_plr30{padding-left: 30px;padding-right:30px;}
.z_pb10{padding-bottom: 10px;}
.z_ptb20{padding-top: 20px;padding-bottom:20px;}
.z_minh70{min-height: 70px;}
.z_pb75 {padding-bottom: 35px;}
.z_pt60 {padding-top: 60px;}
.fl{float:left;}
.fr{float:right;}
.z_lineh60{line-height: 60px;}
.z_lineh70{line-height: 70px;}
.z_ul-1a li{line-height: 68px;}
.z_ul-2a li{width: 18.2%;margin-right: 2.25%;float: left;}
.z_ul-2a li:nth-child(5n){margin-right: 0px;}
.z_ul-3a li{width: 24%;margin-right: 1.333333%;float: left;margin-bottom: 30px;}
.z_ul-3a li:nth-child(4n){margin-right: 0px;}

/*  第四栏  */
.column-4{
    position: relative;
    padding: 100px 0 50px 0;
    background-color: #fafafa;
}
.column-4 h2{font-weight: bold;text-align: center;}
.column-4 .tup{text-align: center;}
.column-4 .cont-process{
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.column-4 .cont-process:nth-child(3){
    margin-top: 85px;
    margin-bottom: 58px;
}
.column-4 .cont-process .li-cont{
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
}
.column-4 .cont-process .process-li{
    position: relative;
    width: 140px;
    padding: 10px 10px;
    z-index: 2;
    background-color: #fafafa;
}
.column-4 .cont-process .process-li .title{
    font-size: 16px;
    font-weight: 600;
    color: #565656;
}
.column-4 .cont-process .process-li .text{
    font-size: 14px;
    color: #868686;
    margin-top: 10px;
    line-height: 130%;
}
/*  流程指标  */
.column-4 .cont-process .icon-process{
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    border-radius: 50%;
    margin: 0 25px;
    background-color: #fafafa;
    z-index: 2;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.column-4 .cont-process .icon-process:before,.column-4 .cont-process .icon-process:after{
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #000;
    z-index: 2;
    top: 50%;
    left: 50%;
}
.column-4 .cont-process .li-cont:hover{cursor: pointer;}
.column-4 .cont-process .li-cont:hover .icon-process{
    border: 2px solid #ffba04;
    background-color: #ffba04;
}
.column-4 .cont-process .li-cont:hover .process-li .title{
    color: #313131;
    font-weight:bold;
}
.column-4 .cont-process .li-cont:hover .process-li .text{
    color: #5b5b5b;
}
.column-4 .cont-process .li-cont:hover .icon-process:before,.column-4 .cont-process .li-cont:hover .icon-process:after{
    background-color: #fff;
}
.column-4 .cont-process .icon-process:before{
    margin: -4px 0 0 -4px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
}
.column-4 .cont-process .icon-process:after{
    margin: 3px 0 0 -4px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
}
.column-4 .cont-process .icon-process-right{
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
}
.column-4 .cont-process .icon-process2{
    transform:rotate(-180deg);
    -ms-transform:rotate(-180deg); 	/* IE 9 */
    -moz-transform:rotate(-180deg); 	/* Firefox */
    -webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
    -o-transform:rotate(-180deg); 	/* Opera */
}
/*  半圆虚线  */
.column-4 .cont-process .Dotted-line{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -650px;
    height: 150px;
    width: 150px;
    border-top: 1px dashed #92949a;
    border-left: 1px dashed #92949a;
    border-bottom: 1px dashed #92949a;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    z-index: 0;
}
.column-4 .cont-process .Dotted-line img{
    position: absolute;
    top: -46px;
    right: -230px;
}
.column-4 .cont-process .Dotted-line:before{
    content: '';
    position: absolute;
    top:-1px;
    right: -180px;
    width: 180px;
    border-top: 1px dashed #92949a;
}
.column-4 .cont-process .Dotted-line2{
    position: absolute;
    top: 53%;
    right: 50%;
    margin-right: -650px;
    height: 150px;
    width: 150px;
    border-top: 1px dashed #92949a;
    border-right: 1px dashed #92949a;
    border-bottom: 1px dashed #92949a;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: 0;
}
.column-4 .cont-process .process-li:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    height: 0px;
    width: 104px;
    border-top: 1px dashed #92949a;
    z-index: 0;
}

.column-4 .cont-process:nth-child(3) .li-cont:nth-child(5) .process-li:after{
    content: '';
    position: absolute;
    border-top: 0px dashed #92949a;
}
.column-4 .cont-process:nth-child(3) .li-cont:nth-child(5) .icon-process2{
    position: absolute;
    top: 177px;
    left: 45px;
    z-index: 3;
}
/*.column-4 .cont-process:nth-child(4) .process-li:nth-child(1):before{
    content: '';
    position: absolute;
    top: 50%;
    left: -304px;
    height: 0px;
    width: 304px;
    border-top: 1px dashed #92949a;
    z-index: 0;
}*/

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}