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", "business license");
    });
    box2.addeventlistener("click", function(e) {
        honor("./image/about_cer_5.jpg", "pvc insulated unsheathed wire and cable 3c product certification certificate");
    });
    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", "national industrial product production license");
    });
    box7.addeventlistener("click", function(e) {
        honor("./image/about_cer_6.jpg", "pvc insulated soft cable and wire 3c product certification");
    });
    box8.addeventlistener("click", function(e) {
        honor("./image/about_cer_3.jpg", "quality management system certification(chinese version)");
    });
    box9.addeventlistener("click", function(e) {
        honor("./image/about_cer_10.jpg", "large aircraft system certification");
    });
    box10.addeventlistener("click", function(e) {
        honor("./image/about_cer_11.jpg", "1kv xlpe insulated power cable pccc certificate");
    });
    box11.addeventlistener("click", function(e) {
        honor("./image/abt_cer_5.jpg", "hubei famous brand");
    });
    box12.addeventlistener("click", function(e) {
        honor("./image/abt_cert_1.jpg", " high and new technology enterprise");
    });
    box13.addeventlistener("click", function(e) {
        honor("./image/abt_cer_3.jpg", "god arrows medals");
    });
    box14.addeventlistener("click", function(e) {
        honor("./image/about_cer_4.jpg", "quality management system certification");
    });
    box15.addeventlistener("click", function(e) {
        honor("./image/abt_cer_4.jpg", "invisible champion of hubei province");
    });
    box16.addeventlistener("click", function(e) {
        honor("./image/abt_cer_6.jpg", "hubei province abide by the contract heavy credit enterprises");
    });

    box17.addeventlistener("click", function(e) {
        honor("./image/abt_cer_7.jpg", "civilized and honest demonstration enterprise");
    });
    box18.addeventlistener("click", function(e) {
        honor("./image/abt_cer_8.jpg", "hubei enterprise technology center");
    });
    box19.addeventlistener("click", function(e) {
        honor("./image/abt_cer_9.jpg", "third prize of scientific and technological progress in hubei province");
    });
    box20.addeventlistener("click", function(e) {
        honor("./image/abt_cer_2.jpg", "china famous brand");
    });
    box21.addeventlistener("click", function(e) {
        honor("./image/abt_cer_10.jpg", "hubei wire and cable industry association the eighth vice president unit");
    });



    box_1.addeventlistener("click", function(e) {
        honor("./image/about_cer_12.jpg", "1kv xlpe insulated flame retardant power cable pccc certificate");
    });
    box_2.addeventlistener("click", function(e) {
        honor("./image/about_cer_13.jpg", "1kv xlpe insulated refractory power cable pccc certificate");
    });
    box_3.addeventlistener("click", function(e) {
        honor("./image/about_cer_14.jpg", "6kv to 30kv xlpe insulated power cable pccc certificate");
    });
    box_4.addeventlistener("click", function(e) {
        honor("./image/about_cer_15.jpg", "6~30kv xlpe insulated flame retardant power cable pccc certificate");
    });
    box_5.addeventlistener("click", function(e) {
        honor("./image/about_cer_16.jpg", "35kv xlpe insulated power cable pccc certificate");
    });
    box_6.addeventlistener("click", function(e) {
        honor("./image/about_cer_17.jpg", "35kv xlpe insulated flame retardant power cable pccc certificate");
    });
    box_7.addeventlistener("click", function(e) {
        honor("./image/about_cer_18.jpg", "plastic insulated control cable pccc certificate");
    });
    box_8.addeventlistener("click", function(e) {
        honor("./image/about_cer_19.jpg", "plastic insulated braided shield control cable pccc certificate");
    });
    box_9.addeventlistener("click", function(e) {
        honor("./image/about_cer_20.jpg", "plastic insulated shielded steel tape armored control cable pccc certificate");
    });
    box_10.addeventlistener("click", function(e) {
        honor("./image/about_cer_21.jpg", "plastic insulated flame retardant control cable pccc certificate");
    });
    box_11.addeventlistener("click", function(e) {
        honor("./image/about_cer_22.jpg", "plastic insulated copper wire braided shielded computer cable pccc certificate");
    });
    box_12.addeventlistener("click", function(e) {
        honor("./image/about_cer_23.jpg", "irradiated crosslinked polyolefin insulation and sheath halogen-free low smoke flame retardant (fire retardant) ac power cables for photovoltaic systems pccc certificate    ");
    });
    box_13.addeventlistener("click", function(e) {
        honor("./image/about_cer_24.jpg", "irradiated crosslinked polyolefin insulated and sheathed halogen free low smoke flame retardant (fire retardant) dc power cables for photovoltaic systems pccc certificate  ");
    });
    box_14.addeventlistener("click", function(e) {
        honor("./image/about_cer_25.jpg", "occupational health and safety management system certification");
    });
    box_15.addeventlistener("click", function(e) {
        honor("./image/about_cer_26.jpg", "environmental management system certification");
    });
    box_16.addeventlistener("click", function(e) {
        honor("./image/about_cer_27.jpg", "intellectual property management system certification");
    });

    box_17.addeventlistener("click", function(e) {
        honor("./image/abt_cer_11.jpg", "hubei province technology innovation promotion association member unit");
    });
    box_18.addeventlistener("click", function(e) {
        honor("./image/abt_cer_12.jpg", "hubei trademark association fifth vice president unit");
    });
    box_19.addeventlistener("click", function(e) {
        honor("./image/abt_cer_13.jpg", "qualified supplier of model materials of china aerospace science and technology corporation");
    });
    box_20.addeventlistener("click", function(e) {
        honor("./image/abt_cer_14.jpg", "qualified supplier of the second academy of china aerospace science and industry");
    });
    box_21.addeventlistener("click", function(e) {
        honor("./image/abt_cer_15.jpg", "first-class scientific research cooperative supplier of naval aeronautical engineering institute qingdao campus");
    });
    box_22.addeventlistener("click", function(e) {
        honor("./image/abt_cer_16.jpg", "excellent supplier of china construction third engineering group co., ltd");
    });
    box_23.addeventlistener("click", function(e) {
        honor("./image/abt_cer_17.jpg", "advanced collective title of the group in fighting covid-19");
    });
    box_24.addeventlistener("click", function(e) {
        honor("./image/abt_cer_18.jpg", "top 20 high-tech enterprises");
    });
    box_25.addeventlistener("click", function(e) {
        honor("./image/abt_cer_19.jpg", "huangshi science and technology progress award");
    });
    box_26.addeventlistener("click", function(e) {
        honor("./image/abt_cer_20.jpg", "huangshi high quality development of 70 advanced manufacturing brands");
    });
    box_27.addeventlistener("click", function(e) {
        honor("./image/abt_cer_21.jpg", "shuangfeng - - affect the development of huangshi brand  ");
    });
    box_28.addeventlistener("click", function(e) {
        honor("./image/abt_cer_22.jpg", "huangshi city economic development contribution award");
    });
  

    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", "business license");
    });
    box2_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_5.jpg", "pvc insulated unsheathed wire and cable 3c product certification certificate");
    });
    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", "national industrial product production license");
    });
    box7_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_6.jpg", "pvc insulated soft cable and wire 3c product certification");
    });
    box8_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_3.jpg", "quality management system certification(chinese version)");
    });
    box9_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_10.jpg", "large aircraft system certification");
    });
    box10_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_11.jpg", "1kv xlpe insulated power cable pccc certificate");
    });
    box11_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_5.jpg", "hubei famous brand");
    });
    box12_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cert_1.jpg", " high and new technology enterprise");
    });
    box13_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_3.jpg", "god arrows medals");
    });
    box14_p.addeventlistener("click", function(e) {
        honor_p("./image/about_cer_4.jpg", "quality management system certification");
    });
    box15_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_4.jpg", "invisible champion of hubei province");
    });
    box16_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_6.jpg", "hubei province abide by the contract heavy credit enterprises");
    });

    box17_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_7.jpg", "civilized and honest demonstration enterprise");
    });
    box18_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_8.jpg", "hubei enterprise technology center");
    });
    box19_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_9.jpg", "third prize of scientific and technological progress in hubei province");
    });
    box20_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_2.jpg", "china famous brand");
    });
    box21_p.addeventlistener("click", function(e) {
        honor_p("./image/abt_cer_10.jpg", "hubei wire and cable industry association the eighth vice president unit");
    });




