Difference between revisions of "Team:BIT-China/Equipment"

(Created page with "<html> <head> <style> body { height: 100%; width: 100%; background-color: transparent !important; } #globalWr...")
 
Line 6: Line 6:
 
             height: 100%;
 
             height: 100%;
 
             width: 100%;
 
             width: 100%;
−
            background-color: transparent !important;
 
 
         }
 
         }
  
Line 12: Line 11:
 
             margin: 0;
 
             margin: 0;
 
             padding: 0;
 
             padding: 0;
−
            font-size: transparent !important;
 
 
         }
 
         }
  
Line 19: Line 17:
 
             padding: 0;
 
             padding: 0;
 
             margin: -12px 0 0;
 
             margin: -12px 0 0;
−
            background-color: transparent !important;
 
−
            color: transparent !important;
 
 
         }
 
         }
  
Line 27: Line 23:
 
         }
 
         }
  
−
         p:hover {
+
         #sideMenu {
−
             border-style: transparent !important;
+
            display: none;
 +
        }
 +
 
 +
        #content,
 +
        .vs-content,
 +
        .vs-wrapper section {
 +
             background-color: transparent !important;
 +
        }
 +
 
 +
        .my-backTop:visited {
 +
            color: #F8A886 !important;
 +
        }
 +
 
 +
        #HQ_page table {
 +
            margin: 0 !important;
 +
        }
 +
 
 +
        #HQ_page th {
 +
            background-color: #BFBFBF !important;
 
         }
 
         }
 
     </style>
 
     </style>
−
    <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/fullPage-style?action=raw&amp;ctype=text/css">
+
 
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/common-style?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/common-style?action=raw&amp;ctype=text/css">
−
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/css-animation?action=raw&amp;ctype=text/css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/collapse?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/notebook-ME-style?action=raw&amp;ctype=text/css">
  
 
     <style>
 
     <style>
−
         .down-arrow-style {
+
         #notebook-content {
 
             position: absolute;
 
             position: absolute;
−
            z-index: 4;
+
             left: 440px;
−
             left: calc(50vw - 20px);
+
             top: 110px;
−
             top: calc(100vh - 50px);
+
             width: 900px;
−
             width: 40px;
+
−
            height: 40px;
+
−
            cursor: pointer;
+
 
         }
 
         }
  
−
         .top-style {
+
         .table-head {
−
             position: fixed;
+
             background-color: #BFBFBF;
−
             z-index: 4;
+
             color: #131313;
−
             right: 20px;
+
        }
−
             top: calc(100vh - 40px);
+
 
−
             width: 30px;
+
        .table-body {
−
             height: 30px;
+
            width: 100%;
−
             cursor: pointer;
+
        }
 +
 
 +
        .table-head table,
 +
        .table-body table {
 +
             width: 100%;
 +
             text-align: center;
 +
        }
 +
 
 +
        .table-body table tr:nth-child(2n+1) {
 +
            background-color: #f2f2f2;
 +
        }
 +
 
 +
        .table-body table tr:nth-child(2n) {
 +
            background-color: rgb(223, 223, 223);
 +
        }
 +
 
 +
        .table-head td,
 +
        .table-body td {
 +
            height: 42px;
 +
        }
 +
 
 +
        .nav-dot-box:hover .nav-dot-card {
 +
            display: block;
 +
             width: 250px;
 +
             right: 160px;
 +
 
 +
             margin-right: 50px;
 +
 
 +
            transition: all .3s ease-in-out .1s;
 +
            -webkit-transition: all .3s ease-in-out .1s;
 +
            -moz-transition: all .3s ease-in-out .1s;
 +
            -ms-transition: all .3s ease-in-out .1s;
 +
            -o-transition: all .3s ease-in-out .1s;
 
         }
 
         }
 
     </style>
 
     </style>
Line 61: Line 105:
  
 
<body id="ibody" class="scoll_dis">
 
<body id="ibody" class="scoll_dis">
−
    <!-- 导航栏 start -->
+
 
 
     <ul id="left-nav">
 
     <ul id="left-nav">
 
         <li>
 
         <li>
Line 94: Line 138:
  
 
         <li>
 
         <li>
−
             <a>HUMAN PRACTICES</a>
+
             <a>Human Practices</a>
 
             <ul>
 
             <ul>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Human_Practices">Integrated Human Practices</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Human_Practices">Integrated Human Practices</a></li>
Line 117: Line 161:
 
             <ul>
 
             <ul>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/JudgingForm">Judging Form</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/JudgingForm">Judging Form</a></li>
−
                 <li><a href="https://2018.igem.org/Team:BIT-China/Improve">Parts</a></li>
+
                 <li><a href="https://2018.igem.org/Team:BIT-China/Parts">Parts</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Improve">Improve</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Applied_Design">Applied Design</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Demonstrate">Demonstrate</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Demonstrate">Demonstrate</a></li>
 
             </ul>
 
             </ul>
Line 135: Line 181:
 
     <!-- end -->
 
     <!-- end -->
  
−
     <div id="dowebok">
+
     <div class="Notbook-white-head"></div>
−
        <div id="home_section_0" class="section">
+
−
            <img src="https://static.igem.org/mediawiki/2018/2/29/T--BIT-China--iGEM2018-HOME-BG.jpg" style="position: absolute;top:0;left:0;height:100vh;width:100vw;z-index:5;pointer-events: none;">
+
  
−
             <img id="gifA" src="https://static.igem.org/mediawiki/2018/f/f3/T--BIT-China--iGEM2018-HOME-A.gif" style="position:absolute;top:calc(50vh - 148px);left:calc(50vw - 292px);height: 295px;width: 583px;z-index: 5;pointer-events: none;">
