body{ background: #fff; max-width:640px; min-height:100%; height:auto;}
*{outline:none;box-sizing: border-box;}

/* 菜单 */
.h80{height: 0.8rem;}

.banner{padding: 0.2rem;}
.banner img{ width: 100%; border-radius: 0.5em;}
.h180{height: 1.6rem;}
.menu_cont{position: fixed; top: 0.8rem;width:100%;max-width: 640px; background-color: #fff;z-index:99;display: flex;}
.menu_cont>ul {display:flex;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-y:hidden;padding:0 .3rem 0 .1rem;flex: 1;}
.menu_cont>ul::-webkit-scrollbar {display:none;}
.menu_cont ul li{ margin:0 0.145rem; height: 0.56rem;line-height: 0.56rem;position: relative;}   
.menu_cont ul li a{font-size: 0.26rem; padding:0;color: #000; } 
.menu_cont ul li.on::before{content: '';display: inline-block; width: 100%; height: 0.06rem; background-color: #3191f5;
     position: absolute; bottom: 0rem; border-radius: 0.04rem;}
.menu_cont ul li.on a{color: #3191f5;font-weight: bold;} 
/*banner*/
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-pagination-bullet-active {background:#fff;width:16px;height:8px;border-radius:4px;}
.banner-slide {padding:0px;}
.banner-slide img{width: 100%;object-fit: contain;}
.banner-slide a {display:block;overflow:hidden;position:relative; margin: 0 .2rem;}
.banner__text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);  color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner__text h1{font-size: 0.34rem;}
.banner__text h2{font-size: 0.24rem;font-weight: normal; margin-top: 0.1rem;}
/*轮播图*/
.swiper-container {margin:0;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1; border-radius: 0;}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-slide img { width: 100%; height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom {bottom:10px;left:0;width:100%}
.swiper-pagination-bullet {width:8px;height:5px;display:inline-block;border-radius:3px;background:#000;opacity:.2}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-pagination-bullet-active {background:#aaa;width:16px;height:5px;border-radius:4px;opacity:1}



/*menu*/
.category {padding:0.25rem 0.15rem 0 0rem; background-color: #fff;}
.category__row {display:flex;flex-wrap:wrap;}
.category__row .category__item{flex: 1; text-align: center; margin-left: 0.15rem;padding:0.2rem 0; text-align: center; box-shadow: 0 0 0.2rem #ddd;border-radius: 0.1rem; background-color: #1eca8d;overflow: hidden;}
.category__item__icon .iconfont {font-size: 0.5rem;color: #fff;}
.category__row .category__item:nth-child(2){ background-color: #20aaf4;}
.category__row .category__item:nth-child(3){ background-color: #977dff;}
.category__item__txt {font-size:0.24rem;text-align:center;color:#fff;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; width: 100%; margin-top: 0.1rem;}
.category__item__txt p{font-size: 0.18rem; margin-top: 0.1rem; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 100%;}


/* 栏目标题 */
.c_title{ margin:0.24rem 0.24rem 0; clear:both;position: relative;}
.c_title h1{ font-size:0.26rem; font-weight:600; color:#000; display:inline-block; position:relative;letter-spacing:1px;padding-left: 0.2rem;}
.c_title h1:before{ content:''; width:0.05rem; height:0.24rem; background-color:#3191f5; display:inline-block; position:absolute; left:0; top:0.06rem;}

.c_title span{ margin-left:0.1rem; color:#fff; font-size: 0.2rem;background-color:#3191f5; padding: 1px 0.1rem;border-radius: 0.3rem 0.3rem 0.3rem 0; vertical-align: 2px;}
.c_title .c_more{position: absolute;right: 0; top:0;height: 0.4rem; line-height: 0.4rem; color:#555;font-size:0.22rem; background-color: #f5f5f5;border-radius:0.04rem; padding:0 0.2rem;}
.c_title .c_more i{color: #555;font-size: 0.22rem;}


.tools .plist{overflow: hidden;clear: both;width: 100%;padding: 0.25rem 0.2rem 0; display: grid;grid-template-columns: 48% 48%;grid-column-gap:4%;}
.tools .plist a{padding: 0.14rem 0.1rem 0.14rem 0.2rem; margin-bottom: 0.2rem;border-radius: 0.15rem; position: relative;display: flex;
align-items: center;font-size: 0.26rem;}

.tools .plist a.color1{background-color: #f8faff;}
.tools .plist a.color2{background-color: #fff2f2;}
.tools .plist a.color3{background-color: #fbf8ff;}
.tools .plist a.color4{background-color: #f2f9ee;}
.tools .plist a.color5{background-color: #fbecf2;}
.tools .plist a.color6{background-color: #e6edfd;}
.tools .plist a.color7{background-color: #fdf9e9;}
.tools .plist a.color8{background-color: #dffbf4;}

.tools .plist a .iconfont{color: #fff; display: flex;justify-content: center;align-items: center; width:0.7rem; height: 0.7rem;border-radius: 50%;margin-right: 0.12rem;font-size: 0.4rem;}
.tools .plist a.color1 .iconfont{background-color: #3e83f8;}
.tools .plist a.color2 .iconfont{background-color: #ff7c63;}
.tools .plist a.color3 .iconfont{background-color: #878bf8;}
.tools .plist a.color4 .iconfont{background-color: #5F9EA0;}
.tools .plist a.color5 .iconfont{background-color: #f57ea6;}
.tools .plist a.color6 .iconfont{background-color: #878bf8;}
.tools .plist a.color7 .iconfont{background-color: #ffaa3d;}
.tools .plist a.color8 .iconfont{background-color: #32caa6;}
.tools .plist a.color9 .iconfont{background-color: #878bf8;}

.tools .plist a .iconfont.image{text-indent: -9999;width: 0.8rem; height: 0.9rem;border-radius: 0;margin-right: 0.1rem;}
.tools .plist a .jianli{background: url(../images/index/idphoto.png) no-repeat left center/0.8rem !important; }
.tools .plist a .huizhi{background: url(../images/index/idcard@3x.png) no-repeat left center/0.8rem !important; }
.tools .plist a .eq{background: url(../images/index/qingshang@3x.png) no-repeat left center/0.8rem !important; }
.tools .plist a .pdf{background: url(../images/index/PPT2PDF@3x.png) no-repeat left center/0.8rem !important; }
.tools .plist a .pdf1{background: url(../images/index/Excel2PDF@3x.png) no-repeat left center/0.8rem !important; }
.tools .plist a .word{background: url(../images/index/Word2PDF@3x.png) no-repeat left center/0.8rem !important; }

/* 分类页 */
.categorys{display: flex;
    height: calc(100vh - 1.9rem);
    overflow: hidden;margin-top: 0.2rem;}
.categorys .left{
    width:1.6rem;
    background: #f3f4f5;
    overflow: auto;
    /* position: fixed;
    top:0.8rem;
    height: calc(100vh - 1.7rem); */
}
.categorys .left .item{
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
   
    align-items: center;
    height: 0.9rem;
    line-height:0.9rem;
    padding: 0 6px;
    overflow: hidden;
    font-size: .2188rem;
}

.categorys .left .item.active::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: .0547rem;
    height:0.9rem;
    background: #2579f3
}

.categorys .left .active{
    background: #fff;
    color: #2579f3;font-weight: bold;
}    
.categorys .right_cont{
    flex: 1;
    overflow: auto;
    /* padding-left: 1.6rem; */
}
.right_cont .plist{display: none;padding-top: 0;}
.right_cont .plist a{flex-direction: column;}
.right_cont .plist a .iconfont{margin:0 0 0.2rem 0;}
.right_cont .plist.active{display: grid;}


.hotList{padding: 0 0.2rem;}
.hotList ul{ overflow: hidden;clear: both;width: 100%;padding-top: 0.3rem;}
.hotList li{float: left; width: 48%; margin-right: 4%; background-color: #f4f8fb; padding: 0.3rem; margin-bottom: 0.2rem;border-radius: 0.15rem; position: relative;}
.hotList li.color1{background-color: #f2f9ee;}
.hotList li.color2{background-color: #fbecf2;}
.hotList li.color3{background-color: #e6edfd;}
.hotList li.color4{background-color: #e6edfd;}
.hotList li.color5{background-color: #fdf9e9;}
.hotList li.color6{background-color: #fdf2ea;}
.hotList li.color7{background-color: #dffbf4;}
.hotList li.color8{background-color: #f2f9ee;}

.hotList li .icon{width: 0.55rem; height: 0.55rem; display: flex; justify-content: center; align-items: center; position: absolute; right: 0.2rem; top: 0.2rem;border-radius: 50%;}
.hotList li .icon i{font-size: 0.3rem; color: #fff;}
.hotList li.color1 .icon{background-color: #a1db84;}
.hotList li.color2 .icon{background-color: #f57ea6;}
.hotList li.color3 .icon{background-color: #3e83f8;}
.hotList li.color4 .icon{background-color: #749af8;}
.hotList li.color5 .icon{background-color: #f5d461;}
.hotList li.color6 .icon{background-color: #ffa569;}
.hotList li.color7 .icon{background-color: #32caa6;}
.hotList li.color8 .icon{background-color: #5F9EA0;}

.hotList li.color1 h2{color: #8cbf73;}
.hotList li.color1 .tags{color: #8cbf73;}
.hotList li.color2 h2{color: #d86e91;}
.hotList li.color2 .tags{color: #d86e91;}
.hotList li.color3 h2{color: #3e83f8;}
.hotList li.color3 .tags{color: #3e83f8;}
.hotList li.color4 h2{color: #7094ef;}
.hotList li.color4 .tags{color: #7094ef;}
.hotList li.color5 h2{color: #d6b33b;}
.hotList li.color5 .tags{color: #d6b33b;}
.hotList li.color6 h2{color: #e2925d;}
.hotList li.color6 .tags{color: #e2925d;}
.hotList li.color7 h2{color: #32caa6;}
.hotList li.color7 .tags{color: #32caa6;}
.hotList li.color8 h2{color: #32caa6;}
.hotList li.color8 .tags{color: #32caa6;}

.hotList li:nth-child(2n){margin-right: 0;}
.hotList li a{display: block; width: 100%;}
.hotList li h2{font-weight: normal; font-size: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotList li .tags{margin-top: 0.2rem;;font-size: 0.22rem;color: #999;}



/* 资讯 */
.news_list{background-color: #fff; margin: 0.3rem 0;border-radius: 0.1rem;}
.news_list.news{ padding-bottom:0}
.news_list .new_cont{ clear:both; overflow:hidden; margin:0.06rem 0.2rem 0;}
.news_list .new_item_li {position:relative;width:50%;float:left;padding:0.2rem 0.2rem; border-bottom:1px solid #eee; border-right:1px solid #eee}
.news_list .new_item_li:nth-child(2n){ border-right:none;}
.news_list .new_item_li:nth-child(9),.news_list .new_item_li:nth-child(10){ border-bottom:none;}
.news_list .new_item_li a{ display:flex;}
.left_icon{ width:30px; background:url('../images/index/icon.png') no-repeat left 3px; background-size:20px;}
.right_c{ flex:1}
.r_top{ font-size:0.24rem; color:#000; font-weight:bold; width:100%; height:0.3rem;line-height:0.32rem;text-overflow: ellipsis;overflow:hidden;}
.t_bottom{ font-size:0.2rem; color:#999; margin-top:0.16rem;width:100%; height:0.3rem; line-height:0.3rem; overflow:hidden;}

/* 更多 */
.more_cate{  text-align:center; clear:both;margin-top:0.3rem}
.more_cate a{ display:inline-block; border-radius:0.3rem; width:80%; line-height:0.7rem; font-size:0.28rem; color:#6bbeff;background: #f0f3f4; margin-bottom:0.3rem;}
.more_cate a:active{ color:#fff; background:#6bbeff}


.Zjzremark {
    margin-left: 0.1rem;
    color: #fff;
    font-size: 0.2rem;
    background-color: #3191f5;
    padding: 1px 0.1rem;
    border-radius: 0.3rem 0.3rem 0.3rem 0;
    vertical-align: 2px;
    position: absolute;
}