@charset "utf-8";

body{ background: #a1ddf3; font-size:.25rem;}

/* --------------index-start-------------- */
.page{text-align:center;}
.top{ position: relative; width: 100%; height: 1.4rem;}
.top .logo{ height: 1.15rem; float: left;}
.top .logo img{ display: block; height: 100%; width: auto;}
.top .time{position: absolute; right: .62rem; top: 0; padding-top: .15rem;}
.top .time p{ line-height: .28rem; font-size: .18rem; color: #0a5c7a; text-align: center;}
.top .time .sj{ width: 1.38rem; height: .55rem; background: #238bb1; color: #fff; margin-top: .05rem; text-align: center; line-height: .55rem; font-size: .38rem; color: #fff;}
.top .tq{ position: absolute; right: 2.6rem; top: 0; width: 1.5rem;}
.top .tq h2{ margin: .3rem 0 .1rem 0; text-align: center; font-size: .38rem; color: #0a5c7a; line-height: .38rem;}
.top .tq h2 b{ font-size: .2rem;}
.top .tq p{ font-size: .14rem; color: #0a5c7a; text-align: center;}
.top .tq span{ display: block; width: 1.38rem; height: .22rem; color: #fff; border-radius:.11rem; font-size: .12rem; margin: 0 auto; text-align: center; line-height: .22rem; background: #2cabda; margin-top: .05rem;}

.indexContainer{ width: 100%; padding: 0 .3rem; box-sizing: border-box;}
.indexContainer .banner{ margin-top: .3rem;}
.indexContainer .banner img{ display: block; width: 100%; height: auto;}
.indexContainer .layer1{ width: 100%; overflow: hidden;}
.indexContainer .layer1 p{ line-height: 1rem; height: 1rem; overflow: hidden; font-size: .42rem; color: #0a5c7a;}

.indexContainer .layer1   .swiper-container { background: none; width: 100%;padding-top: 50px;padding-bottom: 50px;height: 3.17rem;}


.indexContainer .layer1 .swiper-slide img {transition: 0.5s; display: block;width: auto;height: 3.17rem;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.83);}
.swiper-3d .swiper-slide-shadow-left{ background: none;}
.swiper-3d .swiper-slide-shadow-right{ background: none;}
.indexContainer .layer1 .swiper-slide.swiper-slide-active img{ transform: translate(-50%,-50%) scale(1)}

.indexContainer .layer2{height: 1.98rem; padding-top: .65rem; width: 100%; overflow: hidden; }
.indexContainer .layer2 ul{ overflow: hidden; height: 100%;}
.indexContainer .layer2 ul li{ float: left; height: 100%; margin-right: .2rem;}
.indexContainer .layer2 ul li img{ display: block; height: 100%; width: auto;}
.indexContainer .layer2 ul li:last-child{ margin-right: 0;}
.indexContainer .layer3{ padding: .55rem 0 .35rem 0; width: 100%;}
.indexContainer .layer3 img{ display: block; width: 100%; height: auto;}

.pageTop{ width: 100%; height: 1rem; background: #238bb1; padding: 0 .3rem; box-sizing: border-box;}
.pageTop .time{ float: right;}
.pageTop .logo{ float: left; line-height: 1rem;}
.pageTop .logo img{ display: inline-block; vertical-align: middle; height: .68rem;}
.pageTop .time{ float: right; font-size: .32rem; color: #fff;}
.pageTop .time ul{ overflow: hidden; float: right;}
.pageTop .time ul li{ float: left; margin-left: .45rem; font-size: .34rem; color: #fff; line-height: 1rem;}

.pageTit{position: relative; background: #3996fe; text-align: center; line-height: 1.05rem; width: 100%; height: 1.05rem; text-align: center; line-height: 1.05rem; font-size: .45rem; color: #fff; font-weight: bold;}
.pageTit .back{ display: block; width: 1.05rem; height: 1.05rem; background: url(../images/page_12.jpg) center center no-repeat; position: absolute; right: 0; top: 0; background-size:.68rem auto;}
.pageTit .home{ position: absolute; left: 0; top: 0; width: 1.05rem; height: 1.05rem; float: left; background: url(../images/page_09.jpg) center center no-repeat; background-size:.57rem auto ;}
.pageContainer{ width: 100%; background: url(../images/page_08.jpg); height: 10.37rem; background-size:100% auto; }
.pageContainer .list1{ height: calc(100% - 1.05rem); overflow-y: scroll; padding: 0 .3rem; box-sizing: border-box;}

.pageContainer .list1 li{ width: 100%; height: .9rem; line-height: .9rem; font-size: .28rem; color: #333; padding-left: .36rem; background: url(../images/arrow_03.png) left center no-repeat; box-sizing: border-box; background-size:.13rem auto ; border-bottom: .01rem dashed #8a959c;} 
.pageContainer .list1 li a{ font-size: .32rem; color: #35303c; display: block; float: left; height: .9rem; overflow: hidden; line-height: .9rem; width: 6rem; overflow: hidden;}
.pageContainer .list1 li span{ font-size: .24rem; display: inline-block; float: right;}

.pageContainer .text1{ width: 100%; height: calc(100% - 1.05rem); overflow: scroll; padding: .25rem .3rem; box-sizing: border-box;}
.pageContainer .text1 p{ font-size: .3rem; color: #062f3e; line-height: .64rem; text-indent: .64rem;}

.pageContainer .peo{ overflow-y: scroll; height: calc(100% - 1.05rem); width: 100%; padding: .6rem .3rem 0 .3rem; box-sizing: border-box;}
.pageContainer .peo ul{ overflow: hidden;}
.pageContainer .peo ul li{ width: 32%; float: left; margin-right: 2%;}
.pageContainer .peo ul li:nth-child(3n){ margin-right: 0;}
.pageContainer .peo ul li .text{ padding: .28rem 0 .65rem 0;}
.pageContainer .peo ul li .text h2{ color: #333; font-size: .28rem; text-align: center; font-weight: normal; padding-bottom: .12rem;}
.pageContainer .peo ul li .text p{ font-size: .18rem; color: #333; text-align: center;}

.pageContainer .list2{ width: 100%; height: calc(100% - 1.05rem); overflow-y: scroll; padding: .45rem .3rem 0 .3rem; box-sizing: border-box;}
.pageContainer .list2 ul{ width: 100%;}
.pageContainer .list2 ul li{ overflow: hidden; position: relative; width: 100%; padding: .2rem .15rem; box-sizing: border-box; background: #fff; margin-bottom: .35rem;}
.pageContainer .list2 ul li .icon{ float: left; width: 1.65rem; height: 1.15rem;}
.pageContainer .list2 ul li .icon img{ display: block; width: 100%; height: 100%;}
.pageContainer .list2 ul li .text{ width: calc(100% - 1.65rem); padding-left: .3rem; padding-right: 1.15rem; box-sizing: border-box; float: left;}
.pageContainer .list2 ul li .text h2{ font-size: .24rem; color: #1a2533; line-height: .24rem; margin-bottom: .2rem;}
.pageContainer .list2 ul li .text p{ width: 100%; line-height: .32rem; font-size: .2rem; color: #595c5e;}
.pageContainer .list2 ul li .enter{ width: .96rem; position: absolute; right: 0; top: 0; height: 100%; line-height: 1.55rem; background: #238bb1; text-align: center;}
.pageContainer .list2 ul li .enter span{ display: inline-block; vertical-align: middle; text-align: center; font-size: .32rem; color: #fff; line-height: .48rem;}
.pageContainer .details{ overflow-y: scroll; height: calc(100% - 1.05rem); width: 100%; padding:.5rem .3rem; box-sizing: border-box;}
.pageContainer .details .tit h2{ font-size: .4rem; font-weight: bold; color: #112030;}
.pageContainer .details .tit span{ display: block; font-size: .24rem; color: #03456e; margin-top: .2rem;}
.pageContainer .details p{ font-size: .32rem; color: #03456e; line-height: .64rem;}


.pageContainer .list3{ width: 100%; height: calc(100% - 1.05rem); padding: .65rem .4rem 0 .4rem; box-sizing: border-box;}
.pageContainer .list3 ul{ width: 100%;}
.pageContainer .list3 ul li{ width: 32%; padding-left: .72rem; box-sizing: border-box; background: url(../images/list2_03.png) .32rem center no-repeat #5ba1ef; background-size:.22rem auto ; margin-right: 2%; float: left; margin-bottom: .4rem; height: .75rem; line-height: .75rem; border-radius:.06rem ;}
.pageContainer .list3 ul li:nth-child(3n){ margin-right: 0;}
.pageContainer .list3 ul li a{ color: #fff;}
.pageContainer .videoList{ width: 100%; height: calc(100% - 1.05rem); padding: .6rem .4rem 0 .4rem; box-sizing: border-box; overflow-y: scroll;}
.pageContainer .videoList ul{ width: 100%;}
.pageContainer .videoList ul li{ width: 49%; float: left; margin-right: 2%;}
.pageContainer .videoList ul li:nth-child(2n){ margin-right: 0;}
.pageContainer .videoList ul li .icon{ width: 100%; height: 3.25rem; border: .01rem solid #cadce8; box-sizing: border-box; padding: .1rem; background: #fff;}
.pageContainer .videoList ul li .icon img{ display: block; width: 100%; height: 100%;}
.pageContainer .videoList ul li p{ width: 100%; text-align: center; line-height: .94rem; font-size: .28rem; color: #333;}


.PageMain{ width: 100%; text-align: center;}
.PageMain ul{ text-align: center; padding:  10px 0 80px 0;}
.PageMain ul li{ vertical-align: top; border-radius:50%; margin: 0 5px; display: inline-block; position: relative;}
.PageMain ul li a{ display: block; width: 36px; height: 36px; border-radius:19px; text-align: center; line-height: 36px; font-size: 14px; color: #333; background: #fff;}
.PageMain ul li img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.PageMain ul li.on a{ background: #184998; color: #fff;}