.whiteColor{

    color: white !important;

}

.solveBanner{

     width: 100%;

     height: 599px;

}

.solveNavigation{

     width: 100%;

     height: 60px;

     background: white;

}

.solveNavigationBox{

     width: 1200px;

     height: 60px;

     margin: 0 auto;

     display: flex;

     justify-content: Center;

     align-items:Center;

}

.snbLi{

     height: 60px;

     text-align: center;

     line-height: 60px;

     font-size: 15px;

     padding: 0 20px;

}

.snbLi a{

     color: black;

     display: block;

     height: 100%;

     width: 100%;

}

.snbLi:hover{  

     background: #1063e1;

}

.snbLi:hover a{

    color: white;

}

.solve_1{

     width: 100%;

     height: 540px;

     background: #f2f6ff;

}

.solve_1:nth-child(odd){

     background: white;

}

.solve_1_2{

     height: 620px;

}

.solve_1_3{

     height: 620px;

     background: #f2f4f7;;

}

.solve_1_4{

     height: 800px;

     background: white;

}



.solveMod{

     width: 1200px;

     margin: 0 auto;

     /* overflow: hidden; */

}

.NewSolveHead{

     width: 100%;

     height: 135px;

     line-height: 150px;

     font-size: 24px;

     line-height: 150px;

     text-align: left;

}

.solveHead{

     width: 100%;

     height: 150px;

     line-height: 150px;

     font-size: 36px;

     text-align: center;

}

.solve_1 .solveHead{

     width: 100%;

     height: 135px;

     line-height: 150px;

     font-size: 36px;

     line-height: 150px;

     color: black;

     text-align: center;

}

.solveCenterBox{

     width: 100%;

     margin: 0 auto;

}

.solve_1 .solveCenterBox{

     width: 100%;

     margin: 0 auto;

}

.solve_1 .solveLeft{

     float: left;

     width: 650px;

     height: 330px;

}

.solve_1 .solveLeft2{

     width: 520px;

     height: 425px;

}

.solve_1 .solveRight{

     float: right;

     width: 520px;

     height: 290px;

}

.solveRightP{

     width: 520px;

     line-height: 30px;

     font-size: 15px;

     color:#000000 ;

     text-indent: 2em;

     display: -webkit-box;

     -webkit-box-orient: vertical;

     -webkit-line-clamp: 10;

     overflow: hidden;

     float: right;

}

.solve_1 .solveRight2{

     float: right;

     width: 650px;

}

.solveRightP_1{

     font-size: 18px;

     font-weight: bold;

     color: #535458;

}

.solveRightP_2{

     font-size: 15px;

     line-height: 30px;

     color: #535558;

}

.solve_2{

     height: 465px;

     width: 100%;

     background: url(../images/solve_2.jpg) no-repeat center;

     overflow: hidden;

}

.solve_2 .solveHead{

     width: 100%;

     height: 150px;

     font-size: 36px;

     line-height: 150px;

     color: white;

     text-align: center;

}

.solve_2 .solveCenterBox{

     width: 1200px;

     overflow: hidden;

}

.solve_2 .solveCenterBox .solveCenterLi{

     width: 575px;

     overflow: hidden;

     /*margin-bottom: 70px;*/

     height:160px;

}

.solve_2 .solveCenterBox .solveCenterLi:nth-child(odd){

     float: left;

}

.solve_2 .solveCenterBox .solveCenterLi:nth-child(even){

     float: right;

}

.sclImg{

     display: block;

     float: left;

     height: 80px;

}

.sclWord{

     float: left;

     margin-left: 25px;

     width: 476px;

}

.sclWordP_1{

     height: 40px;

     line-height: 30px;

     color: white;

     font-size:16px;

     font-weight: bold;

}

.sclWordP_2{

     line-height: 24px;

     color: white;

     font-size: 15px;

}

.solve_3{

     height: 465px;

     width: 100%;

     background: white;

}

.solve_3 .solveHead{

     height: 150px;

     line-height: 150px;

     color: black;

     font-size:36px;

     text-align: center;

}

.solve_3 .solveCenterBox{

     width: 100%;

     overflow: hidden;

}

.solve_3 .solveCenterBox .sclLi{

     width: 260px;

     float: left;

     overflow: hidden;

     margin-left: 53px;

}

.solve_3 .solveCenterBox .sclLi:nth-child(1){

     margin-left: 0;

}

.solve_3 .solveCenterBox .sclLi .sclLiHead{

     display: block;

     height: 60px;

     margin: 0 auto;

     margin-bottom:20px ;

}

