@charset "utf-8";
@import url('reset.min.css');
*{font-family:"Microsoft YaHei"; box-sizing: border-box; -webkit-box-sizing: border-box;}
.introduction table{width:100% !important;border-collapse:collapse}
.text-center{text-align:center}
.text-right{text-align:right}
.ib{display:inline-block}
.wauto{width:100%;height:auto}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pz{position:relative;z-index:0}
.pa{position:absolute;z-index:999}
.pf{position:fixed;z-index:1}
.b{font-weight:bold}
.imgW{max-width:100%}
.cb{clear:both}
.flex{display: flex; display: -webkit-flex; flex-wrap: nowrap;}
.flexWrap{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flexColumn{display: flex; display: -webkit-flex; flex-direction: column;}
.flexCenter{display: flex; display: -webkit-flex;align-items:center;justify-content:center; flex-wrap: wrap;}
.flexAc{display: flex; display: -webkit-flex; align-items: center;}
.flexJc{display: flex; display: -webkit-flex; justify-content: center;}
.flexJb{display: flex; display: -webkit-flex; justify-content: space-between}
.flexRight{display: flex; display: -webkit-flex; justify-content: flex-end}
.text-left{text-align:left}
.textRight{text-align: right;}
body{background:#fff}
img{max-width: 100%;}
img{max-width: 100%;}
a{color:#fff}
.ov{overflow: hidden;}
body{line-height: 1;}
.hidden{display: none !important;}
body{max-width: 640px; margin: 0 auto;}
.tovs{text-overflow: ellipsis; white-space: nowrap;}
/*header*/
header{height: 1.09rem; box-shadow: 0 0 .2rem #666; padding: 0 .15rem; top: 0; left: 0; background-color: #fff; width: 100%; z-index: 9999999 !important;}
.ht{width: 100%; height: 1.09rem;}
header .back{width: .44rem; height: .44rem; background: url(../images/icon/back.png) no-repeat; background-size: 100% 100%;}
header a.logo{width: 5.1rem; margin-left: .09rem;}
header img{width: 100%}
header .navCtrl{width:.44rem;height:.44rem;background:url(../images/icon/navctrl.png) no-repeat;background-size:100% 100%; margin-left: .03rem;}
 /*nav*/
.headerNavs{width: 100%; justify-content: space-between; margin-top: .21rem;}
.headerNavs li{width: 1.46rem; height: .58rem; margin: 0 .18rem .1rem 0;}
.headerNavs li:nth-child(4n){margin-right: 0;}
.headerNavs li a{width: 100%; height: .58rem; background-color: #029fe6; font-size: .24rem; color: #fff;}
.headerNavs li a.active{background-color: #363333; color: #fff;}
.shadow{position:fixed;z-index:998;left:0;top:0;width:100%;height:10000px;background-color:rgba(0,0,0,.3);display: none;}
nav{width: 50%; height: 100vh; overflow: scroll; overflow-x: hidden; overflow-y: auto; background-color: #fff; display: none; position: fixed; z-index: 10000; left: 0; top: 0;}
nav.active,.shadow.active{display: block;}
nav ul{flex-direction: column;}
nav ul li{border-bottom: 1px solid #ccc;}
nav ul li a{padding: 0 5%; height: .5rem; line-height: .5rem; font-size: .24rem; color: #333;}
nav ul li a:hover{background-color: #875f53; color: #fff;}
/*banner*/
.swiper-container{z-index: 10;}
.banner{width: 100%;}
/*footer*/
footer{bottom: 0; left: 0; width: 100%; height: 1.23rem; background-color: #029fe6; max-width: 640px;}
@media(min-width: 641px){
    footer{
        left: calc( (100vw - 656px )/2);
    }
}
.ft{width: 100%; height: 1.23rem;}
footer li{width: 25%; height: 1.23rem;}
footer li a{width: 100%; height: 1.23rem; padding: .7rem 0 .19rem 0; font-size: .24rem; color: #fff;}
footer li a::after{content: ''; display: block; width: 1px; height: .87rem; background-color: #fff; ; position: absolute; right: 0; top: .17rem}
footer li:nth-child(4) a::after{display: none}
footer li:nth-child(1) a{background: url(../images/icon/footer_home.png) no-repeat .62rem .25rem; background-size: .32rem .31rem;}
footer li:nth-child(2) a{background: url(../images/icon/footer_guide.png) no-repeat .65rem .25rem; background-size: .34rem .33rem;}
footer li:nth-child(3) a{background: url(../images/icon/footer_home.png) no-repeat .61rem .21rem; background-size: .37rem .36rem;}
footer li:nth-child(4) a{background: url(../images/icon/footer_top.png) no-repeat .66rem .23rem; background-size: .28rem .32rem;}
/*main content*/
.main{width: 100%;}
.ntypename{margin: .11rem .22rem; height: .45rem;}
.ntypename .cn{font-size: .28rem;}
.ntypename .en{font-size: .2rem; font-family: Arial, Helvetica, sans-serif;}
.subnavs{margin: .23rem .24rem;}
.subnavs a{width: 1.38rem; height: .36rem; background-color: #029fe6; font-size: .2rem; color: #fff; margin: 0 .13rem .07rem 0;}
.subnavs a:nth-child(4n){margin-right: 0;}
.subnavs a.active{background-color: #eac56d;}
.introduction{border-radius: .08rem;width:100%;padding:.3rem .15rem;text-align:justify;line-height:180%;font-size:.2rem;color:#262626}
.introduction *,.introduction div,.introduction p{font-size:.2rem !important;color:#262626}
 .introduction iframe{
     width:100% !important;
     height:3.5rem !important 
}
 .introduction img{
     max-width:100% !important;
     height:auto !important 
}
.articleTitle{margin-top: .35rem;overflow:hidden;width:100%; text-align:center;line-height:.42rem;font-size:.24rem;font-family:"Microsoft YaHei";color:#645f5f}
.articleTime{text-align:center;line-height:.4rem;padding-bottom: .09rem; font-size:.14rem;color:#858484;}
.articleImg{width:100%;margin-top:.18rem;padding:0 2% .15rem 2%;text-align:center}
.articleImg img{display:block;max-width:100%;margin:0 auto}
.articleContent{overflow:hidden;width:100%;text-align:left;line-height:.45rem;color:#010101;font-size:.18rem !important;font-family:"Microsoft YaHei" !important}
.articleContent img{max-width:100% !important;height:auto !important}
.articleContent *{font-size:.18rem !important;font-family:"Microsoft YaHei" !important}
.articlePages{padding:.2rem 0;line-height:180% !important;font-size:.24rem !important;font-family:"Microsoft YaHei" !important}
.articlePages div{width: 50%;}
.detail{padding:0 .2rem}
/*图片列表*/
.picslist{padding: .59rem .72rem 0 .72rem;}
.picslist li{width: 100%; margin-bottom: .47rem;}
.picslist li img{width: 100%;}
.picslist li .title{margin-top: .12rem; width: 100%; height: .38rem; line-height: .38rem; border-bottom: 1px solid #b8b8b8; font-size: .16rem; color: #717171}
.picslist li .title .more{right: 0; top: 0;}
/*新闻列表*/
.newslist{margin: 0 .22rem}
.newslist li{padding: .15rem 0; border-bottom: 1px solid #7b7b7b;}
.newslist li .title{height: .32rem; line-height: .32rem; font-size: .18rem; color: #e50112;}
.newslist li .addtime{height: .36rem; font-size: .18rem; color: #000;}
.newslist li .des{line-height: .33rem; font-size: .18rem; color: #666;}
/*about*/
.introduction{padding: .28rem .21rem; line-height: .31rem; font-size: .18rem; color: #787878;}
/*pages*/
.pages{color:#333; text-align: center; margin: .3rem 0;}
.pages a{display:inline-block;height:28px;margin-right:5px;padding:0 8px;background:#f10011;border:1px solid #333;line-height:28px;font-size:.18rem;color:#333}
.pages span{display:inline-block;height:28px;margin-right:5px;padding:0 8px;line-height:28px;font-size:18px;color:#333}
.pages span.red{background:#00468c;color:#fff}
/*index*/
.iTop{width: 100%; height: .55rem; font-size: .3rem; color: #ff5f00;}
.iTop::after{content: ''; display: block; width: 4.2rem; height: 1px; background-color: #d9d9d9; position: absolute; z-index: -1; top: 50%; left: 50%; margin: 0 0 0 -2.1rem;}
.iTop span{padding: 0 .04rem; background-color: #fff; line-height: .55rem;}
.iDes{line-height: 170%; font-size: .2rem;}
.indexItem{padding: .15rem 0 0 0}
.indexItem ul{padding: .2rem;}
.indexItem li{width: 1.69rem; margin-right: .4rem;}
.indexItem li:nth-child(3n){margin-right: 0;}
.indexItem li img{width: 100%;}
.indexItem li h2{height: .4rem; font-size: .2rem; color: #333;}
.indexReg{padding: .05rem 0 0;}
.indexReg .c{margin: .1rem 0; background-color: #52cbf8; padding: .15rem .05rem;}
.indexReg .c h2{color: #fff; line-height: 160%;}
.indexReg .c .t1{font-size: .26rem;}
.indexReg .c .t2{font-size: .2rem; color: #333;}
.indexReg .c .t3{font-size: .2rem; padding: 0 .1rem; margin-top: .15rem;}
.indexReg a{width: 2.54rem; height: .28rem; border: .02rem solid #fff; border-radius: .14rem;}
.indexJz{padding: .05rem 0 0;}
.indexJz .c{margin-top: .15rem;}
.indexJz .c .l,.indexJz .c .r{width: 50%; padding-top: .26rem; padding-bottom: .2rem;}
.indexJz .c .l{padding-right: .4rem; background: url(../images/bg/jz1.jpg) no-repeat .15rem top #59b93e; background-size: 1.23rem 1.01rem;}
.indexJz .c .r{background: url(../images/bg/jz2.jpg) no-repeat 1.7rem top #0a7cd4; padding-left: .4rem; background-size: 1.35rem 1.14rem;}
.indexJz .c .title{line-height: .35rem; font-size: .26rem; color: #fff;}
.indexJz .c p{margin: .1rem 0 .24rem 0; line-height: 140%; font-size: .14rem; color: #fff; max-width: 1.5rem;}
.indexJz .c a{height: .35rem; line-height: .35rem; padding: 0 .28rem; background: #fff;}
.indexJz .c .l a{color: #59b93e;}
.indexJz .c .r a{color: #0a7cd4}
.indexJz .c2{ background-color: #ff8468; padding: .15rem .05rem;}
.indexJz .c2 h2{color: #fff; line-height: 160%; padding-right: .82rem;}
.indexJz .c2 .t1{font-size: .26rem;}
.indexJz .c2 .t2{font-size: .2rem; color: #b8391b;}
.indexJz .c2 .t3{font-size: .2rem; padding: 0 .1rem; margin: .1rem 0;}
.indexJz .c2 a{width: 2.54rem; height: .28rem; border: .02rem solid #fff; border-radius: .14rem;}
.indexNews{margin: .16rem 0; padding: 0 .05rem;}
.indexNews .tabs{width: 100%; height: .47rem; border-bottom: 1px solid #e50112;}
.indexNews .tabs li{width: 1.11rem; height: .46rem; background-color: #dcdcdc; border-radius: .05rem .05rem 0 0; margin-right: .1rem; font-size: .24rem; color: #000;}
.indexNews .tabs li.active{background-color: #029fe6; color: #fff;}
.indexNews .tabs a{color: #000; font-size: .18rem; line-height: .47rem;}
.indexNews .list{display: none;}
.indexNews .list.active{display: block}
.indexNews .list li.t{margin: .18rem 0; width: 100%; border-bottom: 1px dashed #dbdbdb;}
.indexNews .list li.t a{width: 100%;}
.indexNews .list li.t .img,.indexNews .list li.t .img img{width: 2.01rem; height: 1.56rem;}
.indexNews .list li.t .text{width: 3.95rem;}
.indexNews .list li.t .title{height: .31rem; line-height: .31rem; font-size: .18rem; color: #000;}
.indexNews .list li.t .addtime{height: .28rem; line-height: .28rem; font-size: .18rem; color: #000;}
.indexNews .list li.t .des{line-height: .32rem; font-size: .18rem; color: #666;}
.indexNews .list li.n{width: 100%; height: .4rem;}
.indexNews .list li.n .title{width: 4.9rem; color: #000; background: url(../images/icon/newsArrow.png) left center no-repeat; background-size: .18rem .13rem; padding-left: .22rem;}
.indexNews .list li.n .addtime{width: 1.4rem; color: #000;}

