/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box;}
body{margin:0; font-family: Ubuntu R, Arial, Helvetica, sans-serif;}

a:link {text-decoration: none;color: black;}
a:visited {text-decoration: none;color: black;}
a:hover {text-decoration: none;color: #707070;}
a:active {text-decoration: none;color: black;}

.menu-icon{
    z-index: 4;
    position: fixed;right: 1.6rem;
    margin-top:1.6rem;
}
@font-face {
	font-family: 'Ubuntu B';
	src: url('../webfonts/Ubuntu_B/Ubuntu-B.ttf') format('truetype');
}
@font-face {
    font-family: 'Ubuntu R';
	src: url('../webfonts/Ubuntu_R/Ubuntu-R.ttf') format('truetype');
}
@font-face {
    font-family: 'Ubuntu M';
	src: url('../webfonts/Ubuntu_M/Ubuntu-M.ttf') format('truetype');
}

/* 首页 */

.meijiao{ 
    position: fixed; z-index: 4;
    left: 1rem; margin-top:1rem;
}
.shoupin{
    width: 100%;height: 100vh;
    font-family: 'Ubuntu M';font-size: 12px;
    line-height: 180%;color: rgb(0, 0, 0);
    
}
.onepin{  
    position: fixed;z-index: -9;
}
.onepin2{  
    position:absolute;z-index: -1;
}
.onepin_neirong{
    display: flex;display: -webkit-flex; /* Safari */display: -ms-flex;/* ie */
    flex-direction: column;
}
.op_zuo{
    width: 100vw; margin-top: 40vh; 
    
}
.op_zuo img{
    width: 60vw;display: block;
    margin: 0 auto;
}
.op_you{
    width: 100vw; margin-top: 10vh;
    display: flex; display: -webkit-flex; /* Safari */display: -ms-flex;/* ie */
}
.op_you01{width: 50%;}
.op_you02{width: 50%; letter-spacing: 0.4px; }

@media screen and (max-width: 680px){
    .op_zuo{margin-top: 40vh;}
    .op_zuo img{width: 90vw;}
	.op_you01{width: 25%;}

}
.spkv{
    position:absolute;z-index: -1;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
}
.vide{
    position:absolute;z-index: inherit;
    width: 100%;  
}

.twopin{
    width: 100%;
    background-color: rgb(255, 255, 255);
}
.tp_01{
    padding-top: 10vh;padding-bottom: 10vh;
    text-align:center;
    line-height: 160%;
}
.sy_bt{
    font-family: 'Ubuntu B';font-size: 18px;
    color: rgb(0, 0, 0)
}
.sy_yw{
    font-family: 'Ubuntu R';font-size: 14px;
    color: rgb(143, 143, 143)
}
.sy_zw{
    font-family: 'Ubuntu R';font-size: 12px;
    color: rgb(143, 143, 143)
}
.tp_02{
    width: 100%; margin:auto;
    padding: 0 5% 10vh 5%;
    font-family: 'Ubuntu R';font-size: 14px;
    color: rgb(255, 255, 255);
    display: grid;
    grid-gap: 100px 30px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;

}
.tp_02_rk{position:relative;}
.tp_02 a:hover{
    filter:alpha(Opacity=90);-moz-opacity:0.9;
    opacity: 0.9;
}
.tp02wz{position: absolute; top: 6%; left: 5%;}
.tp02wzen{font-size: 3vh;font-family: 'Ubuntu B'; }
.tp02wzch{
    font-size: 2vh;font-family: 'Ubuntu B'; 
    text-decoration:none; 
    border-bottom:1px solid; /* #ccc换成链接的颜色 */
    display: inline-block; 
    padding-bottom:1px;  /*这里设置你要空的距离*/
}
@media screen and (max-width: 680px){
    .tp_01{margin: 0 20px 0 20px;}
	.tp_02{
        display: grid;
        padding: 0 5%;
    	grid-template-columns: repeat(1,1fr);
        grid-template-rows: auto;
        grid-gap: 30px 10px;
        padding-bottom: 100px;
    }
    .op_you02{letter-spacing: 0px; }
}

.tp_03{
    background-image: url(../img/syrk3.jpg);
    background-size:cover;background-position: center;
    text-align:center;line-height: 160%;
    width: 100%;height: 70vh;overflow: hidden;
}
.tp_03wz{padding: 20vh 0 6vh 0;}
.tp_03aniu {
    font-family: "Ubuntu R";
    font-size: 12pt;
    padding: 10px 40px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	background-color: white;
    color: rgb(85, 85, 85);
}
.tp_03aniu:hover {
    background-color: #000000;
    color: white;
}
.dibu{
    background-color: rgb(255, 255, 255);
    width: 100%;height: 360px;
    font-family: "Ubuntu R";color: rgb(180, 180, 180);
}
.dibu_01{
    height: 300px;
    text-align:center;
    font-size: 8pt;
    
}
.dibu_02{
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    width: 94%;margin: 0 auto;
    font-size: 7pt;
}
.dibu_logo{padding: 100px 0 120px 0;}
.dibu_xiao680{display:none;}
@media screen and (max-width: 680px){
    .dibu_logo{padding: 80px 0 120px 0;}
    .dibu{height: 440px;}
    .dibu_01{height: 340px;}
    .dibu_da680{display:none;}
    .dibu_xiao680{display:inherit;}
	.dibu_02{
        text-align:center;
        flex-direction: column-reverse;
    }
    .dibu_02 img{margin: 10px 0 16px 0;}
    .tp_03{
        background-image: url(../img/syrk4.jpg);
    }
    
}
@media screen and (min-width: 1880px){
    .tp_02{width: 1880px;}
}

.dibu a:link {text-decoration: none;color: rgb(180, 180, 180);}
.dibu a:visited {text-decoration: none;color: rgb(180, 180, 180);}
.dibu a:hover {text-decoration: none;color: #3d3d3d;}
.dibu a:active {text-decoration: none;color: rgb(180, 180, 180);}


/* about 关于 */
.about_one{width: 100%;}
.video2{
    width: 100%;
    z-index: -99;
    position: fixed;
}
.v2 {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: initial;
}
.about_one_01{
    width: 100%;height: 80vh;
    font-family: 'Ubuntu R';font-size: 40px;text-align:center;
    line-height: 120%; letter-spacing: 1px;
    color: #ffffff; padding: 30vh 0 0 0;
}
.about_sb{
    text-align:center; font-size: 0;
}
.about_one_02{
    display: flex;padding: 6vh 0;
    color: #0000FF;
    background-color: #ffffff;
}
.ao02_zuo{
    padding-left: 2rem;
    width: 50%;font-family: 'Ubuntu B';font-size: 30px;
}
.ao02_you{
    width: 50%;font-family: 'Ubuntu R';font-size: 12px;line-height: 160%;padding: 0 30px 0 0;
}
.logo2{width: 14%; margin: auto; padding: 14vh 0;}
.about_one_03{
    width: 100%;height: 80vh;
    background-image: url(../img/about03.jpg);
    background-size: cover;
    background-position: center;
    font-family: 'Ubuntu M';font-size: 12px;
    line-height: 160%;color: #0000FF;
    text-align:center;
}
.about_one_04{background-color: #ffffff;}
.ao03_1{
    padding-top: 20vh;padding-left: 20%;
}
.ao03_1 img{margin-bottom: 8%;}
.ao03_aniu{
    padding: 10px 40px; 
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	background-color: white;
    color: #0000FF;
}
.ao03_aniu:visited {text-decoration: none;color: #0000FF;}
.ao03_aniu:hover{
    background-color: #0000FF;
    color: white;
}

@media screen and (max-width: 680px){
    .about_one_01_3000{display: none;}
    .about_one_01_2000{display: inherit;}
    .about_one_02{flex-direction: column;}
    .ao02_zuo{width: 80%;}
    .ao02_you{width: 100%;padding: 4rem 1rem 0rem 6rem;}
    .about_one_03{background-image: url(../img/about04.jpg);}
    .ao03_1{padding-top: 50vh;padding-left: 0%;}
    .ao03_1 img{margin-bottom: 14%;}
    .logo2{width: 40%;}
}


/* contact us 联系我们 */

.lianxi{
    width: 100%;height: 100vh;
}

.video3{
    width: 100%;
    z-index: -99;
    position: fixed;
}
.v3 {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: initial;
}
.lianxi1{ 
    font-size: 6vh; line-height:40%;
    padding-top: 40vh;
    color: rgb(255, 255, 255);
    text-align:center; font-family: 'Ubuntu R';
}
.lianxi_2{font-size: 12px; margin-bottom: 3vh;}
.lianxi_3{font-size: 20px; margin-bottom: 18vh;}






/* theme 主题 */

.zhuti_bt{ 
    text-align:center; font-family: 'Ubuntu R'; color: #999999;
    font-size: 6vh; line-height:40%;
    padding-top: 20vh;margin-bottom: 20vh;
}
.zhuti_bt1{font-size: 12px; margin-bottom: 3vh;}
.zhuti_nr{width: 100%; margin: 0 auto;}
.zhuti_nrwz{
    text-align:center; font-family: 'Ubuntu B'; color: #000000;
    font-size: 14px; margin-top: 8vh; margin-bottom: 4vh;
}
.zhuti_tt img{
    object-fit: cover; 
    object-position: 50% 50%;
    width: 100%;
    height:70vh;
}

.zhuti_nrbt{
    text-align:center; font-family: 'Ubuntu B'; 
    color: #000000;
    font-size: 16px; margin-top: 8vh; margin-bottom: 4vh;
}
.zhuti_nrzw{
    text-align:center; font-family: 'Ubuntu R'; 
    color: #afafaf;
    font-size: 12px; 
    line-height:200%;
    width: 60vw; margin: auto; margin-bottom: 10vh;
}
.theme{
    padding: 0 5%;
    margin:auto;
    
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    
}

.theme01{position:relative;color: rgb(255, 255, 255);}
.theme01wz{position: absolute; top: 6%; left: 5%;}
.theme01en{font-size: 30px;font-family: 'Ubuntu B'; }
.theme01ch{
    font-size: 18px;font-family: 'Ubuntu B'; 
    text-decoration:none; 
    border-bottom:1px solid; /* #ccc换成链接的颜色 */
    display: inline-block; 
    padding-bottom:1px;  /*这里设置你要空的距离*/
}
.theme02ch{
    font-size: 18px;font-family: 'Ubuntu B';
}
.theme a:link {text-decoration: none;color: rgb(255, 255, 255);}
.theme a:hover{
    filter:alpha(Opacity=90);-moz-opacity:0.9;
    opacity: 0.9;
}
.theme a:visited {text-decoration: none;color: rgb(255, 255, 255);}

@media screen and (max-width: 680px){
    .zhuti_tt img{height:50vh;}
    .theme{
        grid-template-columns: repeat(1,1fr);
    }
    .zhuti_nrzw{width: 90%;}   
}
@media screen and (min-width: 1880px){
    .theme{width: 1880px;}
}

/* theme 主题详情页 */

.ztwz{
    width: 100%; padding: 30vh 1rem 8vh 1rem;
    display: flex; justify-content: flex-start;
}
.ztwz_1{
    width: 50%;font-family: 'Ubuntu B';font-size: 14px;
    padding-right: 20px;
}
.ztwz_2{
    font-family: 'Ubuntu R'; font-size: 12px; width: 50%;
    line-height: 200%; color: rgb(119, 119, 119);
}
.ztzw_1{
    padding: 0 5%; margin: auto; margin-top: 8px;
    font-family: 'Ubuntu R'; font-size: 12px; 
    line-height: 200%; color: rgb(119, 119, 119);
    
    grid-gap: 8px 8px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
.ztzw_2{
    padding: 0 5%; margin: auto; margin-top: 8px;
    
    grid-gap: 8px 8px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
.ztzw_3{
    padding: 0 5%; margin: auto; margin-top: 60px;
}

.ztzw_wenzi{
    background-color: rgb(245, 245, 245);
    padding: 20px;
}
@media screen and (max-width: 680px){
    .ztwz_1{width: 30%;}
    .ztwz_2{width: 70%;}
    .ztzw_1{grid-template-columns: repeat(1,1fr);}
    .ztzw_2{grid-gap: 4px 4px;}
    .ztzw_3{width: 100%;padding: 0 0;}
    .ztzw_3 img{height: 50vh; object-fit: cover;}
    .ztzw_st img{height: 50vh; object-fit: cover;}

}
@media screen and (min-width: 1880px){
    .ztzw_1{width: 1880px;}
    .ztzw_3{width: 1880px;}
    .ztwz{width: 1880px;}
}


/* product 产品首页 */

.chanpin{
    width: 100%; margin:auto;
    padding: 0 5%;
    grid-gap: 50px 30px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    font-family: 'Ubuntu R'; font-size: 12px; line-height: 160%;
    color: rgb(70, 70, 70)
}
@media screen and (min-width: 1880px){
	.chanpin{width: 1880px;}
}
@media screen and (max-width: 680px){
	.chanpin{
        display: grid;
        padding: 0 5%;
    	grid-template-columns: repeat(1,1fr);
        grid-template-rows: auto;
        grid-gap: 30px 10px;
        padding-bottom: 100px;
	}
}
.chanpin a:hover{
    filter:alpha(Opacity=90);-moz-opacity:0.9;
    opacity: 0.9;
}
.cp_mingzi{margin-top: 10px; }
.cp_mingzi02{font-size: 12px; color:rgb(170, 170, 170); margin-bottom: 6px;}
.cp_jiage{color: rgb(170, 170, 170); }


/* product 产品详情页 */

.cpxqy_toubu{width: 100%; height: 10vh;}
.cpxqy_a{
    width: 70%; margin:auto;
    display: flex;
    font-family: 'Ubuntu R'; font-size: 12px; line-height: 160%;
    color: rgb(160, 160, 160)
}
.cpshoutu{width: 70%;}
.cpmiaoshu{
    width: 30%; margin-top: 60px; margin-left: 10vw;
    display: flex; flex-direction: column;
}
.cp_ct{
    font-family: 'Ubuntu B'; line-height: 200%;
    color: rgb(68, 68, 68);
}
.cp_dt{font-family: 'Ubuntu R'; font-size: 14px;}
.cpmiaoshu_2{margin-top: 100px;}
.cp_anniu {
    font-family: "Ubuntu R"; font-size: 12px;
    padding: 10px 30px; 
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	background-color: rgb(0, 0, 0);
}
.cp_anniu:hover {
    background-color: #0051ff; 
}

.cpxqy_b{
    padding: 0 5%; margin: auto;
    grid-gap: 10px 10px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
}
.cpxqy_tex{
    margin: 100px 0 60px 0;
    font-family: 'Ubuntu R'; font-size: 12px; line-height: 250%;
    text-align:center; color: rgb(138, 138, 138);
}
.cpxqy_lab{
    padding: 20px;
    font-family: 'Ubuntu R'; font-size: 10px; line-height: 180%;
}
.cpxqy_c{
    width: 90%; margin: auto;margin-bottom: 10px;
    text-align:center; 
}
.cpxqy_c img{width: 500px;}

.cpxqy_d{
    background-image: url(../work/lab/lab.jpg);
    background-size:cover;background-position: center;
    margin-top: 14vh;
    text-align:center;line-height: 160%;
    width: 100%;height: 60vh;overflow: hidden;
}
.neirong{margin: auto;}
@media screen and (min-width: 1880px){
    .cpxqy_a{width: 1316px;} 
    .neirong{width: 1880px;}
}
@media screen and (max-width: 1280px){
    .cpxqy_b{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 680px){
	.cpxqy_a{
        flex-direction: column; width: 100%;
    }
    .cpshoutu{width: 100%; margin-bottom: 40px;}
    .cpmiaoshu{
        margin: 20px;
        width: auto; justify-content:space-between;
        flex-direction: row;
    } 
    .cpmiaoshu_1{width: 50%;}
    .cpmiaoshu_2{margin-top: 14px;}
    .cpxqy_b{
        grid-template-columns: repeat(1,1fr);
    }
    .cpxqy_c img{width: 100%;}
}


.cpmiaoshu a:link {text-decoration: none;color: rgb(180, 180, 180);}
.cpmiaoshu a:visited {text-decoration: none;color: rgb(160, 160, 160);}
.cpmiaoshu a:hover {text-decoration: none;color: rgb(0, 0, 0)}
.cpmiaoshu a:active {text-decoration: none;color: rgb(180, 180, 180);}


/* 错牌实验室 */

.baoyang01{
    width: 100%; height: 80vh;
    background-image: url(../img/by01.gif);
    background-size: cover;
    background-position: center;
}
.by_bt{ 
    text-align:center; font-family: 'Ubuntu B'; color: #ffffff;
    font-size: 4vw; line-height:100%;
    padding-top: 32vh;margin-bottom: 20vh;
}
.by_bt1{font-family: 'Ubuntu R'; font-size: 12px;}
.by_zw{
    width: 100%; 
    background-color: rgb(255, 255, 255);
    padding-top: 10vh; padding-bottom: 10vh;
    font-size: 12px; text-align:center; 
    color: #999999; line-height:200%;
}
.by_logo3{
    width: 20%; margin: 0 auto; padding-top: 10vh;
}

.by_nr {
    width: 100%; 
    padding: 0 5%; margin-top: 10vh; margin: 0 auto;
    grid-gap: 50px 30px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;

    font-family: 'Ubuntu B'; font-size: 16px; line-height: 140%;
    
}

.bynr01 a:hover{
    filter:alpha(Opacity=90);-moz-opacity:0.9;
    opacity: 0.9;
}
.bynr01{position: relative; }

.bynr01 p{
    position:absolute; 
    color: rgb(0, 0, 0);
    margin: 5% 8%; 
}


@media screen and (min-width: 1880px){
	.by_nr{width: 1880px;}
}
@media screen and (max-width: 1080px){
	.by_nr{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 680px){
    .baoyang01{height: 66vh;}
    .by_bt{font-size: 8vw;padding-top: 29vh;}
    .by_zw{width: 80%; margin: 0 auto;}
    .by_logo3{
        width: 80%; margin: 0 auto; padding-top: 10vh;
    }
    .by_nr{
        display: inherit;     
        display: grid;
        padding: 0 10px;
    	grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto;
        grid-gap: 10px 10px;
        padding-bottom: 100px;}
}



/* 错牌实验室 详情页 */

.byxqy{
    display: flex; justify-content: flex-start;
}
.byxqy_zuo{
    background:#f0eeee; 
    width: 50%; height:100vh; 
    position: -webkit-sticky;
    position: sticky; top: 0; padding: 0;
}
.byxqy_zuo img{
    object-fit: cover; 
    object-position: 50% 50%;
    width: 100%;
    height:100vh;
}

.byxqy_yuo{
    width: 50%;  background-color: #ffd9f3;
}
.byxqyyou01{
    font-size: 3vw; line-height:100%; text-align:center; 
    color: rgb(0, 0, 0);
    margin-top: 20vh; margin-bottom: 20vh;
}
.byxqyyou02{ 
    display: flex; 
    justify-content: space-around; margin-top: 4vh; margin-bottom: 4vh;
}
.byxqyyou02_a{
    width: 25%;
    font-size: 10px; color: #555555; text-align: left;
    line-height:180%; 
}

.byxqyyou03{
    background: #001F6F;
    font-size: 10px; color: #466EC8; text-align: center;
    line-height:180%;
}
.byxqyyou03 img{padding: 40px 60px 10px 60px;}
.byxqyyou03 p{padding: 0px 60px 80px 60px;}

@media screen and (max-width: 680px){
    .byxqyyou01{
        font-size: 10vw; 
    }
    
    .byxqyyou02_a{
        width: 28%;
    }
    .byxqy{
        flex-direction: column;
    }
    .byxqy_zuo{
        width: 100%; height: 60vh;
        z-index: -1;
    }
    .byxqy_yuo{
        width: 100%; 
    }
    .byxqyyou03 img{padding: 0px 0px 10px 0px;}
    .byxqyyou03 p{padding: 0px 20px 80px 20px;}
}





/* 购买跳转页 */

.gwgm{
    width: 100%; height: 50vh;
    background-color:  #ff40b4;
    line-height: 200%; color: #464FC8;
    text-align:center; font-size: 20px;
}
.gwgm01{
    padding-top: 18vh; font-size: 44px;
}
.gomai{
    width: 100%; height: 50vh;

    padding: 0 0;
    grid-gap: 0px 0px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;

    line-height: 160%;
    text-align:center;
}
.gomai01{
    width: 100%; height: 50vh;
    background-color: #47fa6e; 
    line-height: 200%; color: rgb(0, 0, 0);
    text-align:center; font-size: 20px;
}
.gomai_anniu {
    font-family: "Ubuntu R"; font-size: 18px;
    padding: 8px 40px; 
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	background-color: rgb(255, 255, 255);
}
.gomai_anniu:hover {
    background-color: rgb(0, 0, 0); 
}

.gomai02{
    width: 100%; height: 50vh;
    background-color: #000000; 
    line-height: 200%; color: rgb(255, 255, 255);
    text-align:center; font-size: 20px;
}
.wailian a:hover{
    filter:alpha(Opacity=80);-moz-opacity:0.8;
    opacity: 0.8;
}

@media screen and (max-width: 680px){
    .gomai{ grid-template-columns: repeat(1,1fr);}
}


/* 弹窗 (background) */
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 999; /* 设置在顶层 */
    left: 0;
    top: 0;
    width: 100%; 
    height: 100vh;
    overflow: auto;  
    background-color: rgba(0,0,0,0.8); 
}

/* 弹窗内容 */
.modal-content {
    background-color: #fefefe;
    margin: 20vh auto 0 auto; 
    padding: 40px 20px;
    width: 340px; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px; text-align:center; color: rgb(97, 97, 97);
}
.modal-content img{margin-bottom: 20px;}
.hello{font-size: 20px;font-family: "Ubuntu B";margin-bottom: 20px;}

/* 关闭按钮 */
.close {
    color: rgb(255, 255, 255);
    float: right;
    font-size: 50px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: lighter;
    margin: 0 10px 0 20px;
}

.close:hover,
.close:focus {
    color: rgb(192, 192, 192);
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 680px){
    .modal{background-color: rgba(0,0,0,0.9);}
    .modal-content {
        position:absolute; bottom:0;
        padding: 40px;
        width: 100%; height: 86vh;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    .close {
        font-size: 70px;
        font-weight: 100;
    }
}
/* 飞花系列页 */
.fhzt{
    padding: 5%;
}
.fhzt1{
    width: 100%;
    grid-gap: 0px 0px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
}
.fhxlzt2{
    width: 100%;
    grid-gap: 6vh;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
.fhxlzt3{
    width: 100%;
    grid-gap: 4px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
@media screen and (max-width: 680px){
    .fhzt1{
        grid-template-columns: repeat(1,1fr);
    }
    .fhxlzt2{
        grid-template-columns: repeat(1,1fr);
    }
    .fhxlzt3{
        grid-template-columns: repeat(1,1fr);
    }
}