box_p_1.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_12.jpg", "1kv xlpe insulated flame retardant power cable pccc certificate");
});
box_p_2.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_13.jpg", "1kv xlpe insulated refractory power cable pccc certificate");
});
box_p_3.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_14.jpg", "6kv to 30kv xlpe insulated power cable pccc certificate");
});
box_p_4.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_15.jpg", "6~30kv xlpe insulated flame retardant power cable pccc certificate");
});
box_p_5.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_16.jpg", "35kv xlpe insulated power cable pccc certificate");
});
box_p_6.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_17.jpg", "35kv xlpe insulated flame retardant power cable pccc certificate");
});
box_p_7.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_18.jpg", "plastic insulated control cable pccc certificate");
});
box_p_8.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_19.jpg", "plastic insulated braided shield control cable pccc certificate");
});
box_p_9.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_20.jpg", "plastic insulated shielded steel tape armored control cable pccc certificate");
});
box_p_10.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_21.jpg", "plastic insulated flame retardant control cable pccc certificate");
});
box_p_11.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_22.jpg", "plastic insulated copper wire braided shielded computer cable pccc certificate");
});
box_p_12.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_23.jpg", "irradiated crosslinked polyolefin insulation and sheath halogen-free low smoke flame retardant (fire retardant) ac power cables for photovoltaic systems pccc  certificate    ");
});
box_p_13.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_24.jpg", "irradiated crosslinked polyolefin insulated and sheathed halogen free low smoke flame retardant (fire retardant) dc power cables for photovoltaic systems pccc  certificate  ");
});
box_p_14.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_25.jpg", "occupational health and safety management system certification");
});
box_p_15.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_26.jpg", "environmental management system certification");
});
box_p_16.addeventlistener("click", function(e) {
    honor_p("./image/about_cer_27.jpg", "intellectual property management system certification");
});

box_p_17.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_11.jpg", "hubei province technology innovation promotion association member unit");
});
box_p_18.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_12.jpg", "hubei trademark association fifth vice president unit");
});
box_p_19.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_13.jpg", "qualified supplier of model materials of china aerospace science and technology corporation");
});
box_p_20.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_14.jpg", "qualified supplier of the second academy of china aerospace science and industry");
});
box_p_21.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_15.jpg", "first-class scientific research cooperative supplier of naval aeronautical engineering institute qingdao campus");
});
box_p_22.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_16.jpg", "excellent supplier of china construction third engineering group co., ltd");
});
box_p_23.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_17.jpg", "advanced collective title of the group in fighting covid-19");
});
box_p_24.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_18.jpg", "top 20 high-tech enterprises");
});
box_p_25.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_19.jpg", "huangshi science and technology progress award");
});
box_p_26.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_20.jpg", "huangshi high quality development of 70 advanced manufacturing brands");
});
box_p_27.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_21.jpg", "shuangfeng - - affect the development of huangshi brand  ");
});
box_p_28.addeventlistener("click", function(e) {
    honor_p("./image/abt_cer_22.jpg", "huangshi city economic development contribution award");
});
}