@charset "utf-8";


.main_wrap *  {color:#000; letter-spacing: 0.5px; }
.main_wrap{padding-top: 150px;}
.main_wrap > div  {padding:80px 0;}
.main_wrap .sec_wrap  {max-width:1420px; width:100%; margin:auto;}
.main_wrap .btn  {width:212px; text-align:center; line-height: 52px; border-radius: 26px; }
.main_wrap .btn.btn-primary  {background:#2F3D81; line-height:50px; font-size:21px; padding:0; color:#fff !important;}

.point_1  {position: relative;}
.point_1:before  {content:''; position:absolute; left:-10px; top:0; width:8px; height: 8px; border-radius: 50%; background:#2F3D81;}

.point_2  {position: relative;}
.point_2:before  {content:''; position:absolute; left:-10px; top:0; width:8px; height: 8px; border-radius: 50%; background:#F4B7AC;}

/*sec_1*/
.sec_1{padding-top: 0;}
.sec_1 .h80  {padding-bottom:75px;}


/*sec_2*/
.sec_2 .h42  {padding-bottom:33px;}
.sec_2 .h32  {padding-bottom:75px;}
.sec_2 .sec_tit  {padding:0 0 23px;}
.sec_2 .img_box img  {padding-right:87px;}

/*sec_3*/
.sec_3 .sec_ul .h28  {padding-bottom:33px; letter-spacing:-0.5px;}
.sec_3 .sec_ul ul li:first-child  {padding-top:0;}
.sec_3 .sec_ul ul li  {padding:23px 0 13px; border-bottom:1px solid #ccc;}
.sec_3 .blive_logo nav  {padding-right:58px;}
.sec_3 .sec_logo img {max-width:80%;}

/*sec_4*/
.sec_4 .div_box_wrap  {width:526px; margin-left:63px;}
.sec_4 .div_box  {border:1px solid black;  position:absolute; right:0; bottom:0; height:595px; background:#fff; padding:225px 30px 30px;}
.sec_4 .div_box::before  {content: ''; border:1px solid #000; position:absolute; width:466px; height:130px; right:-79px; top:80px; background: #ccc;}
.sec_4 .div_box .h34  {padding-bottom:23px;}
.sec_4 .bg_sec  {height:600px; margin-bottom:24px; background-position:center center; background-size:cover;}
.sec_4 .btn  {background:none; width:auto; padding:0 34px; border:1px solid #2F3D81; line-height:55px !important; font-weight: 600; border-radius:55px !important; color:#2F3D81; margin-right:10px;}

/*sec_5*/
.sec_5 .h46  {padding-bottom:60px;}
.sec_5 .btn  {background:#F4B7AC; border-radius: 55px; line-height:55px !important; width: auto; padding:0 36px; color:#444; text-align: center;}
.sec_5 ul li  {margin-right:30px;}
.sec_5 ul li:last-child  {margin-right:0;}

/*sec_6*/
.sec_6 .h46  {padding-bottom:60px;}
.sec_6 .btn  {background:#2F3D81; border-radius: 55px; line-height:55px !important; width: auto; padding:0 36px; color:#fff; text-align: center;}
.sec_6 ul li  {margin-right:30px;}
.sec_6 ul li:last-child  {margin-right:0;}

@media(max-width:767px) {

    .sec_2 .img_box img  {padding:0;}
    .main_wrap .btn.btn-primary  {text-align: center;}


    .homepage-23 .sec_3 .sec_logo  {padding:0 0 30px;}
    .sec_3 .sec_ul .h28  {padding:0 0 15px;}
    .sec_3 .blive_logo nav  {padding:0;}
    .sec_3 .blive_logo  {text-align:center;}
    .sec_3 .realive_logo  {text-align:center;}
    
}