.proc-tabmd{
    position: absolute;    right: 0;}
.proc-tabmd>a{
    width: 128px;
    height: 31px;
    line-height: 31px;
    background: url(../images/pro-ic22.png) center bottom no-repeat;
    font-size: 16px;
    color: #888;
    display: inline-block;
    text-align:center;
    margin-left: 5px;
    -webkit-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .2s;
    -moz-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .2s;
    -ms-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .2s;
    -o-transition:all cubic-bezier(0.85, 0.56, 0, 1.3) .2s;
    transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .2s;}
.proc-tabmd>a.active,.proc-tabmd>a:hover{
    background: url(../images/pro-ic22.png) center 0 no-repeat;
    color: #fff;
}
.proc-ifbox{
    position: relative;
    background:url(../images/pro-ic2.png) left 10px no-repeat;    padding-top: 120px;
    height: 720px;
}
.proc-ifbox .proc-tabmd{
    right: 20px;
    top:40px;
    bottom:inherit;
}
.proc-leftpos{    position: absolute;
    left: 40px;
    top:20px;
}
.proc-leftpos>h3{
    color: #357be3;
    font-size: 30px;
    font-weight: bold;
}
.proc-leftpos>p{
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
}
.proc-leftpos>p>em{
    color: #666;
}
.proc-leftpos>p>i{
    display: inline-block;
    width: 28px;
    height: 19px;
    background: url(../images/pro-ic1.png) center center no-repeat;
    vertical-align: text-bottom;
    margin-left: 10px;
}
.proc-scale-m{
    padding: 20px 0;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -webkit-transform: translate(-51%,-50%) scale(1);
    -moz-transform: translate(-51%,-50%) scale(1);
    -ms-transform: translate(-51%,-50%) scale(1);
    transform: translate(-51%,-50%) scale(1);
    margin-top: 30px;
}
.proc-style-b .proc-sclrow1:nth-child(1) .proc-wside:nth-child(2){
    display: none;
 }
 .proc-style-b .proc-sclrow1:nth-child(1) .proc-wside:nth-child(1){
    margin-right: 367px;
 }
 .proc-style-b .proc-sclrow1:nth-child(1) .proc-wside:nth-child(1) .proc-rgtic{
    width: 346px;
 }
.proc-style-b .proc-sclrow1:nth-child(2) .proc-wside:nth-child(4) .proc-topic-blue{
   display: none;
}@media screen and (min-width:1600px) and (max-width:1700px){
    .proc-scale-m{
        -webkit-transform: translate(-51%,-50%) scale(0.8);
        -moz-transform: translate(-51%,-50%) scale(0.8);
        -ms-transform: translate(-51%,-50%) scale(0.8);
        -o-transform: translate(-51%,-50%) scale(0.8);
        transform: translate(-51%,-50%) scale(0.8);
        margin-top: 50px;
        }        .proc-ifbox{
            height: 640px;
        }}
@media screen and (max-width:1599px){
    .proc-scale-m{
        -webkit-transform: translate(-51%,-50%) scale(0.7);
        -moz-transform: translate(-51%,-50%) scale(0.7);
        -ms-transform: translate(-51%,-50%) scale(0.7);
        -o-transform: translate(-51%,-50%) scale(0.7);
        transform: translate(-51%,-50%) scale(0.7);
        margin-top: 50px;
    }    .proc-ifbox{
        height: 570px;
    }
}
@media screen and (max-width:1400px){
    .proc-scale-m{
        -webkit-transform: translate(-51%,-50%) scale(0.6);
        -moz-transform: translate(-51%,-50%) scale(0.6);
        -ms-transform: translate(-51%,-50%) scale(0.6);
        -o-transform: translate(-51%,-50%) scale(0.6);
        transform: translate(-51%,-50%) scale(0.6);
    }}