+
    <div id="ME-content-all" class="ME-container" style="margin-top:calc(25vh - 30px);">
 +
        <div class="MD-title">
 +
             <div class="ME-title-content">
 +
                <img class="ME-title-img" src="https://static.igem.org/mediawiki/2018/8/84/T--BIT-China--iGEM2018-top_mask.svg">
 +
                <a>What is the point?</a>
 +
                <img class="ME-title-img" src="https://static.igem.org/mediawiki/2018/4/46/T--BIT-China--iGEM2018-lower_mask.svg">
 +
            </div>
 +
            <div class="ME-overview">
 +
                <a class="ME-overview-p"><br>
 +
                    —————— Just show what things we use in the experiments.
 +
                </a>
 +
            </div>
 
         </div>
 
         </div>
  
−
        <div id="home_section_1" class="section">
 
−
            <img id="img1-1" style="z-index: 1;position: absolute;right:-5px;top: -5px;bottom:-5px;height: 100vh;width: 80vw;"
 
−
                src="https://static.igem.org/mediawiki/2018/2/2f/T--BIT-China--iGEM2018-home.png">
 
−
            <img id="img1-2" style="z-index: 0;position: absolute;left:calc(50vw - 350px);bottom:calc(50vh - 300px);height: 260px;width: 600px;"
 
−
                src="https://static.igem.org/mediawiki/2018/f/f4/T--BIT-China--iGEM2018-wordcut2.png">
 
  
−
            <div id="text1" style="z-index:1;position: absolute;left:calc(50vw - 250px);bottom:calc(50vh - 250px);">
+
        <div id="ME1" class="cd-section ME-margin-toTitle">
−
                <p class="p_style" style="width:350px;">
+
            <div class="ME-title-1">
−
                    <font size="5" face="kg_second_chances_solidRg">“A”</font> indicates antioxidant, and can also
+
                <a>Equipments</a>
−
                    represent the best in the grade rating. So the core of our project is to build an antioxidant
+
−
                    detecting system to rank antioxidants.
+
−
                </p>
+
 
             </div>
 
             </div>
 +
            <div class="ME-content-all ME-margin-toTitle1 ">
 +
                <div id="E1" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-E1" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        Equipments
 +
                    </h3>
 +
                    <div id="collapse_body_E1" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Name</th>
 +
                                            <th>Type</th>
 +
                                            <th>Company</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
  
−
            <img id="down1" onclick="arr_down()" class="down-arrow-style" src="https://static.igem.org/mediawiki/2018/2/2a/T--BIT-China--iGEM2018-down_arrow.svg">
+
                                        <tr>
−
        </div>
+
                                            <td>Transferpettor</td>
 +
                                            <td>1000µl 100µl 10µl 2.5µl</td>
 +
                                            <td>Eppendorf</td>
 +
                                        </tr>
  
−
        <div id="home_section_2" class="section">
+
                                        <tr>
−
            <img id="img2-1" style="z-index: 2;position: absolute;left: calc(50vw - 400px);top: calc(50vh - 350px);height: 500px;width: 500px; transform:rotate(1deg);"
+
                                            <td>ELIASA</td>
−
                src="https://static.igem.org/mediawiki/2018/d/da/T--BIT-China--iGEM2018-img_home_4.png">
+
                                            <td>Elx808</td>
−
            <img id="img2-2" style="z-index: 1;position: absolute;left: calc(50vw - 120px);top: calc(50vh - 225px);height: 400px;width: 600px;"
+
                                            <td>America Bioteck company</td>
−
                src="https://static.igem.org/mediawiki/2018/a/a6/T--BIT-China--iGEM2018-img_home_3.png">
+
                                        </tr>
  
−
            <div id="text2" style="position: absolute;left:calc(50vw - 365px);top:calc(50vh + 135px);">
+
                                        <tr>
−
                <p class="p_style" style="width:520px;">
+
                                            <td>Electrophresis Apparatus</td>
−
                    <font size="5" face="kg_second_chances_solidRg">Antioxidants</font> are <br>compounds that inhibit
+
                                            <td>DYY-6C</td>
−
                    oxidation.They can scavenge the excess ROS in the organisms. The antioxidants mentioned here is the
+
                                            <td>Beijing LIUYI bio-technology company</td>
−
                    one working in our bodies, helping us defect the damage of oxidation.
+
                                        </tr>
−
                </p>
+
−
            </div>
+
  
−
            <img id="down2" onclick="arr_down()" class="down-arrow-style" src="https://static.igem.org/mediawiki/2018/2/2a/T--BIT-China--iGEM2018-down_arrow.svg">
+
                                        <tr>
−
        </div>
+
                                            <td>OD Machine</td>
 +
                                            <td>UV-2100</td>
 +
                                            <td>UNICO</td>
 +
                                        </tr>
  
−
        <div id="home_section_3" class="section">
+
                                        <tr>
−
            <img id="img3" style="z-index: 2;position:absolute;left:calc(50vw - 320px);top:calc(50vh - 280px);height: 500px;width: 500px;"
+
                                            <td>Incubator Shaker</td>
−
                src="https://static.igem.org/mediawiki/2018/6/6c/T--BIT-China--iGEM2018-home-3.png">
+
                                            <td>IS-RDS3</td>
 +
                                            <td>Beijing KECHUANGBAIFANG Technical Co., Ltd</td>
 +
                                        </tr>
  
−
            <div id="text3" style="position: absolute;left:calc(50vw + 200px);top:calc(50vh - 60px);">
 
−
                <p class="p_style" style="width:360px;">
 
−
                    <font size="5" face="kg_second_chances_solidRg">Oxidation</font> damage is very common in our daily
 
−
                    life. It may be caused by UV in the sun, unhealthy living habits, irregular work and rest times,
 
−
                    and its accumulation will eventually infect the normal function of our body, lead to gene mutation,
 
−
                    cell cancer and aging. Therefore, antioxidants are urgently needed to defended the damage of
 
−
                    oxidation.
 
−
                </p>
 
−
            </div>
 
  
−
            <img id="down3" onclick="arr_down()" class="down-arrow-style" src="https://static.igem.org/mediawiki/2018/2/2a/T--BIT-China--iGEM2018-down_arrow.svg">
+
                                        <tr>
−
        </div>
