/*基本样式*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul,li { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; outline: none; }

img { border: 0; display: inline-block; vertical-align: top; font-size: 0; }

input, select, button, textarea { font-family: inherit; outline: 0; margin: 0; color: inherit; -webkit-appearance: none; }


input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }

input::-webkit-input-placeholder { color: #999; }


body { font-family: "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif"; font-size: 14px; color: #3f4140; -webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: 100%; }

html {font-size:625%;}
body {font-size: 0.14rem;line-height: 1.5;    font-family:  '\5FAE\8F6F\96C5\9ED1',Arial,'\5B8B\4F53',sans-serif;    outline: 0;color: #333;}

body {min-width: 320px;    min-height: 100%;    max-width: 750px;font-size: 0.14rem;margin: 0 auto;}

a{color: #333}
a:hover{color: #358ff0;}
.cl:after,.wrapper:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
*html .cl{height:1%}
.header-nav .nav,.dot-list li{display: -webkit-box;    display: -webkit-flex;    display: flex;}
.header-top{justify-content : space-between}
.nav a,.dot-list li a{-webkit-box-flex: 1;    -webkit-flex: 1;    flex: 1;}



.header,.footer,.header-nav{width:100%;}
.wrapper{width:100%}



.header{position: relative;left: 0;top: 0;z-index: 8;width: 100%;transition: top 0.5s;-moz-transition: top 0.5s;-webkit-transition: top 0.5s;-o-transition: top 0.5s;}
.header .head-top{height:0.5rem;padding: 0.05rem 0.1rem;background: #358ff0;position: relative;width: 100%;}
.header .head-top .logo{float: left; width:2rem;height: 0.4rem;background: url(../images/logo.png) no-repeat;background-size: auto 0.4rem;}
.nav-btn{width: 0.5rem;;height: 100%;position: absolute;right: 0;top: 0;z-index: 6;}
.nav-btn::before, .nav-btn::after, .nav-btn span{width: 0.26rem;height: 0.03rem;background: #fff;position: absolute;right:0.12rem;}
.nav-btn::before{content: "";top: 0.13rem;}
.nav-btn span{top: 0.22rem;display: block;}
.nav-btn::after{content: " ";top: 0.31rem;}


.nav-btn.on::before{border: 0px;width: 26px;height: 3px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);top: 0.22rem;}
.nav-btn.on span{width: 0;height: 0;}
.nav-btn.on::after{width: 0.26rem;height:0.03rem;background: #fff;left: 0.11rem;top:0.22rem;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);}

.nav-list{ width:100%;    background:#fff; border-bottom:0.03rem #358ff0 solid;line-height:0.55rem; font-size:0.16rem;display:none  }
.nav-list ul{ width:100%; float:left; }
.nav-list ul li{ width:49.9%; float:left; overflow:hidden}
.nav-list ul li:nth-child(even) a{ ;border-right:0}
.nav-list ul li a{ width:100%; text-align:center; display:block; border:1px #ddd solid;border-top:0;border-left:0;color:#333}
.nav-list ul li a:hover,.nav-list ul li a:visited{ background:#f5f5f5}




.banner{width: 100%;padding:0rem;background: #358ff0;text-align: center;border-top:1px #7ebd74 solid}
.banner img{width: 100%;}

.banner2{width: 100%;padding:0rem;background: #358ff0;text-align: center;border-top:1px #7ebd74 solid}
.banner2 img{width: 100%;}


/*2022-06-09*/
/*banner*/
.banner-cont{height:1.8rem;overflow: hidden;}
.banner-cont .swiper-container{width: 100%;height: 100%;}
.banner-cont .swiper-slide{text-align: center;}
.banner-cont img{width: 100%;height: 100%;object-fit: cover;}
.banner-cont a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;text-indent: -999em;overflow: hidden;z-index: 20;}
.banner-cont .tt{position: absolute;z-index: 11;display: block;bottom: 0;background: rgba(0, 0, 0, 0.3);height: 0.3rem;line-height:0.3rem;display: block;color: #F4F4F4;overflow: hidden;width: 100%;text-align: left;}
.banner-cont .tt span{padding:0 0.1rem;}
.banner-cont .swiper-container-horizontal .swiper-pagination{text-align: right;width: auto;right: 0.1rem;bottom: 0.05rem;}
.banner-cont .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.banner-cont .swiper-pagination-bullet-active{background: #358ff0;width: 0.11rem;}

 .part-sys .tab-menu{padding:0.2rem 0.15rem  0rem;overflow: hidden;text-align: center;font-size:0;}
 .part-sys .tab-menu ul{margin: 0 auto;height: 0.4rem;border-radius:0.06rem;overflow: hidden;border: 2px #358ff0 solid;}
 .part-sys .tab-menu li{text-align: center;line-height: 0.38rem;font-size: 0.16rem;float:left;background: #fff;width: 33.3%;color: #358ff0;}

 .part-sys .tab-menu li.active{ color: #fff;background-color: #358ff0 ;}
 .part-sys .tab-menu li+li {border-left: 2px #358ff0 solid;}

 .part-sys .tab-cont .btn-more{text-align: center;display: block;line-height: 0.42rem; border-top: 1px #ececec  solid;}




.index-tab{height: 0.5rem;margin-bottom: 0.15rem;border-bottom: 1px #ededed solid;background: #fff;width: 100%;background: #f4fff2;}
.index-tab li{text-align: center;float: left;line-height: 0.5rem;cursor: pointer;position: relative;}
.index-tab li span{line-height: 0.48rem;height:0.48rem;overflow:hidden;display:inline-block;font-size: 0.13rem;padding: 0 0.05rem;}
.index-tab li.on span{ color: #358ff0;font-weight: bold;}
.index-tab li.on:after{content:" ";width: 0.4rem; height: 0.03rem;border-radius:0.04rem;background:#358ff0;bottom: -0.01rem;left: 50%;position:absolute;margin-left: -0.2rem;}

.index-tab ul{display: -webkit-box;    display: -webkit-flex;    display: flex;height: 0.5rem;}
.index-tab ul li{flex-grow:1 }

.dot-list{ overflow: hidden;padding: 0 0.15rem 0.15rem; }
.dot-list li{  height:0.3rem; line-height:0.3rem;  overflow:hidden;margin-bottom: 0.05rem;}
.dot-list li a{color: #666;  overflow:hidden; display:block;white-space: nowrap;
    text-overflow: ellipsis;background: none;}
.dot-list li a:hover{color: #358ff0;}
.dot-list li span{color:#999; font-size:0.13rem; float:right;width: 0.6rem;text-align: right;}
.dot-list li:before{content: " ";float:left; background:#bbbbbb;  width:0.05rem; height:0.05rem;border-radius: 0.1rem; margin:0.13rem 0.1rem 0 0;}

.star{width: 0.75rem;height: 0.13rem;display: inline-block;background-image: url(../images/star2.png);background-size: auto 100%;}
.s5{background-position: 0 0;}
.s4{background-position:  -0.15rem 0;}
.s3{background-position: -0.30rem 0;}
.s2{background-position: -0.45rem 0;}
.s1{background-position: -0.61rem 0;}
.s0{background-position: -0.75rem 0;}


.part-box + .part-box{ border-top:0.12rem #f5f5f5 solid;}

.padlf{padding: 0rem 0.15rem;line-height: 0.4rem;height: 0.4rem;border-bottom: 1px #ededed solid;border-left: 0.05rem #358ff0 solid;margin: 0.1rem 0 0;}
.sub-title{font-size:0.16rem;font-weight: bold;color: #3f4140;float: left;}

.padlf .btn-more{color: #999;float: right;}

.sub-box  .padlf{border-left: 0;}
.sub-box  .sub-title{color: #358ff0 ;}


.sys-list { padding:0rem 0.15rem; }

.sys-list ul li{ padding:0.15rem 0rem; border-bottom: 1px #ececec dashed;}
.sys-list ul li .link-ico{float:left;width:1rem;height: 0.74rem ;overflow: hidden;border-radius: 0.02rem;position: relative;z-index: 2;}
.sys-list ul li .link-ico img{width: 100%;min-height: 100%;}
.sys-list ul li .inf{padding-left:1.1rem;min-height: 0.74rem ;position: relative; }
.sys-list ul li .link-name{font-size:0.16rem;line-height:0.22rem;display: block;height:0.44rem;overflow: hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;margin-top: -0.02rem;}
.sys-list ul li .time{color: #999;padding-top: 0.12rem;}
.sys-list ul li .time span{font-size: 0.13rem; color: #999;display: block;}
/*.sys-list ul li .time span + span:before {content: "/";display: inline-block;
    padding: 0 0.05rem;    font-size: 0.12rem;    color: #ddd;}
*/
.sys-list  li .btn{position: absolute;bottom: 0.02rem;right: 0; padding:0 0.05rem;height: 0.26rem;border: 1px solid #358ff0; border-radius: 0.04rem;text-align: center;line-height: 0.24rem; color: #358ff0;background: #fff;}


.index-jc.sys-list li .link-ico{width:1.2rem;height: 0.88rem ;}
.index-jc.sys-list  li .inf{padding-left:1.3rem;}
.index-jc.sys-list  li .time{padding-top: 0.08rem;}

.sys-win.sys-list li{padding:0.18rem 0rem;}
.sys-win.sys-list li .link-ico{width:1.2rem;height: 0.88rem ;}
.sys-win.sys-list  li .inf{padding-left:1.3rem;}
.sys-win.sys-list  li .time{padding-top: 0.08rem;}


.sys-tj.sys-list  li .link-name{font-size:0.15rem;line-height:0.24rem;display: block;height:0.24rem;overflow: hidden;}
.sys-tj.sys-list li .link-ico{width:0.6rem;height: 0.6rem ;border-radius: 0.06rem;}
.sys-tj.sys-list  li .inf{padding-left:0.7rem;height: 0.7rem;}
.sys-tj.sys-list  li .time{padding-top: 0rem;}
.sys-tj.sys-list  li .btn{width: 0.6rem;background: #358ff0;color: #fff;bottom: 0.05rem;}

.sys-jc.sys-list li .link-ico{width:1.2rem; ;}
.sys-jc.sys-list  li .inf{padding-left:1.3rem;}
.sys-jc.sys-list  li .time span{display:inline-block;padding-right: 0.15rem;}


.news-list2{ overflow: hidden;padding: 0 0.15rem 0.15rem; }
.news-list2 li{   line-height:0.28rem; overflow:hidden;border-bottom: 1px dashed #eee;padding: 0.06rem 0}
.news-list2 li a{color: #444;  overflow:hidden; display:block;white-space: nowrap;
    text-overflow: ellipsis;padding-right: 0.15rem;}
.news-list2 li span{color:#999; font-size:0.13rem; float:right;width: 0.6rem;text-align: right;}
.news-list2 li:before{content: " ";float:left; background:#bbbbbb;  width:0.05rem; height:0.05rem;border-radius: 0.1rem; margin:0.13rem 0.1rem 0 0;}

.news-list2 li:last-child{border: 0;}
.r-list{	overflow: hidden;padding:0.05rem 0.15rem 0.1rem;}
.r-list em{float: left;width: 0.22rem;height:0.22rem;font-family: arial;line-height: 0.22rem;text-align: center; color: #fff;margin-right: 0.1rem;background:#c7c7c7;border-radius: 2px;}
.r-list li:nth-of-type(1) em{background: #ff6b66;}
.r-list li:nth-of-type(2) em{background: #ff8652;}
.r-list li:nth-of-type(3) em{background: #ffa742;}
.r-list .link-name{height:0.22rem;line-height: 0.22rem;display: block;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;*display:inline;*zoom:1;}

.r-list li{padding:0.08rem 0 ;position:relative;top: 0;}
.r-list li{padding-right: 0.6rem;}
.r-list li span{color: #999;position: absolute;right: 0;top: 0.08rem;line-height: 0.22rem;}

.sys-tip{background: #f3fafe;border:2px #358ff0 solid;border-radius: 0.06rem;padding:0.15rem;margin: 0.1rem 0.15rem 0.2rem;}
.sys-tip .title{font-size:0.16rem;font-weight: bold;line-height:0.3rem;height: 0.3rem;color: #357fce;}

.sys-tip .txt{line-height:0.26rem;font-size:0.15rem;color: #0f6b99;padding-top: 0.06rem;word-break: break-all;}



.footer{padding:0.15rem 0.15rem;text-align: center;background: #f5f5f5;color: #999;}
.footer a{padding: 0 0.15rem; line-height: 0.3rem; color: #555;display: inline-block;}
.footer a + a{border-left: 1px #ccc solid;}
.goto-top{background: rgba(0, 0, 0, 0.5);width:0.4rem;height: 0.4rem;position: fixed;bottom: 0.5rem;right: 0.1rem;z-index: 99;display: none;border-radius: 0.1rem;}
.goto-top a{background: url(../images/gtp.png) bottom no-repeat;width: 100%;height: 0.4rem;display: block;background-size: 0.4rem auto;cursor: pointer;}




.location{color: #777; line-height: 0.36rem;height:0.36rem;padding:0rem 0.15rem;border-bottom: 1px #ededed solid;margin-bottom: 0.1rem;font-size: 0.12rem;overflow: hidden;}
.location a{display: inline-block;color: #777;}

 .type-box{background: #f2f2f2;display: none; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}
.type-list { padding: 0.1rem 0;}
.type-list li{float: left; width: 25%;padding: 0.1rem 0.1rem;}
.type-list a {height: 0.3rem; line-height: 0.3rem;  background: #dbdbdb; color: #686b6a; text-align: center; overflow: hidden;  border-radius: 0.05rem;display: block;}
.type-list a:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.part-gray {    background: #f5f5f5;    border-bottom: solid 1px #ededed;}

.subtype-box{position: relative;padding-bottom: 0.1rem;}
.subtype-box .btn-arrow{position: absolute;z-index: 2;right: 0;bottom: 0.1rem;height: 0.46rem;background: #f5f5f5; width: 0.5rem;}

.subtype-box .btn-arrow i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}

.sub-nav {padding: 0rem 0.12rem 0rem;}
.sub-nav a {    text-align: center;    float: left;    padding: 0 0.1rem;    line-height: 0.36rem; height: 0.38rem;   margin:0 0.03rem 0.06rem;background: #fff;    color: #666;    border: 1px #eee solid;    border-radius: 0.04rem;   overflow: hidden;}
 .sub-nav a.cur, .sub-nav a:hover {    background: #2abf1d;    color: #fff;border-color: #2abf1d;}   
 

 .sub-nav{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
 .sub-nav a, .sub-nav p{flex-grow: 1;}
 
 .sub-nav.sys{height: 0.86rem;overflow: hidden;}
 
 .subtype-box .btn-arrow.on{position: relative;right: 0;float: right;    bottom: 0;}
.sub-nav.on{height: auto;}
 
.subtype-box .btn-arrow .arrow-down{ margin-left: 0.2rem;margin-top: 0.16rem; width: 0.1rem; height: 0.1rem; border-right: 2px solid #2abf1d; border-bottom: 2px solid #2abf1d; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.subtype-box .btn-arrow.on  .arrow-down{transform: translateY(20%) rotate(225deg);}

 
 
 
 
.page-num{width: 100%;margin: 0.1rem auto;text-align: center;overflow: hidden;}
.page-num a{color: #666666;margin:0.02rem;padding:0.05rem 0.1rem;background: #fff;border: 0.01rem solid #E2E2E2;display: inline-block;border-radius: 0.04rem;}

.page-num a.on,.page-num a:hover{background: #358ff0;border: 1px solid #358ff0;color: #fff;text-decoration: none;}

.article-box{padding:0.15rem 0.15rem;}
.article-title{}
.article-title .title{font-size:0.18rem;text-align: center;color: #333;font-weight: bold;padding: 0 0.15rem;}
.article-title .time{border-bottom: 1px dashed #ddd;color: #999;text-align: center;padding: 0.1rem 0;}
.article-title .time span{padding: 0 0.1rem;font-size: 0.13rem;}
.article-desc{color:#555; line-height:0.3rem;padding: 0.15rem ;overflow: hidden; word-break: break-all;font-size: .15rem;}


.article-desc .introTit,.article-desc h3{ display: block; margin-bottom:0.05rem; color: #555; font-weight: bold;position: relative; padding: 0 0 0 0.08rem
; font-weight: 700; text-indent: 0; margin:0.15rem 0; border-left:0.05rem solid #358ff0; border-bottom: 1px solid #efefef;font-size: 0.15rem;}

.article-desc img{display: block;margin:0.1rem auto;max-width: 100%;}
.article-desc a{color: #39f;text-decoration: underline;}
.article-other .article-more{ line-height:0.35rem; color: #358ff0; cursor: pointer;text-align: center;padding: 0.1rem 0;}
.article-other .article-more span,.article-other .article-more i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.arrow-down{ display: inline-block; vertical-align: 0; color: inherit;  -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.arrow-down {-moz-transform: translateY(-30%) rotate(45deg);    -ms-transform: translateY(-30%) rotate(45deg);    -webkit-transform: translateY(-30%) rotate(45deg);    transform: translateY(-30%) rotate(45deg);
}

.article-other .article-more .arrow-down{ margin-left: 0.1rem; width: 0.1rem; height: 0.1rem; border-right: 2px solid #358ff0; border-bottom: 2px solid #358ff0; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.article-other .article-more.on  .arrow-down{transform: translateY(20%) rotate(225deg);}
.sub-box{ }
.sub-box + .sub-box{ border-top:0.12rem #f2f2f2 solid;}
.sub-box .hd{ display: block; height:0.45rem; line-height:0.45rem;  font-size: 0.16rem;  position: relative; padding: 0 0.15rem;  }
.sub-box .hd .title{ display: inline-block; font-size: 0.16rem; font-weight: 700;float: left;}
.sub-box .hd .title.blue{ color: #358ff0;}

.sys-box{padding:0rem  0.15rem 0.15rem;}
.sys-box .title { overflow: hidden; font-size: 0.18rem; color: #333; line-height:0.3rem; font-weight: bold;}
.sys-info{width: 100%;padding: 0.1rem 0;}

.sys-info .img-ico{float: left;width:0.9rem; height:0.74rem; margin-right: 0.1rem;border-radius:0.04rem;overflow: hidden;}
.sys-info .img-ico img{width: 100%;height: 100%;}
.sys-info .info { overflow: hidden; }
.sys-info .info ul {overflow: hidden;}
.sys-info .info ul li {float: left;width:49.5%;line-height:0.24rem;height: 0.24rem;color: #999;font-size: 0.12rem;overflow: hidden;padding-right: 0.1rem;}
.sys-info .info  ul li a{color: #358ff0;font-size: 0.12rem;}

.sys-box .btn-view{width: 100%;width: 100%;    text-align: center;
    color: #fff;    display: block;    line-height: 0.4rem;    border-radius: 0.04rem;    font-size: 0.15rem;background-color: #2abf1d;}

.sys-box .tag{text-align: center;padding: 0.1rem 0 0;color: #999;font-size: 0.12rem;}
 
.detail-tag{height: 0.5rem;border-bottom: 1px #eee solid;background: #fff;width: 100%;}
.detail-tag li{text-align: center;float: left;line-height: 0.5rem;cursor: pointer;}
.detail-tag li span{line-height: 0.48rem;height:0.5rem;overflow:hidden;display:inline-block;font-size: 0.16rem;padding: 0 0.05rem}
.detail-tag li.on span{border-bottom:2px solid #358ff0; color: #358ff0;font-weight: bold;}

.detail-tag ul{display: -webkit-box;    display: -webkit-flex;    display: flex;height: 0.5rem;}
.detail-tag ul li{flex-grow:1 }
.detail-tag.fixed {    position: fixed;   top: 0;    z-index: 999;background: #f2f2f2;border-bottom: 1px #ddd solid;-moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }


.subtype-box.on{-moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}



.error-404{margin: 0 auto;width: 100%;text-align: center;position: absolute;top:15%;left: 0;}
.error-404 .box{background: url(../images/404.png) no-repeat;background-size:3rem auto;width: 3rem;margin: 0 auto;}
.error-404 .btn{padding: 2rem 0 0 0px;color: #777;font-size:0.16rem;}
.error-404 .btn p{padding-bottom: 0.1rem;text-align: center;}
.error-404 .btn a{color: #fff;background: #358ff0;border-radius:0.2rem;height: 0.32rem;display:inline-block;line-height: 0.3rem;padding: 0 0.2rem;margin-bottom: 0.05rem;width:40%}
.error-404 .btn a:hover{background-color: #1ea709;text-decoration: none;}




/*------20210810教程详情页新增标签链接------*/
.tab-box{padding:0.15rem 0 0.05rem;border-top:1px #f0f0f0 solid ;}
.tab-box a,.tab-box span{display: inline-block;line-height: 0.26rem;margin:0.04rem;}
.tab-box span{margin-right: 0;}
.tab-box a{color:#2785e3;padding: 0 0.1rem;background: #f2f2f2;border-radius:0.02rem;}
.tab-box a:hover{background: #2785e3; color: #fff;}

/*------20210819系统详情下载链接------*/

.download-add{ padding:0 0.15rem 0.1rem }
.download-add ul li{ float:left; padding-bottom:0.05rem  ;width: 100%;}
.download-add ul li .txt{  line-height:0.36rem;}
.download-add ul li .btn:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.download-add ul li .btn a,.download-add ul li .bd-code{ color:#fff;height:0.34rem;line-height:0.34rem;text-align: center;margin: 0 0.08rem 0.08rem 0;float:left;padding: 0 0.06rem;border-radius: 0.02rem;}

.download-add ul li .btn a.xl{background-color: #1a90f5;}
.download-add ul li .btn a.wp{background-color: #fd9f00; }
.download-add ul li .btn a.bd{background-color: #39ab18;}
.download-add ul li .btn a:hover{ text-decoration:none;color: #fff;}

.download-add ul li .bd-code{background: #F5F5F5;color: #4c97f1;font-size: 0.15rem;height:0.34rem;line-height:0.34rem;font-weight: bold;}
.sys-box .btn-view a{color: #fff;display: block;}

.copyright{padding:0rem 0.15rem 0.2rem;line-height: 0.3rem;}
.copyright .t-name{text-align: center;font-weight: bold;font-size: 0.16rem;}