window.onload = () => {
    var box1 = document.queryselector(".box1");
    var box2 = document.queryselector(".box2");
    var box3 = document.queryselector(".box3");
    var box4 = document.queryselector(".box4");
    var box5 = document.queryselector(".box5");
    var box6 = document.queryselector(".box6");
    var box7 = document.queryselector(".box7");
    var box8 = document.queryselector(".box8");
    var box9 = document.queryselector(".box9");
    var box10 = document.queryselector(".box10");
    var box11 = document.queryselector(".box11");
    var box12 = document.queryselector(".box12");
    var box13 = document.queryselector(".box13");
    var box14 = document.queryselector(".box14");
    var box15 = document.queryselector(".box15");
    var box16 = document.queryselector(".box16");
    var box17 = document.queryselector(".box17");
    var box18 = document.queryselector(".box18");
    var box19 = document.queryselector(".box19");
    var box20 = document.queryselector(".box20");
    var box21 = document.queryselector(".box21");

    var box_1 = document.queryselector(".box_1");
    var box_2 = document.queryselector(".box_2");
    var box_3 = document.queryselector(".box_3");
    var box_4 = document.queryselector(".box_4");
    var box_5 = document.queryselector(".box_5");
    var box_6 = document.queryselector(".box_6");
    var box_7 = document.queryselector(".box_7");
    var box_8 = document.queryselector(".box_8");
    var box_9 = document.queryselector(".box_9");
    var box_10 = document.queryselector(".box_10");
    var box_11 = document.queryselector(".box_11");
    var box_12 = document.queryselector(".box_12");
    var box_13 = document.queryselector(".box_13");
    var box_14 = document.queryselector(".box_14");
    var box_15 = document.queryselector(".box_15");
    var box_16 = document.queryselector(".box_16");
    var box_17 = document.queryselector(".box_17");
    var box_18 = document.queryselector(".box_18");
    var box_19 = document.queryselector(".box_19");
    var box_20 = document.queryselector(".box_20");
    var box_21 = document.queryselector(".box_21");
    var box_22 = document.queryselector(".box_22");
    var box_23 = document.queryselector(".box_23"); 
    var box_24 = document.queryselector(".box_24");
    var box_25 = document.queryselector(".box_25");  
    var box_26 = document.queryselector(".box_26");
    var box_27 = document.queryselector(".box_27");
    var box_28 = document.queryselector(".box_28");


    var box1_p = document.queryselector(".box1_p");
    var box2_p = document.queryselector(".box2_p");
    var box3_p = document.queryselector(".box3_p");
    var box4_p = document.queryselector(".box4_p");
    var box5_p = document.queryselector(".box5_p");
    var box6_p = document.queryselector(".box6_p");
    var box7_p = document.queryselector(".box7_p");
    var box8_p = document.queryselector(".box8_p");
    var box9_p = document.queryselector(".box9_p");
    var box10_p = document.queryselector(".box10_p");
    var box11_p = document.queryselector(".box11_p");
    var box12_p = document.queryselector(".box12_p");
    var box13_p = document.queryselector(".box13_p");
    var box14_p = document.queryselector(".box14_p");
    var box15_p = document.queryselector(".box15_p");
    var box16_p = document.queryselector(".box16_p");
    var box17_p = document.queryselector(".box17_p");
    var box18_p = document.queryselector(".box18_p");
    var box19_p = document.queryselector(".box19_p");
    var box20_p = document.queryselector(".box20_p");
    var box21_p = document.queryselector(".box21_p");

    var box_p_1 = document.queryselector(".box_p_1");
    var box_p_2 = document.queryselector(".box_p_2");
    var box_p_3 = document.queryselector(".box_p_3");
    var box_p_4 = document.queryselector(".box_p_4");
    var box_p_5 = document.queryselector(".box_p_5");
    var box_p_6 = document.queryselector(".box_p_6");
    var box_p_7 = document.queryselector(".box_p_7");
    var box_p_8 = document.queryselector(".box_p_8");
    var box_p_9 = document.queryselector(".box_p_9");
    var box_p_10 = document.queryselector(".box_p_10");
    var box_p_11 = document.queryselector(".box_p_11");
    var box_p_12 = document.queryselector(".box_p_12");
    var box_p_13 = document.queryselector(".box_p_13");
    var box_p_14 = document.queryselector(".box_p_14");
    var box_p_15 = document.queryselector(".box_p_15");
    var box_p_16 = document.queryselector(".box_p_16");
    var box_p_17 = document.queryselector(".box_p_17");
    var box_p_18 = document.queryselector(".box_p_18");
    var box_p_19 = document.queryselector(".box_p_19");
    var box_p_20 = document.queryselector(".box_p_20");
    var box_p_21 = document.queryselector(".box_p_21");
    var box_p_22 = document.queryselector(".box_p_22");
    var box_p_23 = document.queryselector(".box_p_23"); 
    var box_p_24 = document.queryselector(".box_p_24");
    var box_p_25 = document.queryselector(".box_p_25");  
    var box_p_26 = document.queryselector(".box_p_26");
    var box_p_27 = document.queryselector(".box_p_27");
    var box_p_28 = document.queryselector(".box_p_28");

    var img1 = document.queryselector(".img1");
    var black_back = document.queryselector(".black_back");
    var img2 = document.queryselector(".img2");
    var xx = document.queryselector(".xx");
    var add = document.queryselector(".add");
    var jj = document.queryselector(".jj");
    var oo = document.queryselector(".oo");
    var font = document.queryselector(".font");
    var mybody = document.queryselector("body");


    var img1_p = document.queryselector(".img1_p");
    var black_back_p = document.queryselector(".black_back_p");
    var img2_p = document.queryselector(".img2_p");
    var xx_p = document.queryselector(".xx_p");
    var add_p = document.queryselector(".add_p");
    var jj_p = document.queryselector(".jj_p");
    var oo_p = document.queryselector(".oo_p");
    var font = document.queryselector(".font_p");

    var honor = (srcstr, a) => {
        var bigbox = document.createelement("div");
        var newimg = document.createelement("img");
        var xx = document.createelement("div");
        var add = document.createelement("div");
        var jj = document.createelement("div");
        var oo = document.createelement("div");
        var font = document.createelement("div");
        bigbox.classlist.add("black_back");
        newimg.classlist.add("img2");
        xx.classlist.add("xx");
        add.classlist.add("add");
        jj.classlist.add("jj");
        oo.classlist.add("oo");
        font.classlist.add("font");
        newimg.src = srcstr;
        font.innertext = a;
        xx.innertext = "x";
        add.innertext = "+";
        jj.innertext = "-";
        oo.innertext = "o";
        bigbox.appendchild(newimg);
        bigbox.appendchild(xx);
        bigbox.appendchild(add);
        bigbox.appendchild(jj);
        bigbox.appendchild(oo);
        bigbox.appendchild(font);
        mybody.appendchild(bigbox);

        xx.addeventlistener("click", (e) => {
            bigbox.style.display = "none";
            bigbox.removechild(newimg);
            bigbox.removechild(xx);
            bigbox.removechild(add);
            bigbox.removechild(jj);
            bigbox.removechild(oo);
            mybody.removechild(bigbox);
        });

        add.addeventlistener("click", (e) => {
            if (newimg.clientwidth < 1000) {
                newimg.style.width = newimg.clientwidth + 100 + "px";
            }
        });

        jj.addeventlistener("click", (e) => {
            if (newimg.clientwidth > 300) {
                newimg.style.width = newimg.clientwidth - 100 + "px";
            }
        });

        oo.addeventlistener("click", (e) => {
            newimg.style.width = "50%";
        });

    }


  
    box1.addeventlistener("click", function(e) {
        honor("./image/about_cer_1.jpg", "营业执照");
    });
    box2.addeventlistener("click", function(e) {
        honor("./image/about_cer_5.jpg", "聚氯乙烯绝缘无护套电线电缆3c产品认证证书");
    });
    box3.addeventlistener("click", function(e) {
        honor("./image/about_cer_9.jpg", "pvc insulated flexible cables and wires 3c product certification");
    });
    box4.addeventlistener("click", function(e) {
        honor("./image/about_cer_7.jpg", "pvc insulated non-sheathed cables and wires 3c product certification");
    });
    box5.addeventlistener("click", function(e) {
        honor("./image/about_cer_8.jpg", "pvc insulated screened wires 3c product certification");
    });
    box6.addeventlistener("click", function(e) {
        honor("./image/about_cer_2.jpg", "全国工业产品生产许可证");
    });
    box7.addeventlistener("click", function(e) {
        honor("./image/about_cer_6.jpg", "聚氯乙烯绝缘软电缆电线3c产品认证证书");
    });
    box8.addeventlistener("click", function(e) {
        honor("./image/about_cer_3.jpg", "质量管理体系认证证书");
    });
    box9.addeventlistener("click", function(e) {
        honor("./image/about_cer_10.jpg", "大飞机体系认证证书");
    });
    box10.addeventlistener("click", function(e) {
        honor("./image/about_cer_11.jpg", "1kv交联聚乙烯绝缘电力电缆pccc认证证书");
    });
    box11.addeventlistener("click", function(e) {
        honor("./image/abt_cer_5.jpg", "湖北名牌");
    });
    box12.addeventlistener("click", function(e) {
        honor("./image/abt_cert_1.jpg", "高新技术企业");
    });
    box13.addeventlistener("click", function(e) {
        honor("./image/abt_cer_3.jpg", "神箭奖牌");
    });
    box14.addeventlistener("click", function(e) {
        honor("./image/about_cer_4.jpg", "质量管理体系认证证书（英文版）");
    });
    box15.addeventlistener("click", function(e) {
        honor("./image/abt_cer_4.jpg", "湖北省隐形冠军");
    });
    box16.addeventlistener("click", function(e) {
        honor("./image/abt_cer_6.jpg", "湖北省守合同重信用企业");
    });

    box17.addeventlistener("click", function(e) {
        honor("./image/abt_cer_7.jpg", "文明诚信示范企业");
    });
    box18.addeventlistener("click", function(e) {
        honor("./image/abt_cer_8.jpg", "湖北省企业技术中心");
    });
    box19.addeventlistener("click", function(e) {
        honor("./image/abt_cer_9.jpg", "湖北省科技进步三等奖");
    });
    box20.addeventlistener("click", function(e) {
        honor("./image/abt_cer_2.jpg", "中国驰名商标");
    });
    box21.addeventlistener("click", function(e) {
        honor("./image/abt_cer_10.jpg", "湖北省电线电缆行业协会第八届副会长单位");
    });



    box_1.addeventlistener("click", function(e) {
        honor("./image/about_cer_12.jpg", "1kv交联聚乙烯绝缘阻燃电力电缆pccc认证证书");
    });
    box_2.addeventlistener("click", function(e) {
        honor("./image/about_cer_13.jpg", "1kv交联聚乙烯绝缘耐火电力电缆pccc认证证书");
    });
    box_3.addeventlistener("click", function(e) {
        honor("./image/about_cer_14.jpg", "6kv到30kv交联聚乙烯绝缘电力电缆pccc认证证书");
    });
    box_4.addeventlistener("click", function(e) {
        honor("./image/about_cer_15.jpg", "6~30kv交联聚乙烯绝缘阻燃电力电缆pccc认证证书");
    });
    box_5.addeventlistener("click", function(e) {
        honor("./image/about_cer_16.jpg", "35kv交联聚乙烯绝缘电力电缆pccc认证证书");
    });
    box_6.addeventlistener("click", function(e) {
        honor("./image/about_cer_17.jpg", "35kv交联聚乙烯绝缘阻燃电力电缆pccc认证证书");
    });
    box_7.addeventlistener("click", function(e) {
        honor("./image/about_cer_18.jpg", "塑料绝缘控制电缆pccc认证证书");
    });
    box_8.addeventlistener("click", function(e) {
        honor("./image/about_cer_19.jpg", "塑料绝缘编织屏蔽控制电缆pccc认证证书");
    });
    box_9.addeventlistener("click", function(e) {
        honor("./image/about_cer_20.jpg", "塑料绝缘屏蔽型钢带铠装控制电缆pccc认证证书");
    });
    box_10.addeventlistener("click", function(e) {
        honor("./image/about_cer_21.jpg", "塑料绝缘阻燃控制电缆pccc认证证书");
    });
    box_11.addeventlistener("click", function(e) {
        honor("./image/about_cer_22.jpg", "塑料绝缘铜丝编织屏蔽计算机电缆pccc认证证书");
    });
    box_12.addeventlistener("click", function(e) {
        honor("./image/about_cer_23.jpg", "光伏系统用辐照交联聚烯烃绝缘及护套无卤低烟阻燃（耐火）交流电力电缆pccc认证证书");
    });
    box_13.addeventlistener("click", function(e) {
        honor("./image/about_cer_24.jpg", "光伏系统用辐照交联聚烯烃绝缘及护套无卤低烟阻燃（耐火）直流电力电缆pccc认证证书");
    });
    box_14.addeventlistener("click", function(e) {
        honor("./image/about_cer_25.jpg", "职业健康安全管理体系认证证书");
    });
    box_15.addeventlistener("click", function(e) {
        honor("./image/about_cer_26.jpg", "环境管理体系认证证书");
    });
    box_16.addeventlistener("click", function(e) {
        honor("./image/about_cer_27.jpg", "知识产权管理体系认证证书");
    });

    box_17.addeventlistener("click", function(e) {
        honor("./image/abt_cer_11.jpg", "湖北省技术创新促进会会员单位");
    });
    box_18.addeventlistener("click", function(e) {
        honor("./image/abt_cer_12.jpg", "湖北省商标协会第五届副会长单位");
    });
    box_19.addeventlistener("click", function(e) {
        honor("./image/abt_cer_13.jpg", "中国航天科技集团型号物资合格供应商");
    });
    box_20.addeventlistener("click", function(e) {
        honor("./image/abt_cer_14.jpg", "中国航天科工二院合格供应商");
    });
    box_21.addeventlistener("click", function(e) {
        honor("./image/abt_cer_15.jpg", "海军航空工程学院青岛校区一级科研合作供应商");
    });
    box_22.addeventlistener("click", function(e) {
        honor("./image/abt_cer_16.jpg", "中建三局集团有限公司优秀供应商");
    });
    box_23.addeventlistener("click", function(e) {
        honor("./image/abt_cer_17.jpg", "集团公司抗击新冠肺炎疫情先进集体称号");
    });
    box_24.addeventlistener("click", function(e) {
        honor("./image/abt_cer_18.jpg", "高新技术企业20强");
    });
    box_25.addeventlistener("click", function(e) {
        honor("./image/abt_cer_19.jpg", "黄石市科技进步奖");
    });
    box_26.addeventlistener("click", function(e) {
        honor("./image/abt_cer_20.jpg", "黄石高质量发展70品牌先进制造业品牌");
    });
    box_27.addeventlistener("click", function(e) {
        honor("./image/abt_cer_21.jpg", "双峰———影响黄石发展品牌");
    });
    box_28.addeventlistener("click", function(e) {
        honor("./image/abt_cer_22.jpg", "黄石市经济发展贡献奖");
    });
  

    var honor_p = (srcstr, a) => {
        var bigbox = document.createelement("div");
        var newimg = document.createelement("img");
        var xx = document.createelement("div");
        var add = document.createelement("div");
        var jj = document.createelement("div");
        var oo = document.createelement("div");
        var font = document.createelement("div");
        bigbox.classlist.add("black_back_p");
        newimg.classlist.add("img2_p");
        xx.classlist.add("xx_p");
        add.classlist.add("add_p");
        jj.classlist.add("jj_p");
        oo.classlist.add("oo_p");
        font.classlist.add("font_p");
        newimg.src = srcstr;
        font.innertext = a;
        xx.innertext = "x";
        add.innertext = "+";
        jj.innertext = "-";
        oo.innertext = "o";
        bigbox.appendchild(newimg);
        bigbox.appendchild(xx);
        bigbox.appendchild(add);
        bigbox.appendchild(jj);
        bigbox.appendchild(oo);
        bigbox.appendchild(font);
        mybody.appendchild(bigbox);

        xx.addeventlistener("click", (e) => {
            bigbox.style.display = "none";
            bigbox.removechild(newimg);
            bigbox.removechild(xx);
            bigbox.removechild(add);
            bigbox.removechild(jj);
            bigbox.removechild(oo);
            mybody.removechild(bigbox);
        });

        add.addeventlistener("click", (e) => {
            if (newimg.clientwidth < 270) {
                newimg.style.width = newimg.clientwidth + 20 + "px";
            }
        });

        jj.addeventlistener("click", (e) => {
            if (newimg.clientwidth > 100) {
                newimg.style.width = newimg.clientwidth - 20 + "px";
            }
        });

        oo.addeventlistener("click", (e) => {
            newimg.style.width = "80%";
        });

    }


    box1_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_1.jpg", "营业执照");
    });
    box2_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_5.jpg", "聚氯乙烯绝缘无护套电线电缆3c产品认证证书");
    });
    box3_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_9.jpg", "pvc insulated flexible cables and wires 3c product certification");
    });
    box4_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_7.jpg", "pvc insulated non-sheathed cables and wires 3c product certification");
    });
    box5_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_8.jpg", "pvc insulated screened wires 3c product certification");
    });
    box6_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_2.jpg", "全国工业产品生产许可证");
    });
    box7_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_6.jpg", "聚氯乙烯绝缘软电缆电线3c产品认证证书");
    });
    box8_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_3.jpg", "质量管理体系认证证书");
    });
    box9_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_10.jpg", "大飞机体系认证证书");
    });
    box10_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_11.jpg", "1kv交联聚乙烯绝缘电力电缆pccc认证证书");
    });
    box11_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_5.jpg", "湖北名牌");
    });
    box12_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cert_1.jpg", "高新技术企业");
    });
    box13_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_3.jpg", "神箭奖牌");
    });
    box14_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_4.jpg", "质量管理体系认证证书（英文版）");
    });
    box15_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_4.jpg", "湖北省隐形冠军");
    });
    box16_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_6.jpg", "湖北省守合同重信用企业");
    });

    box17_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_7.jpg", "文明诚信示范企业");
    });
    box18_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_8.jpg", "湖北省企业技术中心");
    });
    box19_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_9.jpg", "湖北省科技进步三等奖");
    });
    box20_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_2.jpg", "中国驰名商标");
    });
    box21_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_10.jpg", "湖北省电线电缆行业协会第八届副会长单位");
    });