+
                                            <td>Electro-heating Standing-temperature Water Bath</td>
 +
                                            <td>DK-8D</td>
 +
                                            <td>Shanghai YIHENG Technical Co., Ltd</td>
 +
                                        </tr>
  
−
        <div id="home_section_4" class="section">
+
                                        <tr>
−
            <img id="img4" style="z-index: 2;position: absolute;right: calc(50vw - 480px);top: calc(50vh - 280px);height: 500px;width: 500px;"
+
                                            <td>Gel-imaging System</td>
−
                src="https://static.igem.org/mediawiki/2018/1/1e/T--BIT-China--iGEM2018-home-4.png">
+
                                            <td>GeneGenius</td>
 +
                                            <td>SYNGENE</td>
 +
                                        </tr>
  
−
            <div id="text4" style="position: absolute;right:calc(50vw - 40px);top:calc(50vh - 30px);">
+
                                        <tr>
−
                <p class="p_style" style="width:300px;">
+
                                            <td>Blue Rubber Cutting Machine</td>
−
                    <font size="5" face="kg_second_chances_solidRg">Even</font> though antioxidant is so important,
+
                                            <td>BD-BGCI</td>
−
                    there’s no standard ways to tell us which antioxidant works better.
+
                                            <td>Biofriend</td>
−
                </p>
+
                                        </tr>
−
            </div>
+
  
−
            <img id="down4" onclick="arr_down()" class="down-arrow-style" src="https://static.igem.org/mediawiki/2018/2/2a/T--BIT-China--iGEM2018-down_arrow.svg">
+
                                        <tr>
−
        </div>
+
                                            <td>Electro-heating Standing-temperature Cultivator</td>
 +
                                            <td>SKP-02.420</td>
 +
                                            <td>America HENGFENG company</td>
 +
                                        </tr>
  
−
        <div id="home_section_5" class="section">
+
                                        <tr>
−
            <img id="img5" style="z-index: 2;position: absolute;left: 32vw;top: calc(50vh - 290px);height: 400px;width: 600px;"
+
                                            <td>High Speed Freezing Centrifuge</td>
−
                src="https://static.igem.org/mediawiki/2018/5/55/T--BIT-China--iGEM2018-home-5.png">
+
                                            <td>D-37520</td>
 +
                                            <td>Germany Thermo company</td>
 +
                                        </tr>
  
−
            <div id="text5-1" style="position: absolute;left:calc(50vw - 270px);top:calc(50vh + 120px);">
+
                                        <tr>
−
                <p class="p_style" style="width:640px;">
+
                                            <td>Low temperature enzyme even instrument</td>
−
                    <font size="5" face="kg_second_chances_solidRg">Our</font> goal is to build a system with function
+
                                            <td>L1</td>
−
                    of detecting the antioxidants and has the advantages of high biological relevance, simple
+
                                            <td>HEMA</td>
−
                    operation, low-cost, good reproducibility, accuracy, and high sensitivity for antioxidant
+
                                        </tr>
−
                    detection. More importantly, we hope to establish an efficient standard for evaluating antioxidants
+
 
−
                     through our system
+
                                        <tr>
−
                 </p>
+
                                            <td>Electronic Balance</td>
 +
                                            <td>FA2104SW</td>
 +
                                            <td>MINQIAO</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>High-Pressure Steam Sterilization Pot</td>
 +
                                            <td>MLS-3750</td>
 +
                                            <td>SANYO</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Laminar Flow Cabinet</td>
 +
                                            <td>SW-CJ-2FD</td>
 +
                                            <td>Taisite</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Microwave</td>
 +
                                            <td>/</td>
 +
                                            <td>Galanz</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Electro-heating Standing-temperature Drum Wind Drying Machine</td>
 +
                                            <td>DHG-9030A</td>
 +
                                            <td>Shanghai YIHENG Technical Co., Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>96 Well Thermal Cycler</td>
 +
                                            <td>/</td>
 +
                                            <td>Gene Company Limited</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>High Speed Micro-Centrifuge</td>
 +
                                            <td>D3024</td>
 +
                                            <td>SCILOGEX</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Refrigerator</td>
 +
                                            <td>BCD-610W</td>
 +
                                            <td>SIEMENS</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Heto Ultra Freeze</td>
 +
                                            <td>/</td>
 +
                                            <td>Thermo</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Ultrapure Water System</td>
 +
                                            <td>/</td>
 +
                                            <td>/</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Ice Machine</td>
 +
                                            <td>SPR-120</td>
 +
                                            <td>SIMAG</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Nano Drop</td>
 +
                                            <td>2000c</td>
 +
                                            <td>America Thermo Scientific company</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Microscope</td>
 +
                                            <td>/</td>
 +
                                            <td>Ruich Allway</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Noise Isolating Tamber</td>
 +
                                            <td>vcx750</td>
 +
                                            <td>Ningbo Scientz Biotechnology CO. , Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Noise Cleaner</td>
 +
                                            <td>KQ-100DE</td>
 +
                                            <td>Kunshang Noise Equipment CO. Ltd.</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Real-time fluorescent quantitative PCR</td>
 +
                                            <td>LightCycler 96</td>
 +
                                            <td>Roche</td>
 +
                                        </tr>
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                     </div>
 +
                 </div>
 
             </div>
 
             </div>
  
−
            <img id="down5" class="down-arrow-style" src="https://static.igem.org/mediawiki/2018/1/19/T--BIT-China--iGEM2018-horizon.svg"
 
−
                style="pointer-events:none;">
 
 
         </div>
 
         </div>
−
    </div>
 
  
−
    <img id="top-img" onclick="top_up()" src="https://static.igem.org/mediawiki/2018/3/34/T--BIT-China--iGEM2018-top_img.png">
+
        <div id="ME2" class="cd-section">
 +
            <div class="ME-title-1">
 +
                <a>Reagent & Material</a>
 +
            </div>
 +
            <div class="ME-content-all ME-margin-toTitle1 ">
 +
                <div id="M1" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M1" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        1. Antibiotic
 +
                    </h3>
 +
                    <div id="collapse_body_M1" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Antibiotic</th>
 +
                                            <th>Preparation method</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>Ampicillin</td>
 +
                                            <td>Dissolved in distilled water and the final concentration is 100mg/ml</td>
  
