@charset "utf-8";

body::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/tree.svg) no-repeat top center;
    background-size: cover;
    z-index: 1;
}
main{position: relative;z-index: 2;}
#pc-nav-box{position: fixed;background: #fff;}
.head-top{display:flex;align-items: center;justify-content: space-between;}
header{background: #F3F3EF;position: relative;z-index: 9;}
header .container{max-width: 1769px;margin: 0 auto;}
header .topbar .container{display: flex;justify-content: space-between;align-items: center;padding-top: 15px;padding-bottom: 15px;}
header .topbar .logo{max-width: 440px;}
header .topbar .logobox{width: 50%; display: flex;justify-content: flex-end;}
header .topbar .logobox span{margin-bottom: 15px;display: block;}
header .topbar .logobox .imgs{display: flex;align-items: center;}
header .topbar .logobox .imgs a{display: block;margin-right: 20px;}
header .left{width: 200px;border-right: 1px solid #D4D9D2;}
header .left img{display: block;margin: 0 auto;}
header .right{width: calc(100% - 200px);position: relative;}
.nav-outer-box{display: flex;justify-content: space-between;align-items: center;}
header .topmenu{width: 100%;height: auto; border-top: 1px solid rgba(112, 112, 112, 0.2);border-bottom: 1px solid rgba(112, 112, 112, 0.2);}
header .topmenu .links{display: flex;align-items: center;}
header .topmenu .links .search{position: relative;}
header .topmenu .links .search::after{
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background: rgba(112, 112, 112, 0.2);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
header .topmenu .links .search form{display: flex;align-items: center;border-radius: 7px;border: 1px solid #F2AD00;width: 183px;overflow: hidden;}
header .topmenu .links .search form button{height: 42px;display: flex;align-items: center; background: #F2AD00;border-radius: 0;width: 49px;}
header .topmenu .links .search form input{border: none;background: none;box-shadow: none;}
header .topmenu .links .search i{margin-right: 10px;}
header .topmenu .links .size{position: relative;margin: 0 20px;}
header .topmenu .links .size span{cursor: pointer; width: 32px;height: 32px;display: inline-block;border-radius: 50%;background: #61B06F;display: flex;align-items: center;justify-content: center;}
header .topmenu .links .size span img{transform: translateX(-2px);}
header .topmenu .links .size .s-size{display: none; position: absolute;left: 0;top: 40px;}
header .topmenu .links .size .s-size a{display: flex;align-items: center;justify-content: center;color: #fff; width: 32px;height: 32px;background: #61B06F;border-radius: 50%;margin-bottom: 5px;}




.mobile-menu .size a.active{background: #2B8666;color: #fff;}
.fontMiddle header .topmenu .links .size a.middle{background: #F2AD00;}
.fontMiddle header .topmenu .links .size a.small{background: #61B06F;}
.fontLarge header .topmenu .links .size a.large{background: #F2AD00;}

header .topmenu .links .userinfo{position: relative;margin: 0 20px;}
header .topmenu .links .userinfo span{cursor: pointer; width: 32px;height: 32px;display: inline-block;border-radius: 50%;background: #61B06F;display: flex;align-items: center;justify-content: center;}
header .topmenu .links .userinfo span img{transform: translateX(-2px);}
header .topmenu .links .userinfo .s-userinfo{display: none; position: absolute;left: 0;top: 40px;}
header .topmenu .links .userinfo .s-userinfo a{display: flex;align-items: center;justify-content: center;color: #fff; width: 32px;height: 32px;background: #61B06F;border-radius: 50%;margin-bottom: 5px;}




header .topmenu .links .userinfo a.small{background: #F2AD00;}
.fontMiddle header .topmenu .links .userinfo a.middle{background: #F2AD00;}
.fontMiddle header .topmenu .links .userinfo a.small{background: #61B06F;}
.fontLarge header .topmenu .links .userinfo a.large{background: #F2AD00;}
.fontLarge header .topmenu .links .userinfo a.small{background: #61B06F;}

header .topmenu .social{display: flex;align-items: center;position: relative;padding-left: 35px;width: 160px;}
header .topmenu .social::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: rgba(112, 112, 112, 0.2);
    margin-left: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
header .topmenu .social a{color: #009640;margin: 0 5px;}
header .topmenu .social a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
header .topmenu .lang{box-sizing: border-box;position: relative;}
header .topmenu .lang span{cursor: pointer; width: 32px;height: 32px;display: inline-block;border-radius: 50%;background: #61B06F;display: flex;align-items: center;justify-content: center;}
header .topmenu .lang .s-lang{display: none; position: absolute;left: 0;top: 40px;}
header .topmenu .lang .s-lang a{font-size: 14px; display: flex;align-items: center;justify-content: center;cursor: pointer;color: #fff; width: 32px;height: 32px;background: #61B06F;border-radius: 50%;margin-bottom: 5px;}
header .topmenu .lang .s-lang a.active{background: #F2AD00 !important;}

header .topmenu .links .size .s-size a.active{background: #F2AD00 !important;}
html[lang="zh_HK"] header .topmenu .nav-outer .nav-box ul li a{white-space: nowrap;}
header .topmenu .nav-outer{display: flex;justify-content: space-between;align-items: center;height: 70px;}
header .topmenu .nav-outer .nav-box ul li a{color: #333333;padding: 0 40px;position: relative;font-family: 'SourceHanSansCN-Medium';}
.fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 35px;}
.fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 30px;}
header .topmenu .nav-outer .nav-box ul li a::after{
    content: '';
    display: block;
    width: 1px;
    height: 22px;
    background: rgba(112, 112, 112, 0.2);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
header .topmenu .nav-outer .nav-box ul li:nth-last-child(1) a::after{display: none;}
header .topmenu .nav-outer .nav-box ul li a img{margin-right: 10px;}
header .topmenu .nav-outer .nav-box ul li a:hover,header .topmenu .nav-outer .nav-box ul li a.active{background: #D6E9BF;color: #2B8666;}
header .topmenu .nav-outer .nav-box ul li a:hover::after,header .topmenu .nav-outer .nav-box ul li a.active::after{display: none;}


.banbox{box-sizing: border-box;max-width: 1769px;margin: 15px auto auto auto;}
.banbox .bani img{border-radius: 68px 68px 0 0;width: 100%;}
.banbox .bant{position: absolute;left: 0;bottom: 0;padding: 60px;color: #fff;}
.banbox .bant h1{position: relative;z-index: 9;line-height: 1.4;}
.banbox .bantt{position: relative;}
.banbox .bantt::after{
    content: '';
    display: block;
    width: 332px;
    height: 38px;
    background: url(../images/x.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 0;
}
.banbox .bant p{margin-top: 30px;}
.first-block{ position: relative;overflow: hidden; width: 100%;height: 100%;background: url(../images/bg1.png) no-repeat top center;background-size: cover;box-sizing: border-box;mix-blend-mode: multiply; padding: 200px 30px;}
.first-block .container{max-width: 1920px;display: flex;justify-content: space-between;}
.first-block .imgs{width: 24%;}
.first-block .imgs img{width: 100%;}
.first-block .con{max-width: 51%;}
.first-block .con h2{color: #2B8666;text-align: center;margin-bottom: 30px;}
.first-block .con ul{padding-left: 1rem;}
.first-block .con ul li{list-style: disc;margin-bottom: 10px;}
.first-block .con ul li::marker{color: #61B06F;}
.first-block .con .more{margin: 60px auto;}
.second-block{position: relative;overflow: hidden;padding: 0px 0 80px 0px;max-width: 1920px;margin: 0 auto;}
.second-block .h2-title{transform: translateY(50px);}
.second-block .h2-title img{display: block;text-align: center;margin: 10px auto;}
.second-block .row .col-md-4:nth-child(2){margin-top: 100px;}
.second-block .row .col-md-4 .imgs{position: relative;}
.second-block .row .col-md-4 .imgs::after{
    content: '';
    display: block;
    width: 104px;
    height: 74px;
    background: url(../images/heart.svg) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 50px;
    top: 70px;
}
.second-block .row .col-md-4 .imgs::before{
    content: '01';
    display: block;
    width: 104px;
    height: 74px;
    position: absolute;
    left: 50px;
    top: 70px;
    color: #fff;
    text-align: center;
    line-height: 74px;
    z-index: 3;
}
.second-block .row .col-md-4:nth-child(2) .imgs::before{
    content: '02';
}
.second-block .row .col-md-4:nth-child(3) .imgs::before{
    content: '03';
}
.second-block .row .col-md-4 .con{ background: #FFFFFF;z-index: 9; border-radius: 28px;padding: 30px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);max-width: 80%;margin: 0 auto;margin-top: -15%;z-index: 4;position: relative;display: flex;align-items: center;justify-content: space-between;}
.second-block .row .col-md-4 .con .icos{width: 100px;}
.second-block .row .col-md-4 .con .txt{width: calc(100% - 100px);}
.second-block .row .col-md-4 h3{color: #2B8666;margin-bottom: 10px;}
.second-block .row .col-md-4 .con .txt ul{padding-left: 1rem;}
.second-block .row .col-md-4 .con .txt ul li{list-style: disc;margin-top: 5px;color: #333333;}
.second-block .row .col-md-4 .con .txt ul li::marker{color: #61B06F;}
.second-block .services .row{margin-top: 50px;}
.second-block .services .row .col-md-5{width: 48%;}
.second-block .services .row .col-md-5 .box{max-width: 77%;margin: 0 auto;}
.second-block .services .row .col-md-5 .box h2{color: #2B8666;display: flex;align-items: center;position: relative;padding-left: 60px;}
.second-block .services .row .col-md-5 .box h2 img{position: absolute;left: 0;top: 5px;}
.second-block .services .row .col-md-5 .box .txt{margin: 40px 0px;}
.second-block .services .row .col-md-7{width: 52%;}
.second-block .services .row .col-md-7 img{width: 100%;height: 100%;object-fit: cover;border-radius: 55px 0px 0px 55px;}
.second-block .services .row:nth-child(even){flex-direction: row-reverse;}
.second-block .services .row:nth-child(even) .col-md-7 img{border-radius: 0px 55px 55px 0px;}
.third-block{position: relative;overflow: hidden;padding: 100px 0 120px 0px;background: #FFFBF0;background: url(../images/wave.png) no-repeat top center;background-size: cover;}
.third-block .header-top{display: flex;justify-content: space-between;align-items: center;}
.third-block .header-top .title{display: flex;align-items: center;}
.third-block .header-top .title::before{
    content: '';
    display: inline-block;
    width: 38px;
    height: 42px;
    background: url(../images/hot.svg) no-repeat top center;
    background-size: cover;
    margin-right: 15px;
}
.third-block .header-top .taba{display: flex;}
.third-block .header-top .taba div{margin-right: 40px;position: relative;}
.third-block .header-top .taba div.active{color: #2B8666;}
.third-block .header-top .taba div.active::after{content: '';display: block; position: absolute;bottom: 3px;width: 100%;height: 10px;background: #FFBB3C;left: 0;z-index: 0;}
.third-block .header-top .taba div.active *{position: relative;z-index: 2;}
.third-block .header-top .arrow{position: relative;width: 110px;}

.third-block .swiper-slide{border-radius: 0 0 15px 15px;background: #fff;height: 420px;position: relative;overflow: hidden;}
.third-block .swiper-slide a{display: block;width: 100%;height: 100%;}
.third-block .swiper-slide a .boximg{
    position: relative;
    overflow: hidden;
    height: 115px;
    width: 100%;
    padding-bottom: 65.25%;
    position: relative;
    border-radius: 15px 15px 0 0;
}
.third-block .swiper-slide a .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.third-block .swiper-slide a .boximg em{display: inline-block;border-radius: 10px 10px 0px 0px;background: #2B8666;padding: 8px 15px;color: #fff;position: absolute;right: 0;bottom: 0;font-style: normal;}
.third-block .swiper-slide a .con{padding: 1.2rem;}

.third-block .swiper-slide a .con p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.third-block .swiper-slide a .con .date{display: flex;align-items: center; color: #818181;font-style: normal;}
.third-block .swiper-slide a .con .date::before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/date.svg) no-repeat top center;
    background-size: cover;
    margin-right: 10px;
}
.third-block .swiper-slide a .tags{
    border-top: 1px solid rgba(112, 112, 112, 0.21);
    margin: 1.2rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
    overflow: hidden;
    height:50px;
}
.third-block .swiper-slide a .tags em{display: inline-block;font-style: normal;margin-top: 1rem; color: #2B8666; border-radius: 18px;background: #E2F0EB;border-radius: 40px;padding: 5px 15px;}
.third-block .swiper-slide a:hover{background: #efefef;}
.third-block .swiper-slide a:hover .boximg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.page-banner{position: relative;overflow: hidden;}
.page-banner .boximg{position: relative;}
.page-banner .boximg img{width: 100%;}
.page-banner .boximg::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.page-banner .boximg::before{
    content: '';
    display: block;
    height: 90px;
    background: #F2F2EB;
    border-radius: 50px 50px 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.page-banner .bant{display: flex;z-index: 5; flex-wrap: wrap; width: 90%;height: 85%;align-items: center;position: absolute;left: 5%;top: 0;color: #fff;}
.page-banner .bant h1{position: relative; line-height: 1.4; color: #fff;width: 100%;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.page-banner .bant h1::after{
    content: '';
    display: block;
    width: 232px;
    height: 36px;
    background: url(../images/g.svg) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 1;
}
.page-banner .bant h1 span{position: relative;z-index: 2;}
.family-block{position: relative;overflow: hidden;}
.family-block .part_1{position: relative;overflow: hidden; width: 100%;height: 100%;background: #F2F2EB;padding: 0px 0 150px 0px;}

.family-block .part_1 .txt2{max-width: 65%;margin: 0 auto;}
.family-block .part_1 .txt ul{margin-left: 1.2rem;}
.family-block .part_1 .txt ul li{list-style: disc;margin-bottom: 0.6rem;}
.family-block .part_1 .txt ul li::marker{color: #61B06F;}
.family-block .part_2{position: relative;width: 100%;height: auto;background: url(../images/bg2.png) no-repeat top center;background-size: cover;margin-top: -60px;padding: 140px 0 240px 0px;}
.family-block .part_2::after{
    content: '';
    display: block;
    width: 1866px;
    height: 688px;
    background: url(../images/flower_1.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 5%;
    top: -5%;
    z-index: 1;
}
.family-block h2{position: relative;z-index: 2;}
.family-block .family{position: relative;z-index: 2;}
.family-block .family .swiper-button-next{right: -60px;}
.family-block .family .swiper-button-prev{left: -60px;}
.family-block .f3 .swiper-wrapper{justify-content: center;}
.family-block .family .swiper-slide .border{display: block; box-sizing: border-box;padding: 2rem; border: 1px solid #2B8666 !important;width: 100%;height: 247px;background: #fff; border-radius: 20px;transition: all 0.35s ease;}
.family-block .family .swiper-slide .border img{display: block;margin: 20px auto auto auto;}
.family-block .family .swiper-slide .border h4{font-family: 'SourceHanSansCN-Medium';}
.family-block .family .swiper-slide .border:hover{background: #2B8666;color: #fff;}
.family-block .part_4 .family .swiper-slide .border{border-color: #A8D26C !important;}
.family-block .part_2 .family .swiper-slide .border{border-color: #2B8666 !important;}
.family-block .part_3{position: relative;width: 100%;height: auto;background: url(../images/bg3.png) no-repeat top center;background-size: cover;margin-top: -40px;padding: 140px 0 200px 0px;}
.family-block .part_3::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/flower_2.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
}
.family-block .part_4{z-index: 2; position: relative;width: 100%;height: auto;background: url(../images/bg4.png) no-repeat top center;background-size: cover;margin-top: -40px;padding: 100px 0 200px 0px;}
.family-block .part_4::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/flower_3.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
}
.family-list-block{position: relative;overflow: hidden;background: #F2F2EB;padding: 0px 0 150px 0px;}
.family-list-block .whiteback{background: #FFFFFF;border-radius: 55px;padding: 1.5rem;}
.family-list-block .whiteback .left{width: 256px;}
.family-list-block .whiteback .left .formbox{margin-bottom: 2rem; border: 1px solid #61B06F;border-radius: 30px;position: relative;overflow: hidden;}
.family-list-block .whiteback .left .formbox h4{text-align: center;background: #61B06F;padding: 20px;color: #fff;}
.family-list-block .whiteback .left .formbox .checkboxlist .checkbox-inline{border-bottom: 1px dashed #61B06F;padding: 20px;}
.family-list-block .whiteback .left .formbox .checkboxlist .checkbox-inline:nth-last-child(1){border: none;}
.family-list-block .whiteback .left .formbox:nth-child(2){border: 1px solid #F2AD00;}
.family-list-block .whiteback .left .formbox:nth-child(2) h4{background: #F2AD00;}
.family-list-block .whiteback .left .formbox:nth-child(2) .checkboxlist .checkbox-inline{border-bottom: 1px dashed #F2AD00;}
.family-list-block .whiteback .left .formbox:nth-child(2) .checkboxlist .checkbox-inline .checkbox .checkmark{border-color: #F2AD00;}
.family-list-block .whiteback .left .formbox:nth-child(2) .checkboxlist .checkbox-inline .checkbox input:checked ~ .checkmark{background-color: #F2AD00;}
.family-list-block .whiteback .left .formbox:nth-child(2) .checkboxlist .checkbox-inline:nth-last-child(1){border: none;}
.family-list-block .whiteback .left .formbox:nth-child(3){border: 1px solid #188517;}
.family-list-block .whiteback .left .formbox:nth-child(3) h4{background: #188517;}
.family-list-block .whiteback .left .formbox:nth-child(3) .checkboxlist .checkbox-inline{border-bottom: 1px dashed #188517;}
.family-list-block .whiteback .left .formbox:nth-child(3) .checkboxlist .checkbox-inline .checkbox .checkmark{border-color: #188517;}
.family-list-block .whiteback .left .formbox:nth-child(3) .checkboxlist .checkbox-inline .checkbox input:checked ~ .checkmark{background-color: #188517;}
.family-list-block .whiteback .left .formbox:nth-child(3) .checkboxlist .checkbox-inline:nth-last-child(1){border: none;}

.family-list-block .whiteback .right{width: calc(100% - 290px);}
.family-list-block .whiteback .right .bar{display: flex;align-items: center;justify-content: space-between;}
.family-list-block .whiteback .right .bar form{border-radius: 9px;background: #F2F2EB;position: relative;overflow: hidden; width: 467px;display: flex;align-items: center;}
.family-list-block .whiteback .right .bar form input{background: none;box-shadow: none;border: none;}
.family-list-block .whiteback .right .bar form button{background: #F2AD00;width: 60px; color: #fff;height: 51px;display: flex;align-items: center;justify-content: center;}
.family-list-block .whiteback .right .row .col-sm-12 a{display: block;width: 100%;height: 100%;border-radius: 19px;border: 1px solid #E8E8E8;position: relative;overflow: hidden;}
.family-list-block .whiteback .right .row .col-sm-12 a .boximg{
    position: relative;
    overflow: hidden;
    height: 115px;
    width: 100%;
    padding-bottom: 75.25%;
    position: relative;
    border-radius: 15px 15px 0 0;
}
.family-list-block .whiteback .right .row .col-sm-12 a .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.family-list-block .whiteback .right .row .col-sm-12 a .con{padding: 1rem;}
.family-list-block .whiteback .right .row .col-sm-12 a p{margin: 1rem 0;color: #818181;}
.family-list-block .whiteback .right .row .col-sm-12 a .tag{display: flex;align-items: center;flex-wrap: wrap;overflow: hidden;height: 30px;}
.family-list-block .whiteback .right .row .col-sm-12 a .tag em{margin-right: 5px;margin-bottom: 5px; font-size: 12px; display: inline-block;padding: 5px 10px;background: #E2F0EB;color: #2B8666; border-radius: 18px;font-style: normal;}
.family-list-block .whiteback .right .row .col-sm-12 a .tag em:nth-child(2){background: #FFF3D4;color: #D99B00;}
.family-list-block .whiteback .right .row .col-sm-12 a .tag em:nth-child(3){background: #EBFFEB;color: #188517;}
.family-list-block .whiteback .right .row .col-sm-12 a:hover{background: #efefef;}
.family-list-block .whiteback .right .row .col-sm-12 a:hover .boximg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.family-list-block .whiteback .h4-tit{border-bottom: 1px solid rgba(0, 0, 0, 0.11);padding-bottom: 20px;}
.family-list-block .whiteback .news li a{display: flex;align-items: center;justify-content: space-between;padding: 20px 0px;}
.family-list-block .whiteback .news li a .imgs{width: 140px;border-radius: 11px;position: relative;overflow: hidden;}
.family-list-block .whiteback .news li a .imgs img{width: 140px;height: 90px;object-fit: cover;transition: all 0.35s ease;}
.family-list-block .whiteback .news li a .con{width: calc(100% - 160px);}
.family-list-block .whiteback .news li a .con span{color: #F2AD00;display: flex;align-items: center;}
.family-list-block .whiteback .news li a .con span::before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #F2AD00;
    margin-right: 10px;
}
.family-list-block .whiteback .news li a:hover .imgs img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.family-list-block .whiteback .news li a:hover .con{color: #2B8666;}
.family-list-block .article .arc-bar{position: relative;z-index: 2; display: flex;align-items: center;justify-content: space-between; border-bottom: 1px solid rgba(112, 112, 112, 0.14);padding: 2rem 0;}
.family-list-block .article .arc-bar .left{width: 90%; display: flex;align-items: center;}
.family-list-block .article .arc-bar .left em{margin-right: 20px; display: inline-block;border-radius: 18px;background: #FFF3D4;color: #D99B00;padding: 5px 20px;font-style: normal;}
.family-list-block .article .arc-bar .left dl{display: flex;align-items: center;margin-bottom: 0;color: #2B8666;}
.family-list-block .article .arc-bar .left dl dd{margin-bottom: 0; display: flex;align-items: center;border-right: 1px solid rgba(43, 134, 102, 0.49);padding-right: 20px;margin-right: 20px;}
.family-list-block .article .arc-bar .left dl dd:nth-last-child(1){border: none;}
.family-list-block .article .arc-bar .left dl dd img{margin-right: 10px;}
.family-list-block .article .arc-bar .share{position: relative;width: 32px;}
.family-list-block .article .arc-bar .share span{cursor: pointer;display: flex;align-items: center;justify-content: center;}
.family-list-block .article .arc-bar .share dl {position: absolute;left: 0;top: 100%;display: none;}
.family-list-block .article .arc-bar .share dl dd{margin-top: 1rem;}
.family-list-block .article .arc-bar .share dl dd a{display: inline-block;width: 32px;height: 32px;border-radius: 50%;background: #fff;border: 1px solid #2B8666;color: #2B8666; display: flex;align-items: center;justify-content: center;}
.family-list-block .article .arc-bar .share dl dd a:hover{background: #2B8666;color: #fff;}
.family-list-block .article .body{margin: 2rem 0;}
.family-list-block .article .body iframe{max-width: 100%;}
.family-list-block .article .body img{margin: 0 auto;display: block; margin-bottom: 2rem;}
.family-list-block .article .body p{line-height: 1.4;margin: 15px 0;}
.family-list-block .article .tag{position: relative;padding-left: 80px; display: flex;flex-wrap: wrap; align-items: center;color: #2B8666;}
.family-list-block .article .tag span{position: absolute;left: 0;top: 5px;}
.family-list-block .article .tag a{display: inline-block;color: #2B8666; font-style: normal;border-radius: 18px;margin-bottom: 8px; background: #E2F0EB;padding: 5px 10px;margin-left: 10px;}
.family-list-block .article .tag a:hover{background: #2B8666;color: #fff;}
.family-list-block .article .urla a{margin: 0 10px; display: inline-block;border-radius: 7px;border: 1px solid #2B8666; color: #2B8666;padding: 20px 30px;}
.family-list-block .article .urla a img{margin-right: 15px;}
.family-list-block .article .urla a:hover{background: #2B8666;color: #fff;}
.family-list-block .article .urla a:hover img{ filter: invert(50%) brightness(300%);}
.family-list-block .article .arcswi{max-width: 500px;margin: 0 auto;position: relative;}
.family-list-block .article .arcswi .swiper-button-prev{left: -60px;}
.family-list-block .article .arcswi .swiper-button-next{right: -60px;}
.login-block{position: relative;overflow: hidden;padding: 60px 0 150px 0px;background: #F2F2EB;}
.login-block .login{max-width: 90%;margin: 0 auto;border-radius: 55px;position: relative;overflow: hidden;box-sizing: border-box;padding: 4rem;}
.login-block .login::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent linear-gradient(90deg, rgba(0,0,0,0.37) 0%, rgba(0,0,0,0) 100%) 0% 0% no-repeat padding-box;
}
.login-block .login .row{position: relative;z-index: 9;color: #fff;}
.login-block .login .row .h2-title{position: relative;display: flex;align-items: center;white-space: nowrap;}
.login-block .login .row .h2-title img{margin-right: 20px;width: 41px;}
.login-block .login .row .txt{margin-left: 61px;}
.login-block .login .row .txt h3{margin-bottom: 10px;}
.login-block .login .boxconent{background: rgba(255, 255, 255, 0.95);max-height: 617px; border-radius: 20px;color: #fff;padding: 5rem 3rem;}
.login-block .login .boxconent form .form-control{border: 2px solid #E8E8E8;padding: 1.5rem 1rem;border-radius: 7px;outline: none;box-shadow: none;}
.login-block .login .boxconent form .relative{position: relative;}
.login-block .login .boxconent form .relative .password1{display: none;}
.login-block .login .boxconent form .relative .pwdBtnShow{position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);color: #C4C6CF;}
.login-block .login .boxconent form .relative .pwdBtnShow i{font-size: 20px;}
.login-block .login .boxconent form .relative .pwdBtnShow i.hide::before{
    content: "\f070";
}
.login-block .login .boxconent form .fs{display: flex;justify-content: space-between;align-items: center;padding: 1rem 0;}
.login-block .login .boxconent form .fs  p a{color: #2B8666;}
.login-block .login .boxconent form .fs .forgetp {color: #747474;}
.login-block .login .boxconent form button{width: 100%; display: flex;justify-content: center;border-radius: 8px;background: #2B8666;color: #fff;padding: 2rem 2rem;}
.login-block .login .boxconent form button:hover{background: #F2AD00;}
.login-block .register{background: rgba(255, 255, 255, 0.95);border-radius: 30px;padding: 4rem;}
.login-block .register form{max-width: 541px;margin: 30px auto;}
.login-block .register form label{margin-bottom: 0.7rem;}
.login-block .register form label sub{color: #FF0000;bottom: 0.25em;}
.login-block .register form .form-control{border: 2px solid #E8E8E8;padding: 1rem;border-radius: 7px;outline: none;box-shadow: none;}
.login-block .register form .form-control:focus{border-color: #2B8666;}
.login-block .register form .relative{position: relative;}
.login-block .register form .relative .password1{display: none;}
.login-block .register form .relative .pwdBtnShow{position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);color: #C4C6CF;}
.login-block .register form .relative .pwdBtnShow i{font-size: 20px;}
.login-block .register form .relative .pwdBtnShow i.hide::before{
    content: "\f070";
}
.login-block .register form .radbs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.login-block .register form .radbs .radiobox-inline{width: 33.3333%;}
.login-block .register form .radbs .radiobox-inline:nth-last-child(1){width: 66.6666%;}
.login-block .register form .radbs2{display: flex;flex-wrap: wrap;}
.login-block .register form .radbs2 .radiobox-inline{width: 33.333% !important;}
.login-block .register form .tips{margin: 1.5rem 0;color: #666666;}
.login-block .register form .tips sub{color: #FF0000;bottom: 0.25em;}
.login-block .register form button{display: flex;align-items: center;justify-content: center; border: 1px solid #2B8666;box-shadow: none;border-radius: 7px;text-align: center;color: #2B8666;margin-right: 10px;margin-left: 10px; padding: 15px 40px;}
.login-block .register form button:nth-child(1)::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 21px;
    background: url(../images/reset.svg) no-repeat top center;
    background-size: cover;
    margin-right: 15px;
}
.login-block .register form button:nth-child(2)::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 21px;
    background: url(../images/submit.svg) no-repeat top center;
    background-size: cover;
    margin-right: 15px;
}
.login-block .register form button:hover{background: #2B8666;color: #fff;}
.login-block .register form button:hover::before{
    filter: invert(50%) brightness(300%);
}
.login-block .register form .whatsappbox{display: none; margin-top: 2rem;padding: 2rem;background: #F2F2EB;border-radius: 15px;}
.login-block .register form .whatsappbox p{margin-bottom: 1rem;}
.login-block .register form .whatsappbox p:nth-child(2){margin-bottom: 0;}
.login-block .register form .whatsappbox a{color: #2B8666;word-break: break-all;}

.plane-block{position: relative;overflow: hidden;}
.plane-block .part_1{position: relative;overflow: hidden; width: 100%;height: 100%;padding: 0px 0 150px 0px;}
.plane-block .part_1 .txt2{max-width: 65%;margin: 0 auto;}
.plane-block .part_1 .txt ul{margin-left: 1.2rem;}
.plane-block .part_1 .txt ul li{list-style: disc;margin-bottom: 0.6rem;}
.plane-block .part_1 .txt ul li::marker{color: #61B06F;}

.plane-block .part_2{z-index: 2; position: relative;width: 100%;height: auto;background: url(../images/plane_bg.png) no-repeat top center;background-size: cover;margin-top: -40px;padding: 100px 0 200px 0px;}
.plane-block .part_2 .plane .row .col-md-6>img{border-radius: 36px;}
.plane-block .part_2 .plane .row .col-md-6 h2{margin-top: 40px;}
.plane-block .part_2 .plane .row:nth-child(even){flex-direction: row-reverse;}
.plane-block .part_2 .plane .row:nth-child(even) .col-md-6>img{float: right;}
.plane-block .part_2 .plane .row ul{padding-left: 1.2rem;margin-bottom: 1.5rem;}
.plane-block .part_2 .plane .row ul li{list-style: disc;margin-bottom: 0.5rem;}
.plane-block .part_2 .plane .row ul li::marker{color: #F2AD00;}
.plane-block .part_2 .plane .row ul li dl{display: flex;flex-wrap: wrap; max-width: 440px;margin-top: 5px;justify-content: space-between;}
.plane-block .part_2 .plane .row ul li dl dd{margin-top: 5px;width: 50%;}
.plane-block .part_2 .plane .row .col-md-6 .more{background: rgba(255, 255, 255, 0.45);}
.test-block{position: relative;overflow: hidden;padding: 0px 0 200px 0px;}
.test-block .stepbox{max-width: 80%;margin: 0 auto;}
.test-block .green-box{border-radius: 25px;box-sizing: border-box;padding: 3.5rem;background: #ECFBD4;}
.test-block .green-box .steps{max-width: 578px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.test-block .green-box .steps li{
    position: relative;
    width: 33.3333%;
}
.test-block .green-box .steps li .circle{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    border: 3px solid #B8B9B9;
    background: #ECFBD4;
}
.test-block .green-box .steps li::before{
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    z-index: 1;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    background: #B8B9B9;
}
.test-block .green-box .steps li::after{
    content: '';
    display: block;
    width: 50%;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    background: #B8B9B9;
}
.test-block .green-box .steps li:nth-child(1)::before{opacity: 0;}
.test-block .green-box .steps li:nth-last-child(1)::after{opacity: 0;}
.test-block .green-box .steps li .circle em{
    z-index: 9;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    background: #B8B9B9;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    color: #fff;
    top: 50%;
    font-style: normal;
    transform: translate(-50%, -50%);
}
.test-block .green-box .steps li.active .circle{border-color: #2B8666;}
.test-block .green-box .steps li.active .circle em{background: #2B8666;}
.test-block .green-box .steps li.active::after{background: #2B8666;}
.test-block .green-box .steps li.active::before{background: #2B8666;}
.test-block .green-box .steps li.active-g .circle{border-color: #2B8666;}
.test-block .green-box .steps li.active-g .circle em{background: #2B8666;}
.test-block .green-box .steps li.active-g::after{background: #2B8666;}
.test-block .green-box .steps li.active-g::before{background: #2B8666;}
.test-block .slider .slide{display: none; margin-top: 3rem; background: #FFFFFF;box-sizing: border-box;padding: 3rem;box-shadow: 2.5px 4.33px 35px rgba(107, 89, 211, 0.17);}
.test-block .slider .slide.active{display: block;}
.test-block .slider .slide .checkboxlist .checkbox-inline{padding-top: 2rem; border-radius: 13px;}
.test-block .slider .slide .checkboxlist .checkbox-inline .checkbox{}




.test-block .slider .slide .checkboxlist .checkbox-inline .checkbox .checkmark{width: 22px;height: 22px;border-radius: 3px;border: 1px solid #707070;}
.test-block .slider .slide .checkboxlist .checkbox-inline .fs20{margin-left: 30px;}
.test-block .slider .slide .radiolist .radiobox-inline{width: 100%;padding-top: 2rem;}
.test-block .slider .slide .radiolist .radiobox-inline .fs20{margin-left: 20px;}
.test-block .btnarrow{}
.test-block .btnarrow button{float: left; display: inline-block;border-radius: 7px;background: #2B8666;color: #fff;padding: 1rem 3rem;border: none;box-shadow: none;}
.test-block .btnarrow button:nth-child(2){float: right;}
.test-block .btnarrow button:hover{background: #F2AD00;}
.test-block .txt2{max-width: 66%;margin: 0 auto;}
.test-block .txt2 span{font-size: 16px;color: #747474;}
.test-block .testbox{max-width: 80%;margin: 0 auto;}
.test-block .testbox .items a{transition: all 0.35s ease;margin-top: 1.5rem; padding: 1.7rem 2rem; display: flex;align-items: center;justify-content: space-between; background: #fff;border-radius: 13px;box-shadow: 0 0  30px rgba(0, 0, 0, 0.09);}
.test-block .testbox .items a i{width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #2B8666;}
.test-block .testbox .items a i img{filter: invert(50%) brightness(300%);}
.test-block .testbox .items a:hover{background: #F2AD00;color: #fff;}
.test-block .testbox .items a:hover i{background: #fff;}
.test-block .testbox .items a:hover i img{filter: none;}

.test-block .whiteback{max-width: 80%;margin: 0 auto;background: #fff;border-radius: 25px;padding: 4rem;}
.test-block .whiteback .formbox .items .radiolist .radiobox-inline{width: 24%;margin-top: 1.5rem;color: #333333;}
.test-block .whiteback .formbox .items .radiolist .radiobox-inline .radiobox .bzbox{color: #333;}
.test-block .whiteback .headbar{color: #fff; background: #2B8666;border-radius: 13px;padding: 1.5rem;display: flex;align-items: center;justify-content: space-between;}

.test-block .whiteback .headbar p:nth-child(1){width: 35%;}
.test-block .whiteback .headbar .ri{width: 58.5%;display: flex;align-items: center;justify-content: space-between;}
.test-block .whiteback .headbar .ri p{width: 17%;}
.test-block .whiteback .process{max-width: 78%;margin: 2rem auto;display: flex;align-items: center;justify-content: center;}
.test-block .whiteback .process .bar{width: calc(100% - 80px);height: 20px;background: #E8E8E8;border-radius: 10px;}
.test-block .whiteback .process .bar .ac{position: relative; display: block;height: 16px;border-radius: 20px;background-image: linear-gradient(to right, #2B8666 , #A2C46C);border: 1px solid #fff;margin-top: 2px;margin-left: 2px;}
.test-block .whiteback .process .bar .ac img{position: absolute;right: -27px;bottom: -2px;}
.test-block .whiteback .process p{width: 60px;color: #A7A7A7;text-align: right;}
.test-block .whiteback .process p strong{color: #2B8666;}
.test-block .whiteback .q_formbox .items{border-bottom: 1px solid #D5D5D5;padding: 1.5rem;display: flex;align-items: center;justify-content: space-between;}
.test-block .whiteback .q_formbox .items p{margin-bottom: 0;width: 37.5%;box-sizing: border-box;padding-right: 1rem;}
.test-block .whiteback .q_formbox .items .radiolist{width: 58.5%;display: flex;align-items: center;justify-content: space-between;}
.test-block .whiteback .q_formbox .items .radiolist .radiobox-inline{width: 17%;}
.test-block .whiteback .q_formbox .items.active{background: #ECFBD4;}
.test-block .whiteback .q_formbox .items.error{background: #FFE1E1;}
.test-block .whiteback .tips{display: flex;align-items: center;justify-content: center;color: #EA3D3D;position: relative;}
.test-block .whiteback .tips img{margin-right: 15px;}
.test-block .whiteback .submit{display: flex;text-align: center;justify-content: center;align-items: center;color: #fff; width: 243px;height: 66px;background: #DADADA;border-radius: 7px;margin: 0 auto;}
.test-block .whiteback .submit:hover{background: #F2AD00;}


.navbar{width: 100%;background: #009640;padding: 0;}
.navbar .container{display: flex;align-items: center;}
.navbar .container h2{color: #fff;width: 240px;text-transform: capitalize;}
.navbar .container ul{border-left: 1px solid rgba(255, 255, 255, 0.1); width: calc(100% - 240px); display: flex;align-items: center;flex-wrap: wrap;}
.navbar .container ul li a{display: block; padding: 30px 15px;color: #fff;position: relative;text-transform: capitalize;}
.navbar .container ul li a::after{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #FBC40B;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.navbar .container ul li a.active::after,.navbar .container ul li a:hover::after{
   width: 100%;
}



footer{box-sizing: border-box;padding-top: 80px; width: 100%;height: auto;background: url(../images/fbg.png) no-repeat top center;background-size: cover;position: relative;z-index: 4;margin-top: -40px;}
footer h3{color: #2B8666;}
footer h4{color: #2B8666;margin-top: 30px;padding-bottom: 20px;}
footer dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer dl dd{width: 50%;margin-bottom: 20px;display: flex;align-items: baseline; justify-content: space-between;}
footer dl dd i{display: flex !important;color: #fff; align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;background: #2B8666;}
footer dl dd a{color: #333333; width: calc(100% - 55px);}
footer .f-logo{display: flex;flex-wrap: wrap;}
footer .f-logo a{display: block;width: 50%; margin-top: 30px;}
footer .f-logo a:nth-child(1) img{width: 236px;}
footer .f-logo a:nth-child(3) img{width: 210px;}
footer .f-logo a:nth-child(4) img{width: 99px;}
footer .copyright{background: #2B8666;color: #fff;}
footer .copyright .links{display: flex;align-items: center;}
footer .copyright .links a{display: flex;align-items: center;color: #fff;}
footer .copyright .links a:hover{color: #999;}
footer .copyright .links a::after{
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #fff;
    margin: 0 10px;
}
.fontMiddle header .topmenu .links  a.active{background: #F2AD00;}
footer .copyright .links a:nth-last-child(1)::after{display: none;}
.share-pup-mobile{z-index: 999222; position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: center;display: none !important;}

.share-pup-mobile .sharepupback{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.share-pup-mobile .sharepup{background: #fff;width: 100%;position: relative;z-index: 2;box-sizing: border-box;padding: 1.5rem;}
.share-pup-mobile .sharepup span{display: block;text-align: center;margin-bottom: 1rem;}
.share-pup-mobile .sharepup dl{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.share-pup-mobile .sharepup dl dd a{width: 44px;height: 44px;color: #fff; border-radius: 50%;background: #2B8666;display: flex;align-items: center;justify-content: center;margin: 0.5rem;}
.share-pup-mobile .sharepup .close{display: block;text-align: center;color: #2B8666;margin-top: 1rem;background: #efefef;padding: 1rem 1rem;border-radius: 10px;margin-bottom: 1rem;}
@media(max-width:1882px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 30px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 25px;}
.fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
.social{min-width: 160px;}
}
@media(max-width:1781px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 25px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 15px;}

}

@media(max-width:1700px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 15px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 10px;}

}
@media(max-width:1680px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 25px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 25px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    header .topmenu .nav-outer .nav-box ul li a{font-size: 15px;}
    .family-block .family .swiper-button-next{right: 10px;}
    .family-block .family .swiper-button-prev{left: 10px;}


}
@media(max-width:1620px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 25px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 15px;}

}
@media(max-width:1570px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 30px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 25px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    header .topmenu .nav-outer .nav-box ul li a{font-size: 14px;}
    /* header .topmenu .social{z-index: 89; display: block; position: fixed;right: 0;top: 50%;transform: translateY(-40%);}
    header .topmenu .social a{display: block;width: 42px;height: 62px;display: flex;align-items: center;justify-content: center;}
    header .topmenu .social a img{width: 42px;}
    header .topmenu .social::before{display: none;} */
}
@media(max-width:1500px) {
    header .topbar .logo{max-width: 340px;}
    header .topbar .logobox{width: calc(100% - 640px);}
    .pup .pupcontent{max-width: 90%;padding: 2rem;}

}
@media(max-width:1480px) {

}
@media(max-width:1440px) {
    header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{padding: 0 20px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{padding: 0 15px;}
    .third-block .swiper-slide{height: 400px;}

}
@media(max-width:1366px) {

    .pup .pupcontent{}
    .pup .pupcontent .close{right: 100px;}
    .page-banner{height: 600px;}
    .page-banner .boximg{height: 100%;}
    .page-banner .boximg img{width: 100%;height: 100%;object-fit: cover;}

}
@media(max-width:1280px) {
    .second-block .row .col-md-4 .imgs::before{left: 20px;}
    .second-block .row .col-md-4 .imgs::after{left: 20px;}
    .family-list-block .row .col-md-9{width: 100%;}
    .family-list-block .row .col-md-3.wid100{width: 100%;margin-top: 30px;}

}


@media(max-width:1366px) {
    header .left{border: none;}
    .nav-item{position: relative !important;}
    .mobile-menu .navigation li>ul>li:last-child{display: none;}
    .mobile-menu .navigation li>ul>li{padding: 0rem;margin: 0; box-sizing: border-box;}
    .mobile-menu .navigation li>ul>li>a{padding: 0.8rem 0.5rem;display: block;width: 100%;}
    .mobile-menu .navigation li>ul{border: none;}
    .mobile-menu .navigation li>ul>li>ul{}
    .mobile-menu .navigation li>ul>li>ul>li>a img{margin-right: 10px;}
    .icon-box{display: block !important;}
    .icon-box .btn {
        margin-right: 2rem;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        height: 25px;
        width: 30px;
        cursor: pointer;
        z-index: 99;
    }
    .icon-box .btn span {
        position: absolute;
        webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block;
        height: 3px;
        width: 100%;
        background: #555;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .icon-box .btn span:first-child {
        top: 0;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .icon-box .btn span:nth-child(2) {
        top: 9px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .icon-box .btn span:last-child {
        top: 18px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .nav-outer-box{display: none;}
    header .topbar .logobox{display: none;}
    header .topmenu{border: none;width: auto;}
    .header{display: flex;justify-content: space-between;align-items: center;}
    .banbox{max-width: 96%;}

    .login-block .login .row .h2-title{white-space: initial;}



}
@media(max-width:1024px) {

    .navbar .container{flex-wrap: wrap;}
    .navbar .container h2{width: 100%;padding: 20px 0px;}
    .navbar .container ul{width: 100%;border-left: none;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .second-block .row .col-md-4 .con{flex-wrap: wrap;}
    .second-block .row .col-md-4 .con .icos{margin: 0 auto 1rem auto;}
    .second-block .row .col-md-4 .con .icos img{display: block;margin: 0 auto;}
    .second-block .row .col-md-4 .con .txt{width: 100%;}
    .second-block .row .col-md-4 .imgs::before{left: 0px;}
    .second-block .row .col-md-4 .imgs::after{left: 0px;}
    .family-block .f3 .swiper-wrapper{justify-content: flex-start;}
    .family-list-block .whiteback .left{width: 100%;}
    .family-list-block .whiteback .right{width: 100%;}
    .login-block .login .row .col-md-5{width: 50%;}
    .test-block .whiteback{max-width: 98%;}
    .test-block .txt2{max-width: 85%;}



}
@media(max-width: 992px) {

    .first-block{flex-wrap: wrap;padding-top: 50px;}
    .first-block .con{max-width: 100%;}
    .first-block .imgs:nth-last-child(1){margin-top: 0 !important;padding-top: 0 !important;width: 100%;}
    .first-block .imgs:nth-last-child(1) img{float: right;}
    .second-block .h2-title{transform: none;margin-bottom: 40px;}
    .second-block .row {justify-content: center;}
    .second-block .row .col-md-4{width: 50%;}
    .second-block .row .col-md-4:nth-child(2){margin-top: 0;}
    .second-block .services .row{flex-direction: column-reverse;margin-top: 90px;}
    .second-block .services .row:nth-child(even){flex-direction: column-reverse;}
    .second-block .services .row .col-md-5{width: 100%;margin-top: 50px;}
    .second-block .services .row .col-md-7{width: 100%;}
    .second-block .services .row .col-md-7 img{max-width: 90%;margin: 0 auto;display: block;border-radius: 55px !important;}
    .third-block .swiper-slide{height: 400px;}
    footer .row .col-md-7{width: 100%;}
    footer .row .col-md-5{width: 100%;}
    footer{margin-top: -60px;}
    .login-block .login{max-width: 100%;padding: 2rem;}


}
@media(max-width:768px) {
    .plane-block .part_2 .plane .row .col-md-6{width: 100%;}
    .plane-block .part_2 .plane .row .col-md-6>img{width: 100%;}
    .plane-block .part_2 .plane .row .col-md-6 h2{margin-top: 0;}
    .plane-block .part_1 .txt2{max-width: 94%;}
    .banbox .bani img{height: 600px;object-fit: cover;}
    .login-block .login .row .col-md-5{width: 100%;}
    .login-block .login::after{background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%) 0% 0% no-repeat padding-box;}
    .login-block .login .boxconent{min-height: auto;}
    .test-block .whiteback{padding: 2rem;}

}
.mobile{display: none;}
.filter{
    border: 1px solid #198754;
    border-radius: 50px;
    width: 120px;
    text-align: end;
    height: fit-content;
    left: -70px;
    position: fixed;
    display: none;
    top: 50%;
    height: 40px;
    cursor: pointer;
    z-index: 50;
    background-color: #198754;
}
.filter i{color: #fff;margin: 0 auto;}
.family-list-block .whiteback .left .close{display: none;}
@media(max-width:767px) {
    .txt p{line-height: 1.4;}
    .login-block .register{padding: 2rem;max-width: 94%;margin: 0 auto;}
    .login-block .register form{max-width: 100%;margin: 15px auto;}
    .login-block .register form .radiobox-inline{width: 100% !important;}
    .login-block .register form .form-control{padding: 0.8rem;}
    .login-block .register form button{padding: 12px 20px;margin-left: 5px;margin-right: 5px;}
    .login-block .register form button::before{margin-right: 5px !important;}
    footer{margin-top: -100px;}
    footer dl dd{width: 100%;}
    .copyright .d-flex{flex-wrap: wrap;justify-content: center !important;}
    .second-block .row .col-md-4{width: 100%;}
    .third-block .header-top{flex-wrap: wrap;}
    .third-block .header-top .title{width: 100%;}
    .third-block .header-top .arrow{margin: 0 auto; margin-top: 3rem;}
    header .topbar .logo{max-width: 220px;}
    .icon-box .btn{margin-right: 0.5rem;}
    .mCSB_inside>.mCSB_container{margin-right: 10px !important;}
    .mobile-menu .othermenu .imgs {display: flex;align-items: center;}
    .mobile-menu .othermenu .imgs a{width: 50%;display: block;margin-bottom: 10px;}
    .banbox{margin-top: 0;max-width: 100%;}
    .banbox .bant{padding: 10px 15px;}
    .banbox .bantt::after{top: 23px;width: 40%;height: 30px;}
    .page-banner{height: 200px;text-align: center;}
    .page-banner .bant h1::after{bottom: 0;width: 186px;height: 14px;}
    .family-list-block .whiteback .right .bar{flex-wrap: wrap;flex-direction: column-reverse;}
    .family-list-block .whiteback .right .bar form{width: 100%;}
    .family-list-block .whiteback .right .bar span{width: 100%;display: block;margin-top: 10px;}
    .page-banner .boximg::before{height: 50px;}
    .login-block{padding-top: 10px;}
    .login-block .login .boxconent{padding: 3rem 1.5rem;}
    .test-block .stepbox{max-width: 100%;}
    .test-block .green-box{padding: 2rem;}
    .test-block .slider .slide{padding: 1.5rem;}
    .checkboxlist .checkbox-inline .checkbox .checkmark{top: -5px;}
    .family-list-block .article .arc-bar .left{flex-wrap: wrap;}
    .family-list-block .article .arc-bar .left dl{margin-top: 1rem;flex-wrap: wrap;}
    .family-list-block .article .arc-bar .left dl dd{border: none;margin-bottom: 5px;}
    .family-list-block .article .arcswi{max-width: 100%;}
    .family-list-block .article .arcswi .swiper-button-prev{left: -10px;top: 45%;}
    .family-list-block .article .arcswi .swiper-button-next{right: -10px;top: 45%;}
    .plane-block .part_2 .plane .row ul li dl dd{width: 100%;}
    .share-pup-mobile.show{display: flex !important;}
    footer .f-logo{align-items: center;}
    footer .f-logo a{margin-top: 10px;}
    footer .f-logo a:nth-child(1) img{width: 146px;}
    footer .f-logo a:nth-child(3) img{width: 120px;}
    footer .f-logo a:nth-child(4) img{width: 79px;}
    .mobile-menu .othermenu .imgs{justify-content: space-between;}
    .mobile-menu .othermenu .imgs a{width: 48%;}
    .test-block .txt2{max-width: 100%;}
    .test-block .testbox{max-width: 100%;}
    .test-block .testbox .items a{padding: 0.8rem;margin-top: 1rem;}
    .pup .pupcontent{padding: 1rem;}
    .pup .pupcontent .imgs{min-height: auto;width: 30%;margin: 0 auto;padding: 0.5rem;}
    .pup .pupcontent .back{width: 200px;height: 45px;}
    .pup .pupcontent span{margin-right: 0.5rem;}
    .pup .pupcontent .txt{overflow-y: scroll;}

    .pup .pupcontent .txt::-webkit-scrollbar {
        width: 6px;
      }

      .pup .pupcontent .txt::-webkit-scrollbar-track {
        background-color: #fff;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
      }

      .pup .pupcontent .txt::-webkit-scrollbar-thumb {
        background-color: #efefef;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
      }
      .test-block .whiteback .formbox .items .radiolist .radiobox-inline{width: 48%;margin-top: 1rem;}
      .test-block .whiteback .formbox .items{margin-top: 1.5rem !important;}
      .test-block .whiteback .process{max-width: 100%;}
      .test-block .whiteback .q_formbox .items{flex-wrap: wrap;}
      .test-block .whiteback .q_formbox .items p{width: 100%;}
      .test-block .whiteback .q_formbox .items .radiolist{width: 100%;margin-top: 1rem;}
      .test-block .whiteback .headbar .ri{width: 100%;}
      .test-block .whiteback .headbar>p:nth-child(1){display: none;}
      .test-block .whiteback .submit{width: 160px;height: 56px;}
      .test-block .whiteback .q_formbox .items{padding: 1rem 0.5rem;}
      .test-block .whiteback .headbar{padding: 1rem 0.5rem;}
      .test-block .whiteback .headbar .ri p{width: 22%;}
      .test-block .whiteback .q_formbox .items .radiolist .radiobox-inline{width: 22%;}
      .banbox .bani img{height: 180px;border-radius: 0px;}
      .banbox .bant p{margin-top: 10px;}
      .login-block .login .boxconent form .form-control{padding: 0.7rem;background: rgba(255, 255, 255, 0.45);}
      .login-block .login .boxconent form button{padding: 0.7rem;}
      .login-block .login .boxconent{background: rgba(255, 255, 255, 0.9);max-width: 86%;margin: 0rem auto 2rem auto;}
      .login-block .login{padding: 2rem 0 0 0;border-radius: 0px;}
      .login-block .login .row .h2-title img{display: block;margin: 10px auto;}
      .login-block .login .row .h2-title{max-width: 80%;margin: 0 auto;display: block;text-align: center;}
      .login-block .login .row .txt{width: 80%;padding-left: 0;text-align: center;margin-left: 0;margin: 0 auto;}
      .login-block .login .row .col-md-5{padding-bottom: 0 !important;}
      .page-banner .boximg::before{display: none;}
      .page-banner .bant{height: 100%;text-align: left;}
      .mobilebox{display: flex;justify-content: center;flex-wrap: wrap;}
      .mobilebox .swiper-slide{width: 32.3333%;margin: 0.3rem 0.1rem;}
      .pc{display: none;}
      .mobile{display: block;}

      .family-block .part_2{padding: 30px 0 100px 0px;}
      .family-block .part_3{padding: 50px 0px 60px 0;margin-top: -60px;}
      .family-block .part_4{padding-bottom: 100px;padding-top: 40px;}
      .family-block .part_1{padding-bottom: 70px;}
      .page-banner{margin-bottom: 0px;}
      .plane-block .part_1{padding-bottom: 50px;}
      .plane-block .part_2{padding-bottom: 100px;}
      .family-list-block .whiteback .right .row .col-sm-12{width: 50%;}
      .family-list-block{background: none;padding-bottom: 100px;}
      .filter{display: block;}
      .filter i{width: 20px;margin: 7px 15px;font-size: 24px;}
      .family-list-block .whiteback .left{
        position: fixed;
        padding-top: 20px;
        padding-bottom: 30px;
        z-index: 9999;
        padding-right: 50px;
        flex: 0 0 75%;
        max-width: 100%;
        top: 0;
        bottom: 0;
        background-color: antiquewhite;
        visibility: hidden;
        overflow-y: auto;
        left: 0px;
        transition: all ease-in-out .3s;
        transform: translateX(-800px);
        pointer-events: auto;
        padding-left: 1rem;
    }
    .family-list-block .whiteback .left.active{
        transform: translateX(0px) !important;
        visibility: visible;
    }
    .checkboxlist .checkbox-inline .checkbox .checkmark{top: -2px;}
    .family-list-block .whiteback .left .close{display: block;width: 20px;float: right;position: absolute;right: 1rem;}
    .family-list-block .whiteback{border-radius: 15px;padding: 1.5rem 1rem;}
    main.zin{z-index: 99;}
    .login-block .container{max-width: 100%;padding-left: 0;padding-right: 0;}
    .login-block .login::after{background: rgba(0, 0, 0, 0.5);}
    .third-block .swiper-slide a{}
    .third-block .swiper-slide a .con h4{margin: 10px 0px;-webkit-line-clamp: 3;}
    .more{width: 170px;}
    .txt p{margin-bottom: 15px;}
    .first-block .con .more{margin: 20px auto;}
    .third-block .swiper-slide{height: 184px;}
    .first-block{padding-top: 10px;padding-bottom: 20px;}
    .second-block .services .row{margin-top: 40px;}
    .second-block .services .row .col-md-5 .box h2{padding-left: 35px;}
    .second-block .services .row .col-md-5 .box h2 img{top: 0;width: 30px;}
    .second-block .services .row .col-md-5 .box .txt{margin: 20px 0px;}
    .third-block{padding-top: 50px;}
    .second-block{padding-bottom: 50px;}
    .second-block .services .row .col-md-5{margin-top: 30px;}
    .third-block .swiper-slide a .con{padding: 0.5rem;padding-top: 0;}
    .third-block .swiper-slide a{}
    .third-block .swiper-slide a .boximg em{display: none;}
    .third-block .swiper-slide a .tags,.third-block .swiper-slide a .con .date,.third-block .swiper-slide a .con p{display: none;}
    .family-list-block .whiteback .right .row .col-sm-12 a p{display: none;}
    .family-list-block .whiteback .right .row .col-sm-12 a .tag{display: none;}
    .family-list-block .whiteback .right .row .col-sm-12{padding-left: 0.25rem;padding-right: 0.25rem;}
    .family-list-block{padding-top: 30px;}
    .family-list-block .whiteback .right .row .col-sm-12 a .boximg{padding-bottom: 55.25%;}
    .family-list-block .whiteback .news{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .family-list-block .whiteback .news li{width: 48%;}
    .family-list-block .whiteback .news li a{display: block;padding-bottom: 0;}
    .family-list-block .whiteback .news li a .con{width: 100%;margin-top: 1rem;}
    .family-list-block .whiteback .news li a .con span{display: none;}
    .family-list-block .whiteback .news li a .con p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .family-list-block .whiteback .news li a .imgs{height: 90px;width: 100%;}
    .pageinfo{margin: 1.5rem auto !important;margin-bottom: 0 !important;}
    .family-list-block .whiteback .right .row .col-sm-12 a .con h4{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
    }
    .test-block{padding-top: 30px;padding-bottom: 100px;}
    .test-block .testbox .items a{padding: 0.5rem;}
    .test-block .txt2{margin-top: 1.5rem !important;}
    .plane-block{padding-top: 30px;}
    .plane-block .part_1 .txt2{margin-top: 1.5rem !important;}
    .plane-block .part_2 .plane .row .col-md-6{margin-bottom: 2rem !important;}
    .family-block .part_1{padding-top: 30px;}
    .family-list-block .whiteback .right .row{    margin-right: -0.25rem;margin-left: -0.25rem;}
    .family-list-block .whiteback .right .row .col-sm-12 a{background: #fff;}
    .family-list-block .whiteback .right.relate .row .col-sm-12{width: 33.3333%;margin-top: 0 !important;}
    .family-list-block .whiteback .right .row .col-sm-12 a .con{padding: 0.5rem;}
    .family-list-block .article .tag a{background: none;padding: 0;margin: 0;margin-top: 5px;}
    .family-list-block .article .tag a:after{
        content: ',';
        display: inline-block;
        margin-right: 5px;
    }
    .family-list-block .article .tag a:nth-last-child(1)::after{display: none;}
    .family-list-block .article .arc-bar{padding: 1rem 0;}
    .family-list-block .article .body img{height: auto;}
    .family-list-block .article .body table{width: 100% !important;}
    .family-list-block .article .urla a{padding: 10px 15px;width: 50%;text-align: center;}
    .family-list-block .article .urla{padding-bottom: 1rem !important;}
    footer .row .col-md-7{margin-top: 0 !important;}
    footer dl{justify-content: flex-start;}
    footer dl dd i{width: 25px;height: 25px;}
    footer dl dd{margin-right: 0rem;margin-bottom: 10px;}
    footer dl dd a{width: calc(100% - 30px);}
    footer .f-logo{width: 80%;margin-top: 15px !important;}
    footer .row .col-md-5{margin-top: 0 !important;}
    footer h4{margin-top: 15px;}
    .family-list-block .whiteback .right .bar form button{height: 35px;}
    .family-list-block .whiteback .right .row .col-sm-12 a{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
    .plane-block .part_1 .txt2{max-width: 100%;}
    .plane-block .part_1 .txt ul{margin-left: 0.8rem;}
    h2 img{width: 20px;margin-right: 10px;}
    .plane-block .part_2{padding-top: 50px;}
    .plane-block .part_2 .plane{margin-top: 1.5rem !important;}
    .plane-block .part_2 .plane .row .col-md-6:nth-last-child(2){width: 30%;}
    .plane-block .part_2 .plane .row .col-md-6:nth-last-child(1){width: 70%;padding-left: 0;}
    .plane-block .part_2 .plane .row:nth-child(even){flex-direction: row;}
    .plane-block .part_2 .plane .row .col-md-6>img{border-radius: 10px;height: 80px;object-fit: cover;}
    .plane-block .part_2 .plane .row .col-md-6 .txt{margin-top: 0rem !important;}
    .more i{width: 28px;height: 28px;}
    .more{width: 170px;height: 35px;padding-left: 3px;padding-right: 3px;}
    .plane-block .part_2 .plane .row ul{padding-left: 0.8rem;}
    .plane-block .part_2 .plane .row ul li dl dd{margin-bottom: 5px;margin-top: 0;}
    .family-block .part_1 .col-md-6:nth-child(1){display: flex;align-items: center;justify-content: center;}
    .family-block .part_1 .col-md-6:nth-child(1) .imgs{width: 40%;margin-left: 1rem;}
    .family-block .part_1 .col-md-6 .txt{margin-top: 0 !important;}
    .family-block .part_1{padding-top: 0;}
    .test-block .testbox .items a i{width: 30px;height: 30px;}
    .test-block .testbox .items a{margin-top: 0.5rem;}
    .test-block .testbox{padding-bottom: 30px;}
    .more span{width: calc(100% - 30px);}
    .second-block .services {box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
    .second-block .services .row .col-md-5{width: 65%;margin-top: 15px;padding-left: 0;}
    .second-block .services .row .col-md-7{width: 35%;margin-top: 15px;}
    .second-block .services .row{flex-direction: row-reverse;align-items: flex-start !important;}
    .second-block .services .row .col-md-7 img{border-radius: 10px !important;height: 100px;max-width: 100%;}
    .second-block .services .row .col-md-5 .box{max-width: 100%;}
    .second-block .services .row:nth-child(even){flex-direction: row-reverse;}
    .second-block .services .row .col-md-5 .box .txt{margin-top: 0;}
    .second-block .services .row .col-md-5 .box .txt p{margin-bottom: 0;line-height: 1.4;}
    .third-block .header-top .arrow{position: absolute;width: 93.5%;top: 30%;}
    .third-block .news{box-sizing: border-box;padding-left: 1rem;padding-right: 1rem;margin-top: 1rem !important;}
    .swiper-button-next, .swiper-button-prev{width: 32px;height: 32px;}
    .third-block .swiper-slide{
        padding-left: 5px;
        padding-right: 5px;
        background: none;
        border-radius: 0;
        padding-bottom: 1px;
    }
    .third-block .swiper-slide a{
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border-radius: 19px;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .second-block .row{margin-right: calc(-.25* var(--bs-gutter-x));margin-left: calc(-.25* var(--bs-gutter-x));}
    .second-block .row .col-md-4{width: 33.3333%;padding-right: calc(var(--bs-gutter-x)* .25);padding-left: calc(var(--bs-gutter-x)* .25);}
    .second-block .row .col-md-4 .imgs{display: none;}
    .second-block .row .col-md-4 .con{max-width: 100%;margin-top: 0;padding: 15px;}
    .second-block .row .col-md-4 .con .txt ul{padding-left: 0.8rem;}
    .second-block .h2-title{display: flex;align-items: center;justify-content: center;}
    .second-block .h2-title img{width: 30px;margin: 10px;}
    .first-block .imgs{display: none;}
    .first-block{padding-top: 30px;padding-bottom: 50px;padding-left: 15px;padding-right: 15px;}
    .first-block .con ul{padding-left: 0.8rem;}
    .first-block .con h2{margin-bottom: 15px;}
    .banbox .bant p{}
    .banbox .bani img{width: 100%;}
    .banbox .bant h1{text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);}
    .second-block .row .col-md-4 .con .icos{display: flex;align-items: center;margin-bottom: 0rem;}
    .second-block .row .col-md-4 .con .icos h3{margin-bottom: 0;}
    .second-block .row .col-md-4 .con .icos img{width: 20px;margin: 5px;}
    .second-block .row .col-md-4 .con{padding: 5px;border-radius: 10px;height: 100%;}
    .second-block .row .col-md-4 .con .txt ul li{font-size: 8px;}
    .second-block .h2-title{margin-bottom: 10px;}
    .page-banner .bant{align-items: flex-end;top: auto;bottom: 15px;height: auto;}
    .page-banner{height: 160px;}
    .page-banner .bant h1 span{display: block;line-height: 1.1;}
    .family-list-block .whiteback .right .relate-mo{width: 100%;position: relative;}
    .family-list-block .whiteback .right .relate-mo .swiper-slide{height: 180px;padding-bottom: 40px;padding-left: 5px;padding-right: 5px;}
    .family-list-block .whiteback .right .relate-mo .swiper-slide a{
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }
    .family-list-block .whiteback .right .relate-mo .swiper-slide a .boximg{
        position: relative;
        overflow: hidden;
        position: relative;
        border-radius: 15px 15px 0 0;
        width: 100%;
        height: 77px;
    }
    .family-list-block .whiteback .right .relate-mo .swiper-slide a .boximg img{
        object-fit: cover;
        transition: all 0.35s ease;
        width: 100%;
        height: 100%;
    }
    .family-list-block .whiteback .right .relate-mo .swiper-slide a .con{
        padding: 0.5rem;
    }
    .family-list-block .whiteback .right .relate-mo .swiper-slide a .con h4{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .family-list-block .whiteback .right .relate-mo .swiper-button-next{right: -0.5rem;}
    .family-list-block .whiteback .right .relate-mo .swiper-button-prev{left: -0.5rem;}
    .family-list-block .whiteback .right .relate-mo .swiper-pagination .swiper-pagination-bullet{opacity: 1;border: 1px solid #2B8666;background: none;}
    .family-list-block .whiteback .right .relate-mo .swiper-pagination .swiper-pagination-bullet-active{background: #2B8666;}

    .family-list-block .whiteback .hot{position: relative;}
    .family-list-block .whiteback .hot .swiper-slide{padding-left: 5px;padding-right: 5px; padding-bottom: 40px;}
    .family-list-block .whiteback .hot .swiper-slide a{
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border-radius: 19px;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }
    .family-list-block .whiteback .hot .swiper-slide a .imgs{height: 115px;}
    .family-list-block .whiteback .hot .swiper-slide a .imgs img{width: 100%;height: 100%;object-fit: cover;}
    .family-list-block .whiteback .hot .swiper-slide a .con{padding: 1rem}

    .family-list-block .whiteback .hot .swiper-pagination .swiper-pagination-bullet{opacity: 1;border: 1px solid #2B8666;background: none;}
    .family-list-block .whiteback .hot .swiper-pagination .swiper-pagination-bullet-active{background: #2B8666;}

    .first-block .container{padding-left: 0;padding-right: 0;}
    .second-block .row .col-md-4 .con{display: block;}
    .second-block .row .col-md-4 .con .icos{height: 35px;}
    .third-block .header-top .title::before{width: 28px;height: 30px;}
    .test-block .whiteback .tips{padding-left: 30px;}
    .test-block .whiteback .tips img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
    .pup .pupcontent .txt{height: 400px;}
    .test-block .whiteback .headbar .ri p br{display: none;}
    .test-block .whiteback{max-width: 100%;padding: 2rem 1rem;}
    .test-block .whiteback .tips{justify-content: flex-start;}
    .family-list-block .article .tag span{position: relative;top: 0;margin-top: 5px;margin-right: 5px;}
    .family-list-block .article .tag{padding-left: 0;}
    .family-block .family .swiper-slide .border h4{height: 40px;}





}
.third-block .swiper{padding-bottom: 50px;}
.third-block .swiper-pagination .swiper-pagination-bullet{opacity: 1;
    border: 1px solid #2B8666;
    background: none;
}
.third-block .swiper-pagination .swiper-pagination-bullet-active{background: #2B8666;}
@media(max-width:375px) {
    footer dl dd{margin-right: 0rem;}
}
@media(max-width:475px) {
    .page-banner .bant h1::after{width: 112px;}
    .family-list-block .whiteback .left{
        transform: translateX(-430px) !important;
    }

    .mobilebox .swiper-slide {
        width: 32.3333% !important;
        margin-right:0px !important;
        margin: 0.3rem 0.1rem;

      }
      .family-block .family .swiper-slide .border{
        padding: 10px;
        height:auto !important;
      }
      .family-block .family .swiper-slide .border img{max-height: 45px;margin-top: 10px;}
      .family-block .family .swiper-slide .border h4{font-size: 14px;height: 30px;}

}

.listname{
    min-height: 85px !important;
   }
   html[lang="en"] .more{width: 270px;}
@media (max-width: 767px) {
   .listname{
    min-height: 50px !important;
   }
   .family-list-block .whiteback .left.active{max-width: 66%;}
   .family-list-block .whiteback .hot .swiper-slide a .con{padding: 0 1rem;}
   .family-list-block .whiteback .hot .swiper-slide a{min-height: 170px;}
   .login-block .login .boxconent{padding: 1.5rem;}
   .page-banner{height: 140px;}
   .page-banner .boximg{height: 140px;}
   html[lang="en"] .second-block .row .col-md-4{width: 100%;}
   html[lang="en"] .more{width: 220px;}
   html[lang="en"] .second-block .row .col-md-4 .con .icos{width:auto}
}
.title-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制显示最多3行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 显示省略号 */
    margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: -1px;
    }
    .main-header .main-menu .navigation{flex-wrap:nowrap}

/* Swiper 导航按钮禁用状态样式 */
.swiper-button-disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.swiper-button-disabled::after {
  opacity: 0.35 !important;
}

/* 确保禁用状态下按钮不可点击 */
.swiper-button-disabled:hover {
  opacity: 0.35 !important;
}
.family-list-block .article .body ul li{list-style: disc;} .family-list-block .article .body ul{padding-left: 1.5rem;}
.family-list-block .article .body ol li{list-style: auto;} .family-list-block .article .body ol{padding-left: 1.5rem;}