.nybannera{background: url(../images/nybanner.jpg) no-repeat center top; height: 457px; position: relative;}
.nybannerb{background: url(../images/nybannerb.jpg) no-repeat center top; height: 457px; position: relative;}
.nybannerc{background: url(../images/nybannerc.jpg) no-repeat center top; height: 457px; position: relative;}
.nybannerd{background: url(../images/nybannerd.jpg) no-repeat center top; height: 457px; position: relative;}
.nybannere{background: url(../images/nybannere.jpg) no-repeat center top; height: 457px; position: relative;}


.nyabtitaa{position: absolute; top:40%; left: 15%;}
.nycctit{font-size: 36px; color: #fff; font-weight: bold;}
.nycctita{font-size: 38px; color: #fff; font-weight: bold;}

.insub {
    position: sticky;
    top: 0;
    z-index: 6;
    height: 70px;
    background: #fbfbfb;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.insub .wrapper {
    height: 100%;
    display: flex;
}
.wrapper {
    box-sizing: border-box;
    padding: 0 20px;
    width: 92%;
    margin: 0 auto;
}
.insub .wrapper .it {
    height: 100%;
}

.insub .wrapper .it .ia {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 22px;
    padding: 0 15px;
    text-decoration: none;
    color: #666;
    position: relative;
    transition: all .3s;
}
.insub .wrapper .it.on .ia {
    background: #f5f5f5;
    color: #00a2e2;
    font-weight: bold;
}
.insub .wrapper .it .ia::after {
    width: 100%;
    content: "";
    bottom: -2px;
    width: 0;
    left: 50%;
    height: 2px;
    background: #00a2e2;
    position: absolute;
    transform: translateX(-50%);
    transition: all .3s;
}

.aboutbox01 {
    background: #F8F9F9;
    padding: 40px 0;
}

.hjula{display: flex; flex-wrap: wrap;}
.hjula li{width: 24%; margin:0.5%;}
.hjula li a{text-decoration: none; display: block;}
.hjula li img{width: 100%; display: block;}
.hjula li a .txtaa{
    font-size: 22px;
    color: #333;
    font-weight: bold;
    text-align: left;
    text-indent: 20px;
    margin-top: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.aboutbox01 .item {
    display: flex;
    align-items: center;
    column-gap: 35px;
}
.aboutbox01 .item .con {
    flex: 1;
}

.aboutbox01 .item .con .slogo{display: flex; flex-wrap: nowrap; align-items: center; font-size: 30px; column-gap:20px; font-weight: bold; color: #666;}

.aboutbox01 .item .img {
    flex: 1.2;
    border: 6px solid #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.aboutbox01 .item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}
.aboutbox01 .item .con .txt {
    font-size: 20px;
    line-height: 1.4;
    color: #333;
    margin-top: 18px;
}

.antita{font-size: 30px; color: #333; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; text-align: center;}

.pageula{width: 50%; margin:70px auto 20px; justify-content: center; display:flex;}
.pageula li{width: 31%; margin: 1.1%; border: 1px solid #ccc; padding: 15px; box-sizing: border-box; text-align: center; border-radius: 5px;}


/**/
.inwrap {
    background: #fff;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.inwrap .wrapper {
    display: flex;
    column-gap: 40px;
}
.inwrap .wrapper .side {
    width: 320px;
}




.inwrap .wrapper .side .hd {
    background: #00a2e2;
    position: relative;
    display: flex;
    align-items: center;
    padding: 40px 25px;
}
.inwrap .wrapper .side .hd .cn {
    position: relative;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}
.inwrap .wrapper .side .hd::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    right: 0;
    top: 0;
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
}

.inwrap .wrapper .side .lis {
    border: 1px solid #eee;
    padding-bottom: 20px;
    background: #f5f5f5;
    position: sticky;
    top: 120px;
}
.inwrap .wrapper .side .lis .lul .lli .la {
    display: flex;
    font-size: 18px;
    align-items: center;
    padding:20px 15px;
    column-gap: 12px;
    line-height: 1.6;
    text-decoration: none;
    transition: all .3s;
}
.inwrap .wrapper .side .lis .lul .lli.on .la {
    background: #ebecec;
    color: #00a2e2;
    font-weight: bold;
    width: 100%;
}
.inwrap .wrapper .main {
    flex: 1;
}
.inwrap .wrapper .main .hd {
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inwrap .wrapper .main .hd .nam {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid #00a2e2;
    padding: 10px 0;
}

.inwrap .wrapper .side .lis .lul .lli.on .sub {
    display: block;
    padding: 10px 0;
}

.inwrap .wrapper .side .lis .lul .lli .sub .sli .sa::before {
    content: "·";
    font-weight: bold;
}

.inwrap .wrapper .side .lis .lul .lli .sub .sli .sa {
    display: flex;
    padding: 5px 25px;
    font-size: 15px;
    text-decoration: none;
    column-gap: 10px;
    transition: all .3s;
}

.inwrap .wrapper .side .lis .lul .lli {
    border-bottom: 1px solid #ddd;
}

.prolist {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.prolist .item .ia {
    display: block;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    font-size: 15px;
}

.prolist .item .ia:hover{
    color: #00a2e2;
}

.prolist .item .ia .img {
    transition: all .3s;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 69%;
}

.prolist .item .ia .nam{height: 40px; font-size: 18px;}


.prolist .item .ia .img::before {opacity: 1;}

.prolist .item .ia .inf .btt span {
    border: 1px solid #ddd;
    font-size:16px;
    padding: 5px 12px;
    transition: all .3s;
}

.prolist .item .ia:hover .inf .btt span{background:#00a2e2; border-color:#00a2e2; color:#fff;}

.prolist .item .ia .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-sizing: border-box;
}

.prolist .item .ia .inf {
    padding: 12px 20px;
    background-color:#f5f5f5;
    border-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 12px;
}

.prolist .item .ia .inf .btt {
    display: flex;
    justify-content: center;
}


.protable{width: 100%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; box-sizing: border-box;}
.protable td{text-align: center;background-color: #fff;  border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; box-sizing: border-box;}


/**/
.proitemhead {
    overflow: hidden;
}
.proitemhead .pimg {
    width: 100%;
    position: relative;
}
.lSSlideWrapper img{width: 100%;}

.proitemhead .pimg .productalllist .it {
    box-sizing: border-box;
    display: block;
    height: 0;
    width: 100%;
    height: 500px;
    position: relative;
}
.proitemhead .pimg .productalllist .it img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    border: 0 solid #dedede;
    background: #fff;
    box-sizing: border-box;
}
.proitemhead .inf {
    flex: 1;
}
.proitemhead .inf .nam {
    font-size: 28px;
    color: #000;
    font-weight: bold;
    line-height: 1.2;
}
.proitemhead .inf .txt {
    background:#f9f9f9;
    padding: 22px;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0;
}
.proitemhead .inf .too {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.proitemhead .inf .too .ta {
    display: flex;
    padding: 12px 18px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 15px;
    font-size: 15px;
    color: #333;
    background: #fff;
    margin-right: 20px;
    transition: all .3s;
}
.proitemhead .inf .too .ta:last-child {
    margin-right: 0;
}
.proitemhead .inf .too .ta.on {
    background: #00a2e2;
    border-color:#00a2e2;
    color:#fff;
}

.proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li {
    border: 2px solid #dedede;
    box-sizing: border-box;
}

.proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li.active, .proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 2px solid #00a2e2;
    border-radius: 0;
}
.proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
}
.proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit: contain;
    background: #fff;
    box-sizing: border-box;
    max-width: 100%;
    display: block;
}

.proitemmain {
    margin-top: 30px;
}
.proitemmain .xhd {
    background: #f5f5f5;
    display: flex;
    align-items: center;
}
.proitemmain .xhd .item {
    display: flex;
    border-radius: 5px;
    font-size: 16px;
    padding: 14px 20px;
    cursor: pointer;
    transition: all .3s;
}
.proitemmain .xhd .item.on {
    background: #00a2e2;
    color: #fff;
}
.proitemmain .xbd {
    padding: 20px 0;
}

.proitemmain .xbd img{max-width: 100%; display: block; margin:30px auto;}

.inwrap .wrapper .main .bd p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}
.proitemmain .xbd .item { display: none; }
.proitemmain .xbd .item.on { display: block; font-size: 16px; line-height: 1.6; color: #666;}

.proitemmain .nsd {
    padding-top: 30px;
    margin-top: 18px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.proitemmain .nsd .link {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    font-size: 15px;
}

.proitemmain .nsd .xback .ba {
    background: #00a2e2;
    color: #fff;
    font-size: 15px;
    padding: 10px 30px;
    text-decoration: none;
    position: relative;
}

.newsbox01 {
    padding:40px 0;
}

.commontitle .nam {
    font-size: 40px;
    font-weight: bold;
    color: #00a2e2;
}

.commontitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 5px;
  margin-bottom: 30px;
}
.commontitle .txt {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
}
.newsbox01 .list .item {
    box-shadow: 0 5px 20px 0 rgba(82,90,101,0.1);
    background: #fff;
    border-radius: 5px;
}
.newsbox01 .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.newsbox01 .list .item .inf {
    padding: 30px;
}

.newsbox01 .list .item .inf .tim {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #666;
}

.newsbox01 .list .item .inf .tim span {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.newsbox01 .list .item .inf .tim span svg {
    color: #00a2e2;
    width: 16px;
    margin-right: 8px;
}

.newsbox01 .list .item .inf .nam {
    margin: 10px 0 15px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
}
.newsbox01 .list .item .inf .txt {
    font-size: 18px;
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    color: #999;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 3;
}

.newsbox01 .list .item .inf .btn {
    margin-top: 15px;
    display: flex;
    padding: 0;
}
.newsbox01 .list .item .inf .btn .ba {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #00a2e2;
    font-size: 15px;
    font-weight:normal;
}

.newsitem_4302 {
    padding:40px 0;
}

.newsitem_4302 .nhd {
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.newsitem_4302 .newswrap {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.newsitem_4302 .nhd .tit {
    font-weight: bold;
    font-size: 35px;
    color: #000;
    line-height: 1.2;
}

.newsitem_4302 .nhd .tip {
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.newsitem_4302 .nhd .tip .ts {
    margin-right: 15px;
    font-size: 14px;
    color: #999;
}

.newsitem_4302 .nbd {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.newsitem_4302 .nsd {
    padding-top: 25px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsitem_4302 .nsd .link {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    font-size: 16px;
}

.newsitem_4302 .nsd .back .ba {
    background: #00a2e2;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    text-decoration: none;
    position: relative;
}

.tableaa {
    width: 100%;
    border-collapse: collapse;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    margin-top: 10px;
}
.tableaa td{border-right: 1px solid #ddd; border-bottom:1px solid #ddd; border-collapse: collapse; text-align: center; font-size: 13px; word-wrap:break-word;word-break:break-all; padding: 4px 0;}

.tableaa tr:first-child td{background: #00a2e2; color: #fff; height: 40px; line-height: 1.6;}

/**/
.contactbox01 {
    padding:30px 0;
}
.commontitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 10px;
    margin-bottom: 40px;
}
.commontitle .nam {
    font-size: 35px;
    font-weight: bold;
    color: #00a2e2;
}
.commontitle .txt {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
}
.contactbox01 .box {
    display: flex;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding: 60px 70px;
    box-sizing: border-box;
    justify-content: space-between;
    column-gap:20px;
    align-items: center;
    width: 100%;
}

.contactbox01 .box .inf p strong {
    font-size: 22px;
    color: #00a2e2;
}
.contactbox01 .box .inf p:not(:last-child) {
    margin-bottom: 10px;
}
.contactbox01 .box .inf {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    width: 45%;
}
.contactbox01 .box .qrlis{width: 52%; margin-left: 2%;}
.contactbox01 .box .qrlis img{width: 100%;}

.ctact-from-ri {
    width: 100%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 383px 107px 0px rgb(132 155 179 / 0%), 0px 245px 98px 0px rgb(132 155 179 / 1%), 0px 138px 83px 0px rgb(132 155 179 / 5%), 0px 61px 61px 0px rgb(132 155 179 / 9%), 0px 15px 34px 0px rgb(132 155 179 / 10%);
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 40px;
}
.ys-form-inof {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.ys-fii-input input, .ys-fii-input textarea {
    padding: 0 14px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    border: none;
    background-color: initial;
}

.ys-fii-input {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    background: #F2F7FC;
    display: block;
}

.std-text1, .std-text1 p {
    font-size: 18px;
}
.ys-fii-name {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 8px;
}

.ys-form-inof-item {
    padding: 0 12px;
    margin-bottom: 12px;
    width: 100%;
}
.ys-form-inof-post {
    display: flex;
    align-items: center;
}
.ys-form-inof-item2 {
    width: 33.3%;
}

.yfiu-li-box span {
    display: block;
    width: 24px;
    height: 24px;
    border: solid 1px #999;
    position: relative;
    transition: all .4s;
    border-radius: 50%;
    margin-right: 12px;
}
.ys-form-inof-ul {
    margin: 0 -12px;
    display: flex;
}
.yfiu-li {
    padding: 0 5px;
}
.yfiu-li-box {
    display: flex;
    align-items: center;
}
.ys-form-inof-text {
    color: #333;
    line-height: 1.75;
    flex-shrink: 0;
    margin-right: 24px;
}

.ys-fic-auth {
    display: flex;
    position: relative;
    overflow: hidden;
}
.ys-fic-auth .ys-fii-input {
    width: 50%;
    flex-grow: 1;
}
.ys-fic-auth-img {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 116px;
}
.ys-fia-text {
    display: flex;
    align-items: flex-start;
}
.ys-fia-text-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    flex-shrink: 0;
    font-size: 0;
}
.ys-fia-text-word {
    width: calc(100% - 20px);
    flex-grow: 1;
    padding-left: 10px;
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}
.ys-fia-text-btn::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0069A6;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all .4s ease;
    border-radius: 5px;
}

.ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: solid 1px transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    border-radius: 5px;
}

.ys-form-inof-agree.on .ys-fia-text-btn img {
    opacity: 1;
}

.ys-form-inof-submit {
    display: flex;
    justify-content: flex-start;
}

.ys-fii-submit {
    text-align: center;
    background: #0069A6;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    line-height: 1.75;
    padding: 11px 0;
    border-radius: 100px;
    width: 40%;
    margin-top: 40px;
    margin-right: 30px;
}

.ys-fii-submita {
    text-align: center;
    background: #ededed;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    line-height: 1.75;
    padding: 11px 0;
    border-radius: 100px;
    width: 40%;
    margin-top: 40px;
}

.yfiu-li-box span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colormain2);
    opacity: 1;
    transition: all .4s;
}

/**/
.partnerul{display: flex; flex-wrap: wrap;}
.partnerul li{width: 22.8%; margin: 1.1%;}
.partnerul li img{width: 100%;}
.partnerul li div{
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    margin-top: 8px;
    text-align: center;
}

/**/
.ygfcula{display: flex; flex-wrap: wrap; margin-top: 30px;}
.ygfcula li{width: 48%; margin: 1%; text-align: center;}
.ygfcula li img{width: 100%;}


/* 称谓选择样式 */
.ys-form-inof-ul {
    display: flex;
    gap: 10px;
}

.yfiu-li {
    cursor: pointer;
    transition: all 0.3s ease;
}

.yfiu-li-box {
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.yfiu-li.act .yfiu-li-box {
    border-color: #00a2e2;
    background-color: #e6f7ff;
    color: #00a2e2;
}

.yfiu-li:hover .yfiu-li-box {
    border-color: #91d5ff;
    background-color: #f0f9ff;
}

/* 同意协议样式 */
.ys-form-inof-agree {
    cursor: pointer;
    transition: all 0.3s ease;
}

.ys-fia-text-btn {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: 10px;
    float: left;
}

.ys-fia-text-btn img {
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: all 0.3s ease;
}

.ys-form-inof-agree.on .ys-fia-text-btn {
    background-color: #00a2e2;
    border-color: #00a2e2;
}

.ys-form-inof-agree.on .ys-fia-text-btn img {
    opacity: 1;
}

/**/
.joinbox01 {
    padding:40px 0;
}

.joinbox01 .joinwrap {
    display: flex;
    column-gap: 40px;
}
.joinbox01 .joinwrap .side {
    width: 280px;
    min-height: 50vh;
}
.joinbox01 .joinwrap .side .hd {
    background: #00a2e2;
    position: relative;
    display: flex;
    align-items: center;
    padding: 40px 25px;
}
.joinbox01 .joinwrap .side .hd .cn {
    position: relative;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}
.joinbox01 .joinwrap .side .hd::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    right: 0;
    top: 0;
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
}
.joinbox01 .joinwrap .side .con {
    border: 1px solid #ddd;
    padding: 25px 25px;
    background: #f5f5f5;
    line-height: 1.8;
}
.joinbox01 .joinwrap .joinlist {
    flex: 1;
}
.joinbox01 .joinwrap .joinlist .xbd {
    background: #fff;
    border: 1px solid #dddd;
    border-radius: 10px;
    padding: 20px;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: 20px;
}
.joinbox01 .joinwrap .joinlist .xbd .xitem .xh {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.joinbox01 .joinwrap .joinlist .xbd .xitem .xh .nam {
    font-size:25px;
    color:#000;
}
.joinbox01 .joinwrap .joinlist .xbd .xitem .xb {
    display: flex;
    align-items: center;
    column-gap: 30px;
    font-size: 18px;
    margin-top: 15px;
    color: #666;
}
 .xsub {
        display: none;
        margin-top: 20px;
        font-size: 18px; line-height: 1.6; font-family: Arial, Helvetica, sans-serif;
 }
 .joinbox01 .joinwrap .joinlist .xsub .xcon p:not(:last-child){margin-bottom: 24px; font-size: 18px; line-height: 1.6; font-family: Arial, Helvetica, sans-serif;}

 .nyhhtita{font-size: 35px; font-weight: bold; color: #000; margin-bottom: 30px; text-align: center;}
 .nyhonoraa{width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px;}
 .nyhonoraa li{width: 18%; margin:0.5% 1%; text-align: center; padding: 12px; border: 1px solid #ddd; border-radius: 15px; box-sizing: border-box;}
 .nyhonoraa li img{width: 100%; display: block; margin: 0 auto; border-radius: 10px;}

 .abouttitaa{font-size: 28px; font-weight: bold; color: #000; margin-top: 35px; text-align: left;}
 .logoula{margin-top: 35px; display: flex; flex-wrap: wrap;}
 .logoula li{width: 8%; margin:0.5%; text-align: center; padding: 5px; border: 1px solid #ddd; border-radius: 15px; box-sizing: border-box;}
 .logoula li img{width: 100%; display: block; margin: 0 auto; border-radius: 10px;}


 .hhwhtit{font-size: 32px; font-weight: bold; color: #000;  text-align: center;}
 .hhwhul{width: 100%; display: flex; flex-wrap: wrap; padding: 30px; box-sizing: border-box;}
 .hhwhul li{width: 48%; margin:0.5% 1% 1%; background-color: #fafafa; border-radius: 10px; padding: 25px; box-sizing: border-box; line-height: 1.5; color: #666;}
 .hhwhul li .hhwha{font-size: 20px; font-weight: bold; margin-bottom: 8px; color: #00a2e2;}


 @media (max-width: 1440px) {
    .inwrap{width: 100%; box-sizing: border-box;}
    .inwrap .wrapper{display: block; column-gap: 0;}
    .inwrap .wrapper .side {
        width: 100%;
        min-height: 50vh;
    }
    .wrapper{width: 100%;}
    .prolist{grid-template-columns: repeat(1, 1fr);}
    .insub .wrapper .it .ia{font-size: 13px; padding: 0 5px;}
    .aboutbox01 .item{display: block;}
    .aboutbox01 .item .img{margin-top: 20px;}
    .logoula li{width: 31%; margin: 1.1%;}
    .logoula li:last-child{display: none;}
    .hhwhul{padding: 20px;}
    .hhwhul li{width: 98%;}
    .nyhonoraa li{width: 48%; margin: 1%;}
}


@media (max-width: 720px) {
.partnerul li{width: 48%; margin: 1%;}
.hjula li{width: 48%; margin: 1%;}
.hjula li a .txtaa{font-size: 18px;}
.newsbox01 .list{display: block; gap: 0; grid-template-columns: repeat(1, 1fr);}
.contactbox01 .box{display: block; padding: 20px;}
.contactbox01 .box .inf{width: 100%;}
.contactbox01 .box .qrlis{width: 100%; margin:0}
.joinbox01 .joinwrap{width: 100%; display: block;}
.joinbox01 .joinwrap .side{width: 100%;}
}