−
    <script src="https://2018.igem.org/Template:BIT-China/js/jquery-min?action=raw&ctype=text/javascript"></script>
+
                                        </tr>
−
    <!-- 导航栏 -->
+
−
    <script src="https://2018.igem.org/Template:BIT-China/js/copy-tendina?action=raw&ctype=text/javascript"></script>
+
−
    <script>
+
−
        $('#left-nav').tendina({
+
−
            animate: true,
+
−
            speed: 400,  // 下拉时间
+
−
        })
+
−
    </script>
+
−
    <!-- fullPage -->
+
−
    <script src="https://2018.igem.org/Template:BIT-China/js/jquery-fullPage-min?action=raw&ctype=text/javascript"></script>
+
−
    <script>
+
−
        var left_side = document.getElementById('left-nav'),
+
−
            imgA = document.getElementById('imgA'),
+
−
            gifA = document.getElementById('gifA'),
+
−
            top_img = document.getElementById('top-img');
+
  
−
        var img1_1 = document.getElementById('img1-1'),
+
                                        <tr>
−
            img1_2 = document.getElementById('img1-2'),
+
                                            <td>Chloromycetin</td>
−
            text1 = document.getElementById('text1'),
+
                                            <td>Dissolved in absolute ethyl alcohol and final concentration is 25 mg/ml</td>
−
            down1 = document.getElementById('down1');
+
  
−
        var img2_1 = document.getElementById('img2-1'),
+
                                        </tr>
−
            img2_2 = document.getElementById('img2-2'),
+
−
            text2 = document.getElementById('text2'),
+
−
            down2 = document.getElementById('down2');
+
  
−
        var img3 = document.getElementById('img3'),
+
                                    </tbody>
−
            text3 = document.getElementById('text3'),
+
                                </table>
−
            down3 = document.getElementById('down3');
+
                            </div>
  
−
        var img4 = document.getElementById('img4'),
 
−
            text4 = document.getElementById('text4'),
 
−
            down4 = document.getElementById('down4');
 
  
−
        var img5 = document.getElementById('img5'),
+
                        </div>
−
            text5_1 = document.getElementById('text5-1'),
+
                    </div>
−
            down5 = document.getElementById('down5');
+
                </div>
  
−
        function arr_down() {
+
                <div id="M2" class="collapseDiv">
−
            $.fn.fullpage.moveSectionDown();
+
                    <span class="collapseSpan"></span>
−
        }
+
                    <h3 id="a-nav-dot-box-M2" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        2. Maker
 +
                    </h3>
 +
                    <div id="collapse_body_M2" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Maker</th>
 +
                                            <th>From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>Trans 2K DNA Maker</td>
 +
                                            <td>Trans Gen Biotech</td>
 +
                                        </tr>
  
−
        function top_up() {
+
                                        <tr>
−
            $.fn.fullpage.moveTo(1);
+
                                            <td>Trans 2K plus DNA Maker</td>
−
        };
+
                                            <td>Trans Gen Biotech</td>
−
    </script>
+
                                        </tr>
−
    <script>
