/*重要：依赖LayUI框架*/
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"微软雅黑",Arial,Verdana,Helvetica,sans-serif;font-size:16px}
div,p{cursor:default}
.header{position:absolute;top:0;left:0;right:0;z-index:9999}
.header_cont{width:1440px;height:100px;margin:0 auto;align-items:center;display:flex;justify-content:center;background:url(../image/header_cont_bg2.png) no-repeat center center/100% 100%}
.header_nav .nav-ul{margin:0 auto;height:50px;display:flex}
.header_nav .nav-ul a{display:block;height:50px;line-height:50px;align-items:center;color:#fff;font-size:18px;font-weight:bold;padding:0 25px}
.header_nav .nav-ul a:hover{color:#ffffff}
.logo{height:60px;width:180px;margin-right:30px;}
.logo a{width:100%;height:100%;display:block;font-size:0;overflow:hidden}
.logo img{width:100%}
.banner{height:800px;position:relative}
.banner-content{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:600px;height:150px;background-color:#ffffff71}
.qrcode{position:relative;width:193px;height:150px;background:url(../image/ewmbj.png) no-repeat center center/100% 100%}
.qrcode img{margin:10px 0 0 50px;width:130px;height:130px}
.qrcode::after{content:"";position:absolute;top:7px;left:50px;width:130px;height:10px;z-index:2;background:url(../image/smx.png) no-repeat;background-size:cover;animation:scan 3s linear infinite}
.download_box{margin:0 auto;width:580px;height:150px;display:flex;justify-content:space-evenly;background:url("../images/down_bg.png") center / cover no-repeat;}
.download_box img{width:100%;height:100%}
.download_box .QRcode{width:120px;height:120px;margin-top:15px}
.download_box .down_btn{width:180px;height:120px}
.download_box .android{position:absolute;width:180px;height:58px;margin-top:15px}
.download_box .ios{position:absolute;width:180px;height:58px;top:60px;margin-top:15px}
.download_box .moniqi{width:120px;height:120px;margin-top:15px}
.download_box .new_server{width:120px;height:120px;margin-top:15px}
.title_news{text-align:center}
.title_news img{margin:30px 0 20px;width:auto;height:80px}
.news-box{width:1440px;margin:0 auto;height:max-content;display:flex;justify-content:center;}
.news-content{margin-bottom:40px;}
.news-carousel{float:left;width:640px;height:360px}
.news-carousel img{width:100%;height:100%;object-fit:fill}
.layui-carousel-ind{text-align:left;left:0}
.layui-carousel-ind ul,.layui-carousel-ind ul li{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:5px}
@keyframes tada{0%{transform:scale(1)}
10%,20%{transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.01) rotate(3deg)}
40%,60%,80%{transform:scale(1.01) rotate(-3deg)}
100%{transform:scale(1) rotate(0)}
}.news-comp{float:right;width:800px;height:360px;display:flex}
.news-list{flex:auto;width:570px;height:100%}
.news-comp-box{width:230px;height:100%;background:#ffffff12}
.news-list-tab{margin:0 auto;width:100%;height:50px;border-bottom:1px solid #2760b0;position:relative;background:#00001245}
.news_nav{position:absolute;bottom:0}
.news_nav .news_nav_item-on{width:470px;height:40px;line-height:40px;display:flex;color:#fff}
.layui-this{font-weight:bold;color:#f5d58d;border-bottom:2px solid #f5d58d}
.news_nav .news_nav_item-on a{width:100px;height:100%;margin:0 5px;text-align:center;display:block;font-size:18px}
.news-more{position:absolute;bottom:0;right:0}
.news-more a{display:block;width:100px;text-align:center;height:40px;line-height:40px;color:#bcbcbc;font-size:14px}
.news-more a span{margin-left:5px;color:#fff;display:inline-block;width:20px;height:20px;line-height:18px}
.news-list-flag{width:100%;height:35px;margin:10px 0 0}
.news-list-flag .flag-title{display:block;width:80%;margin:0 auto;color:#ec0000;font-size:20px;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-bd-item{display:none}
.news_bd{background-color:transparent;box-shadow:none;border-color:transparent}
.news-list-content-list{padding:0 10px;width:100%;height:265px;overflow:hidden}
.news-list-content-list .list-li{position:relative;padding:5px 0}
.news-list-content-list .list-li a{font-size:16px;color:#fff;display:block;width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list-content-list .list-li a>b{color:#72adff}
.news-list-content-list .list-li a:hover{color:#fff}
.news-list-content-list .list-li a:hover b{color:#fff}
.news-list-content-list .list-li span{font-size:14px;color:#72adff;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.news-comp-box-title{text-align:center;width:100%;height:50px;line-height:60px;background:#000}
.news-comp-box-title span{color:#fff;font-size:20px;line-height:20px}
.news-comp-box-list{padding:0 5px;height:310px;overflow:hidden}
.news-comp-box-list .box-list-li{padding:5px 0;border-bottom:1px solid #2760b0}
.news-comp-box-list .box-list-li a{font-size:14px;color:#dadada;display:block;width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-comp-box-list .box-list-li a:hover{color:#fff}
.spsub .bg img{height:180px}
.spsub .inner{margin:0 auto 40px;padding:25px 0;width:1280px;height:max-content;display:flex;justify-content:space-evenly;}
@keyframes shake{0%{transform:rotate(-10deg)}
50%{transform:rotate(10deg)}
100%{transform:rotate(-10deg)}
}.carousel-box{margin:80px auto 0;width:1200px;height:500px}
.carousel-box .layui-carousel{overflow:hidden;border-radius:20px}
.carousel-box img{width:100%;height:100%;border-radius:3px}
.carousel-box .layui-carousel-arrow{border-radius:0;background-color:#ffffff;color:#000}
.carousel-title{text-align:center}
.carousel-title img{margin:30px 0 0;width:auto;height:80px}
.footer{padding:10px 0;background-color:#000}
.footer-nav-ul{display:flex;justify-content:center}
.footer-nav-ul a{margin:0 10px;color:#ffffffb0;font-size:18px}
.footer-nav-ul a:hover{color:#fff}
.footer-copy{margin:10px 0;font-size:18px;text-align:center;color:#ffffffb0}
.footer-copy a{margin:0 5px;color:#333333}
.footer-copy a:hover{color:#5590ff}
.Record{text-align:center;margin-bottom:10px}
.Record a{margin:0 5px;font-size:18px;color:#333333}
.Record a:hover{color:#5590ff}
.Record a:nth-child(1) img{width:25px;height:25px}
.Record a:nth-child(2) img{width:20px;height:20px}
.float-box{width:70px;position:fixed;bottom:100px;right:50px;z-index:9999}
.float-box-top{display:none;text-align:center;width:100%;height:70px;line-height:70px;color:#fff;background-color:#60a2ff;border-radius:5px;cursor:pointer}
.float-box-top i{font-size:60px}
.newslist{width:1440px;margin:0 auto}
.news-content-news-list{width:100%;background-color:#e9f1ff}
.crumbs{position:relative;height:50px;padding:10px;text-align:right;background:#000;display:flex;justify-content:space-between}
.crumbs .listtit{color:#fff;font-size:20px;font-weight:bold}
.crumbs .layui-breadcrumb span{color:#fff;font-size:16px;cursor:pointer}
.crumbs .layui-breadcrumb span i{font-size:20px}
.articles-list-ul{padding:10px}
.articles-list-ul .articles-list-ul-li{display:flex;align-items:center;padding:10px;overflow:hidden;border-bottom: 1px solid #d8d8d8}
.articles-img{width:200px;height:110px;flex-shrink:0;margin-right:10px}
.articles-img img{width:100%;height:100%;border-radius:5px}
.articles-info-title a{display:block;font-size:20px;color:#2e5ea0;font-weight:bold;overflow:hidden;width:800px;text-overflow:ellipsis;white-space:nowrap}
.articles-info-title a:hover{color:#000}
.articles-info-desc{font-size:14px;color:#666666;margin:5px 0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}
.articles-info-time{font-size:14px;color:#666666}
.pagination li{display:inline}
.news-content-newslist{width:1240px;margin-top:30px}
.page{text-align:center;padding:30px 0;border-top:2px solid #ececec}
.page a{font-size:16px;padding:5px 10px;margin:0 5px;color:#000;border:1px solid #cad5f2;}
.page a:hover{color:#fff;background:#ffffff18}
.no-data{text-align:center;color:red;font-size:20px}
.news-content-detail-title h1{text-align:center;font-size:25px;padding:0 20px;margin:30px 0 0;}
.news-content-detail-info{text-align:center;padding-bottom:10px;border-bottom:1px solid #c4c4c4}
.news-content-detail-info span{font-size:14px;color:#8d8d8d;margin:0 10px}
.news-content-detail-info span>i{font-size:16px;color:#8d8d8d;padding-right:5px}
.layui-text{padding:15px 50px}
.layui-text img{display:block;margin:20px auto;max-width:100%;height:auto}
.bg img{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover}
.carousel .b img{height:750px}
.news .bg img{height:550px}
.bjgd img{width:100%;height:350px;top:0;left:0}
.article-copyright{color:#6b7386;background:#ededed;padding:1em 1.5em;margin:0 20px;font-weight:200}
.article-copyright a{color:#6b7386;overflow-wrap:anywhere}
.article-copyright a:hover{color:#e78c00}
.carousel-container{margin:0 auto;width:600px;height:350px;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:5px;transition:transform 1s ease-in-out}
.sidebar{position:fixed;left:5px;top:15%}

table{color:#575757;width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;margin:0 auto}
table tr{border:1px solid #ddd;padding:5px}
table th,table td{border:1px solid #ddd;padding:10px;text-align:center;font-size:14px}
table thead{color:#fff;background-color:#4e8bbf}
table th{text-transform:uppercase;font-size:16px;letter-spacing:1px}
.related-articles{padding:10px 20px;margin:30px 0 0 0;background-color:#fff}
.related-articles-title{padding:5px 0;font-size:18px;font-weight:600;color:#60a2ff;position:relative;margin-bottom:20px;border-bottom:1px solid #e5e5e5}
.related-articles-title:after{content:"";position:absolute;width:75px;height:2px;background:#60a2ff;left:0;bottom:-1px}
.related-articles-ul{width:100%;height:180px;display:flex;overflow-x:scroll}
.related-articles-ul .related-articles-ul-li{margin:0 10px;padding:10px}
.related-articles-ul .related-articles-ul-li:hover{background-color:#f1f1f1}
.related-articles-ul .related-articles-ul-li a{display:block;width:187px;height:110px}
.related-articles-ul .related-articles-ul-li a>img{width:100%;height:100%;object-fit:cover}
.related-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;margin:5px 0;color:#000}
.related-articles-info-2{display:flex;justify-content:space-between;align-items:center}
.related-articles-info-2 span{font-size:12px;color:#999}
.tagsindex{padding:20px}
.tagsindex a{margin:10px;padding:10px;color:#fff;float:left;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:162px;height:100px;border-radius:10px;background-color:#35bdc7;overflow:hidden}
.clear{clear:both}
.tagsindex a>span{text-align:center;font-size:17px;font-weight:600;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tagsindex a>em{font-style:inherit;font-size:12px;color:#dddddd}
.tagsindex a:hover span{font-size:18px;white-space:wrap;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}
.tagsindex a:hover em{display:none}
.tagsindex a:nth-child(7n+5){background-color:#76cba2}
.tagsindex a:nth-child(7n+2){background-color:#fca61e}
.tagsindex a:nth-child(7n+3){background-color:#ec5b50}
.tagsindex a:nth-child(7n+4){background-color:#a1c15c}
.tagsindex a:nth-child(7n+5){background-color:#44b57e}
.tagsindex a:nth-child(7n+6){background-color:#8f82bc}
.tagsindex a:nth-child(7n+7){background-color:#d272ea}
.tagsindex-title{margin-bottom:20px;position:relative;font-size:25px;font-weight:600;color:#1e9eff;padding-bottom:5px;border-bottom:1px solid #e7e7e7;cursor:default}
.tagsindex-title:after{content:'';position:absolute;left:0;bottom:-1px;width:100px;height:2px;background-color:#1e9eff}
.layui-breadcrumb a cite{cursor:default}
.layui-text ol,.layui-text ul{padding-left:2em}
.layui-text video{margin:15px;width:100%;height:auto}
.layui-text iframe{margin:15px;width:100%;height:500px}
.news_info{margin:50px 50px 0}
.news_tag a{display:inline-block;padding:4px 12px;margin:4px;color:#eee;font-size:12px;background-color:#4a4a4a;opacity:0.80;border-radius:40px}
.news_neighbor{width:100%;height:50px;display:flex;justify-content:space-around}
.news_neighbor li{margin-top:10px;width:42%}
.news_neighbor .page_btn{color:#fff;font-size:14px;float:left;margin-right:10px;padding:5px 15px;background:#ce9e06}
.news_neighbor p{color:#000;float:left;width:80%;font-size:16px;font-weight:400;overflow:hidden;vertical-align:middle;line-height:28px;white-space:nowrap;text-overflow:ellipsis}

.sub-left{background:url(../image/subleft_bg.png) no-repeat center center/100% 100%;width:180px;height:530px;display:inline-block;text-align: center}
.content-right{display:inline-block;margin:.38rem auto 0;text-align:left}
.sub-left .server-recommend{background: url(../image/new_server_tit.png) no-repeat center / 100% 100%;width:120px;height: 20px;font-size:0;margin:60px auto 0;}
.sub-left .new-server{margin-top:15px}
.sub-left .new-server .name{font-size:30px;font-weight:700;color:#e9f1ff;}
.sub-left .new-server .time{font-size:18px;color:#e5cd87}
.sub-left .new-server a{background:url(../image/server_detail.png) no-repeat center / 100% 100%;width:110px;height:25px;font-size:0;display:block;margin:.1rem auto .15rem}
.sub-left .twocode{width:130px;height:150px;margin:15px auto}
.sub-left .twocode img{width:130px;height:130px}
.sub-left .twocode p{font-size:16px;color:#e5cd87;}
.sub-left .down-btn{display:block;width:160px;margin:5px auto;}
.sub-left .down-btn:hover{-webkit-filter:brightness(107%);filter:brightness(107%)}
.sub-left .down-btn img{width:140px}