.solve_3 .solveCenterBox .sclLi .sclLiP{

     color: black;

     height: 25px;

     font-weight: bold;

     font-size:16px;

     text-align: center;

}

.solve_3 .solveCenterBox .sclLi .sclLiLine{

     width: 60px;

     height: 2px;

     background: #ababab;

     margin: 0 auto;

     margin-bottom:10px ;

}

.solve_3 .solveCenterBox .sclLi .sclLiWord{

     width: 100%;

     color: #585858;

     font-size: 15px;

     line-height: 24px;

}

.solve_4{

     height: 535px;

     width: 100%;

     background: #d6dfe7;

}

.solve_4_1{

     height: 785px;

}

.solve_4 .solveHead{

     height: 165px;

     text-align: center;

     color: black;

     line-height: 200px;

}

.solve_4 .solveCenterBox .sclLi{

     width: 285px;

     height: 310px;

     float: left;

     margin-left: 20px;

}

.solve_4 .solveCenterBox .sclLi:nth-child(4n+1){

     margin-left: 0;

}

.solve_4 .solveCenterBox .sclLi img{

     width: 285px;

}

.solve_4 .solveCenterBox .sclLi p{

    margin-top: 35px;

    text-align: center;

    font-size: 18px;

}

.solve_5{

    height: 880px;

    width: 100%;

    background: white; 

}

.solve_5_1{

   height: 750px;  

}

.solve_5_2{

     height: 820px;

     background: url(../images/solveBanner_2_1.jpg) no-repeat center;

}

.solve_5_3{

    height: 790px;

    background: #0c1f4a;

}

.solve_5_4{

     height: 1150px;

 }

.solve_5 .solveHead{

     text-align: center;

     color: black;

     text-align: center;

     line-height: 130px;

     height: 110px;

}

.solve_5 .solveCenterBox img{

     width: 100%;

}

.solve_6{

     height: 480px;

     width: 100%;

     background: #d6dfe7;

}

.solve_6_2{

     height: 740px;

}

.solve_6 .solveHead{

     height: 135px;

     line-height: 135px;

     color: black;

     text-align: center;

     font-size: 36px;

}

.solve_6 .solveCenterBox1{

     width: 100%;

}

.solve_6 .sclLi{

     width: 285px;

     height: 260px;

     margin-left: 20px;

     box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);

     float: left;

}

.solve_6 .sclLi:nth-child(1){

     margin-left: 0;

}

.sclLiTop{

     width: 285px;

     height: 160px;

     overflow: hidden;

}

.sclLiTop img{

     width: 100%;

}

.sclLiBot{

     width: 285px;

     height: 100px;

     overflow: hidden;

     background: white;

}

.sclLiBot p:nth-child(1){

     height: 30px;

     margin-top: 25px;

     color: #000000; 

     font-size: 16px;

     margin-left: 18px;

}

.sclLiBot p:nth-child(2){

     font-size: 15px;

     color:#5e5e5e ;

     margin-left: 18px;

}

.solve_7{

     height: 595px;

     width: 100%;

     background: white;

}

.solve_7 .solveHead{

     height: 110px;

     line-height: 110px;

     color: black;

     font-size: 36px;

}

.solve_7 .sclLi{

     float: left;

     width: 590px;

     height: 200px;

     margin-bottom:20px;

}

.solve_7 .sclLi:nth-child(even){

     margin-left:20px;

}

.solve_7 .sclLi .sclLiLeft{

     float: left;

     height: 200px;

     width: 210px;

}

.solve_7 .sclLi .sclLiLeft img{

     width: 100%;

     height: 100%;

}

.solve_7 .sclLi .sclLiRight{

     float: left;

     width: 380px;

     height: 200px;

     background: #f5f5f5;

}

.solve_7 .sclLi .sclLiRight p:nth-child(1){

     margin-left: 20px;

     margin-top: 25px;

     height: 28px;

     color:#141414;

     font-size: 16px;

}

.solve_7 .sclLi .sclLiRight p:nth-child(2){

     margin-left: 20px;

     height: 28px;

     color: #a9a9a9;

     font-size:15px;

}

.solve_7 .sclLi .sclLiRight p:nth-child(3){

     margin-left: 20px;

     line-height: 25px;

     color: #545454;

     font-size:15px;

}

.solveFooter{

     height: 250px;

     width: 100%;

     background: url(../images/solveFooter.jpg) no-repeat center;

     overflow: hidden;

}

.solveFooterP{

     margin-top: 70px;

     width: 100%;

     height: 70px;

     color: black;

     font-size:30px;

     text-align: center;

}