+
−
        $(function () {
+
−
            $('#dowebok').fullpage({
+
−
                'scrollingSpeed': 1000,
+
−
                //'navigation': true,  // 显示滚动圆点
+
−
                'anchors': [],  // anchors参数防止在火狐浏览器中一次滚动到底部
+
−
                'afterRender': function () {  // 页面初始化完成后的回调函数
+
−
                    left_side.style.opacity = 0;
+
−
                    left_side.style.pointerEvents = "none";
+
  
−
                    imgA.style.opacity = 0;
+
                                        <tr>
−
                    imgA.style.pointerEvents = "none";
+
                                            <td>Trans 1KB DNA Maker</td>
 +
                                            <td>Trans Gen Biotech</td>
 +
                                        </tr>
  
−
                    top_img.style.opacity = 0;
+
                                        <tr>
−
                    top_img.style.pointerEvents = "none";
+
                                            <td>Trans 2K plusⅡDNA Maker</td>
−
                    top_img.classList.add('top-style');
+
                                            <td>Trans Gen Biotech</td>
−
                },
+
                                        </tr>
−
                'onLeave': function (index, nextIndex, direction) {  // 滚动前的回调函数
+
−
                    if (nextIndex == 1) {
+
−
                        left_side.style.opacity = 0;
+
−
                        left_side.style.pointerEvents = "none";
+
−
                        left_side.classList.remove('imgA-nav-gradient');
+
−
                        left_side.classList.add('imgA-nav-gradient-back');
+
  
−
                        imgA.style.opacity = 0;
+
                                    </tbody>
−
                        imgA.style.pointerEvents = "none";
+
                                </table>
−
                        imgA.classList.remove('imgA-nav-gradient');
+
                            </div>
−
                        imgA.classList.add('imgA-nav-gradient-back');
+
  
−
                        top_img.style.opacity = 0;
 
−
                        top_img.pointerEvents = "none";
 
−
                        top_img.classList.remove('imgA-nav-gradient');
 
−
                        top_img.classList.add('imgA-nav-gradient-back');
 
  
−
                         gifA.classList.remove('gifA-move');
+
                         </div>
−
                        gifA.classList.add('gifA-move-back');
+
                    </div>
 +
                </div>
  
−
                     }
+
                <div id="M3" class="collapseDiv">
−
                     if (nextIndex == 2) {
+
                     <span class="collapseSpan"></span>
−
                         img1_1.classList.remove('right-move-back');
+
                     <h3 id="a-nav-dot-box-M3" class="ME-title-content-a">
−
                        img1_2.classList.remove('imgA-nav-gradient-back');
+
                         <span class="collapseCircle"></span>
−
                        text1.classList.remove('imgA-nav-gradient-back');
+
                        3. Buffer
−
                        down1.classList.remove('imgA-nav-gradient-back');
+
                    </h3>
 +
                    <div id="collapse_body_M3" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Buffer</th>
 +
                                            <th>From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>6×DNA Loading buffer</td>
 +
                                            <td>Trans Gen Biotech</td>
 +
                                        </tr>
  
−
                        img1_1.classList.add('right-move');
+
                                        <tr>
−
                        img1_2.classList.add('imgA-nav-gradient');
+
                                            <td>2×PrimeSTARCG buffer</td>
−
                        text1.classList.add('imgA-nav-gradient');
+
                                            <td>TaKaRa</td>
−
                        down1.classList.add('imgA-nav-gradient');
+
                                        </tr>
−
                    }
+
  
−
                    if (nextIndex == 3) {
+
                                        <tr>
−
                        img2_1.classList.remove('table-rotate-back');
+
                                            <td>2×Taq PCR Master Mix</td>
−
                        img2_2.classList.remove('right-up-come-back');
+
                                            <td>Biomed</td>
−
                        text2.classList.remove('left-come-back');
+
                                        </tr>
−
                        down2.classList.remove('imgA-nav-gradient-back');
+
  
−
                        img2_1.classList.add('table-rotate');
+
                                        <tr>
−
                        img2_2.classList.add('right-up-come');
+
                                            <td>2×ES Taq Master Mix</td>
−
                        text2.classList.add('left-come');
+
                                            <td>CWBio</td>
−
                        down2.classList.add('imgA-nav-gradient');
+
                                        </tr>
−
                    }
+
  
−
                    if (nextIndex == 4) {
+
                                        <tr>
−
                        img3.classList.remove('bear-swing-back');
+
                                            <td>2×SYBR Green qPCR Master Mix</td>
−
                        text3.classList.remove('imgA-nav-gradient-back');
+
                                            <td>TaKaPa</td>
−
                        down3.classList.remove('imgA-nav-gradient-back');
+
                                        </tr>
  
−
                        img3.classList.add('bear-swing');
+
                                        <tr>
−
                        text3.classList.add('imgA-nav-gradient');
+
                                            <td>10×T4 DNA Ligase Buffer</td>
−
                        down3.classList.add('imgA-nav-gradient');
+
                                            <td>TaKaRa</td>
−
                    }
+
                                        </tr>
  
−
                    if (nextIndex == 5) {
+
                                        <tr>
−
                        img4.classList.remove('bear-swing-back');
+
                                            <td>10×Fast Digest Green Buffer</td>
−
                        text4.classList.remove('imgA-nav-gradient-back');
+
                                            <td>Scientific</td>
−
                        down4.classList.remove('imgA-nav-gradient-back');
+
                                        </tr>
  
−
                        img4.classList.add('bear-swing');
+
                                        <tr>
−
                        text4.classList.add('imgA-nav-gradient');
+
                                            <td>10×Fast Digest Buffer</td>
−
                        down4.classList.add('imgA-nav-gradient');
+
                                            <td>Scientific</td>
−
                    }
+
                                        </tr>
  
−
                    if (nextIndex == 6) {
+
                                        <tr>
−
                        img5.classList.remove('up-come-back');
+
                                            <td>10×Pfu Buffer</td>
−
                        text5_1.classList.remove('up-come-back');
+
                                            <td>Biomed</td>
−
                        down5.classList.remove('imgA-nav-gradient-back');
+
                                        </tr>
  
−
                        img5.classList.add('up-come');
+
                                        <tr>
−
                        text5_1.classList.add('up-come');
+
                                            <td>5×Trans Start FastPfu Buffer</td>
−
                        down5.classList.add('imgA-nav-gradient');
+
                                            <td>Trans Gen Biotech</td>
−
                    }
+
                                        </tr>
  
−
                    if (index == 1) {
+
                                        <tr>
−
                        gifA.classList.add('gifA-move');
+
                                            <td>5×PrimeSTAR Buffer</td>
−
                        gifA.classList.remove('gifA-move-back');
+
                                            <td>TaKaRa</td>
 +
                                        </tr>
  
−
                        imgA.classList.remove('imgA-nav-gradient-back');
+
                                        <tr>
−
                        imgA.classList.add('imgA-nav-gradient');
+
                                            <td>5×FastPfu Fly Buffer</td>
−
                        imgA.style.pointerEvents = "visible";
+
                                            <td>Trans Gen Biotech</td>
−
                        setTimeout(function () { imgA.style.opacity = 1 }, 800);
+
                                        </tr>
  
−
                        left_side.classList.remove('imgA-nav-gradient-back');
+
                                        <tr>
−
                        left_side.style.pointerEvents = "visible";
+
                                            <td>5×Primrscript RTMaster Mix</td>
−
                        left_side.classList.add('imgA-nav-gradient');
+
                                            <td>TaKaRa</td>
−
                        setTimeout(function () { left_side.style.opacity = 1 }, 800);
+
                                        </tr>
  
−
                        top_img.classList.remove('imgA-nav-gradient-back');
+
                                    </tbody>
−
                        top_img.style.pointerEvents = "visible";
+
                                </table>
−
                        top_img.classList.add('imgA-nav-gradient');
+
                            </div>
−
                        setTimeout(function () { top_img.style.opacity = 1 }, 800);
+
−
                    }
+
−
                    if (index == 2) {
+
−
                        img1_1.classList.remove('right-move');
+
−
                        img1_2.classList.remove('imgA-nav-gradient');
+
−
                        text1.classList.remove('imgA-nav-gradient');
+
−
                        down1.classList.remove('imgA-nav-gradient');
+
  
−
                        img1_1.classList.add('right-move-back');
 
−
                        img1_2.classList.add('imgA-nav-gradient-back');
 
−
                        text1.classList.add('imgA-nav-gradient-back');
 
−
                        down1.classList.add('imgA-nav-gradient-back');
 
−
                    }
 
  
−
                    if (index == 3) {
+
                         </div>
−
                         img2_1.classList.remove('table-rotate');
+
                    </div>
−
                        img2_2.classList.remove('right-up-come');
+
−
                        text2.classList.remove('left-come');
+
−
                        down2.classList.remove('imgA-nav-gradient');
+
  
−
                        img2_1.classList.add('table-rotate-back');
+
                </div>
−
                        img2_2.classList.add('right-up-come-back');
+
−
                        text2.classList.add('left-come-back');
+
−
                        down2.classList.add('imgA-nav-gradient-back');
+
−
                    }
+
  
−
                     if (index == 4) {
+
                <div id="M4" class="collapseDiv">
−
                         img3.classList.remove('bear-swing');
+
                     <span class="collapseSpan"></span>
−
                        text3.classList.remove('imgA-nav-gradient');
+
                    <h3 id="a-nav-dot-box-M4" class="ME-title-content-a">
−
                        down3.classList.remove('imgA-nav-gradient');
+
                         <span class="collapseCircle"></span>
 +
                        4. Enzyme
 +
                    </h3>
 +
                    <div id="collapse_body_M4" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Enzyme</th>
 +
                                            <th>From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>PrimeSTAR HS DNA polymerase</td>
 +
                                            <td>TaKaRa</td>
 +
                                        </tr>
  
−
                        img3.classList.add('bear-swing-back');
+
                                        <tr>
−
                        text3.classList.add('imgA-nav-gradient-back');
+
                                            <td>2×SYBR Green qPCR Master Mix</td>
−
                        down3.classList.add('imgA-nav-gradient-back');
+
                                            <td>TaKaPa</td>
−
                    }
+
                                        </tr>
  
−
                    if (index == 5) {
+
                                        <tr>
−
                        img4.classList.remove('bear-swing');
+
                                            <td>5×Primrscript RTMaster Mix</td>
−
                        text4.classList.remove('imgA-nav-gradient');
+
                                            <td>TaKaRa</td>
−
                        down4.classList.remove('imgA-nav-gradient');
+
                                        </tr>
  
−
                        img4.classList.add('bear-swing-back');
+
                                        <tr>
−
                        text4.classList.add('imgA-nav-gradient-back');
+
                                            <td>Pfu DNA polymerase</td>
−
                        down4.classList.add('imgA-nav-gradient-back');
+
                                            <td>Biomed</td>
−
                    }
+
                                        </tr>
  
−
                    if (index == 6) {
+
                                        <tr>
−
                        img5.classList.remove('up-come');
+
                                            <td>Trans Start FastPfu DNA polymerase</td>
−
                        text5_1.classList.remove('up-come');
+
                                            <td>Trans Gen Biotech</td>
−
                        down5.classList.remove('imgA-nav-gradient');
+
                                        </tr>
  
−
                        img5.classList.add('up-come-back');
+
                                        <tr>
−
                        text5_1.classList.add('up-come-back');
+
                                            <td>Trans Start FastPfu Fly DNA polymerase</td>
−
                        down5.classList.add('imgA-nav-gradient-back');
+
                                            <td>Trans Gen Biotech</td>
−
                    }
+
                                        </tr>
−
                },
+
−
                'afterLoad': function (anchorLink, index) {  // 滚动到某一屏时加载动画样式
+
−
                    if (index == 1) {
+
  
−
                    }
+
                                        <tr>
−
                    if (index == 2) {
+
                                            <td>T4 DNA Ligase</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
  
−
                     }
+
                                        <tr>
−
                 },
+
                                            <td>Fast digest DpnⅠ</td>
−
            });
+
                                            <td>Thermo Scientific</td>
−
         });
