body, html, div, p, a, input, label, span, h3, table, tr, td, header, footer, section, em, i, ul, li, dl, dt, dd, img, textarea,h3,h4,h1,h2,h5,h6,ol{ margin: 0; padding: 0; outline: none; font-family: sans-serif;}
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body{font-family: helvetica arial;-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul, ul li, dl, dt, dd{ list-style: none; }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
.hide{display: none;}
img{border: 0;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
.b-r-26{-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem;-ms-border-radius:2.6rem;-o-border-radius:2.6rem;border-radius:2.6rem;}
.b-r-50{-moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius:50%;border-radius: 50%;}
.b-r-4{-moz-border-radius: 0.4rem;-ms-border-radius: 0.4rem;-webkit-border-radius: 0.4rem;-o-border-radius:0.4rem;border-radius: 0.4rem;}
input,textarea{-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;outline:0 none;-webkit-tap-highlight-color:rgba(255,255,255,0);/**去除聚焦阴影**/}
.main {width: 100%;}
.header-banner{height: 20rem;background: #2778F8;width: 100%;}
.h-main{height: 17rem;width:18rem ;overflow: hidden; margin: 0 auto;padding-top: 4rem;}
.h-logo{overflow: hidden;margin-left: 3.6rem;}
.h-logo img{width: 3.6rem;height: 3.6rem;float: left;}
.h-logo label{font-size: 2.6rem;color: #fff;float: left;line-height: 3.8rem;height: 3.6rem;}
.h-font{font-size: 1.2rem;text-align: center;color: #fff;margin-top: 1rem;}
.hi-button{width: 15rem;line-height: 4rem;height: 4rem;border: 1px solid #fff;color: #fff;
font-size: 1.4rem;text-align: center;display: block;margin-left: 1.3rem;margin-top: 3rem;cursor: pointer;}
.hi-button span{padding-left:2.5rem;display: inline-block;}
.hi-button{-webkit-animation: twinkling 1s infinite linear; }
.h-txt{margin: 2.5rem 0;}
.h-txt p{font-size: 1.2rem;text-align: center;color: #323232;line-height: 2rem;}
.swiper{position: relative;width: 16rem;margin: 0 auto;background: url(../images/y07.png) no-repeat;background-size: 15rem auto;height: 31rem;margin-bottom: 1rem}
.swiper img {max-width: 100%;text-align: center;width: 13rem;margin-top: 3.8rem;margin-left: 1rem;}
.swiper-button-next{background:#F2F2F2 url(../images/r.png) no-repeat 1.3rem center;background-size: 1rem 1.8rem;right: -5rem;width: 3.5rem;height: 3.5rem;}
.swiper-button-next:hover{background:#F2F2F2 url(../images/r.png) no-repeat 1.3rem center;;background-size: 1rem 1.8rem;width: 3.5rem;height: 3.5rem;}
.swiper-button-prev{background:#F2F2F2 url(../images/l.png) no-repeat 1.3rem center;background-size:  1rem 1.8rem;left: -6rem;width: 3.5rem;height: 3.5rem;}
.swiper-button-prev:hover{background:#F2F2F2 url(../images/l.png) no-repeat 1.3rem center;background-size: 1rem 1.8rem;width: 3.5rem;height: 3.5rem;}
.add-ios{background: url(../images/y02.png) no-repeat left .8rem;background-size:1.8rem 2.1rem ;}
.add-android{background: url(../images/y04.png) no-repeat left .8rem;background-size:1.8rem 2.1rem ;}
.add-wechat{background: url(../images/wechat.png) no-repeat left .8rem;background-size:1.8rem 2.1rem ;}
/*****footer*****/
.footer {
    background: #fff;
    z-index: 999;
    clear: both;
    text-align: center;
    /*position: fixed;*/
    width: 100%;
    height: 4rem;
    bottom: 0px;
    line-height: 4rem;
}
.footer .nav{font-size: .8rem;}
.footer .nav span {
    color: #b0b0b0;
}
.footer .nav {
    margin: .5rem 0;
}
.footer .nav a {
    margin: 0 .2rem;
    text-decoration: underline;
    color: #16b998;
}
.footer .nav a.beian {
    color: #b0b0b0;
    text-decoration:none;
}
.in_footer{line-height: 1.5em;}
@-ms-keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }
@-o-keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }
@-webkit-keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }
  @keyframes twinkling{
    0%{
       -webkit-box-shadow: 0 0 .1rem #fff;
     }
     50%{
       -webkit-box-shadow: 0 0 .5rem #fff;
     }
    100%{
       -webkit-box-shadow: 0 0 .1rem #fff;
    }
  }


/*news*/
 .container {
            width: auto;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        .news-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        .news-item {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .news-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .news-content {
            padding: 20px;
        }
        .news-category {
            display: inline-block;
            padding: 3px 8px;
            background: #e1f5fe;
            color: #0288d1;
            border-radius: 4px;
            font-size: 12px;
            margin-bottom: 10px;
        }
        .news-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #212121;
        }
        .news-desc {
            font-size: 14px;
            color: #616161;
            margin-bottom: 15px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .news-meta {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #9e9e9e;
        }
        @media (max-width: 768px) {
            .news-list {
                grid-template-columns: 1fr;
            }
        }