.solveFooterBtn{

     width: 160px;

     height: 40px;

     margin: 0 auto;

     color: white;

     text-align: center;

     line-height: 40px;

     background:#0096ff;

     box-shadow: 0px 10px 10px 1px #aedbfa;

     cursor: pointer;

}

.solveFooterBtn a{

     color: white;

}

.scbP_1{

     height: 45px;

     color: #165b9f;

     font-size: 30px;

     font-weight: bold;

}

.scbP_2{

     height: 50px;

     font-size: 24px;

     color: #4f4f4f;

}

.scbP_3{

     width: 560px;

     line-height: 30px;

     color: #165b9f;

     font-size: 16px;

     font-weight: bold;

}

.scbP_4{

     width: 560px;

     line-height: 30px;

     color: #4f4f4f;

     font-size: 15px;

}

.solveCenterSwiper{

     width: 1080px;

     margin: 0 auto;

     height: 590px;

}

.swiperImg{

     width: 1080px;

     display: block;

     height: 495px;

}

.swiper-container{

     width: 100%;

     height: 100%;

}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {

     bottom: 0px;

 }

 .scsImgBox{

     display: inline-block;

     width: 115px;

     height: 65px;

     overflow: hidden;

     position: relative;

 }

 .scsImg{

     display: block;

     margin: 0 auto;

     width: 115px;

 }

 .swiper-pagination-bullet{

     width: 115px;

 }

.swiper-pagination-bullet-active{

     /* opacity: 1; */

     /* background: rgba(0, 0, 0, 0); */

     opacity: 1;

 }

 .swiper-pagination-bullet{

     /* opacity: 0.4; */

 }

 .swiper-pagination{

      margin: 0 auto !important;

 }

 .swiper-button-prev, .swiper-button-next{

      top: 93%;

 }

 .swiper-button-prev{

      z-index: 99;

 }

 .swiper-button-next{

      z-index: 99;

 }

.solve_6 .solveHead_1{

    height: 95px;

    line-height: 100px;

}

.frameUl{

    width: 100%;

    height: 65px;

}

.recommendBox{

     width: 100%;

     overflow: hidden;

     background: #d6dfe7;

     padding-bottom: 75px;

}

.recommend{

     width: 100%;

     overflow: hidden;

}

.recommendLi{

     width: 100%;

     height: 280px;

     margin-bottom: 20px;

     background: white;

}

.recommendLeft{

     width: 460px;

     height: 280px;

     float: left;

}

.recommendRight{

     width: 675px;

     float: left;

     margin: 50px 0 0 35px;

}

.recommendRightP_1{

     font-size: 20px;

     color: #000000;    

     height: 58px;

}

.recommendRightP_2{

     font-size: 15px;

     color:#5e5e5e;

     line-height: 24px;

     display: -webkit-box;

     -webkit-box-orient: vertical;

     -webkit-line-clamp: 3;

     overflow: hidden;

     margin-bottom: 35px;

}

.recommendRightBtn{

     cursor: pointer;

     width: 160px;

     height: 40px;

     border-radius: 20px;

     text-align: center;

     line-height: 40px;

     color: white;

     font-size: 15px;

     background: #2468f2;

}

.recommendLi:nth-child(n+3){

     display: none;

}

.recommendOpen{

     width: 80px;

     text-align: center;

     font-size: 15px;

     color: #2468f2;

     cursor: pointer;

     margin: 0 auto;

}

.recommendOpen p{

     float: left;

}

.recommendOpen img{

     float: left;

     margin:5px 0 0 5px;

}

.Vice p{

     font-size: 15px !important;

}

.ViceBox{

     width: 100%;

     overflow: hidden;

     background: #f2f6ff;

     padding-bottom: 30px;

}

.ViceBox:nth-child(odd){

     background:white;

}

.ViceBox:nth-child(even){

     background: #f2f6ff;

}

.Vice{

     width: 1200px;

     overflow: hidden;

     margin: 0 auto;

     line-height: 30px;

     font-size: 15px;

}

.Vice img{

     float: left;

     display: block;

     width: 1200px;

     margin-bottom: 10px;

}



.exVideoBox{

     width: 100%;

     background: white;

}

.exVideo{

     display: block;

     width: 1200px;

     height: 585px;

     margin:0 auto;

     background: black;

     margin-bottom: 10px;

}

.solveHead{

     width: 100%;

     height: 150px;

     line-height: 150px;

     font-size: 36px;

     text-align: center;

}