@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1520px) {
    header h1{right: 3.2%;}
    .nav{left:0; right: 120px;}
    header .yuyan{right: 28%;}
}
@media screen and (max-width: 1480px) {
    .nav{left:0; right: 98px;}
    .gan_zh1{padding:6px 0;}
    .gan_zh1 .you_lf .cert_zs a img{width: 116px;}
}
@media screen and (max-width: 1280px) {
    header h1{right: 16px;}
    .nav{left:0; right: 198px;}
    header .yuyan{right: 27.6%;}

    .gan_zh1{height: 65px;}
    .gan_zh1 .you_lf{width:30%;}
    .gan_zh1 .zuo_lf .zuowz{line-height: normal;margin-top: 14px;}
    .gan_zh1 .you_lf .cert_zs{top: -58px; width: 78%;}
    .gan_zh1 .you_lf .cert_zs a img{width: 71px;}

    
    .dyip li figure{height: 456px;}

    .derp li .remask h3{height: auto;}
    .dsanp li .s_box h4{line-height: 200%;}

    footer .foot_t{padding: 28px 0 18px;}
    footer .foot_t{display: block;}
    footer .foot_t .left{width:63%;display:inherit;float: left;}
    footer .foot_t .center{width: 26%; float: left; }
    footer .foot_t .foot_right{float: right; }
    footer .foot_b{display: block; margin-top: 45px;}

    .column li dl{width: 1.48rem;}
    .column li:nth-of-type(2) dl{width: 2.28rem;}
}
@media screen and (max-width: 980px) {
    .layout{max-width: 96%;}

    header{transition: all 0.3s; height: 55px;}
    header h1{z-index: 100;width:145px; position: static; margin: 0 auto;}

    header .navm { display: block;color: #333;top: 20px;}
    .nav{position: absolute;left: 0;top: 85px;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #faf9f9;}
    .nav li{display: block;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-left: 0;}
    .nav li:after{display: none;}
    .nav li p{line-height:65px;font-size: 17px;padding:0;}
    .nav li p:after{display: none;}
    .nav li p a{padding: 0 3%;display: flex;align-items: center;justify-content: space-between;color: #000;}
    .nav li p a i{display: block;transition: all .3s;}
    .nav li.on p a i{transform: rotate(90deg);}
    .nav li.current dl{display:block;}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: 15px;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: 15px;}
    .nav li dd a{padding: 10px 3%;}
    .nav li:nth-of-type(2) dl{width: auto;}
    .threemenu{position:static; display:block; width:100%; }
    .threemenu a{padding: 10px 3% !important; box-sizing: border-box;}
    
    header .yuyan{top: 20px;right: 3%;}

    .ban_video{padding: 185px 0;}

    .gan_zh1 .zuo_lf .zuowz{font-size: 28px; text-indent: 16px;text-align: center;}
    .derp li .remask h3{font-size: 28px;text-align: center;}
    .derp li .remask .lmore{margin: 0 auto; float: none;}

    .flex{display: flex;}
    
    .bans_pic .bans_c{font-size: 20px; width:96%;}

    .site_content1{padding: 30px 0;}
    .site_content1 .qua-txt{font-size: 16px;}
    .site_content1 h2{font-size: 32px; padding:10px 0 20px;}
    .site_content1 h3{font-size: 18px; padding:0 0 20px;}
    .site_content1 .site-txt{font-size: 15px;}
    
    .site_content2 .qi{font-size: 30px;}
    .site_content2 .mo{font-size: 40px;}
    .site_content2 .operate{font-size: 24px;}
    .site_content2 .strategy{font-size: 30px;}
    .site_content2 .example{font-size: 22px;}
    .site_content2 .sbenefit{font-size: 22px;}
    
    .site_content3 .shehui{font-size: 20px;}
    .site_content3 .daxue{font-size: 15px;}
    .site_content3 .tiaozheng{font-size: 25px;}
    
    .site_content4 .first{font-size: 15px;}
    
    .about_pic{padding:0;height:320px; }

    .family{padding: 40px 18px 0;}
    .family .flex{margin-bottom: 40px;}
    .family .image_W{width: 100%;}
    .family .image_Z{width: 100%;}
    .family .image_Z .Paragraph{max-width: 100%; margin: 40px 0 0 0; font-size: 15px;}

    .navig_image{ padding:55px 10px 40px;}
    .navig_image ul li{width: 99%; margin-bottom: 3%;}
    .navig_image ul li .title_er .nmore{font-size: 17px; width: 80%;}

    .method .method_gray .dours .our_img{width: 94%; margin:0 auto;}
    .method .method_blue{width: 100%;padding:4% 0;}
    .method .method_blue .dsanf{max-width: 92%; margin:15px 3% 35px 3%; }
    .method .method_gray{width: 100%;}
    .method .method_blue .dsanf h2{font-size: 32px;}
    .method .method_blue .dsanf .met_text{font-size: 15px;}
    .method .method_gray .dours .our_img li{width: 100%; margin-bottom:3%;}
    
    .MONY .mn_chart{font-size: 20px;  width:96%;}
    
    .Framework .image_fra{width:100%; height: auto;}
    .Framework .infos_fra{width: 100%; }
    .Framework .infos_fra .wo_infos{margin:5% 3%;}
    
    .Framework .infos_fra .wo_infos h5{font-size: 30px; padding-bottom: 25px;}
    .Framework .infos_fra .wo_infos .info_work{font-size: 15px;}
    
    .pingdeng .dmResp{width: 96%;}
    .balance .bal_chart{max-width: 96%;}
    
    .wages .wages_W{width:100%; height: auto;}
    .wages .wages_Z{width: 100%; }
    .wages .wages_Z .wages_infos{margin: 35px; max-width: 96%; }
    .wages .wages_Z .wages_infos h5{font-size: 30px; padding-bottom: 25px;}
    .wages .flex:nth-child(2) .wages_W{width: 100%;  height: auto;}

    
    .community .comm_W{width:100%; height: auto;}
    .community .comm_Z{width: 100%;}
    .community .comm_Z .comm_infos{ margin:35px 20px; }
    .community .comm_Z .comm_infos h4{font-size: 30px; padding-bottom: 25px;}
    
    .community .flex:nth-child(2) .comm_W{width:100%;height:auto}
    .community .flex:nth-child(2) .comm_Z{width: 100%;padding-top:0;}

    .site_content5{padding: 45px 0 25px;}
    .site_content5 cite{font-size: 15px; margin-bottom: 20px;}

    .prize_behind li{width: 49%;}

    .left-behind .be_chart{font-size: 18px; width:96%;}

    .behind_G .child_zb{width: 100%; height: auto; }
    .behind_G .child_yb{width: 100%;}

    .give_award  .give_W{width: 100%;height: auto; }
    .give_award  .give_Z{width:  100%;}
    .give_award  .give_Z .give_infos{ margin: 30px 40px;}
    .give_award  .give_Z .give_infos h5{font-size: 30px; padding-bottom: 25px;}

    .site_content6 cite{font-size: 25px;}

    .C_material ul li{width: 96%; margin-bottom: 3%;}
    .C_material ul li .level{font-size: 27px;}

    .C_finish .cpin_txt{width:100%; padding: 35px 0 0; }
    .C_finish .cpin_txt h2{font-size: 30px; padding-bottom: 18px;}
    .C_finish .cpin_txt .cpin_info{font-size: 15px;}
    .C_finish .cpin_img{width: 100%;height: auto;}

    .C_finish .practice_img{width:100%;height: auto;}

    .c_decision{padding:100px 0 ;}
    .c_decision h4{ font-size: 24px;}

    .C_policy ul li{width: 98%; margin-bottom: 4%;}
    .C_policy ul li .devel{font-size: 24px;}

    .pro-be{padding:45px 0 135px;}
    .pro-be .left_GSN{width:100%;}
    .pro-be .left_GSN h2{font-size: 28px;}
    .pro-be .right_image{ width:100%;}
    .pro-be .right_image img{max-width: 70%; margin: 0 auto;}

    .C_strategy .stra_txt{width:100%;padding:25px 0 0 0 }
    .C_strategy .stra_txt h3{font-size: 30px; padding-bottom: 18px;}
    .C_strategy .stra_img{width:100%;height: auto;}

    .P_catalog .cat_image{width: 100%;}
    .P_catalog .cat_txt{width: 100%; padding-top: 0 }
    .P_catalog .cat_txt h4{ font-size: 30px;text-align: center;}
    .P_catalog .cat_txt .ca_more{margin: 15px auto;}

    .pro-sta h2{ font-size: 28px; }

    .P_Plate .plate_txt{width: 100%; }
    .P_Plate .plate_txt h3{font-size: 30px; padding-bottom: 25px;}
    .P_Plate .plate_image{width:  100%;}

    .Ps_cable .cable_txt{width: 100%; }
    .Ps_cable .cable_txt h3{font-size: 30px; padding-bottom: 25px;}
    .Ps_cable .cable_image{width: 100%;}

    .P_improve .impr_W{width: 100%;}
    .P_improve .impr_Z{width: 100%;}
    .P_improve .impr_Z .impr_infos{ margin: 40px 25px; font-size: 15px; }
    .P_improve .impr_Z .impr_infos h4{font-size: 28px; padding-bottom: 18px;}
    .P_improve .impr_Z .impr_infos cite span{max-width: 100%;}

    .h510{height: auto !important;}
    .h365{height: auto !important;}

    .Industries ul li {width: 100%;}
    .Industries ul li .title_er{font-size: 30px;padding-top: 0; left: 50%;top: 50%;transform: translate(-50%,-50%);align-items: center;}

    .pro-first h2{  font-size:42px; }
    .pro-first p{ font-size:30px;}

    .wai-tech {padding: 40px 20px;}
    .wai-tech ul li{width: 100%; }
    .wai-tech ul li .wai_txt{padding:30px 0; }
    .wai-tech ul li .wai_txt .wai_more{float: left;}

    .site_content8 .quality_zb{width:100%;}
    .site_content8 .quality_zb h3{font-size: 32px; width: 220px; padding-bottom: 12px;}
    .site_content8 .quality_yb{width: 100%; margin-top: 30px;}
    .site_content8 .quality_yb a img{width: 120px;}

    .zl_automation .automation_c{width:100%;}
    
    .zl_machine{width: 100%;padding: 40px 0 20px;}
    .zl_machine ul li{width: 98%;margin-bottom: 5%;}

    .Q_sway .sway_W{width:100%;height: auto;}
    .Q_sway .sway_Z{width:100%;}
    
    .Q_sway .sway_Z .sway_infos{ margin: 40px 20px; font-size: 15px;}
    .Q_sway .sway_Z .sway_infos h4{ font-size: 30px;  padding-bottom: 12px;}

    .zl_automation .automation_c p{font-size: 32px;padding-bottom:15px; }

    .Q_framework ul li{width:97%;}
    
    .Q_framework ul li .fw_3{ padding:30px 20px 20px; font-size: 20px;font-weight: 700; height: 120px; margin-top: 30px;}

        
    .newslistbox {padding:45px 0;}
    .newslistbox ul li{width: 98%;}
    
    .D_download ul li{width:48%;}
    .D_download ul li p{height:auto;}
    
    .vd_bo .vd_sps video {width: 100%;}
    
    .contact_list ul li{width: 98%; margin-bottom:3%;}
    .contact_feed .liuyanb{width: 100%; margin-bottom:3%;}
    .contact_feed .information{width: 90%; margin:0 auto;float: none;}



    #map_container{width: 100%; height:6rem;float: none;}


}
@media screen and (max-width: 780px) {
    .gan_zh1 {height: auto;overflow: hidden;}
    .gan_zh1 .zuo_lf{width: 100%; float: left;}
    .gan_zh1 .you_lf{width: 100%; float: left;  margin-top: 15px;}
    .gan_zh1 .you_lf .cert_zs{ position: static;left: 0; top: 0;  margin: 0 auto;}
    .gan_zh1 .you_lf .cert_zs a img{width:78px;}

    .gan_zh2 {height: auto;}
    .gan_zh2 .attest{max-width:70%;line-height: 28px;}
    .gan_zh2 .attest a{font-size: 15px;}
    .gan_zh2 .attest span{padding: 0 5px;}

    .gan_zh3{padding:30.5px 0; height:255px;background:url(../images/Photo_4_1.JPG) no-repeat 50% 50%;background-size: cover; }
    .gan_zh3 .wz_chart{font-size: 32px; font-weight: bold; position: static; text-align: center;}
    
    .dyip li figure{height: auto;}
    .dyip ul{display: block;}
    .dyip li{flex-flow: wrap;justify-content: center; width: 100%;}
    .dyip li .remask h2{font-size: 32px;text-align: center;}
    .dyip li .remask .lmore {width: 100%;height: 45px;line-height: 45px; font-size: 15px;margin: 0 auto;float: none;}

    .derp ul{display:block;}
    .derp li{width: 100%; }
    .derp li figure{height: 240px;}
    .derp li .remask{width: 65%;}
    .derp li:nth-child(1),.derp li:nth-child(4){height: 121px; padding: 30px 0;}
    .derp li:nth-child(2),.derp li:nth-child(3){min-height: auto;}
    .derp li .remask .lmore {width: 100%;height: 45px;line-height: 45px; font-size: 15px;margin: 0 auto;float: none;}

    .dsanp {padding: 0;}
    .dsanp li {width: 100%;  margin: 0; min-height:275px ;}
    .dsanp li .s_box h4{font-size: 32px;}
    .dsanp li .s_box .smore{width: 270px;height: 45px;line-height: 45px; font-size: 15px;margin: 0 auto;float: none;}

    .dwup{padding: 10px 24px 50px;}
    .dwup li {width: 100%;  margin: 1% 0;}
    .dwup li .w_img{height:225px ;}
    .dwup li .w_box{padding: 0.5% 0;}
    .dwup li .w_box h5{font-size: 29px;margin: 0 0 25px;}
    .dwup li .w_box .wmore{width: 100%;}

    footer .foot_b{margin-top:0;padding:15px 0;}
    footer .foot_t{overflow: hidden;}
    footer .foot_t .left{display: none;}
    footer .foot_t .center{width: 100%;text-align: center;}
    footer .foot_t .foot_right{width: 100%;text-align: center;}
    footer .foot_b .copyright{width: 100%;margin-bottom:4.5%;}
    
    .flex{display:block;}
    .news-mix .news_show img{display:block;}
    
    .me_Innovator .inn_image{width: 100%;}
    .me_Innovator .inn_box{width: 100%;}
    
    .me_Frank{padding: 25px; }
    .me_Frank .image_F{width: 100%;}
    .me_Frank .boxs_Z{width:  100%;}
    .me_Frank .boxs_Z .boxscha{margin: 40px 0 0 0; }

    .prize_behind li{width: 100%;}
    .behind_G .child_yb ul li{ width: 99.9%; }
    
    .D_download ul li{width:99%;}
    .D_download ul li img{width: 100%;}
}

@media screen and (max-width: 520px) {
    .derp li .remask h3{font-size: 25px;}
    .derp li .remask .lmore {width: 150px;height: 40px;line-height: 40px; font-size: 15px;}
    footer .foot_t .left{display: none;}
    footer .foot_b .copyright{font-size: 16px;}

}