box_p_1.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_12.jpg", "1kv交联聚乙烯绝缘阻燃电力电缆pccc认证证书");
});
box_p_2.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_13.jpg", "1kv交联聚乙烯绝缘耐火电力电缆pccc认证证书");
});
box_p_3.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_14.jpg", "6kv到30kv交联聚乙烯绝缘电力电缆pccc认证证书");
});
box_p_4.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_15.jpg", "6~30kv交联聚乙烯绝缘阻燃电力电缆pccc认证证书");
});
box_p_5.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_16.jpg", "35kv交联聚乙烯绝缘电力电缆pccc认证证书");
});
box_p_6.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_17.jpg", "35kv交联聚乙烯绝缘阻燃电力电缆pccc认证证书");
});
box_p_7.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_18.jpg", "塑料绝缘控制电缆pccc认证证书");
});
box_p_8.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_19.jpg", "塑料绝缘编织屏蔽控制电缆pccc认证证书");
});
box_p_9.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_20.jpg", "塑料绝缘屏蔽型钢带铠装控制电缆pccc认证证书");
});
box_p_10.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_21.jpg", "塑料绝缘阻燃控制电缆pccc认证证书");
});
box_p_11.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_22.jpg", "塑料绝缘铜丝编织屏蔽计算机电缆pccc认证证书");
});
box_p_12.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_23.jpg", "光伏系统用辐照交联聚烯烃绝缘及护套无卤低烟阻燃（耐火）交流电力电缆pccc认证证书");
});
box_p_13.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_24.jpg", "光伏系统用辐照交联聚烯烃绝缘及护套无卤低烟阻燃（耐火）直流电力电缆pccc认证证书");
});
box_p_14.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_25.jpg", "职业健康安全管理体系认证证书");
});
box_p_15.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_26.jpg", "环境管理体系认证证书");
});
box_p_16.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_27.jpg", "知识产权管理体系认证证书");
});

box_p_17.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_11.jpg", "湖北省技术创新促进会会员单位");
});
box_p_18.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_12.jpg", "湖北省商标协会第五届副会长单位");
});
box_p_19.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_13.jpg", "中国航天科技集团型号物资合格供应商");
});
box_p_20.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_14.jpg", "中国航天科工二院合格供应商");
});
box_p_21.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_15.jpg", "海军航空工程学院青岛校区一级科研合作供应商");
});
box_p_22.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_16.jpg", "中建三局集团有限公司优秀供应商");
});
box_p_23.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_17.jpg", "集团公司抗击新冠肺炎疫情先进集体称号");
});
box_p_24.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_18.jpg", "高新技术企业20强");
});
box_p_25.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_19.jpg", "黄石市科技进步奖");
});
box_p_26.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_20.jpg", "黄石高质量发展70品牌先进制造业品牌");
});
box_p_27.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_21.jpg", "双峰———影响黄石发展品牌");
});
box_p_28.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_22.jpg", "黄石市经济发展贡献奖");
});
}