#app_section{display:none}
#pc_section{display:block; margin-top: 60px;}

#pc_section .main_title{background:#142887;width:820px;}
/*f1*/
#pc_section .f1{position:relative;color:white}
#pc_section .f1_title{position:absolute;top:440px;left:0;right:0;margin:0 auto;height:115px}
#pc_section .f1_title h1{margin:0;line-height:115px}
#pc_section .f1_bg{width:100%;height:500px;position:relative;background:url("../images/tech/beibanjishu.png") no-repeat center;}
#pc_section .f1_bg h1{position:absolute;top:40%;left:0;right:0;margin:0 auto;width:450px;}
#pc_section .f1_middle{max-width: 1920px;margin: auto;}
#pc_section .f1 .silver_box{background:#727171}
#pc_section .f1 .silver_box h1{margin-top:0}
#pc_section .f1_middle .desc_box{border:1px solid white;padding:2vw}
#pc_section .f1_left,#pc_section .f1_right{float:left;width:50%;/*min-height:396px;*/padding:100px 2% 0 2%;background:#727171;}
#pc_section .f1_middle:after,
#pc_section .silver_box:after,
#pc_section .title_box:after{clear:both;display:table;content:" "}
#pc_section .f1_bottom{background:#727171;padding-bottom:20px}
#pc_section .title_box{height:80px;width:auto;display:inline-block;}/*根据内部标题来算*/
#pc_section .title_box>div{float:left}
#pc_section .left_line,
#pc_section .right_line{width:200px;height:50%;border-style:solid;border-color:white}
#pc_section .left_line{border-width:0 0 1px 1px;}
#pc_section .right_line{border-width:0 1px 1px 0;}
#pc_section .bottom_title{font-weight:700;border-style:solid;border-color:white;border-width:0 1px;position:relative;top:18px;padding:0 2vw}

/*f2*/
/*.f2{margin:0 auto;}*/
#pc_section .f2_title{color:white;padding:20px 0}
#pc_section .f2_title h1{margin-top:0}
#pc_section .f2_cont:after{clear:both;display:table;content:" "}
#pc_section .f2 .pic_box,
#pc_section .f2 .desc_box{float:left;width:500px;}
#pc_section .f2 .pic_box{padding-left:30px}
#pc_section .f2 .desc_box{padding-right:30px}
#pc_section .f2 .desc_box h1{margin-top:0}
#pc_section .f2_cont .desc_box h1:nth-child(1){color:#C71F1F;}

/*f3*/
#pc_section .f3,
#pc_section .f3_text{margin:0 auto}
#pc_section .f3_title{color:white;height:115px}
#pc_section .f3_title h1{margin:0;line-height:115px}
#pc_section .f3_sub h5{width:650px}
#pc_section .f3_text{width:400px;padding:30px 0}
#pc_section .bg_1{background:#3A80D5;color:white;padding:25px 0}
#pc_section .bg_2{background:#EB6A42;color:white;padding:25px 0}

/*f4*/
#pc_section .f4{position:relative}
#pc_section .f4_top:after,
#pc_section .f4_bottom:after{display:table;clear:both;content:" "}
#pc_section .f4_title{color:white;height:115px;}
#pc_section .f4_title h1{margin-top:0;margin-bottom:20px;line-height:115px}

#pc_section .f4_top{background:#3A80D5;display:flex;align-items:center;display: -webkit-flex;}
#pc_section .f4_bottom{background:#EB6A42;display:flex;align-items:center;display: -webkit-flex;}
#pc_section .f4_top .pic_box,
#pc_section .f4_top .desc_box,
#pc_section .f4_bottom .pic_box,
#pc_section .f4_bottom .desc_box{float:left;width:50%;color:white}
#pc_section .f4_top .desc_box,
#pc_section .f4_bottom .desc_box{padding:0 3vw;}
#pc_section .f4 .desc_box h2{margin-top:0}