+
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Fast digest KpnⅠ</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Fast digest NotⅠ</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Fast digest EcoRⅠ</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Fast digest PstⅠ</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Fast digest XbaⅠ</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Fast digest SpeⅠ</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                     </div>
 +
                 </div>
 +
 
 +
                <div id="M5" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M5" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        5. Kit
 +
                    </h3>
 +
                    <div id="collapse_body_M5" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Kit</th>
 +
                                            <th>From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>GeneJET Gel Exteaction Kit</td>
 +
                                            <td>Thermo Scientific</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>HiPure Gel Pure DNA Micro Kit</td>
 +
                                            <td>Magen</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>TIAN prep Mini plasmid Kit</td>
 +
                                            <td>TIANGEN BIOTECH (BEIJING) CO.,LTD.</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>TIANamp Yeast DNA Kit</td>
 +
                                            <td>TIANGEN BIOTECH (BEIJING) CO.,LTD.</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Reactive oxygen species (ROS) test kit (Cat. No.: E004
 +
                                                Chemiluminescence)</td>
 +
                                            <td>Nanjing Jiancheng Bioengineering Institute</td>
 +
                                        </tr>
 +
 
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="M6" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M6" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        6. Agarose Gel Electrophoresis
 +
                    </h3>
 +
                    <div id="collapse_body_M6" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Reagent</th>
 +
                                            <th>From / Preparation method</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>Golden View (BIOWEST REGULAR AGAROSE G-10 )</td>
 +
                                            <td>Biomed</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>1×TAE</td>
 +
                                            <td>Diluted with 50×TAE</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>50×TAE</td>
 +
                                            <td>Tris 242g, Na2EDTA·2H2O 37.2g, 57.1ml glacial acetic acid, 1L water</td>
 +
                                        </tr>
 +
 
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="M7" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M7" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        7. Culture medium
 +
                    </h3>
 +
                    <div id="collapse_body_M7" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Culture medium</th>
 +
                                            <th>Preparation method</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>LB(for E.coli)</td>
 +
                                            <td>10g Tryptone peptone, 5g Yeast extract, 5gNaCl, dissolve in 1.0L water
 +
                                                (add extra 20g agar powder for solid medium )</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>YPD(for yeast)</td>
 +
                                            <td>20g Tryptone peptone, 10g Yeast extract, dissolve in 950ml water.
 +
                                                Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for solid
 +
                                                medium )</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>SD-His(for yeast)</td>
 +
                                            <td>6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid
 +
                                                mixture, 100mg Leucine, 20mg Tryptophane, 20mg uracil, dissolve in 1.0L
 +
                                                water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for
 +
                                                solid medium )</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>SD-Leu(for yeast)</td>
 +
                                            <td>6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid
 +
                                                mixture, 20mg Histidine, 20mg Tryptophane, 20mg uracil, dissolve in
 +
                                                1.0L water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder
 +
                                                for solid medium )</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>SD-Ura(for yeast)</td>
 +
                                            <td>6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid
 +
                                                mixture, 20mg Histidine, 100mg Leucine, 20mg Tryptophane, dissolve in
 +
                                                1.0L water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder
 +
                                                for solid medium )</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>SD-Trp(for yeast)</td>
 +
                                            <td>6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid
 +
                                                mixture, 20mg Histidine, 100mg Leucine, 20mg uracil, dissolve in 1.0L
 +
                                                water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for
 +
                                                solid medium )</td>
 +
                                        </tr>
 +
 
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="M8" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M8" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        8. Antioxidant
 +
                    </h3>
 +
                    <div id="collapse_body_M8" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Antioxidant</th>
 +
                                            <th>From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>L-Ascorbic acid</td>
 +
                                            <td>Tianjin Fuchen Chemical Reagent Factory</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Quercetin</td>
 +
                                            <td>Beijing Dongyan Biotech Co.,Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Catechol</td>
 +
                                            <td>Sinopharm Chemical Reagent Co.,Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Resveratrol</td>
 +
                                            <td>J&K Scientific Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>β-Carotene</td>
 +
                                            <td>J&K Scientific Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>trans-Ferulic acid</td>
 +
                                            <td>J&K Scientific Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Gallic acid</td>
 +
                                            <td>J&K Scientific Ltd</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Caffeic acid</td>
 +
                                            <td>J&K Scientific Ltd</td>
 +
                                        </tr>
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="M9" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M9" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        9. Bacteria
 +
                    </h3>
 +
                    <div id="collapse_body_M9" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Name</th>
 +
                                            <th>From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>TOP10</td>
 +
                                            <td>Biomed</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>DH5α</td>
 +
                                            <td>Biomed</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>CENPK2-1C</td>
 +
                                            <td>iBT SynBios</td>
 +
                                        </tr>
 +
 
 +
 
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="M10" class="collapseDiv">
 +
                    <span class="collapseSpan"></span>
 +
                    <h3 id="a-nav-dot-box-M10" class="ME-title-content-a">
 +
                        <span class="collapseCircle"></span>
 +
                        10. Other reagents
 +
                    </h3>
 +
                    <div id="collapse_body_M10" class="collapse_body">
 +
                        <div class="collapse_content">
 +
                            <div class="table-head">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <thead>
 +
                                        <tr style="font-size: 20px;">
 +
                                            <th>Name</th>
 +
                                            <th>Preparation method / From</th>
 +
                                        </tr>
 +
                                    </thead>
 +
                                </table>
 +
                            </div>
 +
                            <div class="table-body">
 +
                                <table>
 +
                                    <colgroup>
 +
                                        <col style="width: 100px;" />
 +
                                        <col style="width: 200px;" />
 +
                                        <col />
 +
                                        <col style="width: 80px;" />
 +
                                    </colgroup>
 +
                                    <tbody style="font-size: 16px;">
 +
                                        <tr>
 +
                                            <td>50% Glycerol</td>
 +
                                            <td>Use distilled water to dilute 50ml glycerol twice as much</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>dd H<sub>2</sub>O</td>
 +
                                            <td>/</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>Absolute Ethyl Alcohol</td>
 +
                                            <td>/</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>40% Glucose</td>
 +
                                            <td>20g glycerol dissolved in 90 ml of water.</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>PEG (50%w/v)</td>
 +
                                            <td>/</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>1.0M LiAc</td>
 +
                                            <td>6.6g LiAC dissolved in 100 ml of water.</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>0.1M LiAc</td>
 +
                                            <td>0.66g LiAC dissolved in 100 ml of water.</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>SS-DNA (10.0mg/ml)</td>
 +
                                            <td>Solarbio</td>
 +
                                        </tr>
 +
 
 +
                                        <tr>
 +
                                            <td>30% H<sub>2</sub>O<sub>2</sub></td>
 +
                                            <td>Beijing Chemical Works</td>
 +
                                        </tr>
 +
 
 +
 
 +
                                    </tbody>
 +
                                </table>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <script src="https://2018.igem.org/Template:BIT-China/js/jquery-min?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2018.igem.org/Template:BIT-China/js/tendina?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
        $('#left-nav').tendina({
 +
            animate: true,
 +
            speed: 400,
 +
         })
 
     </script>
 
     </script>
 +
    <script src="https://2018.igem.org/Template:BIT-China/js/collapse2?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 21:38, 15 October 2018

