.notice-wrapper{
	width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-top: 20px;
	cursor: pointer;
}
.notice-wrapper .notice-icon{
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 12px;
}
.notice-wrapper .notice-content{
	color: #FFA05A;
	display: flex;
	border-bottom: 1px solid #FFA05A;
	font-size: 15px !important;
}
/* 疫情期入馆须知 start */
.mask-wrapper{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 10;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
}
.mask-wrapper .mask-content{
	width: 780px;
	height: 460px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 20px 15px 0;
	border-radius: 4px;
}
.mask-wrapper .mask-content .title-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #B8B8B8;
	padding-bottom: 10px;
}
.mask-wrapper .mask-content .title-wrapper .title-left{
	display: flex;
	justify-content: center;
	align-items: center;
}
.mask-wrapper .mask-content .title-wrapper .title-left .title-icon{
	display: flex;
	width: 31px;
	height: 32px;
}
.mask-wrapper .mask-content .title-wrapper .title-left .title-text{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-left: 10px;
}
.mask-wrapper .mask-content .title-wrapper .mask-close{

}
.mask-wrapper .mask-content .title-wrapper .mask-close .close-img{
	display: block;
	width: 20px;
	height: 20px;
}
.mask-wrapper .mask-content .tip-content{
	height: 386px;
	overflow-y: auto;
}
.mask-wrapper .mask-content .tip-content .tip-item{
	padding: 20px 10px 0 20px;
}
.mask-wrapper .mask-content .tip-content .tip-item .item-title-wrapper{
	position: relative;
	height: 40px;
}
.mask-wrapper .mask-content .tip-content .tip-item .item-title-wrapper .item-order{
	width: 40px;
	height: 40px;
	line-height: 34px;
	background: #FFFFFF;
	border: 3px solid #0068B7;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #0068B7;
}
.mask-wrapper .mask-content .tip-content .tip-item .item-title-wrapper .item-title-text{
	width: 149px;
	height: 34px;
	line-height: 34px;
	background: #0068B7;
	border-radius: 17px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 10px;
	z-index: 1;
}
.mask-wrapper .mask-content .tip-content .tip-item .item-content{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 25px;
	padding-left: 10px;
	padding-top: 5px;
}
/* 疫情期入馆须知 end */

.indexSwiper{width: 100%;height: 100%;}

.idxHeadArea{
	width: 100%;
	z-index: 2;
	position: fixed;
	left: 0;
	top: 0;
}