.proc-sclrow1{
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content:flex-end;
}.proc-wside{
    position: relative;
}
.proc-wside:not(:last-child){
    margin-right: 95px;
}
.proc-pad-r{
    padding-right: 210px;
    margin-bottom: 70px;
}
.proc-pad-r2{
    padding-right: 270px;
    margin-top: 35px;
}
.proc-sclout{
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;}
.proc-sclc1{
    position: relative;
    width: 135px;
    height: 135px;
    background: linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -moz-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -ms-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -webkit-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -o-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    border-radius: 50%;
    border: 1px solid #f56b01;
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;}.proc-sclout{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    background: linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -moz-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -ms-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -webkit-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    background: -o-linear-gradient(-60deg,#f4f6f9, #f1e4e3);
    border-radius: 50%;
    box-shadow: 0 0 0 1px #f56b01;
}
.proc-sclc1:hover .proc-sclout{    -webkit-animation: sun 0.8s ease-in-out infinite ;
    -moz-animation: sun 0.8s ease-in-out infinite ;
    animation: sun 0.8s ease-in-out infinite ;
}.proc-sclc1.proc-scgreen:hover .proc-sclout{    -webkit-animation: sun 0.8s ease-in-out infinite ,  green 0.8s ease-in-out infinite ;
    -moz-animation: sun 0.8s ease-in-out infinite  ,  green 0.8s ease-in-out infinite  ;
    animation: sun 0.8s ease-in-out infinite,  green 0.8s ease-in-out infinite ;
}
.proc-sclc1.proc-scblue:hover .proc-sclout{    -webkit-animation: sun 0.8s ease-in-out infinite ,  blue 0.8s ease-in-out infinite ;
    -moz-animation: sun 0.8s ease-in-out infinite  ,  blue 0.8s ease-in-out infinite  ;
    animation: sun 0.8s ease-in-out infinite,  blue 0.8s ease-in-out infinite ;
}
@keyframes sun{
    0%{
     opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow:0 0 0  5px #f56b01;
    }
    50%{
      opacity: 0.2;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    box-shadow:0 0 0 25px #f56b01;
    }
    100%{
         opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.6);        box-shadow:0 0 0 45px #f56b01;
    }
}
@keyframes blue{
    0%{    box-shadow:0 0 0  5px #439aed;
    }
    50%{    box-shadow:0 0 0 25px #439aed;
    }
    100%{        box-shadow:0 0 0 45px #439aed;
    }
}@keyframes  green{
    0%{    box-shadow:0 0 0  5px #2cb6a9;
    }
    50%{    box-shadow:0 0 0 25px  #2cb6a9;
    }
    100%{        box-shadow:0 0 0 45px  #2cb6a9;
    }
}
.proc-scblue{
    border:1px solid #439aed;
    background: linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -moz-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -ms-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -webkit-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -o-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
}
.proc-scblue .proc-sclout{    background: linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -moz-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -ms-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -webkit-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    background: -o-linear-gradient(-60deg,#f2f5f9, #d9e7f5);
    box-shadow: 0 0 0 1px #439aed;
}.proc-scgreen{
    border:1px solid #2cb6a9;
    background: linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -moz-linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -ms-linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -webkit-linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -o-linear-gradient(-60deg,#f6f5f9, #daedee);
}
.proc-scgreen .proc-sclout{    background: linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -moz-linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -ms-linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -webkit-linear-gradient(-60deg,#f6f5f9, #daedee);
    background: -o-linear-gradient(-60deg,#f6f5f9, #daedee);
    box-shadow: 0 0 0 1px #2cb6a9;
}
.proc-scblue .proc-slinehr{
    border-bottom: 1px solid #9cc7f2;
}
.proc-scblue .proc-sline3{
    color: #1d75ca;
}
.proc-sclc-big{
    width: 175px;
    height: 175px;
}
.proc-sline1{
    display: inline-block;
    width: 29px;
    height: 29px;
}
.proc-sic1{
    background: url(../images/pro-ic3.png) center center no-repeat;
}.proc-sic2{
    background: url(../images/pro-ic4.png) center center no-repeat;
}
.proc-sic3{
    background: url(../images/pro-ic5.png) center center no-repeat;
}
.proc-sic4{
    background: url(../images/pro-ic6.png) center center no-repeat;
}
.proc-sic5{
    background: url(../images/pro-ic7.png) center center no-repeat;
}
.proc-sic6{
    background: url(../images/pro-ic8.png) center center no-repeat;
}
.proc-sic7{
    background: url(../images/pro-ic9.png) center center no-repeat;
}
.proc-sic8{
    background: url(../images/pro-ic10.png) center center no-repeat;
}
.proc-sic9{
    background: url(../images/pro-ic10.png) center center no-repeat;
}
.proc-sic10{
    background: url(../images/pro-ic10.png) center center no-repeat;
}
.proc-sline2{
   font-size: 20px;
   font-weight: bold;
   color: #333;
   margin: 5px 0 0;
}
.proc-slinehr{
    border-bottom: 1px solid #f3bc17;
    margin:5px 0;
    width: 80%;
}
.proc-sline3{
    font-size: 16px;
    font-weight: bold;
    color: #fa7048;
    text-align: center;
}
.proc-sline3>ul{
    display: flex;    min-height:90px;
    display: -webkit-flex;    flex-direction: column;    align-items: center;}
.proc-scblue .proc-sline3>ul{
    justify-content: space-around;
}
.proc-sline3>ul>li{
    cursor: pointer;
}
.proc-sline3>ul>li:hover{
    color: #fa7048
}
.proc-btm-tit{
   background: #287bf6;
   color: #fff;
   border-radius: 5px;
   padding: 10px;
   text-align: center;}
.proc-btm-tit>h4{
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0;
}
.proc-btm-tit>p{
  font-size: 18px;
  margin:0;
}
.proc-rgtic{
    display: inline-block;
    width: 76px;
    height: 19px;
    background: url(../images/pro-ic29.png) left center no-repeat;
    position: absolute;
    left: 107%;
    top:50%;
    margin-top: -9px;
}
.proc-rgtic>i{
    background: url(../images/pro-ic27.png) right center repeat-x;
    height: 2px;
    display: inline-block;
    animation: mylhreverse 10s linear infinite;
    position: absolute;
    top: 9px;
    left: 18px;
    right: 0px;
}
@keyframes mylhreverse{
    form{
        background-position:right center;
    }
    to{
        background-position:right 120px center;
    }
}.proc-rgtic-two{
    display: inline-block;
    width: 61px;
    height: 43px;
    background: url(../images/pro-ic12.png) center center no-repeat;
    position: absolute;
    left: 110%;
    top:50%;
    margin-top: -22px;
}
.proc-rgtic-two>i{
    background: url(../images/pro-ic27.png) left center repeat-x;
    height: 2px;
    display: inline-block;
    position: absolute;}
.proc-rgtic-two>i.i1{
    animation: mylh 10s linear infinite;    top: 9px;
    right: 18px;
    left: 0px;
}
.proc-rgtic-two>i.i2{
    background: url(../images/pro-ic27.png) right center repeat-x;
    animation: mylhreverse 10s linear infinite;    bottom:9px;
    left: 18px;
    right: 0px;
}
.proc-rgtic-wan{
    display: inline-block;
    width: 114px;
    height: 148px;
    background: url(../images/pro-ic15.png) center right no-repeat;
    position: absolute;
    left: 110%;
    top:50%;}
.proc-rgtic-wan>.wic1{
    background: url(../images/pro-ic25.png) center top repeat-y;
    width: 2px;
    display: inline-block;
    animation: mylver 10s linear infinite;
    position: absolute;
    right: 9px;
    bottom: 19px;
    top: 13px;
    z-index: -1;
}
.proc-rgtic-wan>.wic2{
    background: url(../images/pro-ic27.png) left center repeat-x;
    height: 2px;
    display: inline-block;
    animation: mylh 10s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    right: 23px;
}
.proc-rgtic-blue{
    display: inline-block;
    width: 75px;
    height: 19px;
    background: url(../images/pro-ic28.png) right center no-repeat;
    position: absolute;
    left: 107%;
    top:50%;
    margin-top: -9px;
}
@keyframes mylh{
    form{
        background-position:left center;
    }
    to{
        background-position:120px center;
    }
}.proc-rgtic-blue>i{
    background: url(../images/pro-ic27.png) left center repeat-x;    height: 2px;
    display: inline-block;
    animation: mylh 10s linear infinite;
    position: absolute;
    top: 9px;
    left: 0;
    right: 18px;
}
.proc-topic-blue{
    display: inline-block;
    width: 20px;
    height: 68px;
    background: url(../images/pro-ic26.png) center top no-repeat;
    position: absolute;
    left:50%;
    margin-left: -10px;
    bottom: 107%;}
@keyframes myl{
    form{
        background-position:center bottom 0;
    }
    to{
        background-position:center bottom 120px;
    }
}@keyframes mylver{
    form{
        background-position:center top 0;
    }
    to{
        background-position:center top 120px;
    }
}.proc-topic-blue>i{    background: url(../images/pro-ic25.png) center bottom repeat-y;
    width: 2px;
    height: 50px;
    display: inline-block;
    animation: myl 10s linear infinite;
    position: absolute;
    left: 9px;
    bottom: 0;
}.proc-myline-i{
   width: 50px;
   height:10px;
   padding:1em;
   border: 1px solid transparent;
   background:
      linear-gradient(white,white) padding-box,
      repeating-linear-gradient(-45deg, black 0,black 25%,white 0,white 50% )0 /.6em .6em;
   animation:ants 12s linear infinite;
}
.proc-rgtic-wang{
    display: inline-block;
    width: 175px;
    height: 107px;
    background: url(../images/pro-ic16.png) center right no-repeat;
    position: absolute;
    right: 50%;
    top:104%;}
.proc-rgtic-wang>.wic1{
    background: url(../images/pro-ic25.png) center bottom repeat-y;
    width: 2px;
    display: inline-block;
    animation: mylver 4s linear infinite;
    position: absolute;
    right: 0;
    bottom: 19px;
    top: 0;
    z-index: -1;
}
.proc-rgtic-wang>.wic2{
    background: url(../images/pro-ic27.png) right center repeat-x;
    height: 2px;
    display: inline-block;
    animation: mylhreverse 10s linear infinite;
    position: absolute;
    bottom: 9px;
    left: 18px;
    right: 13px;
}
.proc-rgtic-green{
    display: inline-block;
    width: 325px;
    height: 19px;
    background: url(../images/pro-ic30.png) left center no-repeat;
    position: absolute;
    right: 107%;
    top:50%;
    margin-top: -9px;
}
.proc-rgtic-green>i{
    background: url(../images/pro-ic27.png) right center repeat-x;
    height: 2px;
    display: inline-block;
    animation: mylhreverse 10s linear infinite;
    position: absolute;
    top: 9px;
    left: 18px;
    right: 0px;
}
.proc-rgtic-gw1{
    display: inline-block;
    width: 410px;
    height: 117px;
    background: url(../images/pro-ic18.png) left center no-repeat;
    position: absolute;
    right: 120%;
    bottom: 33%;
}.proc-rgtic-gw1>span{    background: #1fcb6f;
    font-size: 16px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    border-radius: 25px;
    display: inline-block;
    padding: 0px 20px;
    position: absolute;
    bottom: -10px;
    left: 120px;
}
.proc-rgtic-gw2{
    text-align: left;
    display: inline-block;
    width: 177px;
    height: 86px;
    background: url(../images/pro-ic19.png) center center no-repeat;
    position: absolute;
    right: 107%;
    bottom: 56%;
}
.prw-wic1{
    background: url(../images/pro-ic25.png) center bottom repeat-y;
    width: 2px;    display: inline-block;
    animation: myl 10s linear infinite;
    position: absolute;
    left: 9px;
    bottom: 11px;
    top: 15px;
    z-index: -1;
}
.prw-wic2{
    background: url(../images/pro-ic27.png) right center repeat-x;
    height: 2px;
    display: inline-block;
    animation: mylhreverse 10s linear infinite;
    position: absolute;
    bottom: 0px;
    left: 18px;
    right: 13px;
    z-index: -1;
}
.proc-rgtic-gw2>span{
    background: #1fcb6f;
    font-size: 16px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    border-radius: 25px;
    display: inline-block;
    padding: 0px 20px;
    margin: 33px 0;
    margin-left: -28px;
}
.proc-toptit{    position: absolute;
    bottom: 104%;    width:100%;
    height: 75px;    text-align: center;
    background: url(../images/pro-ic31.png) center bottom no-repeat;
}
.proc-toptit>i{
    background: url(../images/pro-ic25.png) center top repeat-y;
    width: 2px;    display: inline-block;
    animation: mylver 10s linear infinite;
    position: absolute;
    left: 50%;
    bottom: 19px;
    top:0px;
    z-index:-1;
}
.proc-toptit>span{
    margin-top: 15px;
    font-size: 16px;
    background: #fa7048;
    border-radius: 25px;
    text-align: center;
    min-width: 92px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    display: inline-block;
}
.proc-other{    text-align: center;
    position: absolute;
    right: 80%;
    top:-40px;
    background: url(../images/pro-ic11.png) right 35px no-repeat;
    min-width: 158px;
    min-height: 125px;
    font-size: 15px;
    color: #333;
}
.proc-other>span{
    font-size: 16px;
    color: #fff;
    background: #424c9b;
    height:28px;
    line-height: 28px;
    border-radius: 25px;
    display: block;
    min-width: 140px;
    margin-bottom: 22px;
}
.proc-margt2{
    margin-right: 345px !important;
}
.proc-margt3{
    margin-right:72px !important;
}
.proc-margt3 .proc-rgtic-blue{
    width: 52px;
}
.proc-show-list{
    position: absolute;
    width: 100%;
    left:0;
    top:0;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fa7048;
    border-radius: 50%;
    opacity: 0;    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}.proc-sclc1:hover {
    z-index: 1;
}
.proc-sclc1:hover .proc-show-list{    opacity: 1;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.proc-show-list>a{
    font-size: 12px;
    color: #fff;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
    display: block;    line-height: 1.3;
}
.proc-show-list>a:hover{
    opacity: 0.9;
}
.proc-scblue .proc-show-list{
    background: #4496e5;
}
.proc-scgreen .proc-show-list{
    background: #2cb6a9;
}
.zb-contleft{
    position: relative;
}