/*首页*/
img{ width:100%}
.index_step1{ background: url(/2020_new/images/index/bg01.png);     padding-bottom: 11rem;background-size: auto;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;}
.index_step1 .title{ padding-top:13%;position:relative;}
.index_step1 .title span{ display:block;}
.index_step1 .title .font1,
.index_step2 .title .font1,
.index_step4 .title .font1,
.index_step5 .title .font1{    line-height: 4.6875rem; font-family: Arial Bold;font-size: 7.5rem;font-weight: 700;  color: #EAEAEA;}
.index_step1 .title .font2,
.index_step2 .title .font2,
.index_step4 .title .font2,
.index_step5 .title .font2{   line-height: 2.65625rem;color: #FF6F00;  font-size: 4.25rem; font-family: youshe;font-weight: 400; position: absolute;left: 50%;transform: translateX(-50%); bottom: 0;}
.index_step1 .desc,
.index_step2 .desc,
.index_step4 .desc,
.index_step5 .desc{  color:#7D7D7D; font-size: 2rem;    padding-top: 1.5rem; }
.index_step1 .content{ display:flex;    margin-top:13%; text-align:left;    align-content: center; justify-content: center;}
.index_step1 .content .item{  margin-left:5%}
.index_step1 .content .item:nth-child(1){ margin-left:0px;}
.index_step1 .content .item span{ display:block;} 
.index_step1 .content .item span:nth-child(1){  font-size: 3vw; color:#515151; letter-spacing:1px; line-height:0}
.index_step1 .content .item .name{ font-size:1rem;color: #7D7D7D;}
.index_step1 .content .item .jh{ font-size:1.5rem;}
.index_step1 .content .item .dz span{ display:inline-block;}
.index_step2{ position:relative; background: url(/2020_new/images/index/bg02.png);   background-size: 100% 100%;background-repeat: no-repeat; text-align:center; }
.index_step2 .title{ padding-top: 6.4375rem;position:relative;}
.index_step2 .title span{ text-align:left;display:block;}
.index_step2 .title .font1{     margin-left: -5%;color:#FD7721}
.index_step2 .title .font2{ transform:none; left: 0%;color:#FFFFFF;}
.index_step2 .desc{  color:#fff; text-align:left; }
.index_step2 .circle{position: absolute;height: 134px;width: 134px;  background: #fff; border-radius: 50%;left: 50%; top: -67px;transform: translate(-50%, 0);}
.index_step2 .b_circle{position: absolute;height: 115px;width: 115px; border: 1px solid #D9D9D9;  border-radius:  50%;left: 50%;    top: 9px;;transform: translate(-50%, 0);}
.index_step2 .s_circle{position: absolute;height: 80px;width: 80px; border: 3px solid #D8D8D8;  border-radius: 50%;left: 50%;    top: 16px;;transform: translate(-50%, 0);}
.index_step2 .s_circle .icon-down { position: absolute; left: 50%;transform: translate(-50%, 0%);color: #FF991E;  /*top: 50%;margin-top:10px;*/}
.index_step2 .s_circle .icon-down:after{ content:'';    top: -5px;
    left: -7px;  border : 1px dashed; transform: rotate(90deg); width: 30px;position: absolute;color: #FF991E;}
.index_step2_1 
{
    padding-top: 0px;
    padding-bottom: 100px;
}
.index_step2 .s_circle  .circle_jt
{
   position: relative;
   animation: circle_jt 2s infinite linear;
   height:100%;
   /* transform: translateZ(0px);
    animation:circle_jt 2s infinite linear ;
    -webkit-animation:circle_jt 1s infinite linear;*/
}
@-webkit-keyframes circle_jt {
    0%{
        /*-webkit-transform: rotate(0deg);*/
        margin-top:20px;
    }
    100%{
       /* -webkit-transform: rotate(360deg);*/
       margin-top:50px;
    }
}

.index_step3 { width: 100%; position:relative; padding-top:120px; text-align:center; background:#313540;     height: 528px;}
.index_step3 .title span{ display:block;color:#FFFFFF; font-size:4.25rem; font-family:youshe;font-weight:400}
.index_step3 .desc{ font-size:2rem; color:#fff;}
.index_step3 #box{ position:absolute;top:-100px; }
.index_step3 .swiper-slide{ text-align:left; background:#fff; width:460px; height:510px}
.index_step3 .swiper-slide .ptitle{ padding-bottom: 25px; padding-top: 25px; border-bottom:1px solid #E3E3E3; padding-left: 10%;line-height: 1.5;}
.index_step3 .swiper-slide .ptitle::after{ height: 50px; border-left: 4px solid #E3E3E3; content: "";position: absolute;top: 34px;left: 0px;}
.index_step3 .swiper-slide .p-active-t::after{height: 50px; border-left: 4px solid #FF7630; content: "";position: absolute;top: 34px;left: 0px; }
.index_step3 .swiper-slide .ptitle span{ display:block; font-weight:400;}
.index_step3 .swiper-slide .ptitle-t{ font-size:1.5rem;color:#515151}
.index_step3 .swiper-slide .ptitle-p{ font-size:1rem;color:#7D7D7D;}
.index_step3 .swiper-slide .detail{ margin-top:45px;}
.index_step3 .swiper-slide .detail ul { padding-left:10%; width:100%;}
.index_step3 .swiper-slide .detail ul li{ margin-bottom:2vw;}
.index_step3 .swiper-slide .detail ul li span{     font-size: 1rem;display:block;    line-height: 1.5rem;  }
.index_step3 .swiper-slide .detail .d-t-r{    word-wrap: break-word;width: calc(100% - 35%); /*margin-left:3%; */vertical-align: middle; display:inline-block;}
.index_step3 .swiper-slide .detail .d-t-ra span:nth-child(1){color:#FF7630}


.index_step3 .swiper-slide .detail img{ width:45px;margin-right: 20px;}
.index_step3 .icon-down::after{ 
    content: '';
    border-bottom: 1px dashed #FF991E;
    position: absolute;
    width: 0%;
    transform: rotate(270deg);
    left: 35%;
    bottom: 66%;}
.index_step3 .swiper-button-prev:hover::before,.index_step3 .swiper-button-next:hover::before{     transition: all 0.5s;top:65%}
.index_step3 .swiper-button-prev:hover::after,.index_step3 .swiper-button-next:hover::after{ bottom:50%;width:30%}
.index_step3 .swiper-pagination{ display:none;}

.index_step3 .icon-down:before{  font-size:19px;    transform: translate(-50%, -50%);      top: 50%;   position: absolute;}
.index_step3 .swiper-button-prev,.index_step3 .swiper-button-next{ width: 65px; height: 65px;background: #fff;border-radius: 65px;}
.index_step3 .swiper-button-prev{   transform: rotate(90deg);  left: -110px;}
.index_step3 .swiper-button-next{  transform: rotate(270deg);   right: -110px;}
.index_step3  .p-active{ -webkit-transition:top 0.2s ease-in-out;width: 480px;top:0px !important;height: 540px;box-shadow: 8px 5px 59px 0px rgba(0,0,0,0.15);z-index:999  }
.index_step3  .sw-p{position: absolute;left: 50%; transform: translate(-50%,80px); z-index: 1000;}
.index_step4{ text-align:center;   /* height:900px;  */  background-size: 100%;background-repeat: no-repeat; background-image:linear-gradient(#EDEDED,#ffffff); padding-top: 330px;}
.index_step4 .title{ padding-top:8.125rem; position:relative;}
.index_step4 .title span{ display:block;}
.index_step4 .content_m{ display:none;}
.index_step4 .content{ background:url(/2020_new/images/index/bg04.png); background-repeat:no-repeat; background-size:100% 100%; max-height:517px}
.index_step4 .content_1{ margin-top:64px; display:flex;text-align:left; align-items: center; justify-content: center;}
.index_step4 .content .item{    margin-left:5%}
.index_step4 .content .item:nth-child(1){ margin-left:0px;}
.index_step4 .content  span{     font-style: normal; color:#FF991E; font-size: 1.7vw; position: absolute;left: 29%;  top: 33%; font-weight:Bold }
.index_step4 .content .item:nth-child(3){ position:relative; /*background:url(/2020_new/images/index/img01.png); height:522px;width: 100%;  background-repeat:no-repeat; background-size:100% 100%;*/}
.index_step4 .content .item .item_act{    text-align: center;position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.index_step4 .content .item .item_act img{width:90% }
.index_step4 .content .item .item_act .item_name{ left: 0; top: 0;   display: block;font-size:1rem; color:#888;     margin-top: 1.5rem; }

@-webkit-keyframes circle_rotate{
    0%
    {
       
        -webkit-transform: rotate(0deg);
    }
    100%
    {
      
        -webkit-transform: rotate(360deg);
    }
}

.index_step4 .content .circle{ position:relative;     width: 7.7vw; height: 7.7vw; }
.index_step4 .content .item  .circle i:before {border:1px dashed #FF6F00;animation: circle_rotate 15s linear 0s infinite;}
.index_step4 .content .item  .circle:hover i:before {/* transform: scale(0.75); */ width: 75%;height: 75%; left: 12.5%; top: 12.5%;}
.index_step4 .content .item  .circle:hover i:after {/* transform: scale(1); */width: 100%; height: 100%; left: 0; top: 0;}

.index_step4 .content .item  .circle i:before,.index_step4 .content .item  .circle i:after { content: ''; position: absolute; width: 100%;height: 100%;z-index: 0; left: 0;top: 0;border-radius: 50%;box-sizing: border-box;transition: 0.5s ease 0s;}
.index_step4 .content .item  .circle i:after { border: 1px solid #e8e8e8;/* transform: scale(0.75); */  width: 75%; height: 75%;left: 12.5%;top: 12.5%;}
.index_step5 .content{ display:block; }
.index_step5 .content_m{ display:none; }

.index_step5 { margin-top:166px; text-align:center;  background:url(/2020_new/images/index/bg03.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.index_step5 .title{ padding-top: 3.75rem; position:relative;}
.index_step5 .title span{ display:block;}
.index_step5 .content{ width:90%;  margin:0 auto;}
.index_step5 .desc{  color:#ffffff;}
.index_step5 .title .font1{color:#FD7721}
.index_step5 .title .font2{color:#ffffff;}
.index_step6 { background:#fff;}
.index_step6 .title{   color: #2B3144;  margin-top: 5.625rem;margin-bottom: 4.8125rem; display: flex;align-items: center;justify-content: space-between;}
.index_step6 .title .t-1{ font-size:2.4375rem; color:#2B3144}
.index_step6 .title .t-2{    margin-right: 40px; font-size:1.5rem; color:#2B3144; position:relative}
.index_step6 .content{display: flex; margin-bottom:8.75rem;}
.index_step6 .content .c-r{     width: 26.25rem; background-color:#EAEAEA;   margin-right: 7.5625rem; }
.index_step6 .content .c-l {     width: calc(100% - 40%); }
.index_step6 .content .cdt{      width: calc(50% - 5px); margin-left:5px;          margin-bottom: 3.6875rem;float: left;}
.index_step6 .content .cdt span{ display:block; }
.index_step6 .content .c-l .c-t{ padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:1.5rem;color:#333333; font-size:1.125rem;}
.index_step6 .content .c-d{ font-size:0.875rem; color:#666;}
/*.index_step6 .content .newimg{ height:200px}
.index_step6 .content .newimg img{height:200px}*/
.index_step6 .content .c-r .cdt{ width:100%;  float: left;padding-left: 1.875rem;  padding-top: 1.875rem;margin-bottom:0px; }
.index_step6 .content .mb-0{margin-bottom:0}
.index_step6 .content .c-r .c-d{ font-size:1rem; color:#666;}
.index_step6 .content .c-r .c-t{ font-size:1.5rem;color:#2B3144; font-weight:bold;margin-top: 1.125rem;    padding-right: 2.6875rem;}
.index_step6 .content .more{ font-size:1rem; color:#2B3144;     margin-top: 2.4375rem; margin-bottom: 2.4375rem;}
.index_step6 .content .c-l .c-t:hover{ text-decoration:underline;}
.index_step2 .qx_m{ display:none;}
.index_step6 .content .cdt:nth-child(7), .index_step6 .content .cdt:nth-child(8){ margin-bottom:0px;}

.index_step6 .content .newimg{overflow: hidden;}
.index_step6 .content .c-r:hover a{color:#ff7630; cursor:pointer;}
.index_step6 .content .c-r:hover .newimg img{ transform:scale(1.1);   transition: 0.5s ease 0s;}
.index_step6 .content .c-r:hover .more_jt::after{border-bottom: 1px dashed #ff7630;}
.index_step6 .content .c-r:hover .more_jt{ margin-left: 35px;transition: all 0.5s}

@media screen and (min-width: 1099px) and (max-width: 1680px)
{
    .index_step3 .swiper-button-prev{left: -75px;}
    .index_step3 .swiper-button-next{right: -75px;}
}


/*手机*/
@media screen and (max-width: 787px) 
{
     .w-73{ width:100% !important; }
    .index_step1{ padding-bottom: 5.1875rem; height:auto;margin-top:0}
    .index_step1 .title{ padding-top: 3.875rem;}
    .index_step1 .title .font1,
    .index_step2 .title .font1,
    .index_step4 .title .font1,
    .index_step5 .title .font1{font-size:3.75rem;line-height:3.75rem;  color:#EAEAEA}
    .index_step1 .title .font2,
    .index_step2 .title .font2,
    .index_step4 .title .font2,
    .index_step5 .title .font2{  font-size: 2.75rem;line-height: 2.125rem; width:100%; }
    .index_step1 .desc, 
    .index_step2 .desc,
    .index_step4 .desc,
    .index_step5 .desc{     font-size: 1rem; margin-top: 0;padding-top: 0.875rem;}
    .index_step1 .content{ margin-top:2.675rem;flex-wrap: wrap; text-align:center;}
    .index_step1 .content .item{    margin-bottom: 1.3375rem;margin-left:0; width:33.3%}
    .index_step1 .content .item span:nth-child(1){ font-size: 1.6875rem;}
    .index_step1 .content .item .name{    margin-left:0rem;font-size: 0.75‬rem;}
    .index_step1 .content .item .jh{   font-size: 0.75‬rem;}
    .index_step2 .circle{width:67px; height:67px;top: -33.5px;  /*width:4.78rem; height:4.78rem;top: -2.39rem;*/}
    .index_step2 .b_circle{ width: 57.5px;height: 57.5px;top: 4.5px;}
    .index_step2 .s_circle{ width:40px; height:40px;top:8px}
    .index_step2 .s_circle .icon-down{top: 50%;
     left: 50%;
     transform: translate(-50%, -15%);}
    .index_step2 .s_circle .icon-down:after {
    content: '';
    top: 2px;
    left: 0;
    width: 15px;
}
    .index_step2 .s_circle .circle_jt{transform:unset; position:unset;animation:unset;}
    .index_step2  .qx_m{ display:block;  position:relative;  padding-top: 3rem;}
    .index_step2  .qx_m .qx_l{border: 1px solid #fff;position: absolute;left: 6.5rem; height: 33.875rem;}
    .index_step2 .index_step2_item_m{  margin-bottom: 1.1875rem;     height: 3.625rem;align-items: center;display: flex;     margin-left: 2.3125rem;  color: #fff;font-size: 0.875rem;}
    .index_step2 .index_step2_item_m .step2_m_l{    width: 50px; margin-right:1.125rem;}
    .index_step2 .index_step2_item_m .step2_m_m {   position:relative;}
    .index_step2 .index_step2_item_m .step2_m_m:after{box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);content: ''; position: absolute; width:0.625rem; height:0.625rem; background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
    .index_step2 .index_step2_item_m .step2_m_r{ margin-left:1.25rem;}
    .index_step2 .index_step2_item_m .step2_m_r img{    width: 3.125rem;height: 3.625rem; margin-right: 1rem; }
    .index_step2 { background:url(/2020_new/images/index/m_bg02.jpg);}
    .index_step2 .qx{ display:none;}
    .index_step2 .w-73{ width:100% }
    .index_step2 .title{ padding-top:4.0625rem}
    .index_step2 .title .font1{ color: #FD7721;}
    .index_step2 .title .font2{ color: #fff;    margin-left: 2.3125rem;  }
    .index_step2 .desc{margin-left: 2.3125rem;}
    .index_step3 .sw-p{left:0;width: 100%;}
    .index_step3 .swiper-button-prev, .index_step3 .swiper-button-next{ display:none;}
    .index_step3 .swiper-container{ width:100%}
    .index_step3 .swiper-slide{  margin-left:20px;    width: 80%; height:auto; }
    .index_step3{ padding-top: 4.875rem; height:auto;}
    .index_step3 .title span{    font-size: 2.75rem;}
    .index_step3 .desc{    font-size: 1.5rem;}
    .index_step3 .sw-p{  position:relative;transform: translate(0%,44px); }
  
    .index_step3 .swiper-slide .ptitle{ line-height:1.5rem}
    .index_step3 .swiper-slide .ptitle-t{ font-size: 1.25rem;}
     .index_step3 .swiper-slide .ptitle-p{    font-size:0.75rem;}
     .index_step3 .swiper-slide .ptitle::after{top: 3%; }
     .index_step3 .swiper-slide .p-active-t::after{    top: 3%;    height: 2.735‬rem;}
     .index_step3 .swiper-slide .detail .d-t-r{ width: calc(100% - 25%);   font-size: 0.75rem;}
     .index_step3 #box{top: -280px;}
     .index_step3 .p-active{  width:auto;    height:auto;}
     .index_step3 .swiper-slide .ptitle{    padding-bottom:.8875rem; padding-top:.8875rem;  height:auto;}
     .index_step3 .swiper-slide .detail{     margin-top:1.3375rem;}
     .index_step3 .swiper-slide .detail .loadico{ width:1.025‬rem; height:1.025‬rem; }
     .index_step3 .swiper-slide .detail ul{ padding-left: 1.25rem}
     .index_step3 .swiper-slide .detail ul li{    margin-bottom: 1.3375rem;}
     .index_step3 .swiper-pagination{ display:block;}
     .index_step3 .swiper-pagination-bullets{    width: 100%;z-index: 999;margin-top: 63px; }
     .index_step3 .swiper-pagination .swiper-pagination-bullet { margin-left:10px;vertical-align: middle;}
     .index_step3 .swiper-pagination-bullet-active{ width:12px;  height:12px; background:#FF7630;background: #fff;border: 4px solid #FF7630;}
     .index_step4{padding-top: 6.9625rem;}
     .index_step4 .title{    padding-top: 0;}
     .index_step4 .content{ display:none;}
     .index_step4 .content_m{  border:0; display:block;}
     .index_step4 .content_m .circle{   border:0;   position: absolute; left: 50%; transform: translatex(-50%);    width: 5rem; height: 5rem; }
     .index_step4 .content_m_1{margin-top:2.625rem; margin-bottom:1.75rem; position:relative;justify-content: center; display: flex;justify-items: center;  align-items: center;}
     .index_step4 .content_m_1 img{ width:90%;}
     .index_step4 .content_m_1  .item_act{    text-align: center; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
     .index_step4 .content_m_1 .item_act img { width: 40%;}
     .index_step4 .content_m_1 .item_act .item_name{ left: 0; top: 0;   display: block;font-size:0.53125‬rem; color:#888;     margin-top: 10%; }
     .index_step4 .content_m_2{   border:0; padding-bottom: 4.125rem;display: flex;justify-items: center;  align-items: center;}
     .index_step4 .content_m .content_m_2 .item{margin-left: 1.875rem; width:25%;position: relative;    border: 0;}
     .index_step4 .content_m .content_m_2 .item:nth-child(1){margin-left: 0.625rem;}
     .index_step4 .content_m .content_m_2 .item:nth-child(4){margin-right: 0.625rem;}
     .index_step4 .content_m .circle i{ border:0}
     .index_step4 .content_m .circle i:before {border: 1px dashed #FF6F00;animation: circle_rotate 15s linear 0s infinite;}
     .index_step4 .content_m .circle:hover i:before {/* transform: scale(0.75); */ width: 75%;height: 75%; left: 12.5%; top: 12.5%;}
     .index_step4 .content_m .circle:hover i:after {/* transform: scale(1); */width: 100%; height: 100%; left: 0; top: 0;}
     .index_step4 .content_m .circle i:before,.index_step4 .content_m .circle i:after { content: ''; position: absolute; width: 100%;height: 100%;z-index: 0; left: 0;top: 0;border-radius: 50%;box-sizing: border-box;transition: 0.5s ease 0s;}
     .index_step4 .content_m  .circle i:after { border: 1px solid #e8e8e8;/* transform: scale(0.75); */  width: 75%; height: 75%;left: 12.5%;top: 12.5%;}
     .index_step4 .content_m  span{     font-style: normal; color:#FF991E; font-size: 1rem; position: absolute;left: 29%;  top: 35%; font-weight:Bold }
     .index_step4 .content_m { background-repeat: no-repeat; background-size: 100% 100%}
     .index_step5 {margin-top: 2.94375rem;    padding-bottom: 5rem;}
     .index_step5 .title .font1{color: #FD7721;}
     .index_step5 .content{ display:none; }
     .index_step5 .content_m{ display:block;    padding-bottom: 1.875‬rem; padding-top: 2.1875rem; }
     .index_step6{    margin-top: 2.75rem !important; max-height:unset; width:100%;}
     .index_step6 .title{     margin-top: 0px; margin-bottom: 1.25rem; }
     .index_step6 .title .t-1{font-size:1.1875‬rem}
     .index_step6 .title .t-2{font-size:0.875rem;margin-right: 0;}
     .index_step6 .title .t-2 .more_jt{font-size:0.75rem; vertical-align:baseline}
     .index_step6 .content{flex-wrap: wrap;}
     .index_step6 .content .c-r,.index_step6 .content  .c-l{ width:100%}
     .index_step6 .content .c-r{ margin-right:0}
     .index_step6 .content  .c-l{    margin-top: 1.38125rem;}
     .index_step6 .content .cdt .c-d{ font-size:0.75rem;}
     .index_step6 .content .cdt{ margin-left:0;margin-bottom: 1.875rem;width:100%}
     .index_step6 .content .c-l .c-t{    font-size: 0.875rem; margin-top: 0.9375rem;}
     .index_step6 .content .c-r .c-t{    font-size: 1rem; margin-top:0.9375rem; padding-right: 5.875‬rem;}
     .index_step6 .content .more{font-size: 0.75rem; margin-top: 1.8125‬rem;margin-bottom: 1.875‬rem;}
     .index_step6 .content .more .more_jt{font-size: 0.875rem; display:none !important;}
     .index_step6 .content .c-l{margin-bottom:3.75‬rem;}
     .index_step6 .content .newimg img{ height:12.5‬rem}
     .index_step6 .content .c-r .cdt{ padding-left: 1.25rem;    padding-top: 1.875rem;}
     .index_step6 .content .cdt:nth-child(6),.index_step6 .content .cdt:nth-child(7),.index_step6 .content .cdt:nth-child(8){ display:none;}
     .index_step6 .content{ margin-bottom:0;}
     .index_step2_1{padding-bottom:50px;}
     .index_step3 .swiper-slide .detail img{ width:10%;    margin-right: 0.625rem;}
      .index_step6 .content .cdt{ width:48%; margin-left:1%}
    .index_step6 .content { margin-bottom: 30px;}
}

/*ipad*/
@media screen and (min-width: 768px) and (max-width: 1024px)
{
  .index_step2 .qx_m{ display:none;}
  .index_step2 .qx{ display:block;    width: 90%; margin: 0 auto;}
   .index_step3  .swiper-button-prev,.index_step3 .swiper-button-next{ display:none;}
  .index_step6 .content .cdt:nth-child(6),.index_step6 .content .cdt:nth-child(7),.index_step6 .content .cdt:nth-child(8){ display:block;}
  .index_step3 .swiper-slide .detail img{ width:45px;}
  .index_step6{ zoom:0.8}
  .index_step6 .content .c-r{     margin-right: 3.5625rem}
  .index_step2 .s_circle .icon-down:after{left:-8px;}

}