.nav_risk {
       width: 200px;
       /* height: 300px; */
       background: #fff;
       /* padding-top: 50px; */
       position: absolute;
       top: 50px;
       left: -53px;
       ;
       display: none;
     }

     .nav_risk li {
       color: #ffffff;
       text-align: center;
       font-size: 16px;
       /* line-height: 35px; */
       padding-right: 0;
       /* margin-bottom: 1px; */
       /* box-shadow: 0px 0px 2px rgb(246, 246, 246); */
       background: url("../images/xian.jpg") repeat-x 0px 32px;
     }

     .nav_risk li a {
       color: #377bb5;
     }

     .nav_risk li:hover {
       background: #51a3e1;
       color: #fff;
       cursor: pointer;
     }

     .nav_risk li:hover a {
       color: #fff;
     }

     .activeNav:hover .nav_risk {
       display: block;
     }

     /* 轮播图 */

     .swiper-slide {
       /* height: 350%!important; */
       background: rgb(161, 157, 157);
       text-align: center;
     }

     .slide_one {
       background: #b884cb;
       color: #fff;
       padding: 0 3%;
     }

     .slide_footer_img {
       width: 100%;
       height: 100%;
       text-align: center;
       padding-bottom: 2%;
     }

     .slide_one h4 {
       color: #fff;
     }

     .slide_two {
       background: #51a3e1;
       color: #fff;
       padding: 0 3%;
     }

     .slide_two h4 {
       color: #fff;
     }

     .slide_three {
       background: #ea977f;
       color: #fff;
       padding: 0 3%;
     }

     .slide_three h4 {
       color: #fff;
     }

     .slide_four {
       background: #e7919f;
       color: #fff;
       padding: 0 3%;
     }

     .slide_four h4 {
       color: #fff;
     }

     .content_risk {
       margin-top: 50px;
       position: relative;
     }

     .apply_join_top .navbar-default {
       background: #000;
       background-color: rgba(0, 0, 0, .7);
     }

     /* 分页器处理 */

     .pagination_control {
       position: absolute;
       left: 45.5%;
       bottom: -15%;
     }

     .swiper-pagination-bullet {
       margin-right: 20px;
       width: 12px !important;
       height: 12px !important;
       background: #badff6 !important;
       outline: none !important;
     }

     .swiper-pagination-bullet-active {
       background: #03b2fd !important;
       outline: none !important;
     }

     .slide_title_img img {
       width: 45%;
       height: 45%;
       margin: 5% 0;
     }

     .slide_content {
       color: #f4f8fc;
       margin: 5% 0;
     }

     /* 使用流程 */

     .process_content {
       display: flex;
       align-items: center;
       justify-content: space-around;
       margin-bottom: 10%;
       width: 100%;
     }

     .process_one {
       /* width: 2.5% */
       text-align: center;
       width: 6%;
     }

     .process_one img {
       width: 80%;
     }

     .process_two {
       width: 20%;
       /* height: 50%; */
       background: #ebeff4;
       /* display: flex; */
       /* justify-content: center; */
       /* align-items: center; */
       text-align: center;
     }

     .process_content_size {
       padding: 30% 0;
     }

     .process_content h4 {
       color: #666666;
       margin-top: -10px;
       font-size: 2.2rem;
     }

     .process_content p {
       color: #666;
       margin-top: 10px;
     }

     .device_btn {
       width: 300px;
       height: 50px;
       background: #51a3e1;
       color: #fff;
       margin-left: -77%;
       text-align: center;
       line-height: 50px;
     }

     .ourAndNewToggle:hover .ourAndNew {
       display: block;
     }

     .ourAndNew {
       display: none;
       width: 200px;
       position: absolute;
       left: -50px;
       top: 50px;
       background: #fff;
     }

     .ourAndNew li {
       background: #fff;
       text-align: center;
       /* box-shadow: 0px 0px 2px rgb(246, 246, 246); */
       background: url("../images/xian.jpg") repeat-x 0px 32px;
     }

     .ourAndNew li a {
       color: #377bb5;
     }

     .ourAndNew li:hover {
       background: #51a3e1;
       cursor: pointer;
     }

     .ourAndNew li:hover a {
       color: #fff;
     }

     .risk_btn a {
       display: block;
       width: 100%;
       background: #fff;
       border: 1px solid #51a3e1;
       text-align: center;
       height: 40px;
       line-height: 40px;
       border-radius: 3px;
     }

     .risk_btn a:hover {
       background: #51a3e1;
       color: #fff;
     }

     /* 首页样式 */

     .index_produce_box {
       display: flex;
       justify-content: space-around;
       width: 100%;
     }

     .index_btn a {
       display: none;
       width: 67%;
       background: #fff;
       border: 1px solid #51a3e1;
       text-align: center;
       height: 36px;
       line-height: 36px;
       border-radius: 3px;
       margin-top: 5%;
       position: absolute;
       left: 17%;
       bottom: 10%;
     }

     .index_produce ul {
       position: relative;
       height: 350px;
       width: 90%;
       border: 1px solid #51a3e1;
       border-color: white;
       margin-left: 10%;
     }

     .index_risk_each {
       background: #fff;
       margin-right: 1%;
       margin-bottom: 1%;
       width: 32%;
     }

     .index_produce ul:hover {
       border: 1px solid #51a3e1;
       cursor: pointer;
       background: #ecf0f5;
       box-shadow: 3px 3px 12px rgb(244, 244, 244);
     }

     .index_produce ul:hover h5 {
       color: #51a3e1;
     }

     .index_produce li:hover {
       border: 0;
     }

     .index_produce ul:hover .index_btn a {
       display: block;
     }

     .index_produce_content_box {
       padding: 0 2%;
     }

     .index_produce_content_box a {
       color: #666;
     }

     .index_produce_content:hover {
       cursor: pointer;
     }

     .index_line:hover {
       border-color: rgba(81, 163, 225, 1);
     }

     .index_line {
       border: 1px solid #51a3e1;
       border-color: rgba(0, 0, 0, 0);
       margin-top: 2%;
     }

     .index_produce_content_box h2 {
       margin-top: 3%;
       margin-bottom: 5%;
     }

     .index_produce_content {
       display: flex;
       /* width: 100%; */
       border: 1px solid #51a3e1;
       padding-left: 6%;
       align-items: center;
       /* margin-top: 2%; */
       box-sizing: border-box;
     }

     .index_produce_content_left {
       display: flex;
       align-items: center;
       padding-top: 4%;
       padding-bottom: 3%;
       padding-right: 4%;
     }

     .index_produce_content_left img {
       width: 60%;
     }

     .index_produce_content_right {
       padding-top: 3%;
       width: 80%;
       text-align: left;
     }

     .index_produce_content_right h3 {
       display: inline-block;
     }

     .index_produce_content_right ol {
       text-align: left;
       padding-left: 0;
       list-style: none;
       margin-left: 4%;
       margin-top: 1%;
     }

     .index_produce_content_right ol li {
       line-height: 2.5rem;
       /* padding-left: 2%; */
       position: relative;
       width: 100%;
     }

     .index_produce_content_right ol li:before {
       content: "●";
       color: #51a3e1;
       position: absolute;
       left: -4%;
       top: -3%;
     }

     .index_btn a:hover {
       background: #51a3e1;
       color: #fff !important;
     }

     .index_img_size {
       width: 70px;
       height: 70px;
     }

     .superiority-icon {
       width: 100px !important;
     }

     /* .homeBack {
       width: 100%;
       display: flex;
       justify-content: center;
     }

     .homeBack img {
       width: auto;
       height: auto;
       max-width: 100%;
       text-align: center;
     }

     .homeBack li a {
       width: 100%;
       display: flex;
       justify-content: center;

     } */

     /* 手机样式 */

     @media (max-width: 767px) {

       /* 试用流程 */
       .process_content h4 {
         color: #666666;
         margin-top: -2px;
         font-size: 14px;
         font-weight: bold;
       }

       .process_content p {
         color: #666666;
         font-size: 12px;
       }

       .device_btn {
         width: 200px;
         height: 50px;
         background: #51a3e1;
         color: #fff;
         margin-left: -50%;
         text-align: center;
         line-height: 50px;
       }

       /* 轮播图 */
       .slide_title_img img {
         width: 23%;
       }

       .slide_one h4 {
         font-size: 14px;
       }

       .slide_two h4 {
         font-size: 14px;
       }

       .slide_three h4 {
         font-size: 14px;
       }

       .slide_four h4 {
         font-size: 14px;
       }

       .slide_content {
         font-size: 12px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
       }

       .slide_footer_img img {
         width: 20%;
       }

       .swiper-pagination-bullet {
         width: 10px !important;
         height: 10px !important;
       }

       .activeNav:hover .nav_risk {
         display: none;
       }

       .index_more {
         border: 1px solid #51a3e1;
         padding: 2% 8%;
       }

       .navbar-default .navbar-nav>.active>a,
       .navbar-default .navbar-nav>.active>a:focus,
       .navbar-default .navbar-nav>.active>a:hover {
         background: none;
       }

       .pagination_control {
         left: 36.5%;
       }

       .index_img_size {
         width: 70px;
         height: 70px;
         margin-right: 2%;
         margin-left: -30%;
       }

       .index_risk_each {
         background: #fff;
         margin-right: 1%;
         margin-bottom: 1%;
         width: 100%;
       }

       .mobile_index_top {
         background: #fff;
         padding: 0 10%;
         padding-bottom: 8%;
       }

       .mobile_index_top h2 {
         margin-bottom: 10%;
       }

       .mobile_index_top p {
         text-indent: 25px;
       }

       .mobile_index_product {
         background: #f7f7f7;
         /* padding-top: 0.1%; */
         overflow: hidden;
         padding-bottom: 3%;
       }

       .mobile_index_product h2 {
         margin-top: 6%;
         margin-bottom: 7%;
       }

       .mobile_swiper_box {
         background: #f7f7f7;
       }

       .mobile_swiper_div {
         background: #fff;
         /* padding:7% 6%; */
         padding: 5% 1%;
         width: 111px !important;
         position: relative;
         overflow: visible !important;
         padding-bottom: 10%;
       }

       .mobile_swiper_div img {
         width: 66%;
         margin-bottom: 11%;
       }

       .mobile_swiper_div p {
         font-size: 16px;
       }

       .swiper_div_p {
         position: absolute;
         left: 0;
         bottom: -3%;
         background: #f7f7f7;
         /* padding: 0 2%; */
         font-size: 12px !important;
         width: 100%;
         height: 30px;
         line-height: 30px;
       }

       .mobile_swiper_more {
         padding: 12% 0;
       }

       .mobile_swiper_more p {
         color: #51a3e1;
       }

       .index_produce_content {
         border: 0;
         align-items: start;
         padding-left: 0;
         margin-bottom: 3%;
       }

       .index_produce_content_left {
         padding-right: 0;
       }

       .index_produce_content_right {
         margin-left: -5%;
         margin-top: 1%;
       }

       .index_produce_content_right h3 {
         font-size: 16px;
         font-weight: bold;
         display: block;
         margin-bottom: 4%;
       }

       .index_produce_content_right ol li {
         line-height: 1.6rem;
       }

       .index_produce_right_foot {
         margin-top: 3%;
       }

       .bottom_line {
         border-bottom: 1px solid #dddfe4;
       }

       .index_produce_content_right b {
         color: #51a3e1;
       }

       /* .product-superiority .superiority {
         background: #f7f7f7;
       } */
       .index_risk_each {
         background: #f7f7f7;
       }

       .product-superiority,
       .unique-function {
         padding-top: 3rem;
       }

       .product-superiority h2 {
         font-size: 18px;
         font-weight: bold;
       }

       .index_produce_content_box {
         padding: 0 7%;
       }

       .index_h4 {
         font-weight: bold;
       }

       .aside_right_title {
         background: #fff;
         margin-bottom: 0;
         text-align: center;
         padding: 3% 0;
       }

       .aside_right_title h2 {
         font-size: 18px;
       }

       .aside_right_title img {
         vertical-align: middle;
         margin-top: -1%;
       }

       .aside_right_content_one {
         margin-top: -6%;
         padding: 6% 7%;
         margin-bottom: 0;
       }

       .aside_right_content_one .P_middle {
         margin-bottom: 0;
         margin-top: 0;
       }

       .aside_right_middle_img {
         padding: 0 7%;
         background: #fff;
         padding-bottom: 3%;
       }

       .aside_right_content_two_fir {
         height: 2rem;
         font-size: 16px;
         background: #fff;
         color: #666;
         font-weight: bold;
         margin-bottom: 3%;
         width: 23%;
       }

       .aside_right_content_two {
         display: flex;
         flex-direction: column;
         align-items: center;
         padding-bottom: 5%;
         border: 1px solid #51a3e1;
         margin-top: 5%;
       }

       .aside_right_content_two_sec {
         width: 23%;
         margin-top: 5%;
         margin-bottom: 3%;
       }

       .aside_right_content_two_thr {
         width: 82%;
       }

       .aside_right_content_box {
         background: #fff;
         padding: 5% 7%;
         margin-top: 2%;
       }

       .aboutUs {
         display: none;
       }

       .course_img img {
         width: 80%
       }

       .live_title {
         font-size: 18px;
       }

       .contact-content {
         padding: 0 7%;
       }

       .contact_box {
         background: #fff;
         margin-top: 2%;
       }

       .img_line {
         margin-top: 3%;
       }

       .index_mobile_more {
         color: #51a3e1 !important;
       }

       .tryWay h2 {
         font-size: 18px;
         font-weight: bold;
         margin-bottom: 4rem !important;
       }

       .tryWay {
         padding-top: 1rem !important;
       }

       /* .homeBack img {
         width: 100%;
         height: 220px;
       } */
     }