*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a,abbr,address,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,var{margin:0;padding:0;max-height:6250pc;border:0 none;color:inherit;vertical-align:baseline;font-size:inherit}
html{font-size:100px}
h1,h2,h3,h4,h5,h6{font-weight:400}
i,em,strong{font-style:normal}
li,ol,ul{list-style:none}
body{color:#444;font-size:.28rem;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;line-height:1.5}
a{text-decoration:none}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
header{}
nav.swiper-container{z-index:9999}
nav{overflow:hidden;width:100%;height:.8rem; padding-bottom:.03rem; line-height:.8rem; background-color:#f2f2f2;}
nav .swiper-slide{margin:0 .1rem;width:1.5rem;text-align:center;letter-spacing:2px;    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;-box-flex: 1; flex: 1;}
nav .swiper-slide a{color:#000;-webkit-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
nav .active a{font-size:.32rem;color:#21b100}
/*nav .active{border-bottom:#fff solid .05rem}*/
.box{position:relative;margin:0 auto;}
.banner{width:100%;height:auto;margin-bottom:.1rem}
.banner-item{position:relative; display:block;width:100%;height:auto;}
.banner-tit{position:absolute;bottom:0;left:0;display:inline-block;padding:.1rem 0;width:100%;line-height:.42rem;color:#fff;background: -webkit-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,0.24) 40%,rgba(0,0,0,0.29) 47%,rgba(0,0,0,0.65) 95%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 8%,rgba(0,0,0,0.24) 40%,rgba(0,0,0,0.29) 47%,rgba(0,0,0,0.65) 95%);}
.banner-tit i{display:inline-block;width:80%;font-size:.32rem;padding-left:.1rem;}
.banner-pic{position:relative;width:100%;height: 800px;max-height:4.65rem;display:block;}
.banner .swiper-pagination{z-index:10;right:0; left:auto;border-bottom:0;width:15%; color:#fff}
.banner .swiper-pagination .swiper-pagination-current{color:#f41e1e; font-size:.36rem;}

.inner{-webkit-flex:1;-ms-flex:1;flex:1;background-color:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.article-item{padding:.12rem 0; width:100%;border-bottom:#ccc solid 1px;}
.article-pic{display:inline-block}
.article-pic a{display:block;}
.article-pic-img{float:left;width:27%;height:1.5rem; overflow:hidden;}
.article-pic-img img{width:100%;min-height:1.4rem;}
.article-pic-info{float:left;width:71%;padding-left:2%}
.article-pic-tit{width:100%;height:.9rem;overflow:hidden;font-size:.3rem;}
.article-pic-date{color:#888;font-size:.26rem;}

.article-pics{display:inline-block}
.article-pics-title{ width:100%;height:.3rem; line-height:.3rem;overflow:hidden;font-size:.3rem; margin: .05rem 0 .1rem 0;}
.article-pics-title a{width:100%;height:.5rem;display:block}
.article-pics-title p{ display:inline-block;width:80%;}
.article-pics-title span{ float:right;color:#888;font-size:.26rem;}
.article-pics-img{width:100%;max-height:1.8rem;overflow:hidden}
.article-pics-img .item{float:left;width:32%;margin-right:2%;}
.article-pics-img .item .item-img{ display:inline-block; width:100%;min-height: 1.4rem;}
.article-pics-img li:last-child{margin-right:0}
.article-bigimg{width:100%;height:auto;display:block}
.article-bigimg .img{ display:block;width:100%;min-height:1.4rem;max-height:3rem;}

.nav-title{display:inline-block;padding:0 .2rem 0 .3rem;}
.nav-title a{color:#fff;font-size:.36rem;}
.nav-line{display:inline-block;color:rgba(255,255,255,.5)}
.nav-sub-title{display:inline-block;font-size:.3rem;padding:0 .2rem;color:#fff;}
.article-title{font-size:.42rem}
time{display:inline-block;margin:.2rem 0;font-size:.26rem; color:#888;}
time .time{display:inline-block;margin-right:30px;}
time .click{display:inline-block}
article{font-size:.28rem}
article p{margin:.05rem 0;/*text-indent:2em;*/}
article .photo{margin:.1rem 0;text-align:center}
article img{display:block;max-width:100%;margin:auto}
article .photo span{font-size:.3rem}
video{display:block;max-width:100%;height:auto;max-height:4.65rem;margin:.15rem auto}
audio{ width:100%; height:.8rem/*display:none*/}
.article-bottom{display:block;margin:.5rem 0;padding-top:.2rem;width:100%; height:auto; border-top:dotted 1px #444}
.article-bottom img{ width:90%;}

.service-floor{margin-top:-.1rem;}
.service-column{float:left;display:inline-block;padding:.3rem 0 .1rem 0;width:100%;text-indent:.2rem;font-size:.32rem;background:#f6f5fa;color:#222;font-weight:900;}
.service-items{float:left;display:inline-block;width:100%;background:#fff;border-top:#d7d7d7 solid 1px;}
.service-item{float:left;width:50%;height:1.15rem;line-height:1.15rem;border-bottom:#d7d7d7 solid 1px;border-right:#d7d7d7 solid 1px;}
.service-item a{display:block}
.service-item-img{display:inline-block;margin:0 .1rem 0 .2rem;width:15%;}
.service-item-img img{width:100%;vertical-align:middle}
.service-item-text{display:inline-block;}

.matrix-categories{padding:.2rem 0}
.matrix-category{float:left;margin:.2rem 0 .4rem 0;width:33.3333%;height:2rem;text-align:center; background-position:center .2rem;background-repeat:no-repeat;background-size:1.47rem 1.48rem;}
.matrix-category a{width:100%;height:2rem;line-height:4rem;display:block;font-size:.32rem}
.matrix-categories li:nth-child(1){ background-image:url(../images/icon-matrix1.png)}
.matrix-categories li:nth-child(2){ background-image:url(../images/icon-matrix2.png)}
.matrix-categories li:nth-child(3){ background-image:url(../images/icon-matrix3.png)}
.matrix-categories li:nth-child(4){ background-image:url(../images/icon-matrix4.png)}
.matrix-categories li:nth-child(5){ background-image:url(../images/icon-matrix5.png)}

.matrix-items{padding:.2rem 0}
.matrix-item{float:left;margin:.2rem 0;width:25%;height:1.65rem;overflow:hidden;text-align:center}
.matrix-item a{width:100%;display:block;}
.matrix-item i{ margin:.1rem auto;width:1.1rem;height:1.1rem;display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-position:0 0;background-repeat:no-repeat;background-size:1.1rem 1.1rem;-webkit-box-shadow:0 0 .1rem rgba(0,0,0,.5);-moz-box-shadow:0 0 .1rem rgba(0,0,0,.5);box-shadow:0 0 .1rem rgba(0,0,0,.5);}