What is the point?

—————— Just show what things we use in the experiments.
Equipments

Equipments

Name Type Company
Transferpettor 1000µl 100µl 10µl 2.5µl Eppendorf
ELIASA Elx808 America Bioteck company
Electrophresis Apparatus DYY-6C Beijing LIUYI bio-technology company
OD Machine UV-2100 UNICO
Incubator Shaker IS-RDS3 Beijing KECHUANGBAIFANG Technical Co., Ltd
Electro-heating Standing-temperature Water Bath DK-8D Shanghai YIHENG Technical Co., Ltd
Gel-imaging System GeneGenius SYNGENE
Blue Rubber Cutting Machine BD-BGCI Biofriend
Electro-heating Standing-temperature Cultivator SKP-02.420 America HENGFENG company
High Speed Freezing Centrifuge D-37520 Germany Thermo company
Low temperature enzyme even instrument L1 HEMA
Electronic Balance FA2104SW MINQIAO
High-Pressure Steam Sterilization Pot MLS-3750 SANYO
Laminar Flow Cabinet SW-CJ-2FD Taisite
Microwave / Galanz
Electro-heating Standing-temperature Drum Wind Drying Machine DHG-9030A Shanghai YIHENG Technical Co., Ltd
96 Well Thermal Cycler / Gene Company Limited
High Speed Micro-Centrifuge D3024 SCILOGEX
Refrigerator BCD-610W SIEMENS
Heto Ultra Freeze / Thermo
Ultrapure Water System / /
Ice Machine SPR-120 SIMAG
Nano Drop 2000c America Thermo Scientific company
Microscope / Ruich Allway
Noise Isolating Tamber vcx750 Ningbo Scientz Biotechnology CO. , Ltd
Noise Cleaner KQ-100DE Kunshang Noise Equipment CO. Ltd.
Real-time fluorescent quantitative PCR LightCycler 96 Roche
Reagent & Material

