/* CSS Initialization */
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;padding: 0;border: 0;}
body {font-size: 12px;color:#333333; font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
a {text-decoration: none;color: #333333;}
/*a:hover,a:active,a:focus{text-decoration:none;color: #185a94;}*/
fieldset,img {border: none;}
ol, ul, li {list-style: none;}
input, textarea, select, button {font-size: 100%;}
table {border-collapse:collapse; border-spacing:0;}

/* css clear float */
.clearfix::before,.clearfix::after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.fl{float: left;}
.fr{float: right;}
.ovf{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

body{max-width: 6.4rem;margin: 0 auto;overflow-x: hidden;}
/*侧边导航*/
.side-menu{ width: 0;height: 100%;margin:0;background: #ffffff;transition: width .4s;overflow: auto;
    position: fixed;top: 0; left: 0;bottom: 0;z-index: 99;}
.side-menu h3{text-align: center; color: #e60012; padding: .3rem 0;}
.side-menu.on { width: 50%;}
ul,li,h4{list-style: none;margin: 0;padding: 0}
.side-menu>ul>li{background:#fff;color:#333;cursor: pointer;position: relative; padding-left: 0;}
.side-menu>ul>li a{display: block; height: .8rem; line-height: .8rem; font-size: .28rem;text-align: left;
    padding-left: .75rem;position: relative;z-index: 999;}
.side-menu>ul>li i{position: absolute; top: .23rem; left: .3rem; width: .3rem; height: .3rem;}
.side-menu>ul>li i img{width: 100%;}
/*.side-menu>ul>li.add{background:#00af48; color: #fff;}*/
.side-menu>ul>li:last-child{border-bottom: none;}
.side-menu>ul>li h4{padding:8px 0;}
.side-menu>ul li span{position: absolute;top:.2rem;right: .2rem;display: inline-block;width: .4rem;
    height: .4rem;}
.side-menu>ul li span img{width: 100%;}
.side-menu>ul>li .child-ul{background: #fff;display: none; }
.side-menu>ul>li .child-ul li{color: #000; height: .8rem; line-height: .8rem;}
.side-menu>ul>li .child-ul li a{height: auto; line-height: normal; padding: .26rem 0 .26rem .95rem; position: relative;}
.side-menu>ul>li .child-ul i{font-style: normal; padding: 0 5px 0 0;}
.side-menu>ul>li .child-ul i.line{height: .28rem; width: .03rem; background: #8d8d8d; display: block; position: absolute;
    left: .75rem; top: .32rem; padding: 0;}
#side-bg{background: rgba(0,0,0,.6); position: fixed;top: 0; left: 0; right: 0; bottom: 0;display: none;z-index: 9;}
#side-close{position: fixed;top: 0; right: 0; bottom: 0; width: 50%; z-index: 99;display: none;}

.side-bar .side-menu-btn,.side-bar .side-menu-top{width: .7rem; height: .7rem; display: block; position: fixed;
    right: .2rem; bottom: 1rem; z-index: 99;}
.side-bar .side-menu-btn{bottom: 1.8rem;}
.side-bar .side-menu-btn img,.side-bar .side-menu-top img{width: 100%;}
.side-bar .side-menu-top{display: none;}

.banner .swiper-slide img{width: 100%;}
.banner .swiper-pagination-bullet{width: .26rem;height: .08rem; background: #ffffff; border-radius: .04rem;
    opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fffa6e;}

.container{padding: .15rem .15rem 1rem; min-height: 3rem;}
.menu-item{width: 33.333%; padding: .15rem; text-align: center; box-sizing: border-box;}
.menu-item a{display: block; background: #ffffff; border-radius: .1rem; box-shadow: 0 0 .15rem rgba(0,0,0,.1);
    padding: .1rem 0 .2rem;}
.menu-item a img{display: block; width: 70%; margin: 0 auto;}

.footer{position: fixed; bottom: 0; right: 0; left: 0; background: #f3f3f3; height: .8rem;}
.footer a.tel,.footer a.home,.footer a.add{width: .8rem; height: .8rem;}
.footer a.tel{ position: absolute; top: 0; left: .3rem;}
.footer a.add{position: absolute; top: 0; right: .3rem;}
.footer a.home{ margin: 0 auto; display: block;}
.footer a img{width: 100%;}

.search{width: 100%; height: 1.2rem; background: #efefef; padding: .2rem .15rem 0;box-sizing: border-box;
    position: relative; font-size: .28rem;}
.search input{width: 100%; height: .8rem; border: .02rem solid #e60012; border-radius: .08rem;padding: 0 .1rem;
    box-sizing: border-box;}
.search .search-btn{width: 1.5rem; height: .8rem; line-height: .8rem; display: block; position: absolute;
    top: .2rem; right: .15rem; background: #e60012; color: #ffffff; border-top-right-radius: .08rem;
    border-bottom-right-radius: .08rem;text-align: center;}

.crumbs{}
.crumbs>ul>li{position: relative; /*height: .8rem; line-height: .8rem;*/ border-bottom: .02rem solid #e3e3e3;
    padding-bottom: .15rem;}
.crumbs>ul>li span{display: none;}
.crumbs>ul>li i{display: block; width: .4rem; height: .4rem; position: absolute; top: .2rem; left: .15rem;}
.crumbs>ul>li i img{width: 100%;}
.crumbs>ul>li a{display: block; height: .8rem; line-height: .8rem; font-size: .4rem; font-weight: bold;
    padding-left: .8rem;}
.downtip{width: 25px;margin-top: -35px;margin-left: 155px;position: absolute;}
.crumbs>ul>li a:active,.crumbs>ul>li a:focus{color: #333333;}
.crumbs>ul>li .child-ul{display: none; margin-top: .17rem; background: #f4f4f4;}
.crumbs>ul>li .child-ul>li{border-bottom: .02rem solid #ffffff;}
.crumbs>ul>li .child-ul>li a{font-size: .32rem; padding-left: 1rem;}

.notice-item{padding: .3rem 0; border-bottom: .01rem solid #e3e3e3;}
.notice-item .ni-txt{position: relative;}
.notice-item .ni-txt .nit-pic{width: 1.34rem; height: .85rem; border-radius: .07rem; overflow: hidden; position: absolute;
    top: 0; left: 0;}
.notice-item .ni-txt .nit-pic img{width: 100%; min-height: .85rem;}
.notice-item .ni-txt .nit-pic i{display: block; width: .36rem; height: .31rem; position: absolute; top: 0; left: 0;
    background: #e60012 url("../images/warn.png") no-repeat; background-size: 100% 100%;
    border-bottom-right-radius: .07rem;}
.notice-item .ni-txt h3{padding-left: 1.5rem; height: .84rem; line-height: .42rem; font-size: .28rem; overflow: hidden;}
.notice-item .ni-time{position: relative; height: .24rem; line-height: .24rem; font-size: .24rem; color: #999999;
    margin-top: .15rem;}
.notice-item .ni-time .see i{display: block; width: .32rem; height: .24rem; background: url("../images/see.png") no-repeat;
    background-size: 100% auto; background-position: 0 .03rem; float: left; margin-right: .03rem;}
.notice-item .ni-time .time{float: right;}

.mainListLoading{text-align: center; height: .8rem; line-height: .8rem; color: #e60012;}
.mainListLoading i.MIcon{width: .28rem; height: .25rem; display: inline-block; margin-right: .05rem;
    background: url("../images/down-arrow.png") no-repeat; background-size: 100% 100%;}

.news-item{padding: .3rem 0; border-bottom: .01rem solid #e3e3e3; position: relative; height: 1.46rem;}
.news-item .nsit-pic{width: 2.35rem; height: 1.46rem; overflow: hidden; position: absolute; top: .3rem; right: 0;}
.news-item .nsit-pic img{width: 100%; min-height: 1.46rem;}
.news-item .nsi-txt h3{height: 1rem; line-height: .5rem; font-size: .36rem; overflow: hidden; padding-right: 2.5rem;}
.news-item .nsi-txt .nsi-time{height: .24rem; line-height: .24rem; font-size: .24rem; color: #999999; margin-top: .15rem;}
.news-item .nsi-txt .nsi-time .time{padding-right: .1rem;}

.news-item .nsit-pic.member-pic{right: auto; left: 0;}
.news-item .nsi-txt.member-txt h3{padding-right: 0; padding-left: 2.5rem;}
.news-item .nsi-txt.member-txt .nsi-time{padding-left: 2.5rem; text-align: right;}

.show-item{position: relative;padding: .3rem 0; border-bottom: .01rem solid #e3e3e3; height: 2.56rem;}
.show-item .si-pic{width: 1.95rem; height: 2.56rem; overflow: hidden; position: absolute; top: .3rem; left: 0;}
.show-item .si-pic img{width: 100%; min-height: 2.56rem;}
.show-item .si-txt{padding-left: 2.1rem;}
.show-item .si-txt h3{height: 1rem; line-height: .5rem; font-size: .36rem; overflow: hidden;}
.show-item .si-txt .sit-time{margin-top: .2rem;}
.show-item .si-txt .sit-time span{display: block; color: #999999; height: .24rem; line-height: .24rem; margin: .15rem 0;
    font-size: .24rem;}
.show-item .si-txt .sit-time span.time i{background: url("../images/time.png") no-repeat;}
.show-item .si-txt .sit-time span.see i{background: url("../images/see1.png") no-repeat;}
.show-item .si-txt .sit-time span.time i,.show-item .si-txt .sit-time span.see i{display: block; float: left;
    width: .35rem; height: .24rem; background-size: 100% auto; margin-right: .1rem;}
.show-item .si-txt .sit-time .right-arrow{width: .44rem; height: .44rem; background: url("../images/right-arrow.png") no-repeat;
    position: absolute; bottom: .3rem; right: 0; display: block; background-size: 100% 100%; margin: 0;}

.safe-item{font-size: .3rem; padding: .2rem; display: block; box-shadow: 0 0 .08rem rgba(0,0,0,.2);margin: .3rem 0;
    border-radius: .1rem; font-weight: bold;}
.safe-item i{display: inline-block; width: .12rem; height: .12rem;  background: #e60012; border-radius: 50%; float: left;
    margin: .19rem .05rem 0 0;}

.build-item{padding: .3rem 0; position: relative; border-bottom: .01rem solid #e3e3e3;}
.build-item h3{font-size: .36rem; }
.build-item .bi-time{height: .24rem; line-height: .24rem; color: #999999;font-size: .24rem; margin-top: .15rem;}
.build-item .bi-time span.see{margin-right: .2rem; color: #e60012;}
.build-item .bi-time span.right-arrow{width: .26rem; height: .24rem; display: block; background: url("../images/build-arrow.png") no-repeat;
    background-size: 100% 100%; float: right;}

.law-item{padding: .3rem 0;position: relative; border-bottom: .01rem solid #e3e3e3;}
.law-item .li-icon{display: block; width: .32rem; height: .32rem; background: #e60012 url("../images/law-icon.png") no-repeat;
    background-size: 100% 100%; position: absolute; top: .38rem; left: 0; border-radius: .05rem;}
.law-item h3{font-size: .32rem; height: .92rem; line-height: .46rem; overflow: hidden; padding-left: .45rem;}
.law-item .li-time{margin-top: .15rem; height: .24rem; line-height: .24rem; font-size: .24rem; color: #999;text-align: right;}
.law-item .li-time span.see{margin-right: .3rem;}
.law-item .li-time span.see i{display: inline-block; width: .35rem; height: .24rem;  background: url("../images/see1.png") no-repeat;
    background-size: 100% 100%;}

.train-item{padding: .3rem 0;position: relative; border-bottom: .01rem solid #e3e3e3;}
.train-item .ti-time{width: .84rem; height: .84rem; text-align: center; color: #666; border: .02rem solid #efefef;
    position: absolute;top: .3rem; left: 0;}
.train-item .ti-time em{font-size: .4rem;}
.train-item .ti-time span{font-size: .16rem;}
.train-item .li-pic{width: 1.3rem; height: .84rem; overflow: hidden; position: absolute; right: 0; top: .3rem;}
.train-item .li-pic img{width: 100%; min-height: .84rem; }
.train-item h3{padding: 0 1.4rem 0 1rem; font-size: .3rem; height: .84rem; line-height: .42rem; overflow: hidden; }

.num-item{padding: .3rem 0;position: relative; border-bottom: .01rem solid #e3e3e3;}
.num-item .numi-pic{width: .6rem; height: .6rem; position: absolute; left: 0; top: .3rem; overflow: hidden;}
.num-item .numi-pic img{width: 100%; min-height: .6rem;}
.num-item h3{font-size: .3rem; height: .6rem; line-height: .6rem; padding: 0 1.5rem 0 .7rem;}
.num-item span{display: block; width: 1.4rem; height: .6rem; line-height: .6rem; font-size: .2rem; position: absolute;
    right: 0; top: .3rem; color: #999999;}

.study-item{padding: .3rem 0;position: relative; border-bottom: .01rem solid #e3e3e3;}
.study-item .si-pic{width: 2rem; height: 1.4rem; overflow: hidden; position: absolute; top: .3rem; left: 0;}
.study-item .si-pic img{width: 100%; min-height: 1.4rem;}
.study-item .si-txt{height: 1.4rem; padding-left: 2.1rem;}
.study-item .si-txt h3{height: .84rem; line-height: .42rem; font-size: .32rem; overflow: hidden;}
.study-item .si-txt .si-time{height: .44rem; line-height: .44rem; background:#efefef; padding: 0 0 0 .1rem; font-size: .2rem;
    color: #999; margin-top: .12rem;}
.study-item .si-txt .si-time .time,.study-item .si-txt .si-time .see{display: block; float: left;}
.study-item .si-txt .si-time .time{margin-right: .2rem;}
.study-item .si-txt .si-time .time i{display: block;width: .35rem; height: .34rem; background: url("../images/time.png") no-repeat;
    background-size: 100% auto; float: left; background-position: 0 .1rem;}
.study-item .si-txt .si-time .see i{display: block;width: .35rem; height: .34rem; background: url("../images/see1.png") no-repeat;
    background-size: 100% auto; float: left; background-position: 0 .1rem; margin-right: .1rem;}
.study-item .si-txt .si-time .arrow{width: .44rem; height: .44rem; display: block; float: right;
    background: url("../images/right-arrow.png") no-repeat; background-size: 100% 100%;}

.detail h3{font-size: .36rem;}
.detail span.time i{display: block; width: .35rem; height: .24rem; background: url("../images/time.png") no-repeat;
    background-size: 100% 100%; float: left;}
.detail span.time{font-size: .28rem; color: #999999; height: .24rem; line-height: .24rem; padding: .25rem 0 .3rem;display: block;}
.detail .con{font-size: .28rem; color: #555;}
.detail .con img{max-width: 100%}
.detail.about{padding: .3rem 0 0;}