@charset "utf-8";

/*头部*/
.header{
    height:97px;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:999;
    color: #ffffff;
}
.header .msf_int{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 25px;
}
.msf_iner{
    width:1600px;
    max-width:1600px;
    margin:0 auto;
}
.msf_iner_c{
    width:1400px;
    max-width:1400px;
    margin:0 auto;
}
.msf_iner_m{
    width:1200px;
    max-width:1200px;
    margin: 0 auto;
}
.msf_imap{
    padding:10px 0;
}
.msf_wzmap_bottom h4{
    margin-bottom:10px;
}
.msf_wzmap_bottom p{
    margin-bottom:5px;
}
.msf_wzmap_bottom{
    margin-top:30px;
}
.msf_wzmap_bottom ul{
    display: flex;
    flex-grow:1;
    justify-content: space-between;
}
.msf_mess {
    width:100%;
    height:100%;
    background:#f1f3f5;
    text-align: center;
    padding:30px 0;
}
.msf_mess .msf_mess_iop,.msf_mess_yop{
    margin-bottom:20px;
}
.msf_mess .msf_input{
    margin-right:20px;
}
.msf_mess input{
    background: #ffffff;
    padding: 10px 10px;
    width: 46%;
    border-radius:5px;
}
.msf_mess textarea{
    width:94%;
    padding:10px 10px;
    background: #ffffff;
    border-radius:5px;
    border:none;
}
.msf_mess .msf_submit{
    width:200px;
    margin-top:20px;
    background: #0d89e0;
    color: #ffffff;
}
.header .head_logo{
    display:flex;
    float:left;
    align-items: center;
    height:97px;
}
.header .head_logo .logo-text{
    margin-left:20px;
}
.header .head_logo img{
    height:70px;
}
.msf_flsm{
    margin-top:110px;
}
.header .head_right{
    float: right;
    display: flex;
    flex-grow: 1;
}
.header .head_right .head_right_ul{
    display: flex;
    flex-grow: 1;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.header .head_right .head_right_ul li{
    float: left;
    height:97px;
    line-height: 97px;
}
.header .head_right .head_right_ul li a.over{
    color: #0d89e0;
}
.header .head_right .head_right_ul li .over_s{
    display: block;
    color: #ffffff;
    padding-top:10px;
}
.header .head_right .head_right_ul li:hover .over_s{
    color: #0d89e0;
}
.header .head_right .z_right .ch-s{
    padding:0 8px;
    height:97px;
    line-height:97px;
    color: #ffffff;
}
.header .head_right .z_right .zh_en .cn_f{
    background-image: linear-gradient(90deg, #0360b0, #32bdfe);
    border-radius:20px;
    overflow: hidden;
}
.header .head_right .z_right .zh_en .cn_f a{
    display: block;
    color: #ffffff;
    text-align:center;
    padding: 5px 30px 1px 30px;
}
.header .head_right .z_right .zh_en{
    position: relative;
    float: right;
    margin-top: 30px;
}
.header .head_right .z_right .zh_en:after{
    position: absolute;
    top:6px;
    right:18px;
    content:'>';
    color: #ffffff;
    transform: rotate(0deg);
    transition:all .4s ease-in-out;
}
.header .head_right .z_right .zh_en:hover:after{
    transform: rotate(90deg);
    transition:all .4s ease-in-out;
}
.header .head_right .z_right .zh_en .zh_en_x{
    position: absolute;
    left:0;
}
.header_er_nav{
    position: absolute;
    left: 0;
    top:97px;
    width: 100%;
    height:300px;
    background: #293751;
    box-shadow:0 6px 12px #242424;
    display: none;
}
.msf_ss{
    display: inline-block;
    width:20px;
    height:20px;
    background:url("../images/ss.png") no-repeat;
    background-size:cover;
    vertical-align: sub;
}

.cn_g{
    display:none;
}
.cn_g a{
    width:100%;
}
.cn_g a:hover{
    background:#32bdfe;
}
.header_er_nav .msf_secz{
    display: flex;
    margin:40px 0;
}
.header_er_nav .msf_secz .msf_head_navl{
    margin-right:20px;
}
.header_er_nav .msf_secz .msf_head_navl .msf_navl_img{
    position: relative;
    padding-right: 20px;
    border-right:1px solid #ffffff;
}
.header_er_nav .msf_secz .msf_head_navl .msf_navl_img h4{
    position: absolute;
    bottom: 20px;
    left: 25px;
    font-weight:bold;
}
.header_er_nav .msf_secz .msf_head_navr{
    width:100%;
    height:100%;
    line-height: initial;
    border-bottom:1px solid #ffffff54;
}
.header_er_nav .msf_secz .msf_head_navr .over_pofrt{
    display: block;
    color: #ffffff;
    padding:10px 10px 10px 13px;
    float: left;
}
.z_right{
    padding-top: 10px;
}
.header_er_nav .msf_secz .msf_head_navr .over_pofrt1{
    display: block;
    color: #ffffff;
    padding:5px 12px;
}
.header_er_nav .msf_secz .msf_head_navr .over_pofrt:hover,.header_er_nav .msf_secz .msf_head_navr .over_pofrt1:hover{
    color: #32bdfe;
}

/*轮播图*/
.swiper_back{
    width:100%;
    height:100%;
    padding-bottom: 50%;
    overflow: hidden;
    background-size:cover;
    background-position: center;
}


/*尾部*/
.footer{
    padding-top:80px;
    /* background:url(../images/d.jpg) center no-repeat; */
    background-size:cover;
    position: relative;

}
.footer .msf_int{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 25px;
}
.footer .foot-left{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 1;
    justify-content:space-between;
    align-items: flex-start;
}
.footer .foot-left .foot-lm li h4{
    margin-bottom:25px;
    color: #00a0e9;
    font-size:18px;
}
.footer .foot-left .foot-lm li p{
    margin-bottom:8px;
    color:#727272;
}
.footer .foot-left .foot-lm li a{
    transition: all .3s ease-in-out;
}
.footer .foot-left .foot-lm li a:hover{
    color: #00a0e9;
    transition: all .3s ease-in-out;
}
.footer .foot-right .foot-r-ew{
    margin: 0 100px 0 50px;
}
.footer .foot-right .foot-r-ew img{
    width:141px;
}
.footer .foot-right .foot-r-ew .msf_fr{
    margin:20px 0;
}
.footer .foot-right .foot-r-xx p{
    margin-bottom:10px;
    color:#727272;
}
.footer .foot-right .foot-r-xx .msf_sew{
    margin-bottom:15px;
}
.footer .foot-right .foot-r-xx .msf_kop{
    margin:30px 0;
}
.footer .foot-z {
    padding:30px 0 100px 0;
    border-top:1px solid #999;
}
.footer .foot-z p{
    color:#727272;
}
.footer .foot-z p a{
    color:#727272;
}
.footer .foot-z .foot-iop{
    display: flex;
    align-items:center;
    flex-grow: 1;
    justify-content: space-between;
}
.footer .foot-z .text-a a{
    padding:0 23px 0 15px;
    border-right:1px solid #999;
}
.footer .foot-z .text-a a:last-child{
    border-right:1px solid transparent;
    padding-right:0;
}
.msf_showing,.msf_showing_z{
    position: relative;
}
.int_show,.int_show_in{
    opacity: 0;
    position: absolute;
    left: -20px;
    bottom: 0;
    transition: all .4s ease-in-out;
}
.msf_showing:hover .int_show,.msf_showing_z:hover .int_show_in{
    opacity: 1;
    bottom: 25px;
    transition: all .4s ease-in-out;
}
.oc_msf_border{
    border-bottom:1px solid #ccc;
    margin-top:20px;
    margin-bottom:20px;
}
.oc_msf_border p{
    color:#727272;
}
/*悬浮*/
.msf_xf_on{
    position:fixed;
    right:-110px;
    bottom:10px;
    z-index:999;
}
.msf_onif{
    width:70px;
    height:70px;
    background:#006db8;
    margin-bottom: 5px;
}
.msf_xf_ipone{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.msf_onif img{
    width:30px;
    margin:0 auto;
}
.msf_onif p{
    color: #ffffff;
}
.msf_xf_ko{
    float: left;
}
.msf_xf_in{
    float: left;
    height:70px;
    line-height:70px;
    background:#006db8;
    color: #ffffff;
    padding:0 20px;
    transition: all .4s ease-in-out;
    opacity: 0;
}
.msf_xf_in:hover{
    color: #ffffff;
}
.msf_se{
    position: relative;
    right:0;
    transition: all .4s ease-in-out;
}
.msf_se:hover{
    position: relative;
    right:122px;
    transition: all .4s ease-in-out;
}
.msf_se:hover .msf_xf_in{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.msf_w_x{
    position: relative;
}
.msf_hide_d{
    position: absolute;
    right:-122px;
    opacity:0;
    transition: all .4s ease-in-out;
}
.msf_w_x:hover .msf_hide_d{
    right:80px;
    opacity: 1;
    transition:all .4s ease-in-out;
}
.msf_hide_d img{
    width:100px;
}

/*首页*/
.msf_inerg{
    width: 1600px;
    max-width:1600px;
    margin: 0 auto;
}
.msf_section_left h2{
    padding-top:37px;
    padding-bottom:45px;
}
.msf_section_left .msf_served{
    display:flex;
    margin-bottom: 55px;
}
.msf_section_left .msf_served ul{
    display: flex;
    flex-grow:1;
    justify-content: space-between;
}
.msf_ver{
    display:inline-block;
    width:55px;
    height:55px;
    background-size:cover;
    margin-right:25px;
}
.msf_section_left .msf_served ul li .msf_i{
    background:url(../images/img_s.png) no-repeat;
    vertical-align: bottom;
    background-size: cover;
}
.msf_section_left .msf_served ul li .msf_iz{
    background:url(../images/img_s_one.png) no-repeat;
    vertical-align: bottom;
    background-size: cover;
}
.msf_section_left .msf_served ul li .msf_iw{
    background:url(../images/iou.png) no-repeat;
    vertical-align: bottom;
    background-size: cover;
}
.msf_section_left .msf_served ul li .msf_ih{
    background:url(../images/img_s_two.png) no-repeat;
    vertical-align: bottom;
    background-size: cover;
}
.msf_section_left .msf_served ul li p{
    display: inline-block;
}
.msf_section_right .msf_sec_top{
    display: flex;
}
.msf_section_right .msf_foirt{
    display: flex;
    flex-grow:1;
    justify-content: space-between;
}

.msf_section_right .msf_sec_top .msf_sec_about_left{
    margin-right:110px;
    width:760px;
}
.msf_section_right .msf_sec_top .msf_sec_about_left p{
    line-height: 1.72;
}
.msf_section_right .msf_sec_top .msf_sec_about_left p span{
    color:#727272;
}
.msf_section_right .msf_sec_top .msf_sec_about_left h3{
    margin-bottom:20px;
}
.msf_section_right .msf_sec_top .msf_sec_about_left .msf_a_fr{
    float: right;
    background: #0d89e0;
    color: #ffffff;
    border-radius: 20px;
    padding: 1px 20px;
}
.msf_section_right .msf_sec_top .msf_sec_about_right{
    width:730px;
}
.msf_section_right .msf_sec_top .msf_sec_about_right .msf_about_img{
    width:100%;
    height:470px;
    background-size:cover;
    border-radius: 40px;
}

.msf_section_right .msf_sec_top .msf_sec_about_b{
    margin-top:20px;
}
.msf_section_right .msf_sec_top .msf_sec_about_b a{
    display: block;
}
.msf_section_right .msf_sec_top .msf_sec_about_b ul li{
    color: #4b4a48;
    width:365px;
    height: 105px;
    text-align:center;
    line-height:105px;
    background-color: #dbecfc;
    float: left;
    margin-right:30px;
    margin-bottom:20px;
}
.msf_section_right .msf_sec_top .msf_sec_about_b ul li:nth-child(2),.msf_section_right .msf_sec_top .msf_sec_about_b ul li:nth-child(4){
    margin-right:0;
}
.msf_section_right .msf_sec_bottom{
    display: flex;
    background:#ffffff;
    background-size:cover;
    padding: 20px 30px;
    box-shadow: 4px 5px 5px 3px #dddddd;
    position: relative;
}
.msf_section_right .msf_sec_bottom:after{
    content: '';
    width:30px;
    height:5px;
    background:#1377c5;
    position: absolute;
    top:6px;
    left:-6px;
    transform: rotateZ(140deg);
}
.msf_section_right .msf_sec_bottom:before{
    content: '';
    width:23px;
    height:5px;
    background:#1377c5;
    position: absolute;
    top:13px;
    left:3px;
    transform: rotateZ(140deg);
}
.msf_section_right .msf_sec_bottom ul{
    width:100%;
}
.msf_section_right .msf_sec_bottom ul li{
    /*display:flex;*/
    /*flex-grow: 1;*/
    /*justify-content:space-between;*/
    width:20%;
    float:left;
}
.msf_section_right .msf_sec_bottom ul li p{
    text-align: center;
    color:#727272;
}
.msf_puction{
    margin-top:60px;
}
.msf_puction .msf_puct_nav{
    width:100%;
    height:100%;
    background:#f2f6f9;
    box-shadow:1px 2px 6px 0 #666;
    margin-bottom: 8px;
}
.msf_puction .msf_puct_nav .msf_puct_h4{
    padding:60px 0 50px 0;
}
.msf_moder_massage img{
    width: 100% !important;
    height: 100% !important;
}
.msf_pucy{
    display:flex;
    border-top:1px solid #dddddd;
    position: relative;
}
.msf_pucy .msf_hide_lop{
    width:100%;
    position: absolute;
    left:0;
    top:82px;
    background:rgb(64 70 74 / 28%);
    z-index: 9;
    display: flex;
    justify-content: space-between;
    display: none;
    padding:30px 40px 0 40px;
}
.msf_pucy .msf_z_koil{
    padding:30px 0;
    display:block;
}
.msf_pucy .msf_hide_lop .msf_a_hide{
    width:200px;
    background: #ffffff;
    display: block;
    padding:10px 10px;
    /*margin-top:30px;*/
    margin-bottom:30px;
    margin-right:20px;
    float: left;
}
.msf_pucy .msf_hide_lop .msf_a_hide:nth-child(7n){
    margin-right:0;
}
.msf_seofs{
    width:100%;
    display: flex;
    margin-bottom:80px;
}
.msf_seofs .msf_liop{
    width:50%;
}
.msf_seofs .msf_koig{
    background:#efefef;
    padding: 100px 70px;
    height: 500px;
    width:81%;
}
.msf_seofs .msf_koig h2{
    margin-bottom:20px;
}
.msf_seofs .msf_koig p{
    line-height: 25px;
}
.msf_seofs .msf_liop{
    position: relative;
}
.msf_seofs .msf_liop img{
    position: absolute;
    top: 53px;
    left: -50px;
}
.msf_seofs .msf_liy img{
    left:0;
}
.msf_pucy .msf_hide_lop .msf_a_hmg{
    width:180px;
    height:auto;
}
.msf_pucy .msf_hide_lop .msf_a_hmg img{
    width:100%;
}
.msf_service_on h1{
    margin:100px 0;
}
.msf_service_in ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.msf_service_in ul li{
    width: 360px;
    height:400px;
    background:#f5f8fa;
    margin-bottom: 50px;
}
.msf_service_in ul li .msf_serve_soy{
    height:100%;
    position: relative;
}
.msf_service_in ul li .msf_serve_soy .msf_serve_icon{
    height: 205px;
    overflow: hidden;
}
.msf_service_in ul li .msf_serve_soy .maf_opre{
    padding: 24px 30px;
}
.msf_service_in ul li .msf_serve_soy .maf_opre h2{
    margin-bottom:20px;
}

.msf_service_in ul li:hover {
    background:#0d89e0;
    color:#ffffff;
}

.msf_serve_jops ul{
    display: flex;
    justify-content: space-between;
}
.msf_serve_jops ul li{
    width: 480px;
    background:#f5f8fa;
}
.msf_serve_jops ul li .msf_serve_iny{
    width:100%;
    height:100%;
    overflow: hidden;
}
.msf_serve_jops ul li .msf_serve_iny img{
    width:100%;
    transition: all 0.8s ease-in-out;
    transform: scale(1);
}
.msf_serve_jops ul li:hover .msf_serve_iny img{
    transition: all 0.8s ease-in-out;
    transform: scale(1.15);
}
.msf_serve_jops ul li .msf_ser_wead{
    padding:20px 20px;
}
.msf_serve_jops ul li .msf_ser_wead h2{
    margin-bottom:10px;
}

.msf_sert_sofe{
    width:100%;
    height:260px;
    background:url(../images/yos_12.jpg) no-repeat;
    background-size: cover;
    margin-top: 260px;
    position: relative;
}
.msf_sert_sofe .msf_ser_inp{
    position: absolute;
    top:-200px;
    width:100%;
}
.msf_sert_sofe .msf_ser_inp .msf_ser_lerts{
    width:30%;
    margin:40px auto;
    background:#0d89e0;
    color: #ffffff;

}
.msf_sert_sofe .msf_ser_inp .msf_serfs{
    width:100%;
    border: none;
    margin: 0;
}
.msf_sert_sofe input{
    width:33%;
    padding:20px 10px;
    border-bottom:1px solid #dddddd;
    /*margin-right:20px;*/
    margin-bottom:30px;
}
.msf_sert_sofe textarea{
    padding:10px 10px;
    border:1px solid #dddddd;
}
/*.msf_sert_sofe input:nth-child(3n){*/
    /*margin-right:0;*/
/*}*/


.msf_pucy ul{
    display:flex;
    flex-grow:1;
    justify-content: space-between;
}
.msf_puction .msf_puct_pucts{
    width:100%;
    background:#f2f6f9;
    padding:25px 0 35px 0;
}
.msf_puct_pucts .msf_puct_fird .msf_mtr{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #0d88e0ef;
    padding:40px 40px;
    display:none;
}
.msf_puct_pucts .msf_puct_fird .msf_puct_cell_one{
    width:380px;
    height:600px;
    transition:all .4s ease-in-out;
    transform:scale(1);
}
.msf_puct_pucts .msf_puct_fird .msf_puct_cell_two{
    width:590px;
    height:290px;
    transition:all .4s ease-in-out;
    transform:scale(1);
}
.msf_puct_pucts .msf_puct_fird .msf_puct_cell_three{
    width:590px;
    height:290px;
    transition:all .4s ease-in-out;
    transform:scale(1);
}
/* .msf_iner_dop .msf_puct_fird .msf_puct_cell_two,.msf_iner_dop .msf_puct_fird .msf_puct_cell_three{
    width:490px;
} */
.msf_puct_pucts .msf_puct_fird .msf_puct_cell_four{
    width:386px;
    height:290px;
    transition:all .4s ease-in-out;
    transform:scale(1);
}
.msf_puct_pucts .msf_puct_fird .msf_puct_cell_five{
    width:386px;
    height:290px;
    transition:all .4s ease-in-out;
    transform:scale(1);
}
.msf_puct_pucts .msf_puct_fird .msf_puct_cell_six{
    width:386px;
    height:290px;
    transition:all .4s ease-in-out;
    transform:scale(1);
}
/* .msf_iner_dop .msf_puct_fird .msf_puct_cell_four,.msf_iner_dop .msf_puct_fird .msf_puct_cell_five,
.msf_iner_dop .msf_puct_fird .msf_puct_cell_six{
    width:320px;
} */
.msf_puct_pucts .msf_puct_fird li{
    overflow: hidden;
    float: left;
    position: relative;

}
.msf_puct_pucts .msf_puct_fird li:nth-child(1){
    margin-right:20px;
}
.msf_puct_pucts .msf_puct_fird li:nth-child(2){
    margin-right:20px;
    margin-bottom:20px;
}
.msf_puct_pucts .msf_puct_fird li:nth-child(3){
    margin-bottom:20px;
}
.msf_puct_pucts .msf_puct_fird li:nth-child(4){
    margin-right:20px;
}
.msf_puct_pucts .msf_puct_fird li:nth-child(5){
    margin-right:20px;
}


.msf_puct_pucts .msf_puct_fird .msf_puct_cell{
    background-size: cover;
    overflow: hidden;
}
.msf_puct_pucts .msf_puct_fird li:hover .msf_puct_cell_one,.msf_puct_pucts .msf_puct_fird li:hover .msf_puct_cell_two,
.msf_puct_pucts .msf_puct_fird li:hover .msf_puct_cell_three,.msf_puct_pucts .msf_puct_fird li:hover .msf_puct_cell_four,
.msf_puct_pucts .msf_puct_fird li:hover .msf_puct_cell_five,.msf_puct_pucts .msf_puct_fird li:hover .msf_puct_cell_six{
    transition:all .4s ease-in-out;
    transform:scale(1.11);
}
.msf_puct_pucts .msf_puct_fird .msf_a_side{
    display: block;
    height: 100%;
}
.msf_puct_pucts .msf_puct_fird .msf_mtr .msf_lops_a{
    display: block;
    padding-bottom:20px;
    color:#ffffff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    margin-left:0;
}
.msf_puct_pucts .msf_puct_fird .msf_mtr .msf_lops_a:hover{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    margin-left:10px;
}
/* .msf_puct_pucts .msf_puct_fird li:hover .msf_puctioned{
    background: #3a85e0;
    color: #ffffff;
} */
.msf_puctioned{
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    padding: 15px 0;
}
/*解决方案*/
.msf_prog_section{
    width:100%;
    height:100%;
    background:url(../images/frs.jpg) center no-repeat;
    background-size:cover;
    padding-bottom:75px;
}
.msf_prog_section .msf_prog_section_top{
    padding:65px 0;
}
.msf_prog_section .msf_prog_section_top h3{
    padding-bottom:10px;
    color: #ffffff;
}
.msf_prog_on{
    background: #ffffff;
    padding: 30px 20px;
    border-radius: 10px;
}
.msf_prog_on .msf_prog_left{
    width:240px;
    margin-right: 20px;
    float: left;
}
.msf_icon{
    vertical-align: sub;
    margin-right:5px;
}
.msf_icon1{
    vertical-align: sub;
}
.msf_sef{
    border:1px solid #000000;
    border-radius: 20px;
    padding: 2px 3px;
    display: inline-block;
    vertical-align: bottom;
}
.msf_feron{
    padding: 5px 14px;
}
.msf_feron strong{
    position: relative;
    top:10px;
}
.msf_back_blue{
    background: #2cbafa;
    color: #ffffff;
}
.msf_prog_on .msf_prog_left .ser{
    display: block;
    height:80px;
    line-height:80px;
    text-align: center;
    background: #f6f6f6;
    margin-bottom:2px;
    position:relative;
    cursor: pointer;
}
.msf_prog_on .msf_prog_left .ser .ser_as{
    color: #727272;
}

.msf_ser_z{
    width:100%;
    position: absolute;
    left:0;
    background:#f6f6f6;
    z-index:999;
    display:none;
    transition:all .4s ease-in-out;
    color: #000000;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
}
.msf_ser_z a{
    border:1px solid #ffffff;
    height:59px;
    line-height: 59px;
    font-size:16px;
    color:#727272;
    display: block;
}

.ser_back{
    background:#0d89e0 !important;
    color:#ffffff !important;
}
.msf_lxs{
    /*background: #f6f6f6;*/
    text-align:center;
}
.msf_lxs img{
    width:80%;
}
.msf_prog_on .msf_prog_left img{
    padding: 43px 0 0 0;
    width: 180px;
}
.msf_sef_a{
    height: auto;
    line-height: initial;
    padding:10px 40px;
    background:#3a85e0;
    color: #ffffff;
    margin: 0 24px;
    display: block;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
}
.msf_ap a:hover{
    color: #ffffff;
}
.msf_prog_on .msf_prog_right{
    float: left;
    width: 1300px;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top{
    position: relative;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_right_l{
    float: left;
    margin-right: 30px;
    width:633px;
    height:395px;
    overflow: hidden;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_right_l img{
    width:100%;
    height:100%;
    transform:scale(1);
    transition: all .4s ease-in-out;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_right_l:hover img{
    transform:scale(1.11);
    transition: all .4s ease-in-out;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_right_r{
    float: left;
    width:637px;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_right_r h4{
    margin-bottom:40px;
    color: #000000;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_right_r .msf_sertf{
    line-height:1.7;
    font-size:16px;
    color:#727272;
}
.msf_prog_on .msf_prog_right .msf_prog_right_top .msf_prog_rbottom{
    position: absolute;
    bottom:0;
}
.msf_prog_right_top .msf_prog_rbottom .msf_a{
    display: inline-block;
    line-height:46px;
    border-radius:10px;
    text-align:center;
    margin-right:20px;
    color: #ffffff;
    padding: 0 50px;
}
.msf_prog_right_top .msf_prog_rbottom .msf_a_red{
    background: #da0404;
}
.msf_prog_right_top .msf_prog_rbottom .msf_a_blue{
    background:#0d89e0;
}
.msf_prog_right_bottom .msf_prog_rs{
    margin:20px 0;
    background: url(../images/kh.jpg) no-repeat 79px center;
}
.msf_prog_right_bottom .msf_prog_rs .msf_i_sp{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../images/sp.png) no-repeat;
    background-size:cover;
    vertical-align: sub;
}
.msf_prog_right_bottom .msf_prog_rz{
    display: flex;
}
.msf_prog_right_bottom .msf_prog_rz ul{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.msf_prog_right_bottom .msf_prog_rz ul li{
    width:300px;
    /* padding:25px 0; */
}
.msf_prog_right_bottom .msf_over_f{
    overflow: hidden;
}
.msf_prog_right_bottom .msf_over_f img{
    transform:scale(1);
    transition: all 0.4s ease-in-out;
    height:225px;
    width:100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.msf_prog_right_bottom .msf_over_f:hover img{
    transform:scale(1.11);
    transition: all 0.4s ease-in-out;
}
.msf_prog_right_bottom .msf_prog_rz p{
    margin:10px 0;
    color:#727272;
}
.msf_prog_right_bottom .msf_prog_rx p{
    color:#727272;
    padding:0 5px;
}
.msf_prog_right_bottom .msf_prog_rx{
    padding:15px 0 0 0;
    border-top:1px solid #b9b9b9;
    height:40px;
}
.msf_prog_right_bottom .msf_prog_rx a{
    margin-right:28px;
    color:#727272;
}
.msf_prog_jop,.msf_prog_jop1{
    display: none;
}
.msf_customers{
    border-bottom:2px solid #ffffff;
}
.swiper-pagination-bullet{
    width:12px !important;
    height:12px !important;
    border:1px solid #ffffff;
    background:transparent !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active{
    border:1px solid transparent;
    background:#0d89e0 !important;
}

.msf_customers .msf_customers_top h3{
    padding-top:65px;
    padding-bottom:15px;
}
.msf_customers .msf_customers_top h5{
    text-align: center;
}
.msf_customers_bottom{
    position: relative;
    padding-bottom:70px;
    padding-top:65px;
}
.msf_customers_bottom .swiper-slide{
    margin-bottom: 5px;
}
.msf_customers_bottom .swiper-button-prev{
    width:60px !important;
    height: 60px !important;
    background-image:url(../images/lr.png) !important;
    background-size:cover !important;
    transform:rotateY(180deg);
    left:-77px;
    top: 48%;
}
.msf_customers_bottom .swiper-button-next{
    width:60px !important;
    height:60px !important;
    background-image:url(../images/lr.png) !important;
    background-size:cover !important;
    right:-77px;
    top: 48%;
}
.msf_news_sec{
    background:#f8f8f8;
}
.msf_news_sec h3{
    padding-top:60px;
    margin-bottom:40px;
}
.msf_seder{
    margin-right:20px;
}
.msf_new_section .msf_new_top{
    height:100%;
    overflow:initial;
}
.msf_new_section .msf_new_top .msf_new_left{
    width:950px;
    float: left;
    margin-right:20px;
}
 .msf_new_tl{
    width:100%;
    height:100%;
    background:url(../images/backs_22.jpg) no-repeat;
    background-size:cover;
    padding:10px 30px;
     margin-bottom:35px;
}
.msf_new_i{
    vertical-align: bottom;
    margin-right: 20px;
}
.msf_new_a{
    float: right;
    height:40px;
    line-height:40px;
    color: #ffffff;
}
.msf_new_a:hover{
    background: #ffffff;
    border-radius: 20px;
    padding:0 20px;
}
.msf_new_section .msf_new_top .msf_new_left .msf_new_tlg{
    display: flex;
    margin-top:30px;
}
.msf_new_section .msf_new_top .msf_new_left .msf_new_tlg ul{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.msf_new_section .msf_new_top .msf_new_left .msf_new_tlg ul li{
    width:300px;
    height:225px;
    overflow: hidden;
}
.msf_new_section .msf_new_top .msf_new_left .msf_new_tlg ul li img{
    width:100%;
    height:100%;
    transition: all .4s ease-in-out;
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.msf_new_section .msf_new_top .msf_new_left .msf_new_tlg ul li:hover img{
    transition: all .4s ease-in-out;
    transform: scale(1.11);
}
.msf_new_section .msf_new_top .msf_new_right{
    width:630px;
    float: left;
}

.msf_new_bottom{
    margin-top:30px;
}
.msf_new_br{
    width:100%;
    height:100%;
    background:url(../images/backs_25.jpg) no-repeat;
    background-size:cover;
    padding:10px 30px;
}
.msf_new_trs{
    height: 225px;
    overflow: hidden;
}
.msf_new_trs .msf_div{
    margin-bottom:15px;
    display: block;
    background: #ffffff;
    width:305px;
    float: left;
    padding: 18px 5px;
    position: relative;
}
.msf_new_trs .msf_div:nth-child(2n){
    margin-right:0;
}
.msf_new_trs a{
    display: block;
    padding: 10px 0 40px 0;
}
.msf_new_trs .msf_timer{
    border-right: 1px solid #dddddd;
    padding: 0 10px;
}
.msf_new_trs .msf_tsec{
    padding: 0 10px;
}
.msf_new_trs .msf_div:hover .icon{
    left:110px;
    transition:all .4s ease-in-out;
}
.msf_new_trs .icon{
    position: absolute;
    bottom: 14px;
    left:100px;
    transition:all .4s ease-in-out;
}
.msf_new_trs .msf_seof{
    width:160px;
}
.msf_new_bx{
    display: flex;
    margin-top:25px;
}
.msf_new_bx .msf_new_bx_ul{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.msf_new_bx .msf_new_bx_ul li{
    margin-right:20px;
}
.msf_new_bx .msf_new_bx_ul li .msf_jk{
    width:304px;
    height:230px;
    overflow: hidden;
}
.msf_new_bx .msf_new_bx_ul li p{
    text-align:center;
    margin:10px 0;
}
.msf_new_bx .msf_new_bx_ul li img{
    width:100%;
    height:230px;
    transition: all .4s ease-in-out;
    transform: scale(1);
}
.msf_new_bx .msf_new_bx_ul li:hover img{
    transition: all .4s ease-in-out;
    transform: scale(1.11);
}
.msf_yq{
    height: 150px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    background:#ffffff;
}
.msd{
    position: relative;
}
.msf_yq .msf_in_p{
    width: 140px;
    height: 43px;
    line-height: 41px;
    border:1px solid #dddddd;
    text-align: center;
}
.msf_yq .msf_in_p .msf_pull_r{
    background:#0d89e0;
    padding: 0 15px;
    color: #ffffff;
}
.msf_yq_rl{
    background: #ffffff;
    position: absolute;
    top: 55px;
    z-index: 12;
}
.msf_yq .msf_yq_l{
    position: absolute;
    top: 55px;
    left:0;
    height: 43px;
    line-height: 41px;
    z-index: 1;
    background: #ffffff;
    transition: all .4s ease-in-out;
    opacity: 0;
}
.msd:hover .msf_yq_l{
    transition: all .4s ease-in-out;
    left:130px;
    padding:0 30px;
    opacity: 1;
}
.msd:hover .msf_yq_l a{
    padding:0 5px;
}
.msf_sered img{
    width:100%;
    transform: rotateY(0deg);
    transition: all 1.2s ease-in-out;
}
.msf_sered:hover img{
    transform: rotateY(360deg);
    transition: all 1.2s ease-in-out;
}
.msf_qy_icon{
    background: #3884dc;
    width: 50px;
    height: 50px;
    border-radius: 35px;
    overflow: initial !important;
    position: relative;
    top: 18px;
    margin-right: 10px;
}
.icon_icon_x{
    padding: 8px 0 13px 0;
}
.icon_icon_one{
    padding: 6px 0 9px 0;
}
.icon_icon_two{
    padding: 6px 0 5px 0;
}
.icon_icon_three{
    padding: 3px 5px 6px 5px;
}


/*产品中心*/
.msf_puct .msf_jopx{
    width:100%;
    height:100%;
    background:#ffffff;
    background-size: cover;
}

.msf_puct .msf_puct_banner{
    position: relative;
}
.msf_puct .msf_puct_banner .msf_purt_deing{
    position: absolute;
    top:150px;
}
.msf_puct .msf_puct_banner .msf_purt_deing h2{
    margin-bottom:10px;
}
.msf_puct .msf_puct_banner .msf_purt_deing p{
    width:660px;
    padding:15px 15px;
    background: rgba(0,0,0,0.5);
    letter-spacing: 1px;
}
.msf_puct .msf_puct_banner .msf_purt_deing .msf_hery_a{
    display: block;
    width:280px;
    height:50px;
    line-height:50px;
    background:#0d89e0;
    color: #ffffff;
    border-radius:5px;
    margin-top:20px;
}
.msf_puct_banner .msf_product_nav,.msf_case_banner .msf_product_nav{
    position: absolute;
    bottom:10px;
    color: #ffffff;
}
.msf_puct .msf_puct_banner .msf_img_fers{
    overflow: hidden;
    width:100%;
    height:590px;
}
.msf_puct_banner .msf_banner_title{
    padding-top:270px;
}
.msf_case_banner .msf_banner_title{
    padding-top:270px;
}
.msf_puct_banner .msf_banner_title h1,.msf_case_banner .msf_banner_title h1{
    margin-bottom:10px;
}
.msf_product_nav svg{
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.msf_product_nav a{
    color: #ffffff;
}
.msf_product_sec{
    padding:70px 0;
}
.msf_product_sec h2{
    padding-bottom:50px;
}
.msf_product_sec p{
    line-height:2;
}
.msf_product_bottom{
    width:100%;
    /*background: #f6f6f6;*/
    /*padding-bottom: 110px;*/
}
.msf_product_bottom .msf_pr_dc{
    width: 100%;
    height: 100%;
    background: url(../images/fed.jpg) no-repeat;
    background-size: cover;
    padding-top: 3%;
    padding-bottom: 9%;
    position: fixed;
    top: 0;
    z-index: -1;
}
.msf_product_bottom .msf_product_hvls{
    padding-top:80px;
}
 .msf_product_bottom .msf_product_hvls h2{
    color: #0f254e;
     margin-bottom:30px;
 }
.msf_pro_hoy{
    background:#ededed;
    overflow: hidden;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-right:25px;
    margin-bottom:25px;
    border: 1px solid #eaeaea;
}

.msf_width{
    width:300px;
}
.msf_product_bottom .msf_product_hvls .msf_pro_hoy:nth-child(5n){
    margin-right:0;
}
 .msf_pro_img{
    overflow: hidden;
    height:220px;
    position: relative;
}
.msf_pro_img1{
    overflow: hidden;
    height:205px;
}
 .msf_pro_img .msf_por_i,.msf_pro_img1 .msf_por_i{
    width:100%;
    height:100%;
}

.msf_pertimg{
    background-color: rgba(22, 108, 227, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}
.msf_pro_dery .msf_pro_hoys:hover .msf_pertimg{
    opacity:1;
}
.msf_pro_dery .msf_pro_hoys:hover .msf_pertimg::before,.msf_pro_dery .msf_pro_hoys:hover .msf_pertimg::after{
    transform: translate(-55%, -50%);
    -webkit-transform: translate(-55%, -50%);
    -moz-transform: translate(-55%, -50%);
    -ms-transform: translate(-55%, -50%);
    -o-transform: translate(-55%, -50%);
}

.msf_pertimg::before, .msf_pertimg::after{
    content: '';
    position: absolute;
    background:url(http://img.gdmeishuo.com/enimg/images/icon_circle.png) no-repeat center center;
    left: 50%;
    top: 50%;
    display: block;
    width: 86px;
    height: 86px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transform: translate(-400%, -50%);
    -webkit-transform: translate(-400%, -50%);
    -moz-transform: translate(-400%, -50%);
    -ms-transform: translate(-400%, -50%);
    -o-transform: translate(-400%, -50%);
}
.msf_pertimg::after {
    background-image: url(http://img.gdmeishuo.com/enimg/images/icon_zoom.png);
    -webkit-transform: translate(310%, -50%);
    transform: translate(310%, -50%);
}

.msf_pro_jor{
    width:290px;
    border:1px solid #eeeeee;
    transition: all .4s ease-in-out;
    position: relative;
    top:0;
}
#swiper50 .msf_pro_jor{
    width:300px;
}
.msf_ser_inher .msf_pro_jor{
    width:250px;
}

.msf_pro_jor:hover{
    box-shadow: 1px 4px 12px #eeeeee;
    transition: all .4s ease-in-out;
    position: relative;
    top:-10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.msf_d_kiy{
    width:100%;
    margin-right:60px;
}
.msf_d_thy{
    width:1240px;
}
.msf_d_right{
    width:340px;
    height:810px;
    background: #f2f6f9;
    padding:45px 20px 10px 20px;
    overflow: hidden;
    position: sticky;
    top:0;
}
.msf_d_wes{
    width:300px;
    height:830px;
}
.msf_case_nav{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.msf_case_nav a{
    padding-top:10px;
    padding-bottom:5px;
    margin-top:50px;
    margin-bottom:55px;
    height:40px;
}
.msf_case_nav a:hover{
    border-bottom:1px solid #0d89e0;
}
.msf_d_right h2{
    color: #0f244f;
    margin-bottom:40px;
}
.msf_d_right .msf_y_hop .msf_a_ain{
    display: block;
    padding:12px 5px;
    background: #ffffff;
    margin-bottom:15px;
}
.msf_yx_rl .msf_yx_img{
    text-align: center;
}
.msf_yx_rl .msf_yx_img img{
    width:200px;
}
.msf_yx_rl .msf_gop{
    border-top:1px solid #000000;
    padding:10px 0;
}
.msf_yx_rl{
    position: relative;
    padding-top:50px;
}
.msf_yx_rl:after{
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 125%;
    height: 14px;
    background: #ffffff;
}
.msf_yx_rl .msf_gop p{
    margin-bottom:10px;
}
.msf_yx_rl .msf_gop .msf_a_frog{
    display: block;
    background: #3885dd;
    text-align: center;
    padding:10px 10px;
    color: #ffffff;
    margin-top: 50px;
}
.msf_yx_rl .msf_gop .msf_a_frog span{
    margin-right:20px;
}
.msf_yx_rl .msf_gop .msf_a_frog:hover{
    color: #ffffff;
}
.msf_ioy{
    background: #f3f6f8;
}
.msf_u_sop{
    padding-bottom:30px;
}
.msf_i_icon{
    background: #dee6f3;
    border-radius: 20px;
    padding: 6px;
    vertical-align: bottom;
}
.msf_pro_sec{
    width:100%;
    background:#e8e8e9;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding:20px 15px;
}
.msf_pro_sec h3{
    margin-bottom:10px;
    height:43px;
}
.msf_pro_sec .msf_p{
    margin-bottom:10px;
}
.msf_al_case{
    position: relative;
}
.msf_al_case .msf_al_p{
    position: absolute;
    right:0;
    bottom:0;
}
.msf_al_case{
    color: #0f244f;
}
#msf_noder{
    width:281px;
}
.msf_sodrt:nth-child(4n){
    margin-right:0;
}
.msf_sodrt:hover .msf_pro_bser p{
    color: #000000;
}
.msf_pro_dery .msf_pro_hoys{
    background:#ededed;
    overflow: hidden;
    width:516px;
    height:400px;
    margin-right:25px;
    margin-bottom:25px;
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.msf_pro_dery .msf_pro_hoys:hover .coc_h{
    color: #000000;
}
.msf_pro_dery .msf_pro_hoys:nth-child(3n){
    margin-right:0;
}
.msf_pro_dery .msf_pro_bser{
    width:100%;
    height:180px;
    border-radius:0;
    background: #ededed;
    padding:20px 20px;
    position: absolute;
    bottom:0;
}
.msf_pro_dery .msf_time_p{
    margin:5px 0;
}
.msf_pro_fops{
    margin-top:80px;
    margin-bottom:80px;
}
.msf_bigger_lop{
    display: flex;
}

.msf_prod_hode{
    padding:70px 0 65px 0;
}
.msf_loation{
    margin-bottom:30px;
}
.msf_blue,.msf_red{
    padding:5px 15px;
    color: #000000;
    border-radius:5px;
    transition: all .4s ease-in-out;
    border:1px solid #000000;
}
.msf_blue:hover{
    color: #ffffff;
    background:#0d89e0;
    transition: all .4s ease-in-out;
    border:1px solid #0d89e0;
}
.msf_red:hover{
    color: #ffffff;
    background:#fe0000;
    transition: all .4s ease-in-out;
    border:1px solid #fe0000;
}

/*产品详情页*/
.msf_details{
    margin-top:110px;
}
.msf_details .msf_product_nav{
    margin-bottom:20px;
}
.msf_puct_ui .msf_dering .msf_ioys{
     background:#ffffff;
    padding:30px 0;
    height:430px;
 }
.msf_puct_ui .msf_dering .msf_ioys h2{
    margin-bottom:25px;
    height:70px;
}
.active{
    color: #0d89e0;
    /* border-bottom:2px solid #0d89e0; */
    /* padding-bottom: 10px; */
}
.msf_puct_ui .msf_dering .msf_ioys .msf_swer{
    margin-bottom:25px;
    height:88px;
    line-height:30px;
}
.msf_puct_ui .msf_dering .msf_ioys ul{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin-bottom: 75px;
    height:65px;
}
.msf_puct_ui .msf_dering .msf_ioys ul li{
    background: #0d89e0;
    width: 23%;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#thumbs .swiper-slide{
    opacity: 0.4;
    border:1px solid #eeeeee;
}
#thumbs .swiper-slide-thumb-active{
    opacity: 1;
    border:1px solid #0d89e0;
}
.msf_dera{
    margin:10px 0;
}
.msf_dera a{
    background: #f12516;
    padding:15px 50px;
    color: #ffffff;
    border-radius: 5px;
}
.msf_dera a:hover{
    color: #ffffff;
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none !important;
}
#thumbs{
    margin-top: 30px;
}
#thumbs .swiper-button-next{
    width: 50px;
    height: 41px;
    position: absolute;
    right: 0;
}
#thumbs .swiper-button-prev{
    width: 50px;
    height: 46px;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
}
.msf_ser_puct{
    position: relative;
    background:#f1f1f1;
}
.msf_ser_puct .swiper-button-next{
    width: 50px;
    height: 41px;
    position: absolute;
    right: 90px;
    top:305px;
}
.msf_ser_bort .swiper-button-next{
    top:235px;
}
.msf_ser_bort .msf_pro_img1{
    height:160px;
}
.msf_ser_bort .msf_pro_img2{
    height:280px;
}
.msf_ser_puct .swiper-button-prev{
    width: 50px;
    height: 46px;
    transform: rotate(180deg);
    position: absolute;
    left: 86px;
    top:295px;
}
.msf_ser_bort .swiper-button-prev{
    top:230px;
}
#gallery{
    width:576px;
}
#gallery .swiper-slide{
    width:576px !important;
    height:324px;
}
#gallery .swiper-slide img{
    width:100%;
    height:100%;
}
#gallery .swiper-slide video,#thumbs .swiper-slide video{
    width:100%;
    height:100%;
}
#thumbs .swiper-slide video::-webkit-media-controls-enclosure{
    display: none;
}
#thumbs .swiper-slide video {
    pointer-events: none;

}

.msf_ser_section .msf_ser_nax .msf_ser_ul{
    display:flex;
}
.msf_ser_section .msf_ser_nax{
    width:100%;
    background:#f3f2f2;
    margin-top:40px;
}
.msf_ser_section .msf_ser_nax .msf_ser_ul li{
    padding:15px 30px;
    cursor: pointer;
    font-size:16px;
}
.msf_ser_section .msf_ser_nax .msf_ser_ul li.oner{
    background: #0d89e0;
    color: #ffffff;
}
.msf_ser_content{
    display: none;
}
.msf_ser_puct{
    padding-bottom:50px;
    padding-top:50px;
}
.msf_ser_puct h1{
    padding:30px 0;
}
.msf_puct_ui .msf-led{
    width:50%;
    margin-right:40px;
}
.msf_puct_ui .msf_dering{
    width:47.5%;
    transition:all .4s ease-in-out;
}
.msf_hour .msf_hour_y{
    width:100%;
    height:250px;
    background: url(../images/mop_16.jpg) no-repeat;
    background-size:cover;
    position: relative;
    margin-bottom:65px;
    margin-top:210px;
}
.msf_hour .msf_hour_y .msf_h_sard{
    position:absolute;
    right:50px;
    top:80px;
}
.msf_hour .msf_hour_y h4{
    text-align: left;
    margin-bottom:10px;
}
.msf_gg_w h2{
    font-size: 30px;
}
.msf_hour .msf_hour_y h1{
    font-size:30px;
}
.msf_hour .msf_hour_y h2{
    font-size:20px;
    margin-bottom:0 !important;
}
.msf_hour .msf_hour_y h1,.msf_hour .msf_hour_y h2,.msf_hour .msf_hour_y p{
    text-align:right;
    margin-bottom:25px;
}
.msf_upion{
    width:100%;
    height:385px;
    background: #0070c0;
}
.msf_upion h1{
    padding:50px 0;
}
.msf_upion .msf_inder_maxs{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    position: relative;
}
.msf_upion .msf_inder_maxs .msf_in_max{
    width:360px;
    background: #f0f0f0;
    overflow: hidden;
}
/*.msf_upion .msf_indez_maxs .msf_on_kops{*/
    /*width:280px;*/
/*}*/
.msf_upion .msf_inder_maxs .msf_in_max .msf_in_img{
    width:100%;
    height:250px;
    overflow: hidden;
}
.msf_upion .msf_inder_maxs .msf_in_max .msf_in_img img{
    width:100%;
    height:100%;
    transition: all .4s ease-in-out;
    transform: scale(1);
}
.msf_upion .msf_inder_maxs .msf_in_max .msf_in_img:hover img{
    transition: all .4s ease-in-out;
    transform: scale(1.11);
    -webkit-transform: scale(1.11);
    -moz-transform: scale(1.11);
    -ms-transform: scale(1.11);
    -o-transform: scale(1.11);
}
.msf_upion .msf_inder_maxs .msf_in_max .msf_in_title{
    padding:0 20px;
}
.msf_upion .msf_inder_maxs .msf_in_max .msf_in_title h2{
    margin:20px 0;
}
.msf_upion .msf_inder_maxs .msf_in_max .msf_in_title p{
    margin-bottom:20px;
}
.msf_noys_step{
    width:100%;
    height:745px;
    background:url(../images/ines_06.jpg) no-repeat;
    background-size:cover;
    padding:70px 0;
}
.msf_noys_step h1{
    padding-bottom:60px;
    text-align: center;
}
.msf_noys_step .msf_merts_nr{
    padding-bottom:30px;
    box-shadow: 15px 15px 0px rgba(7,122,198,0.8);
    background:rgba(255,255,255,0.8);
}
.msf_noys_step .msf_merts_nr .msf_mert_ul{
    padding-bottom:35px;
    transition: all .4s ease-in-out;
    transform: rotate(0deg);
}
.msf_noys_step .msf_merts_nr .msf_mert_ul li:hover svg{
    transition: all .4s ease-in-out;
    transform: rotate(360deg);
}
.msf_noys_step .msf_merts_nr .msf_mert_ul .msf_mert_ul_li{
    width:266px;
}
.msf_noys_step .msf_merts_nr .msf_mert_ul li{
    width:200px;
    padding:0 16px;
    text-align:center;
    float: left;
    position: relative;
}
.msf_noys_step .msf_merts_nr .msf_mert_ul .msf_mert_ul_li:after{
    left:245px;
}

.msf_noys_step .msf_merts_nr .msf_mert_ul li:after{
    content: '';
    background:url(../images/right-j.png) no-repeat;
    background-size: cover;
    width:38px;
    height:27px;
    position: absolute;
    left:180px;
    top:40px;
}
.msf_noys_step .msf_merts_nr .msf_mert_ul li:nth-child(6n):after{
    display: none;
}
.msf_noys_step .msf_merts_nr .msf_mert_ul li h2{
    padding:10px 0;
}
/*#sod{*/
    /*width:281px;*/
/*}*/
.msf_deron{
    width:100%;
    height:666px;
    background:url(../images/shuju.png) center no-repeat;
    background-size:cover;
}

.msf_deron .msf_sec_bottom .msf_sec_bottom_ul{
    padding:100px 0;
}
.msf_deron .msf_sec_bottom .msf_sec_bottom_ul li{
    text-align: center;
    position: relative;
    width:320px;
    float: left;
}
/*.msf_deron .msf_sec_bottom .msf_sec_pul li{*/
    /*width:240px;*/
/*}*/
.msf_deron .msf_sec_bottom .msf_sec_bottom_ul li:after{
    content: '';
    width:1px;
    height:100%;
    background: #077ac6;
    position: absolute;
    left:320px;
    top:0;
}
.msf_deron .msf_sec_bottom .msf_sec_bottom_ul li:nth-child(5n):after{
    display: none;
}
.msf_yeron .msf_deop_top{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.msf_yeron .msf_deop h1{
    padding:60px 0;
    color: #0f244f;
}
.msf_yeron .msf_deop_top a{
    border-right:1px solid #ffffff;
    background:#e5e5e5;
    width:100%;
    text-align: center;
    padding:20px 0 15px 0;
    transition: all .4s ease-in-out;
}
.msf_yeron .msf_deop_top a.er_over{
    background: #0d89e0;
    color: #ffffff;
}
.msf_yeron .msf_deop_top a.er_over svg{
    background: #ffffff;
}
/*.msf_yeron .msf_deop_top a:hover svg{*/
/*    background:#ffffff;*/
/*    transition: all .4s ease-in-out;*/
/*}*/
/*.msf_yeron .msf_deop_top a:hover{*/
/*    background:#0d89e0;*/
/*    color: #ffffff;*/
/*    transition: all .4s ease-in-out;*/
/*}*/
.msf_yeron .msf_deop_top a:nth-child(6){
    border:none;
}
.msf_yeron .msf_deop_top svg{
    vertical-align: middle;
    position: relative;
    top:-4px;
    border-radius: 20px;
    padding: 5px;
    transition: all .4s ease-in-out;
    margin-right:10px;
}
.msf_yeron .msf_deop_bottom{
    margin-top:20px;
}
.msf_yeron .msf_deop_bottom a{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    background:#e5e5e5;
    width:320px;
    text-align: center;
    float: left;
    padding:15px 0;
}
.msf_yeron .msf_deop_bottom a.er_over{
    background: #0d89e0;
    color: #ffffff;
}
.msf_d_thy h2{
    color: #0f244f;
    margin-bottom:20px;
}
.msf_case_joer{
    background: #f2f6f9;
    padding:30px 30px;
}
.msf_case_joer p{
    margin-bottom:10px;
}
#msf_ser_puct{
    background:#ffffff;
}
.msf_customize{
    width:100%;
    height:362px;
    background:#f2f6f9;
    margin-bottom:40px;
    position: relative;
    padding: 15px 0;
}
.msf_cust_title h2{
    color: #0f244f;
    display:inline-block;
}
.msf_cust_title{
    padding:30px 0;
}
.msf_cust_title p{
    display:inline-block;
}
.msf_customize .msf_cust_massage{
    width:50%;
    background:#ffffff;
    margin:0 15px;
    padding:41px 30px;
    float: left;
}
.msf_customize .msf_cust_massage input{
    width:300px;
    padding:10px 10px;
    background:#eeeeee;
    border-radius:5px;
}
.msf_customize .msf_cust_massage p{
    margin-bottom:30px;
    display: inline-block;
    width: 100px;
}
.msf_customize .msf_inys{
    width: 28%;
    float: left;
    position: absolute;
    right: 205px;
    z-index: 9;
}
.msf_customize .msf_o_ins{
    margin-bottom:10px;
}
.msf_customize .msf_o_ins,.msf_customize .msf_o_ins1{
    background:rgba(255,255,255,1);
    padding:15px 0;
}
.msf_customize .msf_s_img{
    position: absolute;
    bottom:0;
    right:0;
}
.msf_serve_one{
    margin:60px 0;
    height:200px;
    display: flex;
}
.msf_serve_one .wrapper{
    /*padding:15px 0;*/
}
.msf_serve_one .wrapper:hover{
    /*border:1px solid #006db8;*/
    border-radius:5px;
}
.msf_serve_one a{
    width:280px;
    height:215px;
    float: left;
    text-align:center;
    /*padding: 26px 0;*/
    position: relative;
    border-top: 20px solid #006db8;
    border-bottom:20px solid #006db8;
    padding: 20px 0;
}
.msf_serve_one a.er_over{
    color: #0d89e0;
}

.msf_serve_one span{
    display: block;
    margin-top:10px;
}
.msf_secer_massage{
    margin:50px 0;
    display: none;
}

.msf_secer_massage a{
    margin-right:20px;
    margin-bottom:20px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.msf_secer_massage a:hover .msf_jour{
    transition: all 0.8s ease-in-out;
    transform: scale(1.2);
}
/*.msf_secer_massage a:nth-child(4n){*/
    /*margin-right:0;*/
/*}*/
.msf_secer_massage .msf_jour{
    width:335px;
    height:200px;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.8s ease-in-out;
    transform: scale(1);
}
.msf_secer_massage1 .msf_jour{
    width:264px;
    height:170px;
}
.msf_secer_msr{
    position: relative;
}


.msf_secer_massage1 a:nth-child(5n){
    margin-right:0;
}

.msf_secer_msr .msf_jops{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}
.msf_secer_msr .msf_jops:before{
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    background: #fff\9;
    filter: alpha(opacity=80);
    opacity: 0;
    visibility: hidden;
    transition: 0.38s ease-in-out;
    left: 50%;
    top: 0;
}
.msf_secer_msr:hover .msf_jops:before{
    opacity: 1;
    width: 100%;
    left: 0;
    visibility: visible;
    border-radius: 0;
}
.msf_secer_msr h2{
    width:100%;
    position: absolute;
    top:50%;
    padding:0 20px;
}
.msf_secer_msr h2 svg{
    position: absolute;
    right: -90px;
    top: -7px;
}



.msf_case_jouy{
    position:relative;
    width:100%;
    height:500px;
    background:url(../images/frn.jpg) center no-repeat;
    background-size:cover;
}
.msf_case_jops{
    width:430px;
    height:300px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top:80px;
    left:80px;
    padding: 40px 50px;
}
.msf_case_jouy .msf_case_jops h2{
    color: #ffffff;
}
.msf_case_hour{
    margin:5px auto;
    position: relative;
    width:100px;
    height:100px;
    z-index: 30;
}
.msf_case_i,.msf_case_i_one,.msf_case_i_two{
    position: absolute;
    top:0;
    left: 0;
}
.msf_case_i{
    width: 100px;
    height: 100px;
    background: #0d89e0;
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -o-animation: warn 2s linear infinite;
    -moz-animation: warn 2s linear infinite;
    box-shadow: 1px 1px 0.5rem #0d89e0;
    animation-iteration-count:infinite;
}

.msf_case_i_one{
    width: 100px;
    height: 100px;
    background: #0d89e0;
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -o-animation: warn1 2s linear infinite;
    -moz-animation: warn1 2s linear infinite;
    box-shadow: 1px 1px 0.5rem #0d89e0;
    animation-iteration-count:infinite;
}
 .msf_case_i_two{
    width:100px;
    height:100px;
    line-height:140px;
    position: absolute;
    top: 0;
    left:-1px;
    z-index: 999;
    cursor: pointer;
}
.msf_case_video{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 9999;
    transition:all .4s ease-in-out;
    display: none;
    background:rgba(0,0,0,0.5);
}
.msf_case_video video{
    width:800px;
    height:450px;
    transition:all .4s ease-in-out;
    position: fixed;
    top:25%;
    left:25%;
    z-index: 99999;
}
.msf_case_video svg{
    position: absolute;
    top: 21%;
    left:66%;
    z-index: 9999999;
    cursor: pointer;
}
.msf_zok img{
    width:100%;
    margin:10px 0;
}
.msf_case_banner{
    position:relative;
}
.msf_case_banner ul{
    position: absolute;
    left:0;
    right: 0;
    top:200px;
    margin: 0 auto;
    width:700px;
}
.msf_case_banner ul li{
    float:left;
    width: 230px;
    margin:20px 0;
}
.msf_case_banner ul li:nth-child(2),.msf_case_banner ul li:nth-child(5){
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}
.msf_case_banner ul:after{
     content:'';
     position: absolute;
     bottom:158px;
     left:0;
     width:100%;
     height:1px;
     background:#ffffff;
 }
.msf_case_kip{
    width:100%;
    height:590px;
}
.msf_case_kip1{
    width:100%;
    height:590px;
}
.msf_case_hp{
    height:820px;
}
.msf_comp_nav1{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding:50px 0 40px 0;
}
.msf_comp_kop{
    width:440px;
}
#sody{
    width:516px;
}
#sody:nth-child(3n){
    margin-right:0;
}
.msf_dert a{
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 40px;
}
.msf_comp_nav a:hover{
    border-bottom:2px solid #0d89e0;
    padding-bottom: 10px;
}

.msf_dert,.msf_comp_nav{
    background: #f9f9f9;
    height:115px;
}
.msf_jout ul{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}
.msf_jout ul li{
    width:240px;
    text-align: center;
    padding:50px 10px;
}
.msf_jout ul li img{
    margin:0 auto;
}
.msf_jout ul li h2{
    padding:10px 0;
}
.msf_serf img{
    width:100%;
}
.msf_sore{
    border:1px solid #dddddd;
    transition:all .8s ease-in-out;
    transform: rotateY(0);
}
.msf_sore:hover{
    transition:all .8s ease-in-out;
    transform: rotateY(360deg);
}
/*.msf_ser_iop{*/
    /*margin-bottom:80px;*/
/*}*/
/*.msf_ser_iop h1{*/
    /*margin:40px 0;*/
/*}*/
.msf_ser_iop h2{
    padding:10px 0;
}
.msf_ser_iop .swiper-button-lock{
    display: block;
}
.msf_ser_iop .swiper-button-prev{
    top:475px;
    left:90px;
}
.msf_ser_iop .swiper-button-next{
    top:475px;
    right:90px;
}
.msf_ser_iop1 .swiper-button-prev{
    top:400px;
    left:90px;
}
.msf_ser_iop1 .swiper-button-next{
    top:408px;
    right:90px;
}
.msf_ser_iop2 .swiper-button-prev{
    top:420px;
    left:90px;
}
.msf_ser_iop2 .swiper-button-next{
    top:420px;
    right:90px;
}
.msf_ser_iop{
    background:#ffffff;
}
.msf_dersd{
    margin:50px 0;
    border:1px solid #cce;
}
.msf_dersd .msf_dersd_ul{
     background:#0d89e0;
 }
.msf_dersd .msf_dersd_ul li{
    float: left;
    width:199px;
    text-align:center;
    padding:20px 20px;
    color: #ffffff;
    border-right:1px solid #ffffff;
}
.msf_dersd .msf_dersd_ul li:nth-child(6),.msf_dersd .msf_dersd_ol li:nth-child(6){
    border-right:0;
    width:600px;
}
.msf_dersd .msf_dersd_ol li{
    float: left;
    width:199px;
    text-align:center;
    padding:20px 20px;
    color: #000000;
    border-right:1px solid #dddddd;
}
.msf_dersd .msf_dersd_sode{
    border-bottom:1px solid #dddddd;
}
.msf_dersd .msf_dersd_sode:last-child{
    border-bottom:none;
}
.msf_deop_tos_big{
    width:100%;
    height:100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}
.msf_deop_tos{
    width:62%;
    height:800px;
    position: fixed;
    top:8%;
    left:19%;
    background: #ffffff;
    z-index: 999;
    overflow: hidden;
}
.msf_deop_tos .msf_deop_tos_ul{
    background:#0d89e0;
}
.msf_deop_tos .msf_deop_tos_ul li{
    float: left;
    width:294px;
    text-align:center;
    padding:20px 8px;
    color: #ffffff;
    border-right:1px solid #ffffff;
}
.msf_deop_tos .msf_deop_tos_ul li:nth-child(4n){
    border-bottom:none;
}
.msf_deop_massage{
    padding:20px 108px;
    overflow-y: scroll;
}
.msf_ser_sodes{
    display: flex;
    flex-grow: 1;
    justify-content:space-between;
    margin-top:40px;
}
.msf_ser_poy,.msf_ser_ioop{
    background:#ffffff;
}
.msf_soop .msf_in_box{
    width:auto;
}
.msf_ser_poy .msf_infer_left{
    margin-right:20px;
}
.msf_ser_poy .msf_infer_left h1{
    margin:0;
}
.msf_ser_poy .msf_infer_left h2{
    margin-bottom:20px;
}
.msf_ser_poy .msf_infer_left p{
    margin-bottom:10px;
    color:#727272;
}
.msf_ser_poy .msf_infer_left svg{
    margin-right:15px;
}
.msf_ser_poy .msf_infer_right{
    margin-top:35px;
}
.msf_ser_poy .msf_infer_right #map{
    width:900px;
    height:495px;
}
.msf_in_box{
    width:1200px;
    margin-top:30px;
    position: relative;
    top:0;
    transition:all .5s ease-in-out;
}
.msf_in_box:hover{
    position: relative;
    top:-10px;
    transition:all .5s ease-in-out;
}
.msf_in_box .msf_box_left{
    width:370px;
    height:300px;
    padding:40px 0;
    margin-right: 20px;
}
.msf_in_box .msf_box_left .msf_lp_img{
    width:300px;
    height:225px;
    overflow: hidden;
}
.msf_in_box .msf_box_left .msf_lp_img img{
    width:100%;
    height:100%;
}
.msf_in_box .msf_box_left_sef{
    width:450px;
    position: relative;
    margin-right:80px;
}
.msf_in_box .msf_box_lops{
    position: absolute;
    top:0;
    right:-50px;
    background: #0d89e0;
    color: #ffffff;
    padding:10px 12px;
}

.msf_in_box .msf_in_box_a{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding:30px 30px;
    border:1px solid #eeeeee;
    transition: all .4s ease-in-out;
    margin-bottom:20px;
}
.msf_in_box .msf_in_box_a:hover{
    color: #000000;
    box-shadow: 1px 5px 7px 3px #eeeeee;
    transition: all .4s ease-in-out;
}
.msf_in_box .msf_in_box_a:hover .msf_box_h2{
    transition:all .4s ease-in-out;
}
.msf_box_right{
    width:100%;
    height:300px;
    position: relative;
    padding:60px 0;
}
.msf_box_right .msf_box_h2{
    margin-bottom:10px;
    color: #000000;
}
.msf_box_right .msf_box_sopr{
    position: absolute;
    right:0;
    bottom:0;
}
.msf_new_hou_right{
    width:380px;
    height:630px;
    margin-left:20px;
    margin-top:30px;
    position: sticky;
    top: 0;
}
.msf_new_hou_right .msf_new_h2{
    border:1px solid #eeeeee;
}
.msf_new_hou_right .msf_new_h2 h2{
    background: #0d89e0;
    padding:20px 20px;
    color: #ffffff;
}
.msf_new_ia .msf_new_aop{
    line-height:40px;
}
.msf_new_ia .msf_new_aop:before{
    content: '+ ';
}
.msf_new_hou_right .msf_new_h2 .msf_new_in{
    padding:20px 20px;
    position: relative;
}
.msf_new_hou_right .msf_new_noy{
    margin-top:20px;
}
.msf_new_hou_right .msf_new_ioper .msf_new_aop{
    line-height:40px;
}
.msf_new_ioper .msf_new_aop:nth-child(1):before,
.msf_new_ioper .msf_new_aop:nth-child(2):before,
.msf_new_ioper .msf_new_aop:nth-child(3):before{
    background:#e0401c;
    color: #ffffff;
    padding:5px 10px;
    margin-right:10px;
}
.msf_new_ioper .msf_new_aop:nth-child(1):before{
    content: '1';
}
.msf_new_ioper .msf_new_aop:nth-child(2):before{
    content: '2';
}
.msf_new_ioper .msf_new_aop:nth-child(3):before{
    content: '3';
}
.msf_new_ioper .msf_new_aop:nth-child(4):before{
    content: '4';
}
.msf_new_ioper .msf_new_aop:nth-child(5):before{
    content: '5';
}
.msf_new_ioper .msf_new_aop:nth-child(6):before{
    content: '6';
}
.msf_new_ioper .msf_new_aop:nth-child(7):before{
    content: '7';
}
.msf_new_ioper .msf_new_aop:nth-child(8):before{
    content: '8';
}
.msf_new_ioper .msf_new_aop:nth-child(9):before{
    content: '9';
}
.msf_new_ioper .msf_new_aop:nth-child(10):before{
    content: '10';
}
.msf_new_ioper .msf_new_aop:nth-child(4):before,
.msf_new_ioper .msf_new_aop:nth-child(5):before,
.msf_new_ioper .msf_new_aop:nth-child(6):before,
.msf_new_ioper .msf_new_aop:nth-child(7):before,
.msf_new_ioper .msf_new_aop:nth-child(8):before,
.msf_new_ioper .msf_new_aop:nth-child(9):before,
.msf_new_ioper .msf_new_aop:nth-child(10):before{
    background:#dcdcdc;
    color: #ffffff;
    padding:5px 10px;
    margin-right:10px;
}
/* .msf_ser_ioop{
    margin:50px 0;
} */
.msf_ser_ioop .msf_ser_on{
    padding-top:50px;
    border-bottom:1px dashed #d2d2d2;
    padding-bottom: 10px;
}
.msf_ser_ioop .msf_ser_on .msf_time_t{
    padding-right:30px;
}
.msf_ser_ioop .msf_new_massage{
    padding-top:10px;
}
.msf_ser_ioop .msf_new_massage img{
    width:auto ;
    height:auto ;
    margin:10px 0;
}
.msf_new_noopl{
    width:1250px;
}
.msf_new_noopr{
    width:300px;
    margin-left: 50px;
    position: sticky;
    top: 0;
}
.msf_new_noopr .msf_d_right{
    width:300px;
    height:620px;
    padding:45px 20px 10px 20px;
}
.msf_new_noopr .msf_yx_rl{
    padding-top: 45px;
}
.msf_new_noopr .msf_ap a:hover{
    color: #ffffff;
}
.coc_h{
    height:65px;
}
.msf_cofn{
    width:100%;
    position: relative;
    margin-bottom:50px;
    display: flex;
}
.msf_cofn:hover .msf_der_xq{
    background: #0a8cd8;
    color: #ffffff;
    transition: all .5s ease-in-out;
}
.msf_cofn .msf_der_xq{
    width:71%;
    height: 450px;
    background: #efefef;
    padding: 100px 120px;
    transition: all .5s ease-in-out;
    position: relative;
    margin-right: -50px;
}
.msf_cofn .msf_der_xq h2{
    margin-bottom:20px;
}
.msf_cofn .msf_der_xqr{
    position: relative;
    margin-right: -50px;
    margin-top: 20px;
}

.msf_cofn img{
    width:100%;
    border: 5px solid #fafafa;
    box-shadow: 1px 2px 3px 4px #878585;
}
.msf_cofn:nth-child(2n) .msf_der_xqr, .msf_cofn:nth-child(odd) .msf_der_xq{
    order: 2;
}
.msf_install .msf_kol,.msf_install .msf_kol1{
    margin:50px 0;
}
.msf_install .msf_kol ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.msf_install .msf_kol1 ul{
    display: flex;
    justify-content: space-between;
}
.msf_install .msf_kol ul li{
    position: relative;
    width:17%;
    height:202px;
    margin-bottom: 20px;
}
.msf_install .msf_kol ul li img{
    width:100%; 
    height:100%;
}
.msf_install .msf_kol1 ul li{
    position: relative;
    height:288px;
}
.msf_install .msf_kol1 ul li p{
    height:240px;
}
.msf_install .msf_kol ul li p{
    height:155px;
}
.msf_install .msf_kol ul li h2{
    width:100%;
    position: absolute;
    bottom:0;
    text-align: center;
    background:#1e222b;
    padding:15px 0;
    color: #ffffff;
}
.msf_install .msf_kol1 ul li h2{
    width:100%;
    position: absolute;
    bottom:0;
    text-align: center;
    background:#e6e6e6;
    padding:15px 0;
    color: #000000;
}

.msf_table_cs{

}
.msf_table_cs1{

}
.msf_table_cs2{

}

.msf_table_cs ul{
    display: flex;
    justify-content: space-around;
}
.msf_table_cs ul li{
    width:150px;
    padding:10px 0;
    border-right: 2px solid #ffffff;
}

.table{
    width:100%;
}
.table thead{
    background:#276fb7;
    color: #ffffff;
}
.table thead tr th{
    border-right:2px solid #ffffff;
    text-align:center;
    border-bottom:none !important;
    font-size:16px;
    font-weight:bold;
}
.table thead tr th:first-child{
    border-left:2px solid #c9c9c9;
}
.table thead tr th:last-child{
    border-right:2px solid #c9c9c9;
}
.table tbody tr td{
    text-align:center;
    border-right:2px solid #c9c9c9;
    padding:20px 0 !important;
    border-top:none !important;
    vertical-align: inherit !important;
}
.table tbody tr:nth-child(odd){
    background:#ffffff;
    font-size:16px;
    border-bottom:2px solid #c9c9c9;
    border-top:2px solid #c9c9c9;
}
.table tbody{
    border-bottom:2px solid #c9c9c9;
    border-left:2px solid #c9c9c9;
}
.table tbody tr:nth-child(even){
    background: #e9e9e9;
    font-size:16px;

}
#swiper20 .swiper-slide{
    width:auto !important;
}
#swiper20 .swiper-slide a{
    display:block;
    margin:0 17px;
}
.msf_ony_block:nth-child(1){
    display: none;
}
.msf_ony_block:nth-child(2),.msf_ony_block:nth-child(3),.msf_ony_block:nth-child(4),.msf_ony_block:nth-child(5),.msf_ony_block:nth-child(6){
    display: none;
}
/*分页*/
.page_lr{
    width:100%;
    position: relative;
    top:25px;
}
.page_lr #pages{
    display: flex;
    justify-content: center;
}
.page_lr li{
    width:40px;
    height:40px;
    line-height:40px;
    float: left;
    text-align: center;
    margin-right: 20px;
    border-radius: 5px;
    border:1px solid #dddddd;
}
.page_lr li a{
    width:40px;
    height:40px;
    line-height:40px;
    display: block;
    border-radius: 5px;
}
.page_lr .active{
    background: #0d89e0;
    color: #ffffff;
}
.msf_drs,.msf_drs1{
    display:none;
}

/*搜索*/
.ch_indes{
    position: relative;
}
.con_f{
    position: absolute;
    bottom:-13px;
    background: #ffffff;
    border-radius: 5px;
    opacity:0;
    transition: all 0.8s ease-in-out;
}
.con_f .mergin{
    color: #666666;
    padding:0 10px;
}
.con_f .mergin1{
    color: #ffffff;
    background:#0d89e0;
    padding:10px 10px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}
.table>thead>tr>th{
    vertical-align: inherit !important;
}

/*移动端*/
.head_r_ipone{
    display: none;
    position: absolute;
    right: 10px;
    top: 20px;
}
.head_r_ipone .h_span,.ablh-only-content,.ablh-only-bottom{
    width:30px;
    height:2px;
    background:#ffffff;
    display: block;
    margin-bottom:7px;
    transform-origin: 8%
}
.ablh-only-content,.ablh-only-bottom{
    transition: .9s;
    transform: rotate(0);
    transform-origin: 8%
}
.head_r_ipone .h_class {
    transition: .9s;
    transform: rotate(45deg);
    transform-origin: 8%
}

.head_r_ipone .h_class1 {
    transition: .9s;
    transform: rotate(0);
    transform-origin: 8%
}
.msf_case_video1 video::-webkit-media-controls-enclosure{
    display: none;
}
.msf_case_video1 video {
    width:100%;
    pointer-events: none;
}
.msf_dops{
    width:100%;
    height:800px;
    background:linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    position: absolute;
}
.height_t{
    height:800px;
}
.msf-le-hide{
    height:950px;
}
.msf_thy1,.msf-sj-over,.msf_sjs_header,.msf-s-lop{
    display: none;
}
.msf-sj-over .msf-sj-xl{

}
.msf-sj-over .msf-sj-xl .msf-sj-img{
    position:relative;
}
.msf-sj-over .msf-sj-xl .msf-joy-z{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding-top:35px;
}
.msf-sj-over .msf-sj-xl .msf-joy-z h1,.msf-sj-over .msf-sj-xl .msf-joy-z h2,.msf-sj-over .msf-sj-xl .msf-joy-z p{
    margin-bottom:10px;
}
.msf_sjs_header{
    width:100%;
    height:93%;
    overflow:auto;
    position: fixed;
    top:60px;
    left:0;
    z-index:99999999;
    background:#ffffff;
    border-top:1px solid #eeeeee;

}
.msf_sjs_header .msf-los{
    border-bottom:1px solid #eeeeee;
}
.msf_sjs_header .msf_a_poltion{
    padding:15px 10px;
    display: block;
    font-size: 18px;
}
.msf_sjs_header .msf_a_poltion span{
    font-size: 18px !important;
}
.msf_sjs_header .msf-s-lop a{
    display: block;
    padding:15px 20px;
    border-bottom: 1px solid #eee;
}
.pull-span{
    transform: rotate(0);
}
.pull-span1{
    transform: rotate(90deg);
}
.msf-mopys{
    font-size: 1.2em;
    width: 850px;
    line-height: 80px;
}
.msf_lxs_hide,.msf_hide_f {
    display:none;
}
.msf-jop{
    display:none;
    width:100%;
}
.op_cer,.msf-sodes,.msf-click,.msf_mops,.msf_iner-banner{
    display:none;
}
.msf-pd-click{
    color: #0d89e0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: inherit !important;
}
.msf_news_sj{
    display: none;
}

/* 爱番番 */
#newBridge .nb-icon-right-bottom{
    bottom:30% !important;
    height: 7% !important;
}

.msf_lopss{
    display:none;
}

.msf_bx .msf_bx_nor{
    padding:100px 0;
}
.msf_bx .msf_bx_mop .msf_bx_top{
    padding-bottom: 30px;
    border-bottom: 5px solid #1296db;
}
.msf_bx .msf_bx_mop .msf_bx_top .msf_bx_top_ul{
    display: flex;
    justify-content: center;
}
.msf_bx .msf_bx_mop .msf_bx_top .msf_bx_top_ul li{
    width:20%;
    text-align: center;
    border-right: 1px solid #1296db;
}
.msf_bx .msf_bx_mop .msf_bx_top .msf_bx_top_ul li:last-child{
    border:none;
}
.msf_bx .msf_bx_mop .msf_bx_top .msf_bx_top_ul li svg{
    vertical-align: middle;
    border:1px solid #1296db;
    border-radius: 10px;
    padding: 8px;
}
.msf_bx .msf_bx_mop .msf_bx_top .msf_bx_top_ul li span{
    margin-left:10px;
}
.msf_bx .msf_bx_mop .msf_bx_bottom{
    width:100%;
    background:#f5f8fa;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sms{
    text-align: center;
    padding: 40px 0;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr{
    display: flex;
    justify-content: center;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_left{
    width:54%;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_left input{
    width:80%;
    background: #ffffff;
    padding:5px 5px;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_left textarea{
    width:97%;
    background: #ffffff;
    border: none;
    padding:5px 5px;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_left .msf_sxd ul{
    display: flex;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_left .msf_sxd ul li{
    width:50%;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_left div{
    margin-bottom: 25px;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_right{
    width:17%;
}
.msf_bx .msf_bx_mop .msf_bx_bottom .msf_sol_lr .msf_sol_right .msf_lxs{
    background: #ffffff;
    padding: 26px 10px;
}
.msf_yode_tk{
    margin-bottom:50px;
}
.msf_yode_tk a{
    width:24%;
    float: left;
    margin-right:20px;
    margin-bottom:20px;
    padding: 17px;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    position: relative;
    top:0;
    border:1px solid #eeeeee;
}
.msf_yode_tk a:hover{
    top:-10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    box-shadow: 1px 1px 10px 1px #eee;
}
.msf_yode_tk a:nth-child(4n){
    margin-right:0;
}
.msf_kopod_nav{
    text-align: center;
}
.msf_kopod_nav a{
    padding:5px 50px;
    text-align: center;
    display: inline-block;
    margin: 50px 10px;
    font-size: 18px;
    border: 1px solid #000000;
    border-radius: 3px;
}
.msf_yode_tk .msf_iny_loet{
    padding-top:20px;
}
.msf_yode_tk .msf_iny_loet h2{
    font-size:20px;
}
.msf_koyer{
    display:none;
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0.5);
    z-index:99999;
}
.msf_koyer .msf_vodes{
    width: 50%;
    background: #ffffff;
    border-radius: 5px;
    margin: 0 auto;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.msf_koyer .msf_vodes h2{
    padding:20px 0;
}
.msf_koyer .msf_vodes p{
    border-bottom: 1px solid #0d89e0;
    padding-bottom:15px;
    margin-bottom:15px;
}
.msf_vodes svg{
    position: absolute;
    right:2%;
    top:2%;
    cursor:grabbing;
}

/* 视频 */
.zprt {
    cursor: pointer;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    box-shadow: 0 0 16px rgb(0 0 0 / 15%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    top: 0;
    margin-top: 0;
}
.zprt .pic {
    height: 203px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.zprt .cy-mouse {
    display: block;
    max-height: 203px;
}
.zprt .img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video video {
    width: 100%;
}
.zprt .pic em {
    display: block;
    width: 46px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .6);
    overflow: hidden;
    color: #fff;
    text-align: center;
    bottom: 10px;
    right: 10px;
    position: absolute;
    z-index: 5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-style: normal;
}
.zprt .word {
    position: relative;
}
.zprt .word span {
    display: block;
    padding: 15px 12px;
    font-weight: 600;
    font-size: 14px;
    color: #010101;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 0.3s;
}
.sec-fixed {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 19891015;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
}
.sec-fixed .sec-white {
    background: #ffffff;
    z-index: 999;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 5px 5px 30px #000;
}
.sec-fixed .sec-white video {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.sec-tory li{
   margin-bottom:20px;
}
.msf_massage_zl{
    position: relative;
    bottom:0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.msf_massage_zl .msf_massage_in{
    display:flex;
    align-items: center;
    padding: 25px 25px;
    border: 1px solid #eeeeee;
    margin-bottom:30px;
}
.msf_massage_zl:hover{
    bottom:10px;
    box-shadow: 1px 1px 1px 1px #eeeeee;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.msf_massage_zl .msf_massage_in .msf_massage_left{
    width:100px;
    height:80px;
}
.msf_massage_zl .msf_massage_in .msf_massage_left img{
    width:100%;
    height:100%;
}
.msf_massage_zl .msf_massage_in .msf_massage_right{
    width: 91%;
    padding-left: 25px;
}
.msf_massage_zl .msf_massage_in .msf_massage_right h1{
    margin-bottom:10px;
}
.msf_massage_zl .msf_mopy{
    position:absolute;
    right:3%;
    top:43%;
}
.msf_massage_zl .msf_mopy .msf_mass_a{
    padding:8px 20px;
    color:#ffffff;
    background:#0f244f;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}


/* 英文样式 */
.ser_i_massage,.msf_iops_case,.msf_pat{
    padding-top: 15%;
}
.msf_iops_i{
    padding-top: 8%;
}
.msf_fops{
    padding-top: 4%;
}
.ser_i_massage .sef-say{
    width:50%;
    margin:0 auto;
}
.ser_i_massage .sef-say p{
    margin-bottom:40px;
}
.ser_i_massage .sef-say h2{
    margin-bottom:40px;
}
.msf_jooping .msf_joy{
    display: flex;
    justify-content:center;
}
.msf_jooping .msf_joy li{
    border:1px solid #ffffff;
    background:rgba(0,0,0,0.25);
    margin: 0 20px;
    width: 100%;
    padding: 50px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.msf_jooping .msf_joy li:hover{
    
    background: #00a0e9;
    border-bottom: 1px solid #ffffff;
    cursor:grab;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.msf_jooping .msf_joy li p{
    text-align:center;
    color:#ffffff;
}
.msf_iops_i H2{
    color:#ffffff;
    text-align:center;
    margin-bottom:40px;
}
.msf_iops_i .msf_kop_f{
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.msf_iops_i .msf_kop_f .msf_kop_f_ul{
    width:100%;
}
.msf_iops_i .msf_kop_f .msf_kop_f_ul li{
    height:250px;
    margin-bottom:10px;
    margin-right:10px;
}
.msf_iops_i .msf_kop_f .msf_kop_f_ul:nth-child(2) li{
    height:300px;
}
.msf_loay{
    width:100px;
    margin: 30px auto;
}
.msf_loay a{
    display: block;
    padding:8px 0;
    text-align:center;
    color:#ffffff;
    border:1px solid #ffffff;
}
.msf_loay a:hover{
    color:#ffffff;
    background: #00a0e9;
}
.msf_iops_case h2{
    color:#ffffff;
    text-align: center;
    margin-bottom:40px;
}
.msf_iops_case .msf_ips .msf_ips_ul{
    display: flex;
}
.msf_iops_case .msf_ips .msf_ips_ul li{
    margin:0 10px;
}

.msf_iops_case .msf_ips .msf_ips_ul img{
    width:100%;
}
.msf_iops_case .msf_ips .msf_ips_ul .msf_a_mope{
    background: #3e3e3e;
    transition: all .6s ease-out 0s;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -ms-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
    width: 100%;
    height:70px;
    position: relative;
}
.msf_iops_case .msf_ips .msf_ips_ul .msf_a_mope .msf_hide_maption{
    width:0;
    height:70px;
    position:absolute;
    top:0;
    left:0;
    transition: all .6s ease-out 0s;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -ms-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
    z-index:-1;
}
.msf_iops_case .msf_ips .msf_ips_ul li:hover .msf_hide_maption{
    width:100%;
    background:#00a0e9;
    z-index:0;
    transition: all .6s ease-out 0s;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -ms-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
}
.msf_iops_case .msf_ips .msf_ips_ul .msf_a_mope .msf_hide_maption1{
    width:100%;
    height:70px;
    position: absolute;
    top:0;
    left:0;
    background: transparent;
    transition: all .6s ease-out 0s;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -ms-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
}
.msf_iops_case .msf_ips .msf_ips_ul .msf_a_mope p{
    padding:15px 15px;
    color:#ffffff;
    height:50px;
}
.msf_fops,.msf_pat{
    width:50%;
    margin:0 auto;
}
.msf_fops h2,.msf_pat h2{
    margin-bottom:30px;
}
.msf_fops h2,.msf_fops p,.msf_pat h2,.msf_pat p{
    color:#ffffff;
    text-align: center;
}
.msf_sopying{
    width: 1300px;
    margin:0 auto;
}
.msf_sopying .msf_sopying_ul{
    display: flex;
}
.msf_sopying .msf_sopying_ul li{
    width:100%;
}
.msf_a_img,.msf_sopr,.msf_sopy_two,.msf_spol,.msf_slok{
    overflow: hidden;
}
.msf_a_img img,.msf_sopr img,.msf_sopy_two img,.msf_spol img,.msf_slok img{
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.msf_a_img img:hover,.msf_sopr img:hover,.msf_sopy_two img:hover,.msf_spol img:hover,.msf_slok img:hover{
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.msf_sopy_one{
    display: flex;
}
.msf_sopy_one .msf_sopr{
    width:50%;
    height:250px;
    margin-right: 20px;
}
.msf_sopy_one .msf_sopr:nth-child(2){
    margin-right: 0;
}
.msf_spol{
    width:95%;
    height:520px;
}
.msf_sopy_two{
    width:95%;
    height:250px;
}
.msf_slok{
    width:100%;
    height:250px;

}
.msf_slok:nth-child(1){
    margin-bottom:20px;
}
.msf_sopying_ul li img{
    width:100%;
    height:100%;
}
.msf_sopy_hide{
    display: none;
}



/* 售后服务 */
.msf_bx_top_ul a{
	display:flex;
	flex-direction: column;
	text-align: center;
	width:10%;
	padding:15px 0 10px 0;
}

.msf_bx_top_ul a p{
	margin-bottom:5px;
}
.msf_bx_bottom,.msf_li_hide{
	display: none;
}
.pover{
	background:#1296db;
	color:#ffffff;
}

.msf_show_img{
    display: none;
}