/*1楼*/
.f1 {max-width: 1920px;margin: auto;}
.f1:after{display:table;clear:both;content:" "}
.f1 h1{margin-top:0;padding-top:0}
.f1 .pic_box,.f1 .desc_box{}
.f1 .pic_box img{margin-right:30px;margin-bottom:10px}
.f1 .desc_box p{margin-top:24px;text-indent:30px}
.f1 .card{background:#eee;border-radius:15px;padding:10px 10px 10px 30px}
/*采用文字环绕*/
/*.f1 .desc_box{margin-right:50px;padding-left:15px;text-align:justify}*/

/*以下是不采用环绕的方式的样式*/
.f1 .pic_box,.f1 .desc_box{float:left}
.f1 .desc_box{padding:0 50px 0 30px;}
.f1 .desc_box{padding:0 50px 0 30px; max-width: 900px; margin: 120px auto 0 auto;float: none}
.f1 .desc_box img{width: 100%}

/*f3*/
.f3{position:relative}
.awards_list:after{display:table;clear:both;content:" "}
.awards_list{width:750px}
.awards_list li{width:25%;float:left}
.awards_list li img{height:170px}

/*f4*/
#pc_f4_box .f4{display:block}
#app_f4_box{display:none}
#pc_f4_box .f4{width:900px}
#pc_f4_box .f4 .list_box h1{font-weight:700;margin:15px 0}
#pc_f4_box .f4 .list_box>li{margin:50px 0;background:#eee}
#pc_f4_box .f4 .list_box li:after{display:table;clear:both;content:" "}
#pc_f4_box .f4 .list_box li .desc_box{float:left;width:40%;position:relative;padding:15px}
#pc_f4_box .f4 .list_box li:nth-child(even) .desc_box{float:right;padding-left:30px}
#pc_f4_box .f4 .list_box li:nth-child(odd) .desc_box{padding-right:20px}
#pc_f4_box .f4 .list_box li .pic_box{float:left;width:60%;background:#EEE}

/*f5*/
.f5{width:900px;margin-bottom:50px}
.f5:after{display:table;clear:both;content:" "}
.f5 p{word-break: break-all;overflow: hidden;}
.msg_list{width:100%;display:inline-flex;justify-content:space-between;}
.msg_list li{width:50%;text-align:center}
.msg_list .msk_box{position:relative}
.msg_list .pc_masaike{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:-1;opacity:0;width:100px;transition:all .3s}
.msg_list .msk_box:hover .pc_masaike{top:-100px;opacity:1}
.msg_list .svg_box{width:80px;height:80px;box-sizing:border-box;position:relative}
.msg_list .as_svg{width:50px;position:absolute;bottom:0;left:0;right:0;margin:0 auto}

/**6F*/
.f6{background:#5E5E5E;padding:15px 0;color:white}
.f6 .desc_box{width:900px;padding:15px 0}
.f6 .desc_box:after{display:table;clear:both;content:" "}
.f6 img{width:30px;margin-right:15px}
.f6 img,.f6 p,.sz_address,.bj_address{float:left}
.sz_address,.bj_address{width:50%}
.f6 .sz_address{padding-left:30px}

/*自适应*/
@media screen and (min-width: 1201px){
    section {
        margin-top: 80px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    section {
        margin-top: 80px;
    }
    .f6 .desc_box{width:90%}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #pc_f4_box .f4,.f5{width:95%}
    section {
        margin-top: 80px;
    }

    .sz_address,.bj_address{width:100%}
    .f6 .sz_address{padding-left:0;margin-top:10px}
}
@media screen and (max-width: 767px){
    section {
        margin-top: 0;
    }
    .pop {z-index: 500;position: absolute;top: 0;background-color: black;opacity: 0.7;width: 100%;}
    .app_masaike{position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:600}
    .pc_masaike{display:none}

    .f1 .pic_box,.f1 .desc_box{width:100%}
    .f1 .desc_box{padding:0 15px; margin-top: 50px;}
    .f1 .pic_box img{margin-right:0}
    .f1 h1{padding-top:15px}
    .f1 .m_t_30{margin-top:15px}
    .f1 .desc_box p{margin-top:15px}

    .awards_list{width:100%}
    .awards_list li img{height:130px}

    #pc_f4_box .f4{display:none}
    #app_f4_box{display:block}
    #app_f4_box .f4 h1{margin-top:0;margin-bottom:10px}
    #app_f4_box .f4>ul{padding:0 15px}
    #app_f4_box .f4>ul>li:after{display:table;clear:both;content:" "}
    #app_f4_box .f4>ul>li{padding:15px;margin:15px 0;background:#eee}
    #app_f4_box .f4 .pic_box,#app_f4_box .f4 .desc_box{float:left;}
    #app_f4_box .f4 .pic_box{width:30%}
    #app_f4_box .f4 .desc_box{width:70%;}
    #app_f4_box .f4 li:nth-child(even) .pic_box{float:right}
    #app_f4_box .f4 li:nth-child(even) .desc_box{padding-right:25px}
    #app_f4_box .f4 li:nth-child(odd) .desc_box{padding-left:25px}


    .f5{width:100%;padding:0 15px}
    .msg_list li{width:auto}
    .msg_list p:nth-child(2){font-size:14px}
    .msg_list p:nth-child(3){font-size:12px;word-break:normal}

    .f6{padding:0 15px}
    .sz_address,.bj_address{width:100%}
    .f6 .sz_address{padding-left:0;margin-top:10px}
    .f6 .desc_box{width:100%}
    .f6 .desc_box:nth-child(2){padding-top:0}
    .f6 .add_icon{width:15px}
    .f6 .font-16{font-size:12px}
}