@charset "utf-8";
/*CSS Document*/
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{    width: auto;font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
html::-webkit-scrollbar{display:none}
:root{--heade-height:100px}
.header{width:100%;height:var(--heade-height);position:fixed;top:0;left:0;z-index:999;background-color:#ffffffd0}
.header nav{padding:0 20px}
.header nav ul li{display:inline-block;margin:0 20px;line-height:var(--heade-height)}
.header nav ul li>a{color:#333;font-size:20px;font-weight:500;text-decoration:none}
.header nav ul li>a:hover{color:#0099ff}
.header nav ul li img{width:auto;height:90px;margin-right:50px;vertical-align:middle;margin-bottom:5px}
.float-btn{position:fixed;right:50px;bottom:100px;z-index:999;width:60px;border-radius:10px;background-color:#ffffff}
.float-btn div{width:100%;height:60px;text-align:center;line-height:60px;position:relative}
#zhiding{cursor:pointer;display:none}
.float-btn div span{font-size:30px}
.float-btn div a{display:block;width:100%}
.ewm{display:none;box-sizing:border-box;padding:10px;position:absolute !important;top:0;right:70px;width:150px !important;height:150px !important;background-color:#ffffff;border-radius:5px;line-height:20px !important}
.ewm img{width:100px;height:100px;margin-top:13px}
.erweima:hover .ewm{display:block}
.content1,.content2,.content3{height:1000px;position:relative}
.download{position:absolute;bottom:100px;left:0;right:0;margin:0 auto;width:655px;height:200px;background:url(../images/62bff4e0-66be-49e8-b2a2-11e016a15951.png) no-repeat;background-size:100% 100%}
.banner-video{width:100%;height:100%;object-fit:cover}
.qrcode{position:absolute;width:180px;height:150px;top:25px;left:30px;background-image:url(../images/1c12ca3d-e7de-4d61-aa51-5e79d5e61532.png)}
.qrcode img{width:120px;height:120px;position:absolute;top:15px;left:50px}
.qrcode::before{content:"";display:block;width:120px;height:2px;background-color:#00ff22bb;position:absolute;top:15px;right:10px;z-index:1;box-shadow:0 0 10px #00ff22d2;animation:scan 4s linear infinite}
@keyframes scan{0%{top:15px}
50%{top:130px}
100%{top:15px}
}.btn-android,.btn-apple,.btn-pc{background-repeat:no-repeat;background-position:top center;background-size:100% auto;width:200px;height:62px;position:absolute;overflow:hidden;display:block;cursor:pointer}
.btn-android{background-image:url(../images/d9abb94e-271c-4778-ab63-248c16cc680e.png);top:25px;left:240px}
.btn-apple{background-image:url(../images/bf95904d-8c2e-49b5-9ceb-97752b719ff2.png);top:110px;left:240px}
.btn-pc{background-image:url(../images/c7817f16-1396-40d0-8019-4d0203272930.png);width:155px;height:139px;top:30px;left:470px}
.btn-android:hover,.btn-apple:hover,.btn-pc:hover{background-position:bottom center}
.age-remind{position:absolute;top:110px;left:10px;z-index:3;width:85px;height:110px}
.contact a{display:block;width:150px;height:150px;background:url(../images/abuiabaegaag_pb9uayohtnunqewpwm4qam.webp) no-repeat;background-size:100% 100%;position:absolute;top:550px;left:490px;z-index:3}
.appointment{width:150px;height:80px;background:url(../images/abuiabaegaag1pf9uayo1yb9kwywpwe4wq.webp) no-repeat;background-size:100% 100%;position:absolute;top:470px;left:560px;z-index:3;animation:tada 2s linear infinite}
@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}.content2-title img,.content3-title img{width:639px;height:61px;margin:150px 0}
.content2-content{margin:0 auto;width:1200px;height:300px;display:flex;border-radius:10px;overflow:hidden;background-color:#ffffff}
.content2-content-left{width:500px;height:100%;flex-shrink:0}
.content2-content-right{padding:20px 10px}
.content2-content-left img{width:100%;height:100%}
.content2-content-right-tab ul{display:flex}
.content2-content-right-tab{width:680px;border-bottom:#0099ff solid 2px}
.content2-content-right-tab ul li{padding:10px 30px;cursor:pointer}
.content2-content-right-tab .active{color:#ffffff;background-color:#0099ff}
.content-item{display:none}
.content-box .active{display:block}
.content-item ul{padding:15px 0}
.content-item ul li{text-align:left;padding:10px 0}
.content-item ul li a{text-decoration:none;color:#333}
.content-item ul li a:hover .new-title{text-decoration:underline;color:#0099ff}
.new-title{margin-right:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}
.new-article{display:flex;align-items:center}
.new-icon{flex-shrink:0;margin-right:5px}
.new-icon i{color:red;font-size:25px}
.new-time{flex-shrink:0;margin-left:auto;color:#999;font-size:12px}
.carousel-container{margin:0 auto;width:800px;height:450px;perspective:1200px;transform-style:preserve-3d}
.carousel-item{width:500px;height:300px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:8px;transition:transform 1s ease-in-out}
.footer{padding:10px;background-color:#333}
.footer-link ul,.footer-link ul li,.footer-link ul li a{color:#fff;margin:0 2px;display:inline-block;line-height:1.5}
.footer-link span{color:#00a2ff}
.footer-copy{margin:10px 0}
.footer-copy span,.footer-copy span a{color:#fff}
.footer-icp span a{color:#fff}
.footer-icp span i{color:#ff7b00;font-size:25px}
.newslist-box{padding-top:calc(var(--heade-height) + 10px);padding-bottom:20px}
.crumbs{margin:0 auto;padding:10px;border-radius:10px;width:1200px;text-align:left;background-color:#fff}
.crumbs span:nth-child(2){color:#0099ff}
.crumbs span:last-child a{font-size:16px;color:#333;line-height:1.7}
.crumbs span i{color:#0099ff;font-size:18px}
.crumbs span a{color:#333;font-size:14px;margin:0 2px;text-decoration:none}
.crumbs span a:hover{color:#0099ff}
.newslist{margin:10px auto;width:1200px;padding:10px;border-radius:10px;background-color:#fff}
.article-list-item{text-align:left}
.article-list-item-thumb a img{width:240px;height:130px;border-radius:10px}
.article-list-item-thumb{float:left;margin-right:10px}
.article-list-item-title{padding-top:10px;margin:10px 0;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}
.article-list-item-title a{color:#333;text-decoration:none}
.article-list-item-title a:hover{color:#0099ff}
.article-list-item-desc{margin:10px 0;color:#666;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}
.article-list-item-time{color:#999;font-size:14px}
.newslist ul li{clear:both;padding:10px 0}
.page{clear:both;margin:20px 0;padding-top:20px;border-top:1px solid #ccc}
.page a{margin:0 2px;text-decoration:none;color:#333;padding:5px 10px;border:1px solid #ccc;border-radius:5px}
.page a:hover{background-color:#ccc;color:#fff}
.page-num-current{background-color:#0099ff;color:#fff}
.news-detail{padding-top:calc(var(--heade-height) + 10px);padding-bottom:20px}
.article{text-align:left;margin:10px auto;width:1200px;padding:20px;border-radius:10px;background-color:#fff}
.article-title{font-size:24px}
.info{margin:10px 0;color:#999;font-size:14px}
.info span{margin-right:20px}
.info span i{color:#666;font-size:14px;margin-right:5px}
.content{overflow:hidden;padding:20px 0}
.content h2{font-size:22px;color:indianred;margin-top:20px}
.content h3{font-size:20px;color:indianred;margin-top:20px}
.content h4{font-size:18px;color:indianred;margin-top:20px}
.content p{color:#666;font-size:16px;line-height:1.5;margin:10px 0;text-indent:2em}
.content blockquote{color:#666;margin:20px 0;padding:15px;line-height:1.8;border-left:5px solid #0099ff;border-radius:0 2px 2px 0;background-color:#ececec}
.content a{color:#0099ff;text-decoration:none}
.content a:hover{color:#0077cc}
.content img,.content video{max-width:100%;height:auto;padding:0 30px;display:block;margin:20px auto}
.content iframe{width:100%;height:600px;margin:10px 0}
.article-tags{margin-bottom:10px}
.article-tags span{color:#2b2b2b;font-size:18px;font-weight:bold}
.article-tags a{color:#0099ff;text-decoration:none;margin-right:10px;line-height:2}
.article-tags a:hover{color:#474747}
.img-preview-shade{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:9999;display:none}
.img-preview-box img{padding:50px;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.related-article{margin:20px auto;width:1200px;padding:20px;border-radius:10px;background-color:#fff}
.related-article-title{color:#0099ff;font-size:20px;font-weight:bold;text-align:left;padding-left:5px;border-left:4px solid #0099ff}
.related-article--list{text-align:left;margin:20px 0}
.related-article--list ul{padding-left:15px}
.related-article--list ul li{list-style-type:decimal;margin-bottom:10px}
.related-article--list ul li h2>a{text-decoration:none;font-size:16px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}
.related-article--list ul li h2>a:hover{color:#0099ff}
.article-prev-next{margin-top:10px}
.article-prev-next span{color:#333;font-weight:bold;font-size:18px}
.article-prev-next a{font-size:18px;color:#333;font-weight:lighter;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}
.article-prev,.article-next{display:flex;align-items:center}
.article-prev-next a:hover{color:#0099ff}
.article-prev{margin-bottom:15px}
.tagindex-box{padding-top:calc(var(--heade-height) + 10px);padding-bottom:20px}
.tagindex-list{text-align:left;width:1200px;margin:10px auto;padding:20px;border-radius:10px;background-color:#fff}
.tagindex-list a{margin:0 10px;color:#666;line-height:2;text-decoration:none}
.tagindex-list a:hover{color:#0099ff}
.tags-list{padding-top:calc(var(--heade-height) + 10px);padding-bottom:20px}