1. Antibiotic

Antibiotic Preparation method
Ampicillin Dissolved in distilled water and the final concentration is 100mg/ml
Chloromycetin Dissolved in absolute ethyl alcohol and final concentration is 25 mg/ml

2. Maker

Maker From
Trans 2K DNA Maker Trans Gen Biotech
Trans 2K plus DNA Maker Trans Gen Biotech
Trans 1KB DNA Maker Trans Gen Biotech
Trans 2K plusⅡDNA Maker Trans Gen Biotech

3. Buffer

Buffer From
6×DNA Loading buffer Trans Gen Biotech
2×PrimeSTARCG buffer TaKaRa
2×Taq PCR Master Mix Biomed
2×ES Taq Master Mix CWBio
2×SYBR Green qPCR Master Mix TaKaPa
10×T4 DNA Ligase Buffer TaKaRa
10×Fast Digest Green Buffer Scientific
10×Fast Digest Buffer Scientific
10×Pfu Buffer Biomed
5×Trans Start FastPfu Buffer Trans Gen Biotech
5×PrimeSTAR Buffer TaKaRa
5×FastPfu Fly Buffer Trans Gen Biotech
5×Primrscript RTMaster Mix TaKaRa

4. Enzyme

Enzyme From
PrimeSTAR HS DNA polymerase TaKaRa
2×SYBR Green qPCR Master Mix TaKaPa
5×Primrscript RTMaster Mix TaKaRa
Pfu DNA polymerase Biomed
Trans Start FastPfu DNA polymerase Trans Gen Biotech
Trans Start FastPfu Fly DNA polymerase Trans Gen Biotech
T4 DNA Ligase Thermo Scientific
Fast digest DpnⅠ Thermo Scientific
Fast digest KpnⅠ Thermo Scientific
Fast digest NotⅠ Thermo Scientific
Fast digest EcoRⅠ Thermo Scientific
Fast digest PstⅠ Thermo Scientific
Fast digest XbaⅠ Thermo Scientific
Fast digest SpeⅠ Thermo Scientific

5. Kit

Kit From
GeneJET Gel Exteaction Kit Thermo Scientific
HiPure Gel Pure DNA Micro Kit Magen
TIAN prep Mini plasmid Kit TIANGEN BIOTECH (BEIJING) CO.,LTD.
TIANamp Yeast DNA Kit TIANGEN BIOTECH (BEIJING) CO.,LTD.
Reactive oxygen species (ROS) test kit (Cat. No.: E004 Chemiluminescence) Nanjing Jiancheng Bioengineering Institute

6. Agarose Gel Electrophoresis

Reagent From / Preparation method
Golden View (BIOWEST REGULAR AGAROSE G-10 ) Biomed
1×TAE Diluted with 50×TAE
50×TAE Tris 242g, Na2EDTA·2H2O 37.2g, 57.1ml glacial acetic acid, 1L water

7. Culture medium

Culture medium Preparation method
LB(for E.coli) 10g Tryptone peptone, 5g Yeast extract, 5gNaCl, dissolve in 1.0L water (add extra 20g agar powder for solid medium )
YPD(for yeast) 20g Tryptone peptone, 10g Yeast extract, dissolve in 950ml water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for solid medium )
SD-His(for yeast) 6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid mixture, 100mg Leucine, 20mg Tryptophane, 20mg uracil, dissolve in 1.0L water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for solid medium )
SD-Leu(for yeast) 6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid mixture, 20mg Histidine, 20mg Tryptophane, 20mg uracil, dissolve in 1.0L water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for solid medium )
SD-Ura(for yeast) 6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid mixture, 20mg Histidine, 100mg Leucine, 20mg Tryptophane, dissolve in 1.0L water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for solid medium )
SD-Trp(for yeast) 6.7g Yeast Nitrogen Base Without Amino acids, 0.6g Drop-out amino acid mixture, 20mg Histidine, 100mg Leucine, 20mg uracil, dissolve in 1.0L water. Autoclave. Add 50ml 40%Glucose (add extra 20g agar powder for solid medium )

8. Antioxidant

Antioxidant From
L-Ascorbic acid Tianjin Fuchen Chemical Reagent Factory
Quercetin Beijing Dongyan Biotech Co.,Ltd
Catechol Sinopharm Chemical Reagent Co.,Ltd
Resveratrol J&K Scientific Ltd
β-Carotene J&K Scientific Ltd
trans-Ferulic acid J&K Scientific Ltd
Gallic acid J&K Scientific Ltd
Caffeic acid J&K Scientific Ltd

9. Bacteria

Name From
TOP10 Biomed
DH5α Biomed
CENPK2-1C iBT SynBios

10. Other reagents

Name Preparation method / From
50% Glycerol Use distilled water to dilute 50ml glycerol twice as much
dd H2O /
Absolute Ethyl Alcohol /
40% Glucose 20g glycerol dissolved in 90 ml of water.
PEG (50%w/v) /
1.0M LiAc 6.6g LiAC dissolved in 100 ml of water.
0.1M LiAc 0.66g LiAC dissolved in 100 ml of water.
SS-DNA (10.0mg/ml) Solarbio
30% H2O2 Beijing Chemical Works