/*solutions-J1*/
.J1,.J2,.J3,.J4{max-width: 100% !important;padding: 0;}
.box-1{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 80px;position: relative;background: #f7f6f9;justify-content: space-around;}
.bg{position: absolute;bottom: 0;height: 350px;background: #1a6bf5;width: 100%;z-index: 0;}
.jl{width: 700px;padding: 50px;margin: 0 50px;z-index: 1;}
.jr{width: 500px;background: #fff;padding: 50px;margin: 0 50px;z-index: 1;}
.jr h5{font-size: 36px;color: #1a6bf5;width: 100%;line-height: 40px;margin-bottom: 46px;}
.jr p{font-size: 26px;color: #333;margin-bottom: 20px;border-left: 5px #f29f16 solid;padding-left: 30px;}
.jr span{display: block;font-size: 14px;color: #333;line-height: 1.5;}
.box-2{text-align: center;padding: 50px;background: #f7f6f9;}
.box-2 h5{font-size: 36px;text-align: center;width: 100%;margin-bottom: 50px;}
.box-3{padding-top: 50px;}
.box-3 h5{font-size: 36px;text-align: center;width: 100%;padding: 50px;}
.bb h5{background: #317cfc;color: #fff;}.bb{padding-top: 0;}
.box-3 span{font-size: 24px;color: #fff;}
.box-4{background: #f7f6f9;padding: 50px;}
.box-4 p{font-size: 20px;margin: 30px 0;}
.box-4 h5{font-size: 36px;text-align: center;width: 100%;padding: 50px;}
.box-4 .line{height: 4px;background: #ccc;width: 50px;display: block;margin: 20px auto;}
.box-4 ul{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-around;margin: 0 auto;width: 1600px;}
.box-4 ul li{width: 30%;background: #fff;text-align: center;padding: 50px;}
.box-5{padding: 50px;}
.box-5 h5{font-size: 36px;text-align: center;width: 100%;padding: 50px;}
.box-5 span{font-size: 24px;color: #666;}
.box-5 ul{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-around;margin: 0 auto;width: 1000px;flex-flow: wrap;border: 1px #e3e3e3 solid;}
.box-5 ul li{width: 33.333333%;background: #fff;text-align: center;padding: 50px;}
.box-5 ul .b51 p,.box-5 ul .b53 p,.box-5 ul .b55 p{color: #fff;}
.box-5 ul .b51{background: #1a6bf5;}
.box-5 ul .b53{background:#e13a56;}
.box-5 ul .b55{background:#ffad01;}
.box-5 img{padding: 30px;}
.box-6{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 100px;align-items: center;}
.box-6 img{min-width: 800px;}
.box-6 h5{font-size: 40px;margin-bottom: 15px;color: #333;font-weight: 700;}
.box-6 p{border: none;padding: 0;}
.box-6 .sl{width: 60%;padding: 100px;}
.box-6 .sr{width: 40%;padding: 100px;}
.box-7{padding: 80px;}
.box-7 h5{font-size: 40px;margin-bottom: 15px;color: #333;font-weight: 700;text-align: center;}
.box-7 span{font-size: 24px;color: #666;}
.box-7 ul{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-around;margin: 0 auto;width: 1600px;flex-flow: wrap;}
.box-7 ul li{text-align: center;}
.box-7 h6{font-size: 24px;color: #666;padding: 18px 0;}
.box-7 p{font-size: 14px;color: #999;}
.box-8{margin: 50px;}
.box-8 h5{font-size: 40px;margin-bottom: 15px;color: #333;font-weight: 700;text-align: center;}
.box-8 p{font-size: 16px;color: #666;text-align: center;margin: 30px;}

/*J2*/
.hbox{display: -webkit-box;display: -ms-flexbox;display: flex;width: 1000px;margin: 0 auto;}
.lbox{width: 336px;height: 593px;}
.lbox img{width: 100%;height: 100%;padding: 0;}
.rbox ul{flex-flow: column;border: none;width: auto;}
.rbox ul li{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;}
.rbox .lr51 img{background: #317cfc;border-radius: 100%;}
.rbox span{font-size: 60px;color: #333;}
.tt{text-align: center;margin: 0;}
.tt h5{margin-bottom: 100px;}
.box-9{background: #f7f7f7;padding: 50px 0;}
.box-9 h5{font-size: 40px;margin-bottom: 15px;color: #333;font-weight: 700;text-align: center;}
.box-9 span{color: #333;}
/*J3*/
.bbs{background-size: 100%;width: 100%;height: 907px;position: relative;top: 0;left: 0;}
.bbs .wrap{width: 1450px;margin: 0 auto;}
.bbs ul{display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: wrap;justify-content: space-between;}
.bbs ul li{background: rgb(255 255 255 / 70%);border-radius: 5px;box-shadow: 0 0 5px 2px rgb(99 99 99 / 10%);}
.bbs .li{width: 299px;
    height: 225px;
    margin-bottom: 62px;
    padding: 40px 15px 40px 35px;display: -webkit-box;display: -ms-flexbox;display: flex;}
 .bbs .li .img img{max-width: 40px;display: block;margin-top:5px;margin-right: 20px;}
 .bbs .li h5{font-size: 17px;color: #333;margin-bottom: 7px;padding: 0;font-weight: 600;text-align: justify;}
 .bbs .li .rbox{display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: column;}
 .bbs .li p{font-size: 15px;color: #666;line-height: 1.5;margin: 0;}
 .bbs-img{
    width: 533px;
    height: 382px;
    position: absolute;
    left: 50%;
    margin-left: -265px;
    bottom: -20px;}
/*J4*/
.pic{background: #f7f6f9;}
.pic .img{width: 1400px;margin: 94px auto 0;position: relative;}
.pic .img img{width: 436px;display: block;margin: 0 auto;}
.pic .img .tbox{position: absolute;
    padding: 18px 25px;
    border: 1px solid #c3c3c3;
    background: #fff;
    border-radius: 5px;}
.pic .img .div{position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: #fff;}
.pic .img .tbox1{top: 0;left: 0;width: 391px;}
.pic .img .tbox1 .div{right: -5px;top: 30px;}
.pic .img .tbox2{top: 155px;left: 40px;width: 483px;background: #6b8199;}
.pic .img .tbox2 .div{right: -5px;top: 23px;border-top: 1px solid #6b8199;border-right: 1px solid #6b8199;background: #6b8199;}
.pic .img .tbox3{top: 100px;right: 0;width: 483px;background: #1a6bf5;}
.pic .img .tbox3 .div{left	: -5px;top: 30px;border-top: 1px solid #1a6bf5;border-right: 1px solid #1a6bf5;background: #1a6bf5;}
.pic .img .tbox2 p,.pic .img .tbox3 p{color: #fff;}
.sss .img{width: 1100px;margin: 76px auto 0;position: relative;height: 521px;}
.sss .img img{width: 1100px;display: block;margin: 0 auto;}
.sss .img .tbox{position: absolute;width: 280px;}
.sss .img .tbox h5{font-size: 18px;color: #333;margin-bottom: 3px;padding: 0;text-align: justify;font-weight: 600;}
.sss .img .tbox1{top: 100px;left: 0;}
.sss .img .tbox2{top: 330px;left: 0;}
.sss .img .tbox3{top: 435px;left: 415px;}
.sss .img .tbox4{top: 35px;right: 0;}
.sss .img .tbox5{top: 305px;right: 0;}
.box-tab h5{font-size: 40px;margin-bottom: 15px;color: #333;font-weight: 700;text-align: center;}
.box-tab .tabs{display: -webkit-box;display: -ms-flexbox;display: flex;width: 1250px;margin: 50px auto;justify-content: center;padding: 50px;}
.box-tab .tabs li a{font-size: 18px;margin: 50px;font-weight: 600;color: #999;}
.box-tab .tabs .active a{color:#1a6bf5;}
.box-tab .tab_container{width: 1250px;margin: 0 auto;}
.box-tab .tab_container .tab_content img{margin: 0 auto;display: block;}
.box-tab .tab_content p{margin: 20px;padding: 50px;}
.box-9 .wrap{width: 1050px;margin: 80px auto 0;position: relative;}
.box-9 .wrap p{font-size: 18px;position: absolute;}
.box-9 .wrap .p1{bottom: 55px;left: 69px;}
.box-9 .wrap .p2{bottom: -35px;left: 236px;}
.box-9 .wrap .p3{bottom: 55px;left: 404px;}
.box-9 .wrap .p4{bottom: -35px;left: 580px;}
.box-9 .wrap .p5{bottom: 55px;left: 757px;}
.box-9 .wrap .p6{bottom: -35px;left: 928px;}
/*media*/
@media screen and (max-width: 1600px) {
}
@media screen and (max-width:991px) {
}
@media  screen and (min-width:768px) and (max-width:991px) {

}

@media screen and (max-width:767px) {
    .J1 .hero,.J2 .hero,.J3 .hero,.J4 .hero{display: none;}
    /*J1*/
    .box-1{flex-flow: column;padding:50px 0;overflow: hidden;}
    .jl{margin: 0;max-width: 100%;}
    .jr{width: auto;}
    .bg{top: 25%;height: 100%;}
    .jr h5{font-size: 30px;}
    .jr p{font-size: 20px;}
    .box-2 h5,
    .box-3 h5,
    .box-4 h5,
    .box-5 h5,
    .box-6 h5,
    .box-7 h5,
    .box-8 h5,
    .box-9 h5,
    .box-tab h5{font-size: 30px;}
    .box-5 span,.box-7 span{font-size: 20px;}
    .box-4,.box-5{padding: 0;}
    .box-4 ul{width: 100%;flex-flow: column;}
    .box-4 ul li{width: 100%;}
    .box-5 ul{flex-flow: wrap;width: 100%;}
    .box-5 ul li{padding: 10px;}
    .box-5 img{width: 40px;}
    .box-6{flex-flow: column;padding: 0;padding-top: 50px;}
    .box-6 .sl{width: 100%;padding: 0;}
    .box-6 img{max-width: 100%;min-width: auto;}
    .box-6 .sr{width: 100%;padding: 0;text-align: center;}
    .box-7{padding: 40px 0;}
    .box-7 ul{flex-flow: wrap;justify-content: space-between;width: 100%;}
    .box-7 ul li{width: 48%;}
    /*J2*/
    .bbs .wrap{width: 100%;flex-flow: wrap;justify-content: space-between;padding: 10px;}
    .bbs .li{width: 45%;height: 100%;}
    .bbs-img{display: none;}
    .tt h5{margin: 30px 0;}
    .tt{padding: 10px !important;}
    /*J3-none*/
    /*J4*/
    .pic .img{width: 100%;}
    .pic .img img{max-width: 100%;}
    .pic .img .tbox{position: relative;margin: 10px auto;width: 100%;top: 0;left: 0;right: 0;padding: 30px;}
    .pic .img .tbox .div{display: none;}
    .pic .img .tbox p{margin: 0;}
    .pic .img .tbox1{}
    .pic .img .tbox2{}
    .pic .img .tbox3{}
    .sss .img{width: 100%;margin: 20px 0;display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: wrap;justify-content: space-around;height: 100%;}
    .sss p{margin: 0;font-size: 14px;}
    .sss h5{margin: 0;}
    .sss .img .tbox{position: relative;background: #f9f9f9;border-radius: 10px;left: auto !important;right: auto !important;top: auto !important;bottom: auto !important;padding: 20px;width: 45%;margin-bottom: 20px;}
    .sss .img img{display: none !important;}
    .sss .img .tbox1{top: 0;}
    .sss .img .tbox2{top: 35%;}
    .sss .img .tbox3{top: 45%;left: 40%;}
    .sss .img .tbox4{}
    .sss .img .tbox5{}
    .sss .img .tbox6{}
    .box-tab .tabs{width: 100%;padding: 10px;overflow: scroll;justify-content: flex-start;}
    .box-tab .tabs::-webkit-scrollbar{ display: none;}
    .box-tab .tabs li{flex-shrink: 0;}
    .box-tab .tab_container{width: 100%;}
    .box-9 .wrap{width: 100%;margin: 0;}
    .box-9 .wrap p{margin-bottom: 0;}
    .box-9 .wrap .p1{bottom: 15%;
    left: 6%;
    font-size: 14px;}
    .box-9 .wrap .p2{bottom: -15%;
    left: 22%;
    font-size: 14px;}
    .box-9 .wrap .p3{bottom: 15%;
    left: 37%;
    font-size: 14px;}
    .box-9 .wrap .p4{bottom: -15%;
    left: 53%;
    font-size: 14px;}
    .box-9 .wrap .p5{bottom: 15%;
    left: 70%;
    font-size: 14px;}
    .box-9 .wrap .p6{bottom: -15%;
    left: 86%;
    font-size: 14px;}

}
@media screen and (max-width:600px) {

}