/*f5*/
#pc_section .f5{margin:0 auto}
#pc_section .f5>p,
#pc_section .f6 .pic_box,
#pc_section .f7>p{width:800px;text-align:justify}
#pc_section .f5_title h1{margin-top:0;}
#pc_section .f5 .pic_box{width:900px;}
#pc_section .f5 .pic_list{display:inline-flex;justify-content:space-between;flex-wrap:wrap;}
#pc_section .f5 .pic_list li{width:33.3%}

/*f6*/
#pc_section .f6{margin:0 auto;}
#pc_section .f6_title{color:white;height:115px;margin:50px auto}
#pc_section .f6_title h1{margin-top:0;line-height:115px}

/*f7*/
#pc_section .f7{margin:0 auto}
#pc_section .f7 h2{font-weight:700;}
#pc_section .f7_list{width:800px}

/*自适应*/
@media screen and (min-width: 1201px){

}
@media screen and (min-width: 992px) and (max-width: 1200px){
    #pc_section .main_title{width:80%}
    #pc_section{margin-top: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #pc_section{margin-top: 40px;}
    #pc_section .main_title{width:90%}

    #pc_section .f5>p,#pc_section .f7>p{width:90%;}
    #pc_section .f5 .pic_box{width:800px;}
    #pc_section .f5 .pic_list li{width:50%}

    #pc_section .left_line,#pc_section .right_line{width:150px;}

    #pc_section .f7_list{width:700px}
}
@media screen and (max-width: 767px){
    /*PC关闭 移动开启*/
    #pc_section{display:none}
    #app_section{display:block}


    h1{margin:15px 0}
    /*f1*/
    .f1{background:#3A80D5;color:white}
    .f1 .img_box{position:relative}
    .f1 .img_box h1{position:absolute;top:0;left:0;right:0;margin:0 auto}
    .f1 .top_desc_box{margin:15px;position:relative}
    .f1 .top_desc_box ul{margin:10px 0}
    .f1 .top_desc_box .silver_bg_box{background:#727171;}
    .f1 .top_desc_box .silver_bg_box>div{padding:15px 15px 70px 15px}
    .f1 .top_desc_box .white_bg_box{background:white;color:black;}
    .f1 .top_desc_box .white_bg_box>div{padding:70px 15px 15px 15px}
    .f1 .top_desc_box p{margin:0}
    .f1 .middle_title{background:#D47151;width:90%;position:absolute;top:0;left:5%}
    .f1 .middle_title>p{padding:25px 0;}
    .f2 img{padding:0 15px 15px 15px}

    /*f3*/
    .f3{background:#727171;color:white;padding:15px 0 15px 0}
    .f3 h1{margin:0}
    .f3 .desc_box{margin:15px;padding:15px}
    .f3 .desc_box>p{font-size:17px;font-weight:600}
    .f3 .f3_text p{font-size:14px;margin-bottom:0;font-weight:500}
    .f3 .desc_box:nth-child(2){background:#3DB3E9}
    .f3 .desc_box:nth-child(3){background:#5ECA60}

    /*f4*/
    .f4 h1{margin-bottom:10px}
    .f4 h2{font-size:17px;margin-top:0}
    .f4 .pic_box{margin:0 15px;}
    .f4 .pic_box:nth-child(2){background:#3A80D5}
    .f4 .pic_box:nth-child(3){background:#E26B47}
    .f4 .pic_desc_box{padding:15px}

    /*F5*/
    .f5{padding:0 15px;background:#5ECA60;color:white}
    .f5 h1{margin-bottom:10px}
    .f5 .cer_box{display:inline-flex;flex-wrap:wrap;justify-content:space-between;background:white;color:black;margin-top:15px}
    .f5 li{width:50%;padding:10px}
    .f5 li p{font-size:12px}

    /*f6*/
    .f6{background:#9DC0EA;padding:15px;color:white}
    .f6 h1{margin:0}
    .f6 h2{margin:15px 0;font-size:16px}
    .f6 .pic_box{margin-top:15px}
    .f6 .desc_box{background:#3A80D5;padding:15px}
}