*{padding:0;margin:0;list-style:none;font-family:"PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif}
body{color:#333;font-size:14px}
.mobile{display:none}
.pc{display:flex}
h2{margin-bottom:10px;font-size:16px}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#000}
.zw{visibility:hidden;margin-bottom:0 !important}
.label{white-space:nowrap}
.label > i{margin-right:5px}
.flex{display:flex;align-items:center}
.tags_title{color:#555666;margin-right:10px;font-size:14px;font-weight:bold}
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;margin-bottom:20px}
.tags a{padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none;background-color:#f1f1f1;color:#555666;border-radius:4px;line-height:12px}
.black_label{background-color:#000;color:#f6cd77;padding:5px 10px;border-radius:3px;font-size:10px;border: 1px solid #000;text-box:auto;}
.blue_label{background-color:#396afc;color:#ffffff;padding:5px 10px;border-radius:3px;font-size:10px;border: 1px solid #396afc;text-box:auto;}
.green_label{background-color:#4CAF50;color:#ffffff;padding:5px 10px;border-radius:3px;font-size:10px;border: 1px solid #4CAF50;text-box:auto;}
.default_label{background-color:#fff;color:#333;padding:5px 10px;border-radius:3px;font-size:10px;border:1px solid #666;display:flex;align-items:center;text-box:auto;}
.default_label font{text-box: auto;}
.btn_login{padding:0px 20px;border-radius:30px;height:35px;line-height:35px;background-color:#ff2442;color:#fff;font-size:13px}
.position{white-space:nowrap;width:100%;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;margin-bottom:10px}
.position *{flex-shrink:0}
.position .curr_position{color:#555666;margin-right:10px;font-size:14px;font-weight:bold}
.position a{color:#333333;text-decoration:none}
.position span{padding:5px;border-radius:5px;display:flex;justify-content:space-between}
.position div:last-of-type{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.pagination{margin:auto}
.pagination li{padding:0px 5px;min-width:100px;height:35px;line-height:35px;border:2px solid;margin-right:5px;text-align:center;border-radius:3px;display:none}
.pagination li a{color:#333333;width:100%;height:35px;display:block;text-decoration:none}
.pagination .active{background-color:#000;color:#fff}
.pagination li:first-child{display:block}
.pagination li:last-child{display:block}
.pagination .disabled{color:#999}
input{outline:none}
video{max-width:100%}
header{width:90%;height:60px;margin:auto;display:none;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e6e6}
header > a{display:flex}
header .nav{display:flex;width:26px;height:26px;align-items:center;flex-wrap:wrap;cursor:pointer}
header .nav p{width:100%;height:3px;background-color:#000}
header .logo{width:130px}
.mask{width:100%;height:0;background:#fdfdfd;position:absolute;display:flex;align-items:center;color:#fff;text-align:center;overflow:hidden;z-index:999;transition:all .3s}
footer{width:90%;height:60px;margin:auto;display:none}
footer p{font-size:12px;font-weight:bold}
.ofauto{overflow:auto !important}
.wrap{width:100vw;height:100vh;display:flex;margin:auto;position:relative}
.wrap .menu{width:300px;padding:20px 30px;box-sizing:border-box;border-right:1px solid #e6e6e6}
.wrap .menu p{margin-top:10px;font-size:12px}
.wrap .menu ul{margin-top:50px}
.wrap .menu ul li{line-height:50px;position:relative}
.wrap .menu ul li a{color:#333;text-decoration:none;width:100%;height:100%;font-size:15px}
.wrap .menu ul li a:hover{font-weight:bold;font-size:20px}
.wrap .menu ul .active{font-weight:bold;color:#000}
.wrap .menu ul li a i{margin-right:10px}
.wrap .menu ul li span{font-size:12px;color:#666;margin-left:10px}
.wrap img{width:128px;display:block;border:0;box-sizing:border-box}
.wrap .main{width:100%;background-color:#000000;position:relative;overflow:hidden;box-sizing:border-box}
.bottom{position:absolute;bottom:20px;width:200px}
.bottom a{color:#000;text-decoration:none}
.swiper-container{width:100%;height:100%}
.swiper-container .swiper-slide{width:100%;height:100%}
.service{width:100%;height:auto;min-height:100%;background:#ffffff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;box-sizing:border-box}
.service .item{width:49.5%;padding:40px 40px;box-sizing:border-box;margin-bottom:1%;border:1px solid #f2f2f2}
.service .black{color:#000000}
.service .black span{border:1px solid #ccc}
.service .white{color:#ffffff}
.service .white span{border:1px solid #ffff}
.service .item img{width:60px;display:block;margin:auto}
.service .item p{text-indent:0}
.service .item .title-en{font-size:24px;line-height:30px;font-weight:bold;margin-top:30px;font-family:Arial,Helvetica,sans-serif}
.service .item .title-cn{font-size:16px;line-height:50px;font-weight:bold}
.service .item span{padding:5px 10px;border-radius:30px;display:inline-block;margin-bottom:10px;font-size:12px;font-weight:bold;margin-right:10px}
.service .item .tags{display:flex;flex-wrap:wrap;justify-content:flex-start}
.about{background-color:#fff;min-height:100%;color:#000;padding:20px;box-sizing:border-box}
.about p{line-height:30px;font-size:14px}
.about h2{margin-bottom:20px}
.about h2 span{width:35px;height:25px;line-height:25px;text-align:center;font-weight:bold;border-radius:20px;background-color:#000000;color:#fff;display:inline-block}
.about .title{margin-top:30px}
.about .item{display:flex;margin-bottom:100px;flex-wrap:wrap}
.about .item > div:first-child{width:15%}
.about .item > div:first-child > img{width:100%}
.about .item > div:nth-child(2){width:calc(85% - 50px);margin-left:50px;line-height:25px}
.share{margin:auto;color:#000;padding:20px 5px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between}
.share .search{display:flex;align-items:center;width:96%;max-width:1500px;margin:auto;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #e6e6e6;padding-bottom:20px}
.share .search form{width:100%;max-width:1500px}
.share .search input{width:100%;max-width:1500px;height:40px;border-radius:4px;border:2px solid #333;text-indent:15px;box-sizing:border-box}
.share .search .pc button{width:50px;height:40px;border-radius:0 4px 4px 0;position:absolute;right:0;background:#333;color:#fff;border:0;cursor:pointer;border:2px solid #333;border-left:0}
.share .search .mobile button{width:90px;height:35px;border-radius:30px;right:0;background:#000;color:#fff;border:0;cursor:pointer}
.share .main_box{width:96%;max-width:1500px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.share .main_box .top_box{width:100%;max-width:1500px;height:160px;display:flex;align-items:center;justify-content:center;background:url(/static/images/bbg.png) no-repeat;background-size:cover;background-position:center center;margin-bottom:20px;border-radius:10px;overflow:hidden}
.share .main_box .top_box h1{color:#fff;font-size:36px;padding:10px;text-align:center}
.share .main_box .top_box h2{color:#fff;font-size:18px;text-align:center}
.share .main_box .swiper_box{position:relative;width:100%;max-width:1500px;height:450px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:10px;overflow:hidden}
.share .main_box .swiper_box .swiper{width:100%;height:100%}
.share .main_box .swiper_box .swiper .swiper-slide{width:100%;height:100%;background-size:cover;background-position:center center}
.share .main_box .swiper_box .desc{position:absolute;z-index:999}
.share .main_box .swiper_box .desc h1{color:#fff;font-size:36px;padding:10px;box-sizing:border-box;text-align:center}
.share .main_box .swiper_box .desc h2{color:#fff;font-size:18px;padding:10px;box-sizing:border-box;text-align:center}
.share h2{width:100%}
.share ul{display:flex;justify-content:flex-end;align-items:center}
.share ul li{padding:0 10px;font-size:14px;font-weight:bold}
.share .active{font-size:18px;font-weight:bold;color:#000}
.share .active:before{content:"";width:15px;height:15px;background-color:#396afc;position:absolute;display:block;top:-2px;right:-5px;border-radius:10px;z-index:-1}
.share .list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.share .list .category_title{background:#eeeeee;padding:10px;border-radius:5px;width:100%;display:flex;align-items:center;margin-bottom:20px;justify-content:space-between}
.share .list .category_title h2{margin-bottom:0px;font-size:18px;width:100%}
.share .list .category_title h2 a{color:#000;text-decoration:none}
.share .list .category_title i{margin-right:10px}
.share .list .category_title .more{font-size:14px;color:#333;text-decoration:none}
.share .item{display:flex;margin-bottom:20px;width:24%;position:relative;flex-wrap:wrap;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);border-radius:4px;overflow:hidden;background-color:#fff}
.share .item a{color:#000;text-decoration:none}
.share .item .left{width:100%;padding:20px}
.share .item .left .img_box{width:100%;height:0;padding-bottom:66%;border-radius:5px;overflow:hidden;position:relative}
.share .item .left img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}
.share .item .left img[src=""] {
  background-color: #f5f5f5;
}
.share .item .left img.error {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100"><text x="50" y="50" font-size="12" text-anchor="middle" dy=".3em">图片加载失败</text></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.share .item .right{box-sizing:border-box;padding:10px 20px;width:100%}
.share .item .right .info{padding:5px;border-radius:5px;display:flex;justify-content:space-between}
.share .item .right .info .tags{display:flex;gap:5px;margin-bottom:0}
.share .item .title{font-size:15px;font-weight:bold;height:40px;overflow:hidden;text-overflow:ellipsis}
.share .item .describe{line-height:20px;margin-top:10px;font-size:14px;color:#898989;margin-bottom:10px;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.share .item .bottom{width:70px;right:10px;bottom:10px}
.share .item .bottom a{padding:5px 10px;border:1px solid #000;font-size:12px;background:#000;color:#fff}
.share_detail{background-color:#fff;color:#000;padding:20px 5px;box-sizing:border-box;display:flex;flex-wrap:wrap}
.share_detail h2{width:100%}
.share_detail ul{display:flex;justify-content:flex-end;align-items:center}
.share_detail ul li{padding:0 10px;font-size:14px;font-weight:bold}
.share_detail ul li a{color:#999;text-decoration:none;position:relative;z-index:999}
.share_detail .active{font-size:18px;font-weight:bold;color:#000}
.share_detail .title{width:100%;font-size:24px;font-weight:bold;text-align:center;margin-bottom:20px;text-indent:0}
.share_detail .content_box{width:96%;max-width:1500px;margin:0 auto;display:flex;justify-content:space-between}
.share_detail .content_box .content_box_left{width:calc(100% - 350px)}
.share_detail .content_box .content_box_right{width:325px}
.share_detail .download_box{width:325px;height:auto;align-self:flex-start;background-color:#fff;padding:20px;box-sizing:border-box;line-height:30px;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);}
.share_detail .download_box .tips{background-color:#fcf8e3;color:#8a6d3b;padding:10px;margin-bottom:10px;border-radius:5px;line-height:25px;font-size:13px}
.share_detail .download_box .download_btn{width:100%;height:36px;background-color:#536de6;color:#fff;border:2px solid #536de6;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px;margin-top:30px}
.share_detail .download_box .password_btn{width:100%;height:36px;background-color:#fff;color:#333333;border:2px solid #333333;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px;margin-top:10px}
.download_flex_box{width:96vw;height:50px;padding:0 10px;box-sizing:border-box;border-radius:6px;align-items:center;justify-content:space-between;background-color:#e9e9e9;border: 2px solid #ccc;position:fixed;bottom:5px;left:0;right:0;margin:auto}
.download_flex_box .price{font-size:20px;font-weight:bold;color:#eb001b}
.download_flex_box .download_btn{width:130px;height:35px;background-color:#536de6;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px}

.share_detail .recommend_box{width:325px;height:auto;top:565px; align-self:flex-start;background-color:#fff;padding:20px;box-sizing:border-box;line-height:30px;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);margin-top: 25px;}
.share_detail .recommend_box .title{border-left: 3px solid #F44336;font-weight: bold;font-size: 18px;padding-left: 10px;text-align: left;}
.share_detail .content_box .content_box_right .recommend_list{margin-top:20px}
.share_detail .content_box .content_box_right .recommend_list ul{display:flex;flex-direction:column;gap:20px}
.share_detail .content_box .content_box_right .recommend_list ul li{width:100%;display:flex;align-items:center;padding: 0;}
.share_detail .content_box .content_box_right .recommend_list ul li a{color:#666;text-decoration:none}
.share_detail .content_box .content_box_right .recommend_list ul li img{width:60px;height:60px;object-fit:cover;margin-right:10px;border-radius:5px}
.share_detail .content_box .content_box_right .recommend_list ul li div{font-weight:500;line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}


.share_detail .content{line-height:30px;text-indent:2em;font-size:14px;max-width:980px;overflow-x:hidden;width:850px;background-color:#fff;padding:50px 35px;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(0,0,0,.08)}
.share_detail .content img{width:auto;height:auto;max-width:100%}
.share_detail .search{display:flex;align-items:center;justify-content:space-between;width:96%;max-width:1500px;margin:auto;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;padding-bottom:20px}
.share_detail .search form{width:100%;max-width:1500px}
.share_detail .search input{width:100%;max-width:1500px;height:40px;border-radius:4px;border:2px solid #333333;text-indent:15px;box-sizing:border-box}
.share_detail .search .pc button{width:50px;height:40px;border-radius:0 4px 4px 0;position:absolute;right:0;background:#333333;color:#fff;border:0;cursor:pointer}
.share_detail .search .mobile button{width:90px;height:35px;border-radius:30px;right:0;background:#000;color:#fff;border:0;cursor:pointer}
.share_detail .prev_next{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.share_detail .prev_next a{width:100%;background:#ffffff;border:2px solid #333333;color:#333333;text-decoration:none;border-radius:5px;padding:10px;box-sizing:border-box;text-align:left}
.contact{background-color:#fff;height:100%;color:#000;padding:20px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center}
.contact .list{display:flex;justify-content:space-between;margin-top:30px}
.contact .list p{width:100% !important}
#wxpay_popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);flex-direction:column;align-items:center;justify-content:center}
#wxpay_popup .content{position:relative;width:300px;background-color:#fff;padding:20px;border-radius:10px;text-align:center}
#wxpay_popup .content .tips{background-color:#09bb07;color:#fff;border-radius:5px;padding:10px}
#wxpay_popup .content .tips p:nth-child(2){font-size:12px;margin-top:5px}
#wxpay_popup .content .close{position:absolute;top:10px;right:10px}
#wxpay_popup .content .close i{font-size:20px;cursor:pointer;color:#ccc}
#wxpay_popup .content #wxpay img{margin-bottom:10px;max-width:50%}
#wxpay_popup .content #qrcode img{margin-bottom:10px;max-width:80%}
.mask-search{border:2px solid #000;box-sizing:border-box;display:none;align-items:center;position:absolute;top:0;left:0;bottom:0;width:100%;background-color:#f2f2f2;justify-content:center;flex-wrap:wrap;z-index:999}
.mask-search input{width:300px;height:40px;border-radius:30px;border:2px solid #000;text-indent:15px}
.mask-search .btn-search{width:60px;height:44px;border-radius:0 30px 30px 0;position:absolute;right:0;background:#000;color:#fff;border:0;font-size:16px;cursor:pointer}
.mask-search .title{width:100%;font-size:24px;font-weight:bold;text-align:center;margin-bottom:20px}
.mask-search .close{margin-top:50px;text-align:center;font-size:24px;cursor:pointer;display:flex;justify-content:center}
.mask-search .close span{font-size:16px;margin-left:5px}
@media screen and (max-width:1000px){.pc{display:none}
.mobile{display:flex}
header,footer,.wrap{width:96vw;display:flex}
header,footer{height:60px;align-items:center}
footer{border-top:1px solid #e6e6e6}
.wrap{height:calc(100vh - 120px);margin-top:0}
.wrap .menu{display:none}
.item{width:100% !important}
.share .describe{display:none}
.share .search form{display:none}
.share .main_box{width:100%}
.share .main_box .top_box h1{font-size:20px}
.share .main_box .swiper_box{height:200px}
.share .main_box .top_box h2{font-size:14px}
.share .main_box .swiper_box .desc h1{font-size:20px}
.share .main_box .swiper_box .desc h2{font-size:14px}
.share_detail .search form{display:none}
.share_detail .content_box{width:100%}
.share_detail .title{font-size:18px;text-indent:0}
.share_detail .content_box .content_box_left{width:100%}
.share_detail .content{padding:30px 15px}
.active{height:100%;transition:all .3s}
.mask ul{margin:auto}
.mask ul li{line-height:50px;font-size:16px;text-align:left}
.mask ul li a{color:#333;text-decoration:none}
.mask ul li a i{margin-right:20px}
.mask ul li a span{font-size:14px;color:#ccc}
.nav{position:relative;transition:all .3s}
.active p:first-child{display:none}
.active p:nth-child(2){transform:rotate(45deg);transition:all 0.3s}
.active p:nth-child(3){transform:rotate(135deg);position:absolute;transition:all 0.3s}
.contact .list{flex-wrap:wrap;line-height:30px;text-align:left;width:150px;padding-left:35px;margin:auto;margin-top:30px}
.about .item > div{width:100% !important}
.about .item > div:nth-child(2){margin-top:20px;margin-left:0}
.share_detail .content_box .content_box_right{width: 100%;}
.share_detail .download_box{width: 100%;margin-top:25px;}
.share_detail .recommend_box{width: 100%;}
}