.indexSwiper .swiper-container {
	width:100%;
	height: 100%;
	color: #fff;
}
.indexSwiper .swiper-slide{
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.indexSwiper  .slide01{
	background-image: url(../images/index-bg-01.png);
}
.indexSwiper  .slide02{
	background-image: url(../images/index-bg-02.png);
}
.indexSwiper  .slide03{
	background-image: url(../images/index-bg-03.png);
}
.indexSwiper  .slide04{
	background-image: url(../images/index-bg-04.png);
}
.indexSwiper  .slide05{
	background-image: url(../images/index-bg-05.png);
}
.indexSwiper  .slide06{
	background-image: url(../images/index-bg-06.png);
}
.indexSwiper  .slide07{
	background-image: url(../images/index-bg-07.png);
}

.indexSwiper  .slide08{
	background-image: url(../images/index-bg-08.png);
}

.leftMenuArea{
	width: 50px;
	height: 212px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 25px;
	bottom: 175px;
	z-index: 2;
	padding: 0 6px;
}

.leftMenuLi{
	height: 53px;
	border-bottom: 1px solid #B5B5B5;
}

.ltMenuLink{
	width: 100%;
	height: 100%;
	display: block;
	padding: 15px 0;
	position: relative;
}

.ltMenuLink i{
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
}

.ltMenuLink01 i{
	background-image: url(../images/lf-menu-01.png);
}


.ltMenuLink02 i{
	background-image: url(../images/lf-menu-02.png);
}


.ltMenuLink03 i{
	background-image: url(../images/lf-menu-03.png);
}


.ltMenuLink04 i{
	background-image: url(../images/lf-menu-04.png);
}

.ltMenuIn{
	position: absolute;
	left: 60px;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 3px 1px #adadad;
	-moz-box-shadow: 0 0 3px 1px #adadad;
	-ms-box-shadow: 0 0 3px 1px #adadad;
	-o-box-shadow: 0 0 3px 1px #adadad;
	box-shadow: 0 0 3px 1px #adadad;
	-webkit-border-radius:5px ;
	-moz-border-radius:5px ;
	border-radius: 5px;
	overflow: hidden;
	display: none;
}

.wxEqImg {
	top: 0;
	width: 100px;
	height: 100px;
}

.wxEqImg img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.telArea{
	color: #000;
	font-size: 15px;
	width: 124px;
	text-align: center;
	padding: 5px 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ltMenuLink:hover .ltMenuIn
{
	display: block;
}


.rightMenuArea{
	width:50px;
	position: absolute;
	right:48px;
	top: 50%;
	-webkit-transform:translateY(-50%) ;
	-moz-transform:translateY(-50%) ;
	-ms-transform:translateY(-50%) ;
	-o-transform:translateY(-50%) ;
	transform:translateY(-50%) ;
	z-index: 2;
}

.rtMenuLink{
	color: #fff;
	font-size: 15px;
	text-align: center;
	display: block;
	width: 78px;
	height: 78px;
	background:rgba(0,0,0,.5);
	padding-bottom: 10px;
	-webkit-border-radius:8px ;
	-moz-border-radius:8px ;
	border-radius:8px ;
	overflow: hidden;
	margin-bottom: 10px;
}

.rtMenuLink:hover{
	background-color:#FF9000;
}

.rtMenuLink img{
	width: 32px;
	height: 32px;
	object-fit: cover;
	display: inline-block;
	margin: 8px 0 2px 0;
	-webkit-transition:all .4s ;
	-moz-transition:all .4s ;
	-ms-transition: all .4s;
	-o-transition:all .4s ;
	transition:all .4s ;
}

.rtMenuLink:hover img{
	-webkit-transform:rotate(40deg) ;
	-moz-transform:rotate(40deg) ;
	-ms-transform: rotate(40deg);
	-o-transform:rotate(40deg) ;
	transform:rotate(40deg) ;
}

.curNav .rtMenuLink{
	background-color:#FF9000;
}


.conIn{
	position: absolute;
	left: 50%;
	top: -1000px;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all .7s ;
	-moz-transition:all .7s ;
	-ms-transition:all .7s ;
	-o-transition:all .7s ;
	transition:all .7s ;
}

.con01{
	width:620px;
	margin-left: -310px;
	margin-top: -106px;
}

.swiper-slide-active .conIn{
	top: 50%;
	-webkit-transform:scale(1) ;
	-moz-transform:scale(1) ;
	-ms-transform:scale(1) ;
	-o-transform:scale(1) ;
	transform:scale(1) ;
}

.searchOut{
	width: 100%;
}

.searchBody{
	text-align: left;
	width: 100%;
	height: 50px;
	background: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
}


.sSelInpArea{
	width: 100%;
	overflow: hidden;
}

.sSelInpArea input{
	float: left;
	outline: none;
}

.sSelInp{
	font-size:16px;
	width:77%;
	height:50px;
	background:#FFFFFF;
	border:none;
	padding: 0 13px;
}

.sSelBtn{
	font-size:16px;
	font-weight:400;
	color:#fff;
	width:140px;
	height:50px;
	background:#FF0000;
	border:none;
	cursor: pointer;
	border-radius: 0 50px 50px 0;
	float: right;
}

.searchIcon{
	width: 13px;
	height: 13px;
	background: url(../images/search-icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

.searchOhter{
	color: #fff;
	margin-top: 20px;
}

.searchOhter a{
	margin: 0 17px;
}

.choseArea{
	color: #fff;
}

.searchLink i,
.choseArea i{
	display: inline-block;
	vertical-align: middle;
}

.choseArea i{
	width: 18px;
	height: 18px;
	background: url(../images/s-chose-01.png) no-repeat;
	margin: -3px 5px  0 0;
}

.choseArea.isChose i{
	background-image: url(../images/s-chose-02.png);
}

.searchLink,.searchLink:hover{
	color: #FFA05A;
	text-decoration: underline;
}

.searchLink i{
	margin: -3px 5px  0 0;
}

.wxgIcon{
	width: 14px;
	height: 16px;
	background: url(../images/wxg-icon.png) no-repeat;
}

.ysyIcon{
	width: 19px;
	height: 16px;
	background: url(../images/ysy-icon.png) no-repeat;
}

.notice{
	font-size: 14px;
	height:63px;
	line-height:63px;
	-webkit-border-radius:0px 0px 4px 4px ;
	-moz-border-radius:0px 0px 4px 4px ;
	border-radius:0px 0px 4px 4px ;
	padding: 0 0 0 26px;
}

.notIcon{
	width: 20px;
	height: 20px;
	background:url(../images/not-icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: -8px 11px 0 0;
}

.notTit{color: #FFAE00;}
.notCon{
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	max-width: 76%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: -3px;
}
.more,.more:hover{
	color: #FFAE00;
	display: inline-block;
	margin-left: 10px;
	text-decoration: underline;
}



/* page two s */
.con02{
	width: 1100px;
	margin-left: -550px;
	margin-top: -250px;
	background:rgba(255,255,255,.9);
	-webkit-border-radius:4px ;
	-moz-border-radius:4px ;
	border-radius:4px ;
	padding: 20px 20px 36px;
}

.conInTitArea{
	color: #333333;
	font-size:18px;
	font-weight:bold;
	border-bottom: 1px solid #B8B8B8;
	padding-bottom: 10px;
	height:40px;
	position: relative;
}

.titIcon{
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
	margin: -4px 6px 0 0;
}

.titIcon01{background-image: url(../images/tit-icon-01.png);}

.titEngFt{
	color: #666666;
	margin-left: 7px;
}

.actSignLink{
	font-size: 15px;
	color: #3466CC;
	margin-left: 30px;
	border-bottom:1px solid #3466CC;
}

.conInMore{
	font-size:14px;
	font-weight:400;
	color:#545454;
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
}

.moreIcon{
	width:7px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/tit-right.png) no-repeat;
	background-size: 100% 100%;
	margin: -2px 0 0 7px;
}

.conInModelArea{
	width: 100%;
	height: 370px;
	margin-top: 28px;
}

.serverMenu{
	width: 570px;
}

.serveMenuLi{
	margin-bottom: 18px;
}

.marRight14{
	margin-right: 14px;
}

.marLeft14{
	margin-left: 14px;
}

.serveMenuLink{
	text-align: center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display: block;
	width: 176px;
	height: 176px;
	-webkit-border-radius:4px ;
	-moz-border-radius:4px ;
	border-radius:4px ;
	overflow: hidden;
	position: relative;
}

.serveMenuLink p{
	width: 112px;
	margin: 0 auto;
}
.serveMenuLink:hover p{
	text-decoration: underline;
}

.mdBgColor01 .serveMenuLink{
	background:-webkit-linear-gradient(-30deg,rgba(255,180,68,1) 0%,rgba(255,201,90,1) 100%);
	background:-moz-linear-gradient(-30deg,rgba(255,180,68,1) 0%,rgba(255,201,90,1) 100%);
	background:-ms-linear-gradient(-30deg,rgba(255,180,68,1) 0%,rgba(255,201,90,1) 100%);
	background:-o-linear-gradient(-30deg,rgba(255,180,68,1) 0%,rgba(255,201,90,1) 100%);
	background:linear-gradient(-30deg,rgba(255,180,68,1) 0%,rgba(255,201,90,1) 100%);
	background:#FFB444\9;
}

.mdBgColor02 .serveMenuLink{
	background:-webkit-linear-gradient(-30deg,rgba(254,119,124,1) 0%,rgba(255,143,141,1) 100%);
	background:-moz-linear-gradient(-30deg,rgba(254,119,124,1) 0%,rgba(255,143,141,1) 100%);
	background:-ms-linear-gradient(-30deg,rgba(254,119,124,1) 0%,rgba(255,143,141,1) 100%);
	background:-o-linear-gradient(-30deg,rgba(254,119,124,1) 0%,rgba(255,143,141,1) 100%);
	background:linear-gradient(-30deg,rgba(254,119,124,1) 0%,rgba(255,143,141,1) 100%);
	background:#FE777C\9;
}

.mdBgColor03 .serveMenuLink{
	background:-webkit-linear-gradient(-30deg,rgba(47,187,253,1) 0%,rgba(79,213,255,1) 100%);
	background:-moz-linear-gradient(-30deg,rgba(47,187,253,1) 0%,rgba(79,213,255,1) 100%);
	background:-ms-linear-gradient(-30deg,rgba(47,187,253,1) 0%,rgba(79,213,255,1) 100%);
	background:-o-linear-gradient(-30deg,rgba(47,187,253,1) 0%,rgba(79,213,255,1) 100%);
	background:linear-gradient(-30deg,rgba(47,187,253,1) 0%,rgba(79,213,255,1) 100%);
	background:#2FBBFD\9;
}

.mdBgColor04 .serveMenuLink{
	background:-webkit-linear-gradient(-30deg,rgba(113,168,254,1) 0%,rgba(123,190,255,1) 100%);;
	background:-moz-linear-gradient(-30deg,rgba(113,168,254,1) 0%,rgba(123,190,255,1) 100%);;
	background:-ms-linear-gradient(-30deg,rgba(113,168,254,1) 0%,rgba(123,190,255,1) 100%);;
	background:-o-linear-gradient(-30deg,rgba(113,168,254,1) 0%,rgba(123,190,255,1) 100%);;
	background:linear-gradient(-30deg,rgba(113,168,254,1) 0%,rgba(123,190,255,1) 100%);;
	background:#71A8FE\9;
}

.mdBgColor05 .serveMenuLink{
	background:-webkit-linear-gradient(-30deg,rgba(13,190,96,1) 0%,rgba(6,215,94,1) 100%);
	background:-moz-linear-gradient(-30deg,rgba(13,190,96,1) 0%,rgba(6,215,94,1) 100%);
	background:-ms-linear-gradient(-30deg,rgba(13,190,96,1) 0%,rgba(6,215,94,1) 100%);
	background:-o-linear-gradient(-30deg,rgba(13,190,96,1) 0%,rgba(6,215,94,1) 100%);
	background:linear-gradient(-30deg,rgba(13,190,96,1) 0%,rgba(6,215,94,1) 100%);
	background:#0DBE60\9;
}


.serveIcon{
	width:64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: 38px auto 20px;
}


.actIcon01{background-image: url(../images/act-icon-01.png);}
.actIcon02{background-image: url(../images/act-icon-02.png);}
.actIcon03{background-image: url(../images/act-icon-03.png);}
.actIcon04{background-image: url(../images/act-icon-04.png);}

.selfLibImg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}

p.selfLibTit{
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	position: absolute;
	left:0;
	bottom: 22px;
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
}

.lastNoticeArea{
	width: 490px;
}

.lastNotHd{
	height: 40px;
	border-bottom: 1px solid #D8D8D8;
	position: relative;
}

.lastNotTit{
	font-size: 20px;
	color: #A32424;
	padding:0 12px 10px;
	border-bottom: 2px solid #A32424;
}

.notMore{
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}

.notMore i{
	width: 18px;
	height: 18px;
	background: url(../images/not-more.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin:0 0 0 10px;
}

.lastNotLink{
	font-size: 15px;
	color: #000000;
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px dashed #C0C0C0;
}

.lastNotLink span{
	display: inline-block;
	vertical-align: middle;
}

.lastNotCon{
	color: #000;
	width: 80%;
	height: 55px;
	overflow: hidden;
}

.lastNotTm{color: #333;}


.recBkTit{
	text-align: center;
	display: block;
	width:130px;
	height: 20px;
	font-size: 15px;
	font-weight: 400;
	color: #0B0B0B;
	margin:10px auto 0;
}

.silLink:hover .recBkTit{
	color: #2a74c7;
	text-decoration: underline;
}

/* page two e */

/* page three s */
.titIcon02{
	background-image: url(../images/tit-icon-02.png);
}

.digTabHd{margin-bottom: 40px;}

.digTabHdLink{
	color: #684B3E;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 190px;
	height: 42px;
	line-height: 42px;
	background: #FFFFFF;
	border: 1px solid #A0A0A0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right: 12px;
}

.curDigTabHdLi .digTabHdLink{
	color: #fff;
	border-color: #486FFF ;
	background: #486FFF;
}

.digTabBd{
	width: 100%;
	height: 290px;
	overflow-y: auto;
}

.digTabBdLi{
	width: 20%;
	margin-bottom: 50px;
}

.digTabBdLink{
	color: #2F2F2F;
	font-size: 16px;
	display: block;
	width: 98%;
	height: 26px;
}

.digTabBdLink i{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

/* page three e */

/* page four s */
.titIcon03{
	background-image: url(../images/tit-icon-03.png);
}
.infoModel{
	width: 582px;
}

.infoImg{
	width: 582px;
	height:370px;
	display: block;
}

.infoImg img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.infoModelTit{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #003762;
	padding:0 10px;
}


.infoModelTit a{
	font-size: 18px;
	color: #fff;
	display: block;
	width: 87%;

}

.infoMenu{
	width: 468px;
}

.infoMuLink{
	width: 220px;
}

/* page four e */

/* page five s */
.titIcon04{background-image: url(../images/tit-icon-04.png);}

.libConArea{
	width:524px;
	color: #000000;
	font-size: 15px;
	margin-right: 10px;
}

.libImg{
	width:524px;
	height:150px;
	margin-bottom: 20px;
}

.libImg img{
	width: 100%;
	height: 100%;
}

.libCon p{
	text-indent: 2em;
}

.libServeArea{
	width: 514px;
	height: 380px;
	overflow-y: auto;
}

.libServeLi{
	margin:4px;
}

.libServeLink{
	font-size: 15px;
	font-weight: bold;
	color: #EEEBEB;
	text-align: center;
	width: 156px;
	height: 60px;
	line-height: 60px;
	display: block;
	background: #0068B7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



/* page five e */

/* page six s */
.titIcon05{background-image: url(../images/tit-icon-05.png);}

.rdServerLi{
	margin: 0 5px 14px;
}

.rdServerLi .serveMenuLink{
	width: 206px;
	height: 178px;
}
.rdServeIcon01{
	background-image: url(../images/rds-icon-01.png);
}
.rdServeIcon02{
	background-image: url(../images/rds-icon-02.png);
}
.rdServeIcon03{
	background-image: url(../images/rds-icon-03.png);
}
.rdServeIcon04{
	background-image: url(../images/rds-icon-04.png);
}
.rdServeIcon05{
	background-image: url(../images/rds-icon-05.png);
}
.rdServeIcon06{
	background-image: url(../images/rds-icon-06.png);
}
.rdServeIcon07{
	background-image: url(../images/rds-icon-07.png);
}
.rdServeIcon08{
	background-image: url(../images/rds-icon-08.png);
}
.rdServeIcon09{
	background-image: url(../images/rds-icon-09.png);
}
.rdServeIcon10{
	background-image: url(../images/rds-icon-10.png);
}
/* page six e */


.infoSwiper{
	height: 370px;
}

.infoSwiper .device{
	width: 100%;
	height: 370px;
	position: relative;
}

.infoSwiper .swiper-container {
	width: 100%;
	height: 100%;
	color: #fff;
}

.infoSwiper .infoPagination {
	position: absolute;
	bottom: 15px;
	right:10px;
	z-index: 1;
}
.infoPagination .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	margin: 0 3px;
	cursor: pointer;
}
.infoPagination .swiper-active-switch {
	background: #fff;
}

.lastNewSwiper{
	display: inline-block;
	vertical-align: middle;
}

.lastNewSwiper .swiper-container {
	width: 640px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: left;
}

.footerArea{
	position: absolute;
	left: 0;
	bottom: 0;
}