@charset "utf-8";
/* CSS Document */
*,:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#fff; position: relative;}
body.grayscale{filter: grayscale(100%); -webkit-filter: grayscale(100%); }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
em { font-style: normal; }
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #00666A;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
*:focus,input:focus,textarea:focus,select:focus,button:focus,option:focus{outline: none;}
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-webkit-outer-spin-button{-webkit-appearance: none;}
img{border:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%;border-collapse:collapse;  border-spacing: 0;}
table tr{max-width: 100%;border-collapse:collapse; border: solid 1px #eee; }
table td{max-width: 30%;border-collapse:collapse; border: solid 1px #eee; padding:6px; line-height:18px; }
.fl{float:left;}
.fr{float:right;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutOne{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
.cutFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; line-clamp: 4;-webkit-box-orient: vertical;}
.scrollbar::-webkit-scrollbar{ width:4px; background:rgba(0, 102, 106, 0.2); }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#00666A; cursor: pointer;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}

.table table{ width: 100%; position: relative; margin: 3% 0;}
.table table tr{ width: 100%; background-color: #fff;}
.table table tr:nth-child(2n-1){ background-color: rgba(0, 102, 106, 0.05);}
.table table tr td{ text-align: center; padding:6px 5px; border-color: rgba(0, 102, 106, 0.1); line-height: 22px; font-size: 14px; color: #333; min-width: 20%;}


@font-face {font-family:'HarmonyOSMedium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');}


/*demandBox*/
.popupBg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.demandBox{width: 90%;padding: 4% 4% 30px;box-sizing: border-box;background: #fff;background-size: 100% auto;position: fixed;top: 50%;left: 5%;transform: translateY(-50%);z-index: 1000;border-radius: 15px;display: none;}
.demandBox .title{color: #00666A;font-size: 20px;font-weight: bold;text-align: center;margin: 0 0 20px;}
.demandBox .demand{width: 100%;}
.demandBox .demand form{width: 100%;}
.demandBox .demand form .row{width: 100%;margin: 0 0 10px;position:relative;}
.demandBox .demand form .txt.w1{width: 100%;font-size: 14px;color: #333; height: 50px; line-height: 50px;padding: 0 10px;box-sizing: border-box;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;}
.demandBox .demand form .yzm{ height: 48px; position: absolute; top: 1px; right: 1px; display: block; border-radius: 0 4px 4px 0; }
.demandBox .demand form .btn{width: 100%;display: block;height:46px;line-height:46px;margin: 20px auto 0;border-radius: 5px;background-color: #00666A;border: none;color: #fff;font-size: 14px;}
.demandBox .sClose{color: #999;font-size: 20px;position: absolute;top: 10px;right: 10px;}
.demandBox .tip{display: none;font-size: 14px;color: #f00;width: 100%;height: 20px;line-height: 20px;text-align: center;position: absolute;bottom: 5px;left: 0;right: 0;}



/*navBox*/
.navBox{width: 100%;height: calc(100% - 50px);background-color: rgba(255, 255, 255, 0.98);position: fixed;top: 50px;left: 0;z-index: 1001;overflow-y: auto;display: none; }
.navBox .nav{width: 100%; }
.navBox h3{width: 100%;position: relative;padding: 10px 3%;box-sizing: border-box;border-bottom: 1px solid #ddd; font-weight: normal;}
.navBox h3 a{color: #333;font-size: 16px;display: block;width: 100%;line-height: 30px}
.navBox h3 .arrow{color: #333;font-size: 20px;font-weight: normal;line-height: 30px;position: absolute;top: 10px;right: 3%; transform: rotate(-180deg);}
.navBox h3.on a,.navBox h3.on .arrow{ color: #00666A;}
.navBox h3.on .arrow{transform: rotate(-90deg);}
.navBox .sub{display: none;width: 100%; background-color: rgba(0, 102, 106, 0.05);}
.navBox .sub .l2{width: 100%;position: relative;padding: 6px 6%;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.navBox .sub .l2 a{color: #333;font-size: 14px;display: block;width: 100%;line-height: 30px;}
.navBox .sub .l2 .arrow{color: #333;font-size: 20px;line-height: 30px;position: absolute;top: 6px;right: 6%;transform: rotate(-180deg);}
.navBox .sub .l2.onn a,.navBox .sub .l2.onn .arrow{ color: #00666A;}
.navBox .sub .l2.onn .arrow{transform: rotate(-90deg);}
.navBox .sub .u3{width: 100%;display: none;background-color:rgba(0, 102, 106, 0.1);}
.navBox .sub .u3 li{width: 100%;}
.navBox .sub .u3 li a{width: 100%;font-size: 14px;line-height: 30px;color: #333;display: block;padding: 6px 9%;box-sizing: border-box;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

/* headerSearch*/
.headerSearch{width: 100%; background-color: #fff;  position: fixed;top: 50px;left: 0;z-index: 1001;display: none;}
.headerSearch .box{width: 100%;padding: 3%;box-sizing: border-box;}
.headerSearch .form{ width: 100%;}
.headerSearch .form .inputTxt{width: calc(100% - 160px);line-height:30px;font-size: 14px;background-color: #fff;color: #333333;padding: 5px 10px 5px 10px;box-sizing: border-box;border: solid 1px #ddd; border-radius: 3px;}
.headerSearch .form .btn{ width: 70px; border: none;line-height: 30px; height: 42px; margin: 0 0; color: #fff; border-radius: 3px; font-size:14px; background-color: #00666A;margin-left: 10px;}
.headerSearch .form .more{ background-color: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; line-height: 30px; padding: 6px 0; width: 70px; border-radius: 3px; overflow: hidden; margin-left: 10px;}

.headerSearch .hotK{ width: 100%; margin-top: 15px; }

.headerSearch .hotK .tit{ font-size: 16px; color: #333;}
.headerSearch .hotK ul{ width: 100%; margin-top: 15px;}
.headerSearch .hotK ul li { margin: 3px 5px 3px 0;}
.headerSearch .hotK ul li a{ font-size: 14px; padding: 0 5px; line-height: 20px;}
.headerSearch .hotK ul li:nth-child(5n) a{ color: #FF8946;}
.headerSearch .hotK ul li:nth-child(5n-1) a{ color: #00AC83;}
.headerSearch .hotK ul li:nth-child(5n-2) a{ color: #AE75AB;}
.headerSearch .hotK ul li:nth-child(5n-3) a{ color: #7A76B1;}
.headerSearch .hotK ul li:nth-child(5n-4) a{ color: #00666A;}
.headerSearch .hotK ul li a:hover{ text-decoration: underline;}


/*header*/
.header{width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 99;padding: 0 3%;}
.header::after{content: ""; width: 100%; height: 120%; background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); position: absolute; top: 0; left: 0; z-index: -1;}
.header.d::after{ display: none;}
.header .logo{display: block; margin: 10px 0; width:127px;height: 30px; background: url(../images/logo.png) center no-repeat; background-size:127px  30px  !important; position: relative; z-index: 2;}
.header .iconBox{ margin: 13px 0; width: calc(100% - 135px);}
.header .iconBox a{ font-size: 12px; height: 24px; line-height: 24px; color: #fff; margin-left: 6px;}
.header .iconBox a:first-child{ margin-left: 0;}
.header .iconBox .iconfont{ margin-right: 3px; font-size: 22px;display: inline-block;line-height: 24px;}
.header .iconBox .iconfont.on{ }
.header .menu{width: 24px;height: 18px;position: relative;margin:3px 0 3px 10px; overflow: hidden;}
.header .menu .solid{width: 24px;height: 2px;background-color: #fff;}
.menu .solid1{position: absolute;top: 0;left: 0;}
.menu .solid2{position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(11px);left: 8px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-11px);left: 8px !important;}
.header.is-fixed,.header.is-fixed1{ background-color: #fff; border-bottom: solid 1px #ddd;}
.header.is-fixed::after,.header.is-fixed1::after{ display: none;}
.header.is-fixed .logo,.header.is-fixed1 .logo{ background: url(../images/logo1.png) center no-repeat; }
.header.is-fixed .menu .solid,.header.is-fixed1 .menu .solid{ background-color: #00666A;}
.header.is-fixed .iconBox a,.header.is-fixed1 .iconBox a{ color: #00666A;}


/*loginBox*/
.popupBg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.loginBox{width: 90%;padding: 4% 4% 30px;box-sizing: border-box;background: #fff;background-size: 100% auto;position: fixed;top: 50%;left: 5%;transform: translateY(-50%);z-index: 1000;border-radius: 15px;display: none;}
.loginBox .title{color: #00666A;font-size: 20px;font-weight: bold;text-align: center;margin: 0 0 20px;}
.loginBox .demand{width: 100%;}
.loginBox .demand form{width: 100%;}
.loginBox .demand form .row{width: 100%;margin: 0 0 10px;}
.loginBox .demand form .txt.w1{width: 100%;font-size: 14px;color: #333;line-height: 50px;padding: 0 10px;box-sizing: border-box;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;}
.loginBox .demand form .btn{width: 100%;display: block;height:46px;line-height:46px;margin: 20px auto 0;border-radius: 5px;background-color: #00666A;border: none;color: #fff;font-size: 14px;}
.loginBox .sClose{color: #999;font-size: 20px;position: absolute;top: 10px;right: 10px;}
.loginBox .tip{display: none;font-size: 14px;color: #f00;width: 100%;height: 20px;line-height: 20px;text-align: center;position: absolute;bottom: 5px;left: 0;right: 0;}


/* indexBanner */
.indexBanner{ width: 100%; position: relative; overflow: hidden; z-index: 1; background-size: cover !important;}
.indexBanner .swiper-slide{ width: 100%; position: relative; z-index: 2;}
.indexBanner .swiper-slide a{display: block; position: relative; width: 100%;}
.indexBanner .swiper-slide a::after{content: ""; width: 100%; height: 20%; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); position: absolute; bottom: 0; left: 0; z-index: 2;}
.indexBanner .swiper-slide img{width: 100%;display: block; position: relative; z-index: 1;}
.indexBanner .swiper-pagination{bottom: 20px !important; z-index: 3;}
.indexBanner .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #fff;margin: 0 5px;opacity: 0.5;cursor: pointer;}
.indexBanner .swiper-pagination-bullet-active{opacity: 1;}


/* indexTitle */
.indexTitle{ position: relative; text-align: center;}
.indexTitle .tit{ font-size: 20px; color: #333; font-weight: 500; font-family:'HarmonyOSMedium';}
.indexTitle .txt{ font-size: 14px; color: #666; line-height: 28px; margin-top: 10px;}
.indexTitle .en{ font-size: 16px; color: #999; text-transform: uppercase; margin-top: 5px;}
.indexTitle.l{ text-align: left;}
.indexTitle.w .tit,.indexTitle.w .txt,.indexTitle.w .en{ color: #fff; }

/* indexMore */
.indexMore{ position: relative;width: 90px;}
.indexMore a{ line-height: 20px; }
.indexMore a p{ margin-left: 8px; font-size: 14px; color: #333; }
.indexMore a span{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; background-color: #00666A; color: #fff; font-size: 14px; transform: rotate(180deg); }
.indexMore.w a p{ color: #fff;}
.indexMore.w a span{ background-color: #fff; color: #00666A;}




/* indexService */
.indexService{ position: relative; width: 100%;  padding:6% 3% ;  background: url(../images/serviceBg.jpg) center top no-repeat; background-size: 100% auto; overflow: hidden;}
.indexService::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/lineBg2.png) center  no-repeat; background-size: 200% auto; opacity: 0.4;}
.indexService .box{ width: 100%; background-color: #fff; position: relative; z-index: 2; overflow: hidden; border: solid 1px rgba(0, 102, 106, 0.5); }
.indexService .text{ padding: 5%;  background: rgba(0, 102, 106, 0.05); width: 100%;}
.indexService .text::after{content: ''; width: 100%; height: 100%; position: absolute; right:-5%; top:25%;  background:  url(../images/logo_b.png) right top no-repeat; background-size: auto 100% ; opacity: 0.05;}
.indexService .text .t1{ font-size: 16px; color: #00666A; position: relative; z-index: 2;}
.indexService .text .t2{ font-size: 18px; color: #00666A; font-weight: bold; margin: 10px 0 5px 0; position: relative; z-index: 2;}
.indexService .text .t3{ font-size: 14px; color: #999;  position: relative; z-index: 2;}
.indexService ul{ width: 100%; margin-top: 3%; position: relative; z-index: 2;}
.indexService ul li{ width: 33.33%; margin-top: 4%; padding: 0 ; position: relative;}
.indexService ul li a{ display: block;position: relative; text-align: center; overflow: hidden;}

.indexService ul li .iconfont{ width: 64px; margin: auto; height: 56px; text-align: center; line-height: 56px; background: url(../images/icon/icon_lbx1.png) center no-repeat; background-size: 64px 56px !important; font-size: 30px; color: #fff; position: relative; z-index: 1;}
.indexService ul li .tit{ font-size: 16px; color: #333; margin-top: 10px;  font-family:'HarmonyOSMedium'; position: relative; z-index: 1;}

/* indexActivity */
.indexActivity{ width: 100%; padding: 6% 3%; position: relative; overflow: hidden;}
.indexActivity .activityDate{ width:100%;  margin-top: 5%;  }
.indexActivity .calendar-table{width:100%; background-color: #fff; border: solid 2px  rgba(0, 102, 106, 0.4);}
.indexActivity .calendar-table .calendar-title-box{position:relative;box-sizing:border-box;padding:15px 14px;width:100%; background:rgba(0, 102, 106, 0.25) url(../images/riliTopBg.png) center no-repeat; background-size: cover;}
.indexActivity .calendar-table .calendar-title-box .tit{position:relative;color:#fff;font-size:14px;line-height:32px;}
.indexActivity .calendar-table .calendar-title-box .tit .iconfont{position:absolute;top:0;left:0;font-weight:400;font-size:24px;}
.indexActivity .calendar-table .calendar-title-box .back-month{display:block;width:50px;height:24px;border-radius:12px;background-color:#fff;color:#00666A;text-align:center;font-size:14px;line-height:24px;cursor:pointer; margin-top: 1px;}
.indexActivity .calendar-table .calendar-title-box .calendar-date{position:absolute;top:15px; width: 50%; left:25%;}
.indexActivity .calendar-table .calendar-title-box .prev{width:24px;height:24px; background-color: #fff; border-radius:50%;color:#00666A;text-align:center;font-size:14px;line-height:24px;cursor:pointer;transform:rotate(-180deg);}
.indexActivity .calendar-table .calendar-title-box .next{width:24px;height:24px; background-color: #fff; border-radius:50%;color:#00666A;text-align:center;font-size:14px;line-height:24px;cursor:pointer;transform:rotate(0);}
.indexActivity .calendar-table .calendar-title-box .prev:hover,.indexActivity .calendar-table .calendar-title-box .next:hover{ background-color: #00666A; color: #fff;}
.indexActivity .calendar-table .calendar-title-box .calendar-title{display:block;width:auto;color:#333;text-align:center;font-weight:bold;font-size:18px;line-height:32px; margin: auto;}
.indexActivity .calendar-table .table{box-sizing:border-box;padding: 6%;width:100%;text-align:center; position: relative;}
.indexActivity .calendar-table .table .tHead{ padding-bottom: 20px; width:100%; height: 30px; position: relative; z-index: 2;}
.indexActivity .calendar-table .table .tHead .th{float:left;width:calc(14.2% - 10px); margin: 0 5px; color:#00666A;text-align:center;font-size:16px;line-height:20px;}
.indexActivity .calendar-table .table .tBody{ width: 100%; position: relative; z-index: 2;}
.indexActivity .calendar-table .table .tBody .li{height:34px; margin: 5px 0; }
.indexActivity .calendar-table .table .tBody .td{position:relative;float:left;box-sizing:border-box;width:calc(14.2% - 10px);height:34px; margin: 0 5px; text-align:center;font-size:16px;line-height:34px;cursor:pointer; color: #00666A; border-radius: 50%;}
.indexActivity .calendar-table .table .tBody .otherMonth{color:rgba(0, 102, 106, 0.4);}
.indexActivity .calendar-table .table .tBody .td.act{ background-color: rgba(0, 102, 106, 0.14); color: #fff;}
.indexActivity .calendar-table .table .tBody .active,.indexActivity .calendar-table .table .tBody .currentDay{   background-color: #00666A !important; color:#fff !important;}
.indexActivity .calendar-table .table .tBody .num{position:absolute;top:-5px;right:-5px;z-index:5;display:none;width:20px;height:20px;border-radius:50%;background-color:#11373D;color:#fff;font-size:12px;line-height:20px;}
.indexActivity .calendar-table .table .tMonth{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 200px; font-family:'HarmonyOSMedium'; color: rgba(0, 102, 106, 0.06); z-index: 0; font-weight: bold;}

.indexActivity .activityList{width: 100%; margin-top: 6%; position: relative;}
.indexActivity .activityList .noData{color:#00666A;text-align:center;font-weight:bold;font-size:24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.indexActivity .activityList ul{overflow-y:auto;width:100%; max-height: 400px;}
.indexActivity .activityList li{box-sizing:border-box;padding: 15px 0;  border-bottom: solid 1px #eee; width:100%;}
.indexActivity .activityList li:first-child{margin-top:0;}
.indexActivity .activityList li a{position:relative;display:block;width:100%;height:100%;}
.indexActivity .activityList li .img{float:left; overflow:hidden;width:35%; height: 100px;}
.indexActivity .activityList li .img img{display:block;width:100%;height:100%;}
.indexActivity .activityList li .cont{float:right; width:  65%;height:100%; padding-left: 15px;}
.indexActivity .activityList li .name{ width:100%;color:#333; font-family:'HarmonyOSMedium'; font-size:16px;}
.indexActivity .activityList li .info{ width: 100%; position: relative; margin-top: 10px;}
.indexActivity .activityList li .info .txt{color:#666;font-size:14px; margin-top: 5px; position: relative;padding-left: 20px; line-height: 20px;}
.indexActivity .activityList li .info .txt .iconfont{position:absolute;top:0;left:0;color:#999;font-size:16px;}
.indexActivity .activityList li a:hover .name{color:#00666A;}
.indexActivity .activityList li a:hover .img img{transform:scale(1.1);}


/* indexAbout */
.indexAbout{ position: relative; width: 100%; padding:6% 3% ;  overflow: hidden; background: url(../images/aboutBg.jpg) center  no-repeat; background-size: cover;}
.indexAbout .indexMore{ margin-top: 3%;}
.indexAbout .info{ width: 100%; margin-top: 6%; border: solid 1px rgba(255, 255, 255, 0.2);}
.indexAbout .info li{ padding: 20px 0; width: 50%; text-align: center;}
.indexAbout .info li:first-child{border-right: solid 1px rgba(255, 255, 255, 0.2);}
.indexAbout .info li .n{ color: #fff;}
.indexAbout .info li .n p{ font-size: 26px; display: inline-block;}
.indexAbout .info li .n span{ font-size: 16px;display: inline-block;padding-left:4px;}
/*.indexAbout .info li .n1 p{ width: 100px;}*/
/*.indexAbout .info li .n2 p{ width: 65px;}*/
.indexAbout .info li .t{ font-size: 14px; color: #fff; margin-top: 10px;}
.indexAbout .list{ width: 100%; margin-top: 4%; position: relative;}
.indexAbout .list li{ width: 47%; margin: 1.5%; position: relative; background-color: #fff;   overflow: hidden;}
.indexAbout .list li a{ display: block; width: 100%; height: 110px; position: relative; background-size: cover !important;}
.indexAbout .list li a::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); z-index: 1; }
.indexAbout .list li a::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, 0) -2%, #FEFFFF 78%); z-index: 2; }
.indexAbout .list li .con{ width: 100%; height: 100%; position: relative; z-index: 3; padding: 16px 15px;}
.indexAbout .list li .con::after{content: ''; position: absolute; left: -100%; top: 0; width: 100%; height: 100%;  background: linear-gradient(270deg, rgba(0, 102, 106, 0) -2%, #00666A 78%); z-index: 0; }
.indexAbout .list li .con .tit{ position: relative; z-index: 2; font-size: 16px; color: #333; font-weight: 500; font-family:'HarmonyOSMedium'; }
.indexAbout .list li .con .more{ position: absolute; left: 15px; bottom: 16px; z-index: 2; width: 24px; height: 24px; line-height: 24px; margin-top: 10px; text-align: center; border-radius: 50%; background-color: #00666A; color: #fff; font-size: 16px; transform: rotate(180deg); }

/* indexResource  */
.indexResource{ position: relative; width: 100%;   padding:6% 3% ;  background: url(../images/serviceBg.jpg) center top no-repeat; background-size: 100% auto; overflow: hidden;}
.indexResource::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../images/lineBg.png) center bottom no-repeat; background-size: 100% auto;}
.indexResource .resourceBox{ width: 100%; margin-top: 4%; position: relative; z-index: 2;}
.indexResource .resourceBox .swiper-slide{ width: 44%; position: relative;  }
.indexResource .resourceBox .swiper-slide .imgBox{ width: 100%; position: relative; z-index: 1;}
.indexResource .resourceBox .swiper-slide .imgBox.h{ overflow: hidden;}
.indexResource .resourceBox .swiper-slide .imgBox::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; z-index: 10; background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.8)); }
.indexResource .resourceBox .swiper-slide .imgBox img{  display: block;}
.indexResource .resourceBox .swiper-slide .imgBox .img1{ width: 100%;  position: relative; z-index: 1; }
.indexResource .resourceBox .swiper-slide .imgBox .img2{ position: absolute; left: 0; top: 0; width: 100%; z-index: 3; }
.indexResource .resourceBox .swiper-slide .imgBox .img3{ position: absolute;  z-index: 2; left: 15%; top: 10%; width: 70%; opacity: 0.15; }
.indexResource .resourceBox .swiper-slide .imgBox .img4{ position: absolute;  z-index: 2; left: 20px; top: 20px; width: 26%; }
.indexResource .resourceBox .swiper-slide .imgBox .img5{ position: absolute;  z-index: 2; left: -30px; top: 30px; width: 95%; }
.indexResource .resourceBox .swiper-slide .imgBox .img6{ position: absolute;  z-index: 3; left: 30%; top: 30%; width: 40%; }
.indexResource .resourceBox .swiper-slide .imgBox .img7{ position: absolute;  z-index: 2; right: -10px; bottom: 12%; width: 90%; }
.indexResource .resourceBox .swiper-slide .imgBox .img8{ position: absolute;  z-index: 2; left: 19%; top: 8%; width: 62%; }

.indexResource .resourceBox .swiper-slide .con{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 10px; z-index: 3;}
.indexResource .resourceBox .swiper-slide .con .tit{ width: 100%; font-size: 16px; text-transform: uppercase; color: #fff; position: relative;  overflow: hidden; padding-bottom: 15px;}
.indexResource .resourceBox .swiper-slide .con .tit::after{ content: ''; width: 30%; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #fff; }
.indexResource .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.indexResource .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #00666A;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.indexResource .swiper-pagination-bullet-active{opacity: 1;}
.indexResource .top, .indexBooks .top {line-height:24px}

/* indexCollection */
.indexCollection{ position: relative; width: 100%; padding:6% 3% ;  background: url(../images/collectionBg.jpg) center  no-repeat; background-size: cover; overflow: hidden;}
.indexCollection .c1440{ position: relative; z-index: 2;}
.indexCollection .box{ width: 100%; margin-top: 5%;}
.indexCollection .info{ width:100%; position: relative; background: url(../images/collectionImg.jpg) center no-repeat; background-size: cover !important;}
.indexCollection .info .con{ width: 100%; padding: 40px 4%; text-align: center;}
.indexCollection .info .img{ width: 20%; margin: auto;}
.indexCollection .info .img img{ width: 100%; display: block;}
.indexCollection .info .tit { font-size: 18px; color: #fff; margin-top: 20px; font-weight: bold; }
.indexCollection .info .txt{ margin-top: 10px; font-size: 14px; color: #fff;}
.indexCollection .text{ width:100%;  background: rgba(255, 255, 255, 0.8) url(../images/logo_m.png) right -60px bottom -100px no-repeat; padding: 6%; position: relative;}
.indexCollection .text .con{ width: 100%;  padding:  3%;}
.indexCollection .text .tit{ font-size: 18px; color: #333; font-weight: bold; }
.indexCollection .text .txt{ margin-top: 15px; font-size: 14px; line-height: 28px; color: #333;}
.indexCollection .indexMore{ margin: 6% auto 0;}


/* indexNews */
.indexNews{ width: 100%; padding: 6% 3%; position: relative; overflow: hidden;}
.indexNews .newsNav{ width: 100%; overflow: hidden;}
.indexNews .newsNav .swiper-slide{ position: relative;}
.indexNews .newsNav .swiper-slide a{ font-size: 18px; display: block; width: 100%;  color: #333; text-align: center;}
.indexNews .newsNav .swiper-slide.swiper-slide-thumb-active a{ color: #00666A;}
.indexNews .newsBox{ width: 100%; overflow: hidden; margin-top: 4%;}
.indexNews .newsBox .swiper-slide{ width: 100%; overflow: hidden; position: relative;}
.indexNews .newsBox .firstNews{ width: 100%; position: relative;}
.indexNews .newsBox .firstNews a{ display: block; width: 100%; position: relative;}
.indexNews .newsBox .firstNews .img{ position: relative;  width: 100%; overflow: hidden; z-index: 1;}
.indexNews .newsBox .firstNews .img::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 10; background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.9));  }
.indexNews .newsBox .firstNews .img img{ width: 100%; display: block; min-height: 100%; position: relative; z-index: 1; }
.indexNews .newsBox .firstNews .con{ position: absolute; left: 0; width: 100%; bottom: 0; padding:15px 20px; z-index: 2;}
.indexNews .newsBox .firstNews .time{ font-size: 14px; color: #fff;}
.indexNews .newsBox .firstNews .tit{ font-size: 16px; color: #fff; padding: 8px 0 0 0;}
.indexNews .newsBox ul{ width: 100%; margin-top: 3%;}
.indexNews .newsBox ul li{ width: 100%; padding: 3% 0; border-bottom: solid 1px #ddd;}
.indexNews .newsBox ul li .time{ font-size: 14px; color: #00666A;}
.indexNews .newsBox ul li .tit{ font-size: 14px; color: #333; margin-top: 10px;  font-family:'HarmonyOSMedium'; ;}
.indexNews .indexMore{ margin: 4% auto 0;}

/* indexBooks */
.indexBooks{ position: relative; width: 100%;   padding:6% 3% ; overflow: hidden;}
.indexBooks::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60%; z-index: -1; background-image: linear-gradient(rgba(0, 102, 106, 0.15), rgba(0, 102, 106, 0));  }
.indexBooks .booksBox{ width: 100%; margin-top: 4%; position: relative; z-index: 2;}
.indexBooks .booksBox .swiper-slide{ width: 46%; position: relative;   background-color: #00666A; border: solid 1px #00666A;}
.indexBooks .booksBox .swiper-slide a{ display: block; width: 100%; position: relative;}
.indexBooks .booksBox .swiper-slide .img{ width: 100%; height:220px ; background-color: #fff; position: relative; overflow: hidden; z-index: 1;}
.indexBooks .booksBox .swiper-slide .img img{ position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%,-50%); max-width: 90%; height: 90%; }
.indexBooks .booksBox .swiper-slide .tit{ font-size: 14px; color: #fff;background-color: #00666A; padding:10px 10px; line-height: 20px; z-index: 2; position: relative; height: 60px;}
.indexBooks .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.indexBooks .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #00666A;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.indexBooks .swiper-pagination-bullet-active{opacity: 1;}

/* indexInfo */
.indexInfo{ position: relative; width: 100%;   padding:6%; overflow: hidden; background-color: #fff;}
.indexInfo::after{ content: ''; position: absolute; bottom: -20%; left: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/lineBg2.png) center bottom no-repeat; background-size: 200% auto; opacity: 0.6;}
.indexInfo .con{ text-align: center;  position: relative; z-index: 2; width: 100%;}
.indexInfo .con .img{ width:25%; margin: auto;}
.indexInfo .con .img img{ width: 100%; display: block;}
.indexInfo .con .tit { font-size: 18px; color: #333; margin-top: 5%; font-weight: bold; }
.indexInfo .con .txt{ margin-top: 15px; font-size: 14px; color: #333;}


/* indexFooter */
.indexFooter{ width: 100%; position: relative; overflow: hidden; background: url(../images/footerBg.jpg)  center no-repeat; background-size: cover;}  
.indexFooter .footerNav{width: 100%; padding: 3%;}
.indexFooter .footerNav .item{ width: 100%; overflow: hidden;}
.indexFooter .footerNav .t1{width: 100%;font-size: 14px; line-height: 30px; padding: 8px 0; color: rgba(255, 255, 255, 0.8);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.indexFooter .footerNav .t1 .iconfont{font-size: 20px;transform: rotate(-180deg);transition: all 0.6s ease; opacity: 0.6;}
.indexFooter .footerNav .Ulist{display: none; width: 100%;  }
.indexFooter .footerNav ul{width: 100%;  position: relative; background-color: rgba(255, 255, 255, 0.1);  border: 1px solid rgba(255, 255, 255, 0.3); border-top: 0; border-bottom: 0; box-sizing: border-box;}

.indexFooter .footerNav ul li{display: inline-block; width: 33.33%; border-bottom: 1px solid rgba(255, 255, 255, 0.3);  text-align: center; box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, 0.3);}
.indexFooter .footerNav ul li:nth-child(3n){border-right: 0;}
.indexFooter .footerNav ul li a{  width: 100%; height: 100%; display: block;line-height: 20px; padding: 8px 5px; color: rgba(255, 255, 255, 0.8); font-size: 14px;box-sizing: border-box;}
.indexFooter .footerNav .item.on .t1 .iconfont{transform: rotate(-90deg);}

.indexFooter .Fewm{ width: 100%; padding: 5% 5%;}
.indexFooter .Fewm li{ width: 50%; padding: 0 5%; text-align: center;}
.indexFooter .Fewm li .img{ width: 65%; margin: auto; border-radius: 3px; background-color: #fff; overflow: hidden;}
.indexFooter .Fewm li .img img{ width: 100%; display: block;}
.indexFooter .Fewm li .tit{ width: 100%; margin-top: 8px; font-size: 14px; color: rgba(255, 255, 255, 0.6);}

.indexFooter .Fimg {width:100%;margin:0 0 6% 0; height:50px; text-align:center;}
.indexFooter .Fimg img{ height:100%;  }
.indexFooter .copy{ width: 100%; position: relative; padding: 3%;  border-top: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; text-align: center;}
.indexFooter .copy p{ font-size: 14px; padding: 2px 0; color: rgba(255, 255, 255, 0.4);}
.indexFooter .copy p a{color: rgba(255, 255, 255, 0.4);}


/*goTop*/
.goTop{width: 40px;height: 40px; border-radius: 3px; overflow: hidden; background-color: rgba(0, 102, 106, 0.9); border: solid 1px rgba(255, 255, 255, 0.6); position: fixed;bottom: 2.5%;right: 3%;z-index: 100;display: none;color: #fff;font-size: 24px !important;line-height: 40px;text-align: center; transform: rotate(-180deg);}

/* pageBanner */
.pageBanner{ width: 100%; position: relative; overflow: hidden; height: 160px; padding-top: 75px; position: relative;   background-size: cover !important;}
.pageBanner .tit{ font-size: 20px; color: #fff; font-weight: bold; text-align: center; line-height: 30px; }
/* pageCrumbs */
.pageCrumbs{ width: 100%; padding:2.5% 3%; position: relative; overflow: hidden; border-bottom: solid 1px #eee;}
.pageCrumbs .info{ font-size: 14px; line-height: 20px; color: #999;}
.pageCrumbs .info a{ color: #999;}
.pageCrumbs .info a:hover,.pageCrumbs .info a:last-child{ color: #00666A;}
.pageCrumbs .info span{ display: inline-block; margin:  0 5px;}
.pageCrumbs.g .info a:hover,.pageCrumbs.g .info a:last-child{ color: #84BD26;}


/* pageNav */
.pageNav{ width: 100%; position: relative; overflow: hidden;}
.pageNav ul{ width: 100%;padding:  2%;}
.pageNav ul li{ width: 50%;  padding: 1% 1%;  border-radius: 20px;}
.pageNav ul.u3 li{ width: 33.33%;}
.pageNav ul.u4 li{ width: 25%;}
.pageNav ul li a{ display: block; text-align: center;height: 100%;  width: 100%; font-size: 14px; line-height:20px ; padding:8px 5px; color: #00666A;  border-radius: 20px; background-color: #fff;}
.pageNav ul li.on a,.pageNav ul li:hover a{ background-color: #00666A; color: #fff;}
.pageNav.g{ background-color: rgba(0, 102, 106, 0.05);}

.pageNav.g ul li a{border: solid 1px #eee; }
.pageNav.g ul li.on a,.pageNav.g ul li:hover a{ border-color: #00666A;}

.pageNav1{ width: 100%; position: relative; overflow: hidden;}
.pageNav1 ul{ width: 100%;padding:  2%;}
.pageNav1 ul li{ position: relative;}
.pageNav1 ul li a{ display: inline-block; padding: 0 6px; line-height: 24px; border-radius: 12px; font-size: 14px;}
.pageNav1 ul li:nth-child(5n) a{ color: #FF8946;}
.pageNav1 ul li:nth-child(5n-1) a{ color: #00AC83;}
.pageNav1 ul li:nth-child(5n-2) a{ color: #AE75AB;}
.pageNav1 ul li:nth-child(5n-3) a{ color: #7A76B1;}
.pageNav1 ul li:nth-child(5n-4) a{ color: #00666A;}
.pageNav1 ul li:nth-child(5n).on{ background-color: #FF8946; color: #fff;}
.pageNav1 ul li:nth-child(5n-1).on a{ background-color: #00AC83; color: #fff;}
.pageNav1 ul li:nth-child(5n-2).on a{ background-color: #AE75AB; color: #fff;}
.pageNav1 ul li:nth-child(5n-3).on a{ background-color: #7A76B1; color: #fff;}
.pageNav1 ul li:nth-child(5n-4).on a{ background-color: #00666A; color: #fff;}


/* pageServiceGuide */
.pageServiceGuide{ width: 100%; position: relative; overflow: hidden; padding: 0; background-color: rgba(0, 102, 106, 0.05);}
.pageServiceGuide ul{ width: 100%; padding: 1.5%; }
.pageServiceGuide ul li{ width: 47%;  margin: 1.5%;; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);}
.pageServiceGuide ul li a{ display: block; width: 100%; height: 100%; position: relative; padding:20px 0; background-color: #fff; overflow: hidden; text-align: center;}
.pageServiceGuide ul li .icon{  width: 70px; height: 60px; margin: auto; text-align: center; line-height: 60px; background: url(../images/icon/icon_lbx1.png) center no-repeat; background-size:70px 60px !important; font-size: 30px; color: #fff; }
.pageServiceGuide ul li .tit{ font-size: 16px; color: #333; margin-top: 10px;  position: relative; z-index: 1;}
.pageServiceGuide ul li .en{ font-size: 12px; color: #999; text-transform: uppercase; margin-top: 10px; position: relative; z-index: 1;}


/* pageTitle */
.pageTitle{ width: 100%; padding: 12px 5%; text-align: center; background: url(../images/pageTitBg.jpg) center no-repeat; background-size: cover !important; position: relative;}
.pageTitle .tit{ font-size: 18px; color: #fff; line-height: 30px;}
.pageTitle .JGlink { height: 30px; position: relative;}
.pageTitle .JGlink a{ display: block; position: relative; padding: 0 15px; line-height: 30px; border-radius: 3px; font-size: 14px; color: #00666A; background-color: #fff;}

.qaSearch{ width: 100%; background-color: #fff;  border: solid 2px #00666A; border-top: 0;}
.qaSearch .layui-form-select{ float: left; width: 32%; border-right: solid 1px #00666A; height: 44px;}
.qaSearch .layui-form-select .layui-input { border: none; height: 44px; line-height: 44px;}
.qaSearch .select{ float: left; width: 32%;  margin-right:0; border-right: solid 1px #00666A;  height: 44px; position: relative;}
.qaSearch .select span{display: inline-block; position: absolute; z-index: 2; right: 5px; top: 50%; line-height: 20px; transform: rotate(270deg); margin-top: -10px; font-size: 18px; color: #333;}
.qaSearch select{ float: left; width: 100%;font-size: 14px; color: #333;  height: 44px;  line-height: 44px; border: none;   padding: 0 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1;}
.qaSearch select option{ background-color: #fff !important; border: none; color: #00666A; height: 40px; }
.qaSearch .inputQA{ float: left; width: calc(68% - 40px); padding: 0 10px; font-size: 14px;  border: none;  border-right: solid 1px #00666A; color: #333;  height: 44px; line-height: 44px;  }
.qaSearch .inputQA::placeholder{ font-size: 14px; color: #333; }
.qaSearch .btnQA{ width: 40px; border: none; font-size: 14px; height: 44px;  line-height: 44px; color: #00666A; background-color: #fff; border-radius: 0 3px 3px 0; cursor: pointer;}
.qaSearch .btnQA span{ font-size: 24px; margin-right: 3px; }
.ReturnLink { width: 100%; text-align: center; margin-top: 5%;}
.ReturnLink a{ display: inline-block; width: 100%; line-height: 20px; padding: 10px 0; font-size: 14px;  text-align: center; margin: auto; background-color: #00666A; color: #fff; border-radius: 3px; overflow: hidden; }
.ReturnLink a span{ display: inline-block; transform: translateY(1px); margin-right: 5px; font-size: 18px;}
.pageTit{ font-size: 18px; line-height: 30px; padding: 3px 0; color: #333; text-align: center; position: relative;}
.pageTit.l{ text-align: left;}
.pageTit span{ position: relative;}
.pageTit span.sun::after{ content: ''; position: absolute; top: -15px; left: -40px; width: 40px; height: 40px; background: url(../images/icon/icon_sun.png) center no-repeat; background-size: cover;}


/* pageMain */
.pageMain{ width: 100%; position: relative; overflow: hidden; padding:3% 3% 5% 3% ; background-color: rgba(0, 102, 106, 0.05);}
.pageMain1{ padding: 3%; }
.pageMain .bigBox{ width: 100%; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}

/* pageText */
.pageText{ width: 100%; overflow: hidden; padding: 3% 4%; font-size: 14px; color: #333; line-height: 30px; overflow: hidden;}
.pageText img,.pageText video,.pageText iframe{ max-width: 100%; height: auto !important;}


/* pageQA */
.pageQA{ width: 100%; overflow: hidden; padding: 0;  overflow: hidden;}
.pageQA .item{ width: 100%; margin-top: 3%; padding: 4%; background-color: #fff; position: relative; overflow: hidden;}
.pageQA .item .QA_tit{ width: 100%; position: relative; padding-right: 30px; cursor: pointer;}
.pageQA .item .QA_tit .tit{ font-size: 16px; line-height: 30px;  color: #333; font-weight: bold; }
.pageQA .item .QA_tit .iconfont{ position: absolute; right: 5px; top: 50%; width: 16px; text-align: center; line-height: 16px; margin-top: -5px; text-align: center;  font-size: 24px; color: #333; transform: rotate(270deg); }
.pageQA .item .QA_txt{  margin-top: 5px; width: 100%; position: relative; font-size: 14px; color: #666; line-height: 28px; padding:0 0 0 0; overflow: hidden;   max-height: 160px;}
.pageQA .item .QA_txt::after{ content: '';  position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 1)); z-index: 3;}
.pageQA .item .QA_txt img,.pageQA .item .QA_txt video,.pageQA .item .QA_txt iframe{ max-width: 100%; height: auto !important;}
.pageQA .item.on{ border-color: #00666A;}
.pageQA .item.on .tit{ color: #00666A;}
.pageQA .item.on .iconfont{ color: #00666A; transform: rotate(90deg);margin-top: -10px;}
.pageQA .item.on .QA_txt{ -webkit-line-clamp: 9999; line-clamp: 9999; color: #333;}
.pageQA .item.on .QA_txt::after{ height: 0;}

/*pageMessage*/
.pageMessage {width: 100%; overflow: hidden; padding: 0 20px 20px; background-color: #fff; }
.pageMessage .item { width: 100%; margin-top: 15px; padding-bottom: 15px; position: relative; border-bottom: solid 1px #ddd; overflow: hidden; }
.pageMessage .item .tit{ font-size: 16px; line-height: 28px; color: #333; font-weight: bold; transition: all 0.8s ease; }
.pageMessage .item .user { font-size: 14px; line-height: 20px; color: #666; margin-bottom: 4px; }
.pageMessage .item .user span { margin-right: 10px; }
.pageMessage .item .content { font-size: 14px; color: #333; line-height: 20px; }
.pageMessage .item .file { margin-top: 8px; }
.pageMessage .item .file .li { line-height: 20px; }
.pageMessage .item .file .li a { color: #00666A; }
.pageMessage .item .btn { width: 90px; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; font-size: 14px; color: #fff; background-color: #00666A; margin-top: 8px; }
.pageMessage .item .replay { border-top: dashed 1px #ddd; margin-top: 10px; padding-top: 10px; }
.pageMessage .item .replay .txt { font-size: 16px; line-height: 28px; color: #FF8946; }
.pageMessage .item .replay .time { line-height: 20px; color: #666; }
.pageMessage .item .replay .text { font-size: 14px; color: #333; line-height: 20px; }

.popUp { display: none; }
.popDetail { width: 100%; padding: 16px; }
.popDetail .tit{ font-size: 16px; line-height: 28px; color: #333; font-weight: bold; transition: all 0.8s ease; }
.popDetail .user { font-size: 14px; line-height: 20px; color: #666; margin-bottom: 8px; }
.popDetail .user span { margin-right: 10px; }
.popDetail .content { font-size: 14px; color: #333; line-height: 20px; }
.popDetail .file { margin-top: 8px; }
.popDetail .file .li { line-height: 20px; }
.popDetail .file .li a { color: #00666A; }
.popDetail .replay { border-top: dashed 1px #ddd; margin-top: 10px; padding-top: 10px; }
.popDetail .replay .txt { font-size: 14px; line-height: 24px; color: #FF8946; }
.popDetail .replay .time { line-height: 20px; color: #666; }
.popDetail .replay .text { font-size: 14px; color: #333; line-height: 28px; }

/* pageForm */
.pageForm{ width: 100%; position: relative; overflow: hidden;}
.pageForm .con{ width: 100%; padding: 4%; background-color: rgba(0, 102, 106, 0.06); overflow: hidden; font-size: 14px; color: #00666A; line-height: 28px; overflow: hidden;}
.pageForm .con img,.pageForm .con video,.pageForm .con iframe{ max-width: 100%; height: auto !important;}
.pageForm .text{ width: 100%; padding: 4%;background-color: #fff; margin-top: 3%; overflow: hidden; overflow: hidden;}
.pageForm .text .t{ font-size: 16px; color: #333; padding-left: 28px; line-height: 30px; position: relative;}
.pageForm .text .t span{ display: inline-block; font-size: 22px; position: absolute; left: 0; top: 5px; line-height: 20px; color: #00666A;}
.pageForm .text .txt{ width: 100%; margin-top: 10px; font-size: 14px; color: #666; line-height: 28px;}
.pageForm .text .txt img,.pageForm .text .txt video,.pageForm .text .txt iframe{ max-width: 100%; height: auto !important;}
.formBox{ width: 100%; padding:4%; background-color: #fff;}
.formBox form{ width: 100%;}
.formBox .row{ width: 100%;float: left; position: relative; margin: 6px 0;}
.formBox .row .t{ width: 100%; line-height: 30px; padding: 0 0 5px 0; text-align: left; position: relative; font-size: 14px; color: #333;}
.formBox .row .t em{ color: #f9263f; margin-right: 5px;}
.formBox .row .n{ width: 100%; position: relative;text-align: center;}
.formBox .row .n textarea{ height: 90px;resize: none; padding:5px 12px; box-sizing: border-box; width: 100%;font-size: 14px;color: #333;line-height: 28px; border: solid 1px #ddd; border-radius: 3px; box-sizing: border-box;}
.formBox .row .n input{float: left; width: 100%; border-radius: 3px; line-height: 30px; padding: 5px 12px; overflow: hidden; border: solid 1px #ddd; font-size: 14px; color: #333;}
.formBox .row .n select{ width: 100%; line-height: 40px; border: solid 1px #ddd; padding: 0 12px; border-radius: 2px; height: 40px; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.formBox .row .n input::placeholder,.formBox .row .n textarea::placeholder{ font-size: 14px; color: #999;}
.formBox .row .n .jt{display: inline-block; position: absolute; z-index: 2; right: 10px; top: 50%; line-height: 20px; transform: rotate(270deg); margin-top: -10px; font-size: 20px; color: #333;}
.formBox .row .n p{ font-size: 14px; color: #999; line-height: 30px; padding: 5px 10px;}
.formBox .row .n .img{ width: 60px; height: 60px; border: solid 1px #ddd; text-align: center; line-height: 60px; font-size: 30px; color: #ddd;}
.formBox .row .n .btn{ width: 100%; display: inline-block; border-radius: 3px; border: none; line-height: 40px; background-color: #00666A; font-size: 14px; color: #fff; cursor: pointer; margin: 4% auto 0;}
.formBox .row .n .btn:hover{ background-color: #11373D;}
.formBox .row.row1 .n input{ width: 100%;}
.formBox .row.row2 .n input{ width: calc(100% - 100px); border-radius: 3px 0 0 3px;}
.formBox .row.row2 .n .lk{ float: left; display: block; width:100px; line-height: 40px; text-align: center; border-radius: 0 3px 3px 0; background-color: #00666A; font-size: 14px; color: #fff; overflow: hidden;}
.formBox .row.row2 .n .lk span{ font-size: 20px; margin-right: 3px; display: inline-block; transform: translateY(2px);}
.formBox .row.row2 .n .lk:hover{ background-color: #11373D;}


/* pageVolunteer */
.pageVolunteer{ width: 100%; position: relative; overflow: hidden; padding: 1.5% 3% ; }
.pageVolunteer ul{ width: 100%;}
.pageVolunteer ul li{ width: 100%; margin: 1.5% 0; background-size: cover !important; padding:30px 6%; position: relative; overflow: hidden;}
.pageVolunteer ul li .img{position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 1;}
.pageVolunteer ul li .img img{ width: 100%; height: 100%; display: block;}
.pageVolunteer ul li .con{  width: 70%;  z-index: 2;}
.pageVolunteer ul li .con .tit{ font-size: 18px; color: #fff; line-height: 30px;}
.pageVolunteer ul li .con .indexMore{ margin-top: 6%;}
.pageVolunteer ul li .icon{  width: 30%; line-height: 40px;  text-align: right; font-size: 60px; color: #fff;z-index: 2;}

.volunteerActivity .top {line-height:24px;}
/* volunteerActivity */
.volunteerActivity{ width: 100%; position: relative; overflow: hidden;}
.volunteerActivity .item{ width: 100%; padding:6% 3% ; position: relative; overflow: hidden;}

.volunteerActivity .activityBox{ width: 100%; margin-top: 4%; position: relative; z-index: 2;}
.volunteerActivity .activityBox .swiper-slide{ width: 60%; position: relative; overflow: hidden; background-color: #fff;}
.volunteerActivity .activityBox .swiper-slide a{ display: block; width: 100%; position: relative;}
.volunteerActivity .activityBox .swiper-slide .img{width: 100%; position: relative; overflow: hidden;}
.volunteerActivity .activityBox .swiper-slide .img img{ width: 100%; display: block;  }
.volunteerActivity .activityBox .swiper-slide .con{ width: 100%; padding: 3% 4%;}
.volunteerActivity .activityBox .swiper-slide .con .tit{ font-size: 16px; line-height: 26px; color: #333;}
.volunteerActivity .activityBox .swiper-slide .con .time{ font-size: 14px; color: #999; margin-top: 10px;}
.volunteerActivity .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.volunteerActivity .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #00666A;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.volunteerActivity .swiper-pagination-bullet-active{opacity: 1;}
.volunteerActivity .item:nth-child(2n-1){ background-color: rgba(0, 102, 106, 0.06);}
.volunteerActivity .item:nth-child(2n) .activityBox .swiper-slide{ border: solid 1px #eee;}


/* volActivity_list */
.volActivity_list{ width: 100%; position: relative;}
.volActivity_list .title{ font-size: 18px; color: #333; text-align: center;}
.volActivity_list ul{ width: 100%; }
.volActivity_list ul li{ width: 100%;  margin-top: 3%; position: relative; overflow: hidden; background-color: #fff;}
.volActivity_list ul li a{ display: block; height: 100%; width: 100%;}
.volActivity_list ul li .img{ width: 100%; position: relative; overflow: hidden;}
.volActivity_list ul li .img img{ width: 100%; display: block; }
.volActivity_list ul li .con{ width: 100%; padding: 3% 4%;}
.volActivity_list ul li .con .tit{ font-size: 14px; line-height: 26px; color: #333;}
.volActivity_list ul li .con .time{ font-size: 14px; color: #999; margin-top: 5px;}

/* donationList */
.donationList{ width: 100%; position: relative; overflow: hidden; padding:6% 3% ; }
.donationList .jzSearch{ width: 100%; margin-top: 4%;}
.donationList .jzSearch .inputJZ{ width: calc(97% - 150px); border: solid 1px #00666A; border-radius: 3px 0 0 3px; padding:0 10px; font-size: 14px; color: #333;}
.donationList .jzSearch .inputJZ::placeholder{ font-size: 14px; color: #999;}
.donationList .jzSearch .btnJZ{ width: 40px; border-radius: 0 3px 3px 0;border: none; height: 40px; background-color: #00666A; font-size: 14px; color: #fff; cursor: pointer; }
.donationList .jzSearch .btnJZ span{ display: inline-block; font-size: 22px; }
.donationList .jzSearch .more{ margin-left: 3%; width: 110px; height: 40px; }
.donationList .jzSearch .more a{ display: block; width: 100%; line-height: 40px; border-radius: 3px; background-color: #4075A5; text-align: center; font-size: 14px; color: #fff; }
.donationList .jzSearch .more a span{ display: inline-block; margin-right: 5px; font-size: 14px;}
.donationList .jzSearch .more a:hover{ background-color: #11373D;}

.donationList .list{ width: 100%; position: relative; margin-top: 4%;}
.donationList .list table{ width: 100%; position: relative;}
.donationList .list table tr{ width: 100%; background-color: #fff;}
.donationList .list table tr:nth-child(2n-1){ background-color: rgba(0, 102, 106, 0.06);}
.donationList .list table tr td{ text-align: center; padding: 8px 5px; border-color: rgba(0, 102, 106, 0.1); line-height: 22px; font-size: 14px; color: #333; min-width: 20%;}
.donationList .list table tr td.dnum{ width: 48px !important; }
.donationList .list table tr td.dname{ width: 62px !important; }
.donationList .list table tr td.dtime{ width: 92px !important; }
.donationList .list table tr td.d2{ width: 42px !important; }
.donationList .list table tr.t1{ background-color: #00666A;}
.donationList .list table tr.t1 td{color: #fff; border-color: rgba(255, 255, 255, 0.2);}


/* bookJG */
.bookJG{ width: 100%; position: relative; padding:3% 3%; overflow: hidden;}
.bookJG .top{ width: 100%; margin: auto;}
.bookJG .top .JGlink{ width: 90px; height: 36px; position: relative;}
.bookJG .top .JGlink a{ display: block; position: relative; text-align: center; width: 100%; line-height: 36px; border-radius: 3px; overflow: hidden; font-size: 14px; color: #fff;background-color: #00666A;}
.bookJG .con{ width:100%; margin:4% auto 0; padding: 3% 4%; font-size: 14px; line-height: 28px; color: #333; background-color: rgba(0, 102, 106, 0.06);}
.bookJG .text{width: 100%; padding: 3%; border-top: solid 1px #ddd; overflow: hidden; overflow: hidden;}
.bookJG .text .t{ font-size: 16px; margin-top: 3%; font-weight: 500; color: #333; line-height: 28px; position: relative;}
.bookJG .text .t:first-child{ margin-top: 0;}
.bookJG .text .txt{ width: 100%; margin-top: 5px; font-size: 14px; color: #999; line-height: 28px;}
.bookJG .text .txt img,.bookJG .text .txt video,.bookJG .text .txt iframe{ max-width: 100%; height: auto !important;}

/* bookJGrecord */
.bookJGrecord{ width: 100%; position: relative; overflow: hidden; padding: 0 3% 3% 3%; background-color: #fff;}
.bookJGrecord ul{ width: 100%;}
.bookJGrecord ul li{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; border-bottom: solid 1px #ddd;}
.bookJGrecord ul li .tit{ width: 100%; font-size: 14px; color: #333; line-height: 26px;}
.bookJGrecord ul li .tit span{ display: inline-block; margin-right: 10px;}
.bookJGrecord ul li .tit p{ width: 100%; padding: 3px 0;}
.bookJGrecord ul li .stit{ display: inline-block; margin-top: 10px; line-height: 24px; font-size: 14px; color: #00666A; padding: 5px 10px; background-color: rgba(0, 102, 106, 0.1);}
.bookJGrecord ul li .txt{ width: 100%;margin-top: 10px; font-size: 14px; color: #666; line-height: 26px;}


/* pageResource */
.pageResource{ width: 100%; position: relative;}
.pageResource .filterBox{ width: 100%; position: relative; padding: 0;}
.pageResource .filterBox .zySearch{ width: 100%; padding: 4%; border: solid 1px #ddd; background-color: #fff;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.pageResource .filterBox .zySearch .inputZY{ width: 80%; border: solid 1px #00666A; border-radius: 3px 0 0 3px; line-height: 30px; padding: 5px 10px; font-size: 14px; color: #333;}
.pageResource .filterBox .zySearch .inputZY::placeholder{ font-size: 14px; color: #999;}
.pageResource .filterBox .zySearch .btn{ width: 20%; text-align: center; line-height: 40px; border: none; background-color: #00666A; font-size: 14px; color: #fff; border-radius: 0 3px 3px 0; cursor: pointer;}
.pageResource .filterBox .zySearch .btn span{ display: inline-block; font-size: 20px; margin-right: 5px;}
.pageResource .filterBox .zySearch .btn:hover{ background-color: #11373D;}
.pageResource .filterBox .filterList{ width: 100%;   margin:3% auto 0;border: solid 1px #ddd; background-color: #fff;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.pageResource .filterBox .filterList .item{ width: 100%; padding: 3% ; border-top: solid 1px #ddd;}
.pageResource .filterBox .filterList .item dt{ width: 100%; }
.pageResource .filterBox .filterList .item dt span{display: inline-block;  width: 100%;  line-height: 26px; margin: 3px 0; font-size: 14px; color: #333;}
.pageResource .filterBox .filterList .item dd{ width: 100%;}
.pageResource .filterBox .filterList .item dd a{ display: inline-block; font-size: 14px; color: #333; line-height: 26px; padding: 0 5px; font-weight: 500; margin: 3px 3px; border-radius: 3px;}
.pageResource .filterBox .filterList .item dd a:hover,.pageResource .filterBox .filterList .item dd a.on{ background-color: #00666A; color: #fff;}
.pageResource .filterBox .filterList .item dd a.xz{background-color: #00666A; color: #fff;}
.pageResource .filterBox .filterList .item dd a.xz span{ display: inline-block;  margin-left: 5px; font-size: 14px;}


.pageResource .filterBox .filterList .retrie{position: relative; z-index:10; width: 100%;}
.pageResource .filterBox .filterList .retrie dt{overflow: hidden ; position: relative;}
.pageResource .filterBox .filterList .retrie dt a{position: relative; background-color: #fff;  padding:0 2%; float: left; width:25%; overflow: hidden; height:40px; line-height:40px; color: #333; font-size:14px ;text-align: left; z-index: 2; box-sizing: border-box; border-left: solid 1px #ddd;}
.pageResource .filterBox .filterList .retrie dt a:first-child{ border-left: 0;}
.pageResource .filterBox .filterList .retrie dt.r1 a{  width:100%; }
.pageResource .filterBox .filterList .retrie dt.r2 a{ width:50%; }
.pageResource .filterBox .filterList .retrie dt.r3 a{ width:33.33%;  }
.pageResource .filterBox .filterList .retrie dt.r4 a{ width:25%;  }
.pageResource .filterBox .filterList .retrie dt a:after{position: absolute; top: 50%; transform: translateX(-50%) rotate(135deg); right: 5%; margin-top:-0.4rem; width:0.6rem; height:0.6rem; border: #999 solid; border-width:0.15rem 0.15rem 0 0; content: ' ';}
.pageResource .filterBox .filterList .retrie dt .up{color: #00666A; border-bottom:0.1rem solid #00666A;}
.pageResource .filterBox .filterList .retrie dt .up:after{ border-color: #00666A ; margin-top: 0; transform: translateX(-50%) rotate(-45deg);}
.pageResource .filterBox .filterList .retrie dd{position: relative;}

.pageResource .filterBox .filterList .retrie .slide{position: absolute; top: 0px; left: 0; padding: 1% 0; border: solid 1px #ddd;  z-index: 10; display: none; width: 100%; overflow-y: auto; background: #fff;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.pageResource .filterBox .filterList .retrie .slide li{display: block;  margin: 5px; background-color: #eee; float: left; }
.pageResource .filterBox .filterList .retrie .slide li a{display: inline-block; vertical-align: top; line-height: 18px;  border-radius: 3px; background-color: rgba(0, 102, 106, 0.01); padding: 5px 10px;}
.pageResource .filterBox .filterList .retrie .slide li a:hover,.pageResource .filterBox .filterList .retrie .slide li a.active,.pageResource .filterBox .filterList .retrie .slide li a.actives{background: #00666A; color:#fff;}


.pageResource .resourceList{ width: 100%; margin-top: 3%; position: relative; overflow: hidden; background-color: #fff; border: solid 1px #ddd; }
.pageResource .resourceList .top{ width: 100%; padding: 4%; border-bottom: solid 1px #ddd;}
.pageResource .resourceList .top .sortord{ position: relative; width: 140px;border: solid 1px #00666A;border-radius: 3px;}
.pageResource .resourceList .top .sortord a{ display: inline-block; width: 50%; text-align: center; font-size: 12px; line-height: 32px; color: #00666A;}
.pageResource .resourceList .top .sortord a.on{ background-color: #00666A; color: #fff;}
.pageResource .resourceList .top .searchNum{ font-size: 14px; color: #333; line-height: 34px;}
.pageResource .resourceList .top .searchNum span{ color: #00666A; font-weight: bold; display: inline-block; margin: 0 5px;}
.pageResource .resourceList .list{ width: 100%; padding: 0 3%;}
.pageResource .resourceList .list li{ width: 100%; margin: auto; border-bottom: solid 1px #eee; position: relative; padding: 3% 80px 3% 0;}
.pageResource .resourceList .list li:last-child{ border: 0;}
.pageResource .resourceList .list li .t1{ width: 100%; font-size: 14px; color: #333; line-height: 22px;}
.pageResource .resourceList .list li .t1 .label{display: block; font-size:12px; color:#999; margin-left:  5px;}
.pageResource .resourceList .list li .t2{ width: 100%; margin-top:3%; font-size: 14px; color: #999; line-height:22px;}
.pageResource .resourceList .list li .t2 span{ display: inline-block; margin: 0 10px 0 0;}
.pageResource .resourceList .list li .t3{ width:75px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center;}
.pageResource .resourceList .list li .t3 a{ display: inline-block; width: 100%; padding: 5px 0; line-height: 20px; border: solid 1px #00666A; font-size: 14px; color: #00666A;  border-radius: 3px; overflow: hidden;}

.pageResource .resourceText{ width: 100%; margin-top: 3%; border: solid 1px #ddd; background-color: #fff;}
.pageResource .resourceText .tit{ width: 100%; padding: 3% 3%; line-height: 30px; font-size: 18px; color: #00666A; }
.pageResource .resourceText .text{ width: 100%; padding: 3% 3%; color: #666; font-size: 14px; line-height: 28px; border-top: solid 1px #ddd;}

.pageResource .resourceItem{ width: 100%; position: relative;}
.pageResource .resourceItem ul{ width: 100%;}
.pageResource .resourceItem ul li{ width: 100%; position: relative; margin-top:3% ;  border: solid 1px #ddd; background-color: #fff;}
.pageResource .resourceItem ul li a{ display: inline-block; width: 100%; padding: 3% 30px 3% 3%; line-height: 28px; font-size: 18px; color: #00666A;}
.pageResource .resourceItem ul li .iconfont{ position: absolute; right: 3%; top: 50%; margin-top: -10px; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; background-color: #00666A; color: #fff; font-size: 14px; transform: rotate(180deg); }

.pageResource .resourceNews{width: 100%; border: solid 1px #ddd; margin-top: 3%; background-color: #fff;}
.pageResource .resourceNews .tit{ width: 100%; padding: 3% 3%;  }
.pageResource .resourceNews .tit .t{line-height: 24px; font-size: 18px; color: #00666A;}
.pageResource .resourceNews .tit .a{ font-size: 14px; color: #666;}
.pageResource .resourceNews .tit .a:hover{display: inline-block; color: #00666A;}
.pageResource .resourceNews ul{ width: 100%; border-top: solid 1px #ddd; padding:3% ;}
.pageResource .resourceNews ul li{ padding: 3% 0; width: 100%; border-bottom: solid 1px #eee;}
.pageResource .resourceNews ul li .t1{ font-size: 14px; color: #333; line-height: 22px; overflow: hidden;}
.pageResource .resourceNews ul li .t2{ font-size: 14px; color: #999; margin-top: 5px;}
.pageResource .resourceNews ul li:last-child{ border-bottom: 0;}


/* resourceRecom */
.resourceRecom{ width: 100%; padding: 4% 0; position: relative; overflow: hidden;}
.resourceRecom .stit{ font-size: 16px; padding:  0 3%;line-height: 26px; width: 100%; color: #333;} 


/* pageBright */
.pageBright{ width: 100%; padding:3%  0; position: relative; overflow: hidden; background: url(../images/brightBg.jpg) center top no-repeat; background-size: cover;}
.pageBright .top {line-height:24px;}
/* brightBooks */
.brightBooks{ width: 100%; padding:3% 0 ; position: relative; overflow: hidden;}
.brightBooks .top{ padding: 0 3%;}
.brightBooks ul{ width: 100%; padding: 1.5%; margin-top: 1.5%; position: relative;}
.brightBooks ul li{ width: 47%; margin:1.5%; position: relative; background-color: #00666A; border: solid 1px #00666A;}
.brightBooks ul li a{ display: block; width: 100%; position: relative;}
.brightBooks ul li .img{ width: 100%; height: 220px; padding: 8px; background-color: #fff; position: relative; overflow: hidden; z-index: 1;}
.brightBooks ul li .img img{  display: block; width: 100%; height: 100%; }
.brightBooks ul li .tit{ font-size: 14px; color: #fff;background-color: #00666A; padding:3% 4%; line-height: 22px; z-index: 2; position: relative; }

/* BookList */
.BookList{ width: 100%; padding:  0 0; position: relative; overflow: hidden;}
.BookList ul{ width: 100%; margin-top: 0; position: relative;}
.BookList ul li{ width: 47%; margin: 1.5%; position: relative; background-color: #00666A;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);}
.BookList ul li a{ display: block; width: 100%; position: relative;}
.BookList ul li .img{ width: 100%; height:220px ; background-color: #fff; position: relative; overflow: hidden; z-index: 1;}
.BookList ul li .img img{ position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%,-50%); max-width: 90%; height: 90%; transition: all 0.8s ease;}
.BookList ul li .tit{ font-size: 14px; color: #fff;background-color: #00666A; padding:10px 10px; line-height: 20px; z-index: 2; position: relative; transition: all 0.8s ease;}

/* brightVideos */
.brightVideos{ width: 100%; padding: 3% ; position: relative; overflow: hidden;}
.brightVideos ul{ width: 100%; margin-top: 1.5%; position: relative;}
.brightVideos ul li{ width: 100%; margin-top: 3%; position: relative;}
.brightVideos ul li a{ display: block; width: 100%; position: relative;}
.brightVideos ul li .img{ width: 100%; height: 180px; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.brightVideos ul li .img img{ width: 100%; height: 100%; position: relative; z-index: 1; }
.brightVideos ul li .img .iconfont{ position: absolute; z-index: 2; top: 50%; left: 50%; border-radius: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 30px; color: #fff; background-color: rgba(0, 0, 0, 0.4); }
.brightVideos ul li .tit{ font-size: 14px; color: #333; padding:3% 0; line-height: 24px; z-index: 2; position: relative;  border-bottom: solid 1px #ddd;}

/* brightPhoto */
.brightPhoto{ width: 100%; padding: 3%; position: relative; overflow: hidden;}
.brightPhoto .photoBox{ width: 100%; margin-top: 4%; position: relative; overflow: hidden;}
.brightPhoto .photoItem{ width: 100%; height: 200px; position: relative;}
.brightPhoto .photoItem .swiper-container{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brightPhoto .photoItem .swiper-slide{ width: 100%; height: 200px; position: relative; overflow: hidden;}
.brightPhoto .photoItem .swiper-slide a{ display: block; width: 100%; height: 100%; position: relative;}
.brightPhoto .photoItem .swiper-slide img{ position: relative; width: 100%; height: 100%; display: block; z-index: 1;}
.brightPhoto .photoItem .swiper-slide a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 2; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}
.brightPhoto .photoItem .swiper-slide p{ position: absolute; left: 0; bottom: 0; z-index: 3; padding: 4%; font-size: 14px; color: #fff;}
.brightPhoto .photoList{ width: 100%; height:76px; padding: 6px 0; background: url(../images/photoBg.jpg) top center repeat-x; background-size: auto  100%;  position: relative;}
.brightPhoto .photoList .swiper-container{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brightPhoto .photoList .swiper-slide{ height: 100%;  background-color: #fff; position: relative; overflow: hidden;}
.brightPhoto .photoList .swiper-slide a{ position: relative; display: block; width: 100%; height: 100%;background-color: #000;}
.brightPhoto .photoList .swiper-slide img{ position: relative; width: 100%;  height: 100%; opacity: 0.4; display: block; z-index: 1;}
.brightPhoto .photoList .swiper-slide.swiper-slide-thumb-active img{ opacity: 1;}
.brightPhoto.p{ padding:  3% 0;}
.brightPhoto.p .photoItem .swiper-slide a::after{ display: none;}


/* brightPhotoList */
.brightPhotoList{ width: 100%; padding: 3%; position: relative; overflow: hidden;}
.brightPhotoList ul{ width: 100%; margin-top: 1%; position: relative;}
.brightPhotoList ul li{ width: 100%; margin-top: 3%; position: relative;}
.brightPhotoList ul li a{ display: block; width: 100%; position: relative;}
.brightPhotoList ul li .img{ width: 100%; height: 160px; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.brightPhotoList ul li .img img{ width: 100%; height: 100%; position: relative; z-index: 1; }
.brightPhotoList ul li .tit{ font-size: 14px; color: #333; padding:3% 0; line-height: 22px; z-index: 2; position: relative;  border-bottom: solid 1px #ddd;}



/* brightArticle */
.brightArticle{ width: 100%; padding: 3% ; position: relative; overflow: hidden;}
.brightArticle ul{ width: 100%; margin-top: 1%;}
.brightArticle ul li{ width: 100%; margin-top: 3%; padding:12px 3% 12px 3% ; border: solid 1px #ddd; position: relative;}
.brightArticle ul li .icon{ width: 26px; height: 26px;   background-size: 22px !important;}
.brightArticle ul li .icon.pdf{ background: url(../images/icon/icon_pdf.png) center no-repeat;}
.brightArticle ul li .icon.doc{ background: url(../images/icon/icon_doc.png) center no-repeat;}
.brightArticle ul li .icon.xls{ background: url(../images/icon/icon_xls.png) center no-repeat;}
.brightArticle ul li .tit{width: calc(100% - 26px); font-size: 14px; color: #333; padding:1px 0 1px 5px; line-height: 24px;}
.brightArticle ul li .a{  margin: 3% 0 0 30px; text-align: center; border: solid 1px #ddd;line-height: 30px; padding: 0 12px; font-size: 14px; color: #333; }

/* brightPeriodical */
.brightPeriodical{ width: 100%; padding:3% 0 ; position: relative; overflow: hidden;}
.brightPeriodical .top{ padding: 0 3%;}
.brightPeriodical ul{ width: 100%; margin-top: 1.5%; padding: 0 1.5%;}
.brightPeriodical ul li{ width: 47%; margin: 1.5%; border: solid 1px #ddd; position: relative;}
.brightPeriodical ul li a{ width: 100%; height: 100%; padding: 10px ;}
.brightPeriodical ul li .img{ width: 100%; height: 200px; position: relative; overflow: hidden;}
.brightPeriodical ul li .img img{  display: block; width: 100%; height: 100%; max-width: 100%;}
.brightPeriodical ul li .con{ width: 100%; padding:0; margin-top: 10px;text-align: center;}
.brightPeriodical ul li .con .t1{ width: 100%; font-size: 14px; color: #333; font-weight: 500;}


/* booksAroma */
.booksAroma{ width: 100%; padding: 0; position: relative; overflow: hidden; background: rgba(0, 102, 106, 0.06);}
.booksAroma .textBox{   width: 94%; margin:  3%; position: relative; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);   z-index: 2;}
.booksAroma .textBox .info{ width:100%; height: 228px; padding: 0 4%; position: relative; background-size: cover !important;}
.booksAroma .textBox .info .con{ width: 100%;  text-align: center;}
.booksAroma .textBox .info .img{ width: 60px; margin: auto;}
.booksAroma .textBox .info .img img{ width: 100%; display: block;}
.booksAroma .textBox .info .tit { font-size: 18px; color: #fff; margin-top: 15px; font-weight: bold; }
.booksAroma .textBox .info .txt{ margin-top: 10px; font-size: 14px; color: #fff;}
.booksAroma .textBox .text{ width:100%;  background: rgba(255, 255, 255, 0.8) ; padding: 4%; position: relative;}
.booksAroma .textBox .text .con{ width: 100%; }
.booksAroma .textBox .text .tit{ font-size: 18px; color: #333;  }
.booksAroma .textBox .text .txt{ margin-top: 15px; font-size: 14px;  line-height:28px;  color: #333;}


.booksAroma .booksAromaNav{ width: 100%; margin-top: 5%; padding: 0 1.5%; position: relative; overflow: hidden;}
.booksAroma .booksAromaNav .n{ width: 30.33%; margin:1.5%; text-align: center; border-radius: 20px; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);  }
.booksAroma .booksAromaNav .n a{ display: block; width: 100%; line-height: 30px; padding: 5px 0; font-size: 14px; color: #00666A; background-color: #fff; border-radius: 20px;  }
.booksAroma .booksAromaNav .n.active a{ background-color: #00666A; color: #fff;}

.booksAroma .booksAromaItem{ width: 100%; position: relative;padding:3% 3% 6% 3%; overflow: hidden;}
.booksAroma .booksAromaItem .item{ width: 100%; display: none; position: relative;}
.booksAroma .booksAromaItem .item.active{ display: block;}
.booksAroma .booksAromaItem .more{ width: 50%; margin:4% auto auto; border-radius: 20px;}
.booksAroma .booksAromaItem .more a{ display: block; display: block; width: 100%; line-height: 30px; padding: 5px 0; font-size: 14px; color: #fff; background-color: #00666A; border-radius: 20px; text-align: center; }
.booksAroma .booksAromaItem .more a:hover{ background-color: #11373D;}

.booksAroma .booksAromaItem .studyItem{ width: 100%; position: relative; overflow: hidden;}
.booksAroma .booksAromaItem .studyItem li{ width: 100%; position: relative; margin-top: 3%; }
.booksAroma .booksAromaItem .studyItem li .img{ width: calc(100% - 20px); margin: auto; position: relative; z-index: 2; height: 160px; overflow: hidden; border-radius: 10px;}
.booksAroma .booksAromaItem .studyItem li .img img{ width: 100%; height: 100%; display: block; }
.booksAroma .booksAromaItem .studyItem li .con{ width: 100%; padding:90px 6% 3% 6%; position: relative; z-index: 1; margin-top: -80px; /*  background: url(../images/studyImgBg3.png) center no-repeat; background-size: 100% 100% !important; */  border-radius: 10px; border: solid 1px #eee; }
.booksAroma .booksAromaItem .studyItem li .con .t1{ font-size: 16px; color: #333; }
.booksAroma .booksAromaItem .studyItem li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.booksAroma .booksAromaItem .studyItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.booksAroma .booksAromaItem .studyItem li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }

.booksAroma .booksAromaItem .readItem{ width: 100%; position: relative; overflow: hidden;}
.booksAroma .booksAromaItem .readItem li{width: 100%; position: relative; margin-top: 3%;  border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.booksAroma .booksAromaItem .readItem li a{ display: block; width: 100%; height: 100%; padding: 10px;}
.booksAroma .booksAromaItem .readItem li .img{ width: 100%; border-radius: 10px; overflow: hidden; height: 160px;}
.booksAroma .booksAromaItem .readItem li .img img{ width: 100%; display: block; height: 100%; }
.booksAroma .booksAromaItem .readItem li .con{ width: 100%; padding:3% 4%; position: relative; z-index: 1;  }
.booksAroma .booksAromaItem .readItem li .con .t1{ font-size: 16px; color: #333; }
.booksAroma .booksAromaItem .readItem li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.booksAroma .booksAromaItem .readItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.booksAroma .booksAromaItem .readItem li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }
.booksAroma .booksAromaItem .readItem li .con .m{ width: 50%; margin: 5% auto 0; text-align: center; border: solid 1px #84BD26; line-height: 38px; font-size: 14px; color: #84BD26;  border-radius: 10px;}


.booksAroma .booksAromaItem .lectureItem{ width: 100%; position: relative; overflow: hidden;}
.booksAroma .booksAromaItem .lectureItem li{ width: 100%; position: relative; margin-top: 3%; border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);}
.booksAroma .booksAromaItem .lectureItem li a{ display: block; width: 100%; height: 100%; padding: 0;}
.booksAroma .booksAromaItem .lectureItem li .img{ width: 100%; border-radius:0 0 20px 20px ; overflow: hidden; height: 160px; }
.booksAroma .booksAromaItem .lectureItem li .img img{ width: 100%; display: block; height: 100%; }
.booksAroma .booksAromaItem .lectureItem li .con{ width: 100%; padding:3% 4%; position: relative; z-index: 1;  }
.booksAroma .booksAromaItem .lectureItem li .con .t1{ font-size: 16px; color: #333; }
.booksAroma .booksAromaItem .lectureItem li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.booksAroma .booksAromaItem .lectureItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.booksAroma .booksAromaItem .lectureItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999;  }


.booksAroma .booksAromaItem .scienceItem{ width: 100%; position: relative;}
.booksAroma .booksAromaItem .scienceItem li{ width: 100%; position: relative; margin-top: 3%; border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.booksAroma .booksAromaItem .scienceItem li a{ display: block; width: 100%; height: 100%; padding: 10px;}
.booksAroma .booksAromaItem .scienceItem li .img{ width: 100%; border-radius: 10px; overflow: hidden; height: 160px;}
.booksAroma .booksAromaItem .scienceItem li .img img{ width: 100%; display: block; height: 100%; }
.booksAroma .booksAromaItem .scienceItem li .con{ width: 100%; padding:3% 4%; position: relative; z-index: 1;  }
.booksAroma .booksAromaItem .scienceItem li .con .t1{ font-size: 16px; color: #333; }
.booksAroma .booksAromaItem .scienceItem li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.booksAroma .booksAromaItem .scienceItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.booksAroma .booksAromaItem .scienceItem li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }
.booksAroma .booksAromaItem .scienceItem li .con .m{ width: 50%; margin: 5% auto 0; text-align: center; border: solid 1px #84BD26; line-height: 38px; font-size: 14px; color: #84BD26;  border-radius: 10px;}


.booksAroma.bg{ background: url(../images/booksAromaBg.jpg) center no-repeat; background-size: cover !important;}
.booksAroma.bg .textBox{ border-radius: 10px;}
.booksAroma.bg .booksAromaNav .n a{ color: #84BD26; }
.booksAroma.bg .booksAromaNav .n.active a{ background-color: #84BD26; color: #fff;}
.booksAroma.bg .booksAromaItem .more a{ background-color: #fff; color: #84BD26; }
.booksAroma.bg .booksAromaItem .more a:hover{ background-color: #84BD26; color: #fff;}

/* pageStudyday */
.pageStudyday{ width: 100%; padding: 6% 3%; position: relative; overflow: hidden; background: rgba(0, 102, 106, 0.06);}
.pageStudyday ul{ width: 100%; margin-top: 1%; position: relative;}
.pageStudyday ul li{ width: 100%; position: relative; margin-top: 3%;}
.pageStudyday ul li .img{ width: calc(100% - 20px); margin: auto; position: relative; z-index: 2; height: 160px; overflow: hidden; border-radius: 10px;}
.pageStudyday ul li .img img{ width: 100%; height: 100%; display: block; }
.pageStudyday ul li .con{ width: 100%; padding:90px 6% 3% 6%; position: relative; z-index: 1; margin-top: -80px;  /*  background: url(../images/studyImgBg3.png) center no-repeat; background-size: 100% 100% !important; */  border-radius: 10px; border: solid 1px #eee;  }
.pageStudyday ul li .con .t1{ font-size: 16px; color: #333; }
.pageStudyday ul li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.pageStudyday ul li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.pageStudyday ul li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }


/* activityDetails */
.activityDetails{ width: 100%; overflow: hidden; position: relative;  padding: 3%; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);  }
.activityDetails .tit{ font-size:16px; text-align: center; color: #333; line-height: 28px; margin-bottom: 3%;}
.activityDetails .info{ text-align: center; font-size: 14px; color: #999; margin-bottom: 3%;}
.activityDetails .info span{ display: inline-block; margin: 0 20px;}
.activityDetails .text { width: 100%; padding-top: 3% ; font-size: 14px; color: #333; line-height: 30px; border-top: solid 1px #e5e5e5;}
.activityDetails .text  img,.activityDetails .text video,.activityDetails .text iframe{ max-width: 100%; height: auto !important;}


/* activityForm */
.activityForm{ width: 100%; overflow: hidden; position: relative; margin-top: 3%; padding: 4%; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);  }
.activityForm form{ width: 100%;}
.activityForm .row{ width: 100%;float: left; position: relative; margin: 5px 0;}
.activityForm .row .t{ width: 40px; line-height: 30px; padding: 5px 10px 5px 0; text-align: right; position: relative; font-size: 14px; color: #333;}
.activityForm .row .n{ width: calc(100% - 40px); position: relative;}
.activityForm .row .n textarea{ height: 90px;resize: none; padding:5px 10px; box-sizing: border-box; width: 100%;font-size: 14px;color: #333;line-height: 30px; border: solid 1px #ddd; border-radius: 3px; box-sizing: border-box;}
.activityForm .row .n input{float: left; width: 100%; border-radius: 3px; line-height: 30px; padding: 5px 10px; overflow: hidden; border: solid 1px #ddd; font-size: 14px; color: #333;}
.activityForm .row .n input::placeholder{ font-size: 14px; color: #999;}
.activityForm .row .n .wj{ width: 50%; height: 40px; border: solid 1px #ddd; text-align: center; line-height: 38px; font-size:14px; color: #999; cursor: pointer; border-radius: 3px;}
.activityForm .row .n .wj:hover{ border-color: #00666A; background-color: #00666A; color: #fff;}
.activityForm .row .n ul{ width: 100%;}
.activityForm .row .n ul .st{ font-size: 14px; color: #999;}
.activityForm .row .n ul li{ width: 100%; margin-top: 10px; font-size: 14px; color: #333; line-height: 20px;}
.activityForm .row .n ul li span{ font-size: 18px; margin-right: 5px; color: #00666A;}
.activityForm .row .n ul li a{ margin-left: 5px; font-size: 18px; color: #aaa;}
.activityForm .row .n ul li a:hover{ color: #00666A;}
.activityForm .row .n .btn{ width: 50%; border-radius: 3px; border: none; line-height: 40px; background-color: #00666A; font-size: 14px; color: #fff;  cursor: pointer; margin-top: 3%;}
.activityForm .row .n .btn:hover{ background-color: #11373D;}


/* activityEwm */
.activityEwm{ width: 100%; background-color: #fff; margin-top: 3%; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);   overflow: hidden;}
.activityEwm .tit{ width: 100%; padding: 15px 3% 60px 3% ; text-align: center; background: url(../images/activityEwmBg.jpg) center no-repeat; background-size:  cover; text-align: center; font-size: 18px; color: #fff; position: relative; z-index: 1;}
.activityEwm .con{ width: 100%; padding: 0 3% 3% 3%; position: relative; z-index: 2;}
.activityEwm .con .ewm{ width: 50%; border: solid 1px #ddd; background-color: #fff; padding: 5px; border-radius: 6px; margin: -40px auto 0;}
.activityEwm .con .ewm img{ width: 100%; display: block;}
.activityEwm .con .t1{ text-align: center; margin-top: 3%; font-size: 16px; color: #333;}
.activityEwm .con .t2{ text-align: center; margin-top: 3%; font-size: 14px; color: #999; line-height: 22px;}


/* activityTJ */
.activityTJ{ width: 100%; background-color: #fff; margin-top: 5%; padding:4% 3%; position: relative; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); }
.activityTJ .tit{ font-size: 18px; text-align: center; color: #333; }
.activityTJ ul{ width: 100%; margin-top: 2%;}
.activityTJ ul li{ width: 100%; padding: 3% 0px; border-bottom: solid 1px #ddd; position: relative; overflow: hidden;}
.activityTJ ul li:last-child{ border-bottom: 0;}
.activityTJ ul li .img{ width: 100%; height: 160px; position: relative; overflow: hidden;}
.activityTJ ul li .img img{ width: 100%; display: block; }
.activityTJ ul li .con{ width: 100%; padding: 10px 10px 0 10px; position: relative; z-index: 1;  }
.activityTJ ul li .con .t1{ font-size: 18px;  color: #333; }
.activityTJ ul li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.activityTJ ul li .con .t2 p{ font-size: 16px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.activityTJ ul li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999;  }


/* pageRead */
.pageRead{ width: 100%; position: relative;  padding:6% 0 ; overflow: hidden;}
.pageRead .pageTit{ margin: 0 auto 0;}
.pageRead .readItem{ width: 100%; padding: 0 3%; position: relative; overflow: hidden;}
.pageRead .readItem li{width: 100%; position: relative; margin-top: 3%;  border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.pageRead .readItem li a{ display: block; width: 100%; height: 100%; padding: 10px;}
.pageRead .readItem li .img{ width: 100%; border-radius: 10px; overflow: hidden; height: 160px;}
.pageRead .readItem li .img img{ width: 100%; display: block; height: 100%; }
.pageRead .readItem li .con{ width: 100%; padding:3% 4%; position: relative; z-index: 1;  }
.pageRead .readItem li .con .t1{ font-size: 16px; color: #333; }
.pageRead .readItem li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.pageRead .readItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.pageRead .readItem li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }
.pageRead .readItem li .con .m{ width: 50%; margin: 5% auto 0; text-align: center; border: solid 1px #84BD26; line-height: 38px; font-size: 14px; color: #84BD26;  border-radius: 10px;}


/* pageLecture */
.pageLecture{ width: 100%; position: relative; padding:6% 3%; overflow: hidden;  background: rgba(0, 102, 106, 0.06);}
.pageLecture .pageTit{ margin-bottom: 1%;}
.pageLecture .lecture1{ width: 100%; margin-top: 0; position: relative;}
.pageLecture .lecture1 li{ width: 100%; position: relative;margin-top: 3%; border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.pageLecture .lecture1 li a{ display: block; width: 100%; height: 100%; padding: 0;}
.pageLecture .lecture1 li .img{ width: 100%; border-radius:0 0 20px 20px ; overflow: hidden; height: 160px; }
.pageLecture .lecture1 li .img img{ width: 100%; display: block; height: 100%; }
.pageLecture .lecture1 li .con{ width: 100%; padding:4% 3%; position: relative; z-index: 1;  }
.pageLecture .lecture1 li .con .t1{ font-size: 16px; color: #333; }
.pageLecture .lecture1 li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.pageLecture .lecture1 li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.pageLecture .lecture1 li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }

.pageLecture .lecture2{ width: 100%; position: relative;}
.pageLecture .lecture2 li{width: 100%; position: relative;margin-top: 3%; overflow: hidden;}
.pageLecture .lecture2 li a{ display: block; width: 100%; height: 100%; padding: 0;}
.pageLecture .lecture2 li .img{ width: 100%; border-radius:0 10px 0 10px ; overflow: hidden; height: 160px;  position: relative; z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); }
.pageLecture .lecture2 li .img img{ width: 100%; display: block; height: 100%; }
.pageLecture .lecture2 li .con{ width: 90%; margin-top: -26px; position: relative; border-radius: 0 10px 0 10px; z-index: 2; padding:4% 3%;  background-color: #fff; }
.pageLecture .lecture2 li .con .t1{ font-size: 16px; color: #333; line-height: 26px;}



/* lectureText */
.lectureText{ width: 100%; position: relative; padding:6% 3% ; overflow: hidden;  background: rgba(0, 102, 106, 0.06);}
.lectureText .box{ width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); }
.lectureText .info{ width: 100%; position: relative; overflow: hidden; }
.lectureText .info .img{ width: 100%; height: 100%; position: relative; background-color: #000; }
.lectureText .info .img img{ width: 100%; display: block; height: 100%; position: relative; z-index: 1; opacity: 0.4; }
.lectureText .info .con{ position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; text-align: center;}
.lectureText .info .con .iconfont{ font-size: 40px; color: #fff; line-height: 40px;}
.lectureText .info .con .tit{ font-size: 18px; color: #fff; margin-top: 4%;}
.lectureText .text{ width:100%; background: #fff ; padding: 0 0; position: relative;}
.lectureText .text .con{ width: 100%; padding: 3% 4%;}
.lectureText .text .tit{ font-size: 18px; color: #333;  }
.lectureText .text .txt{ margin-top: 15px; font-size: 14px; line-height: 28px; color: #333;}


/* lectureVideo */
.lectureVideo{ width: 100%; position: relative; padding:6% 3% ; overflow: hidden;  background: url(../images/lectureVideoBg.jpg) center no-repeat; background-size:  cover;}
.lectureVideo .videoItem{ width: 100%; margin-top: 4%;}
.lectureVideo .videoItem .swiper-slide{ width: 70%;}
.lectureVideo .videoItem .swiper-slide .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.lectureVideo .videoItem .swiper-slide .img img{ width: 100%; display: block; height: 100% ; opacity: 0.8;  position: relative; z-index: 1;}
.lectureVideo .videoItem .swiper-slide .con{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%;  padding:6% 3% 4%; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.lectureVideo .videoItem .swiper-slide .con .tit{ font-size: 14px; line-height: 22px; color: #fff;}
.lectureVideo .videoItem .swiper-slide .con .iconfont{ font-size: 24px; line-height: 22px;  color: #fff;  }

.lectureVideo .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.lectureVideo .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #fff;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.lectureVideo .swiper-pagination-bullet-active{opacity: 1;}


/* lectureVideoList */
.lectureVideoList{ width: 100%; position: relative; padding:6% 3% ; overflow: hidden; background-color: rgba(0, 102, 106, 0.06);}
.lectureVideoList ul{ width: 100%; position: relative; margin-top: 1%; }
.lectureVideoList ul li{ width: 100%; margin-top: 3%; height: 180px; position: relative; overflow: hidden;}
.lectureVideoList ul li .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.lectureVideoList ul li .img img{ width: 100%; display: block; height: 100% ; opacity: 0.8;  position: relative; z-index: 1;}
.lectureVideoList ul li .con{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%;  padding:20px 4% 10px 4%; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.lectureVideoList ul li .con .tit{ font-size: 16px; line-height: 26px; color: #fff;}
.lectureVideoList ul li .con .iconfont{ font-size: 30px; line-height: 26px;  color: #fff;  }


/* lecturePhoto */
.lecturePhoto{ width: 100%; position: relative; padding:6% 0 ; overflow: hidden; }
.lecturePhoto.w{ background-color: rgba(0, 102, 106, 0.06);}
.lecturePhoto .top{padding: 0 3%; width: 100%;}
.lecturePhoto ul{ width: 100%; margin-top: 3%; padding: 0 1.5%;}
.lecturePhoto ul li{width: 47%; margin: 1.5%; position: relative; overflow: hidden;}
.lecturePhoto ul li a{ display: block; width: 100%; height: 100%;}
.lecturePhoto ul li .img{ width: 100%; position: relative; overflow: hidden; height: 130px; background-color: #00666A;}
.lecturePhoto ul li .img img{ position: relative; display: block; width: 100%; height: 100%; z-index: 1; }
.lecturePhoto ul li .img::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; z-index: 2; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.lecturePhoto ul li .tit{ position: absolute; left: 0; bottom: 0; z-index: 2; font-size: 14px; color: #fff; width: 100%;  padding: 10px 4%; text-align: center;}
.lecturePhoto ul.u1 li{ width: 97%; margin: 1.5%;}
.lecturePhoto ul.u1 li .img{ height: 180px;}


 /* pageMemories */
 .pageMemories{ width: 100%; padding: 3% 0; position: relative; overflow: hidden;  background: url(../images/memoriesBg.jpg) center no-repeat; background-size:  cover;}
 .memoriesText{ width: 94%; margin: 0 auto 3%;  padding: 0 0;  position: relative; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);  }
 .memoriesText .img{ width:100%;  position: relative; overflow: hidden;}
 .memoriesText .img  img{ width: 100%; height: 100%; display: block;}
 .memoriesText .text{ width:100%; background: #fff ; padding: 0 0; position: relative;}
 .memoriesText .text .con{ width: 100%; padding: 3% 4%; }
 .memoriesText .text .tit{ font-size: 18px; color: #333;  }
 .memoriesText .text .txt{ margin-top: 15px; font-size: 14px;  line-height: 28px;  color: #333;}

/* memoriesData */
.memoriesData{ width: 100%; padding:3% 3%; position: relative; overflow: hidden;}
.memoriesData.p{padding:3% 0;}
.memoriesData ul{ width: 100%; margin-top: 1%;}
.memoriesData ul li{ width: 100%; margin-top: 3%; padding: 15px 3% 15px 3%  ; background-color: #fff; position: relative;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); }
.memoriesData ul li .icon{ width: 26px; height: 26px; background-size: 22px !important;}
.memoriesData ul li .icon.pdf{ background: url(../images/icon/icon_pdf.png) center no-repeat;}
.memoriesData ul li .icon.doc{ background: url(../images/icon/icon_doc.png) center no-repeat;}
.memoriesData ul li .icon.xls{ background: url(../images/icon/icon_xls.png) center no-repeat;}
.memoriesData ul li .tit{ width: calc(100% - 26px); font-size: 14px; color: #333; padding: 1px 0 1px 5px ; line-height: 24px;}
.memoriesData ul li .a{ margin: 3% 0 0 30px; text-align: center; border: solid 1px #ddd;line-height: 30px; padding: 0 12px; font-size: 14px; color: #333;}

.memoriesData .top, .memoriesArticle .top, .memoriesPhoto .top {line-height:24px;}

/* memoriesArticle */
.memoriesArticle{ width: 100%; padding:3% 3%; position: relative; overflow: hidden;}
.memoriesArticle.p{ padding:3% 0 ;}
.memoriesArticle .articleItem{ width: 100%; margin-top: 4%;}
.memoriesArticle .articleItem .swiper-slide{ width: 70%;}
.memoriesArticle .articleItem .swiper-slide .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.memoriesArticle .articleItem .swiper-slide .img img{ width: 100%; display: block; height: 100% ; opacity: 0.8;  position: relative; z-index: 1;}
.memoriesArticle .articleItem .swiper-slide .con{ width: 100%;  padding:3% 4% ; background-color: #fff;}
.memoriesArticle .articleItem .swiper-slide .con .tit{ font-size: 14px; line-height: 22px; height: 44px; color: #333;}
.memoriesArticle .articleItem .swiper-slide .con .time{ font-size: 14px; line-height: 22px;margin-top: 5px; color: #999;}

.memoriesArticle .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.memoriesArticle .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #00666A;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.memoriesArticle .swiper-pagination-bullet-active{opacity: 1;}
.memoriesArticle .list{ width: 100%; margin-top: 1%;}
.memoriesArticle .list li { width: 100%; margin-top: 3%;}
.memoriesArticle .list li .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.memoriesArticle .list li .img img{ width: 100%; display: block; height: 100% ; opacity: 0.8;  position: relative; z-index: 1;}
.memoriesArticle .list li .con{ width: 100%;  padding:3% 4% ; background-color: #fff;}
.memoriesArticle .list li .con .tit{ font-size: 14px; line-height: 22px; color: #333;}
.memoriesArticle .list li .con .time{ font-size: 14px; line-height: 22px;margin-top: 5px; color: #999;}


/* memoriesPhoto */
.memoriesPhoto{ width: 100%; padding:3% 3%; position: relative; overflow: hidden;}
.memoriesPhoto .photoItem{ width: 100%; margin-top: 4%;}
.memoriesPhoto .photoItem .swiper-slide{ width: 70%;}
.memoriesPhoto .photoItem .swiper-slide .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.memoriesPhoto .photoItem .swiper-slide .img img{ width: 100%; display: block; height: 100% ; opacity: 0.8;  position: relative; z-index: 1;}
.memoriesPhoto .photoItem .swiper-slide .con{ width: 100%;  padding:3% 4% ; background-color: #fff;}
.memoriesPhoto .photoItem .swiper-slide .con .tit{ font-size: 14px; line-height: 22px; height: 44px; color: #333;}
.memoriesPhoto .photoItem .swiper-slide .con .time{ font-size: 14px; line-height: 22px;margin-top: 5px; color: #999;}

.memoriesPhoto .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.memoriesPhoto .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #00666A;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.memoriesPhoto .swiper-pagination-bullet-active{opacity: 1;}


/* libraryNav */
.libraryNav{ width: 100%; position: relative; overflow: hidden; padding: 3% ; background-color: rgba(0, 102, 106, 0.05); }
.libraryNav .swiper-slide{ width: auto; position: relative;}
.libraryNav .swiper-slide a{ font-size: 14px; display: inline-block; width: 100%; color: #333; padding: 5px 12px; line-height: 24px; border-radius: 20px; background-color: #fff; border: solid 1px #eee;}
.libraryNav .swiper-slide.active a{ background-color: #00666A; color: #fff; border-color: #00666A;}

.libraryNav.g  .swiper-slide.active a{ background-color: #84BD26; color: #fff; border-color: #84BD26; }


/* pageLibrary */
.pageLibrary{ width: 100%; padding:  0 ; position: relative; overflow: hidden;}
.pageLibrary .libraryInfo{ width: 100%; padding: 3%;}
.pageLibrary .libraryInfo .map{ width: 100%; height: 300px; border: solid 1px #eee;}

.BMapLib_SearchInfoWindow{ border: 0 !important; width: 280px !important; margin:0 0 -20px -28px; padding: 10px; border-radius: 3px  !important;  background-color: #fff !important;}
.BMapLib_SearchInfoWindow::after{content: ''; width: 0; height: 0; top: auto; position: absolute; left: 50%; right: 0; bottom: -10px; margin-left: -10px; border-top: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; box-sizing: border-box;}
.BMapLib_bubble_top{  height: auto !important; border: 0 !important; border-radius: 0  !important;  overflow: hidden ;z-index: 3;position: relative;}
.BMapLib_bubble_top .BMapLib_bubble_title{ background-color: #fff !important; height: auto !important; padding: 0!important;font-size: 16px !important; font-weight: bold; color: #333;}
.BMapLib_sendToPhone{ display: none;}
.BMapLib_bubble_close{display: none; background-color: rgba(255,255,255,0) !important; background: rgba(0, 0, 0, 0.1) !important ; background-size: 50% auto !important;}
.BMapLib_bubble_center .BMapLib_bubble_content{ padding: 0 !important;}
.BMapLib_bubble_center .BMapLib_bubble_content div{  padding:0 !important; margin-top: 5px; font-size: 14px; color: #999;}
/* .BMap_noprint.BMap_Marker{ width: 60px !important; height: 57px !important; background: url(../images/icon/icon_map1.png) center no-repeat !important; margin:-15px 0 0 -20px !important;} */
.BMapLib_trans{ display: none;}

.pageLibrary .libraryInfo .infoBox{ width: 100%; }
.pageLibrary .libraryInfo .infoBox .openingHours{ width: 100%; margin-top: 3%;  border: solid 1px rgba(0, 102, 106, 0.1); background-color: rgba(0, 102, 106, 0.06); position: relative; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .openingHours .tit{ padding: 10px 15px 10px 40px; line-height: 26px; font-size: 16px; color: #00666A; border-bottom: solid 1px rgba(0, 102, 106, 0.1); position: relative; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .openingHours .tit span{ display: inline-block; position: absolute; left: 15px; top: 50%; margin-top: -13px; line-height: 26px; font-size: 24px;}
.pageLibrary .libraryInfo .infoBox .openingHours .week{ padding:10px 15px;  position: relative; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .openingHours .week li{ width: 100%; font-size: 14px; color: #666; position: relative; padding:6px 0 6px 10px;}
.pageLibrary .libraryInfo .infoBox .openingHours .week li::after{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background-color: #00666A;}
.pageLibrary .libraryInfo .infoBox .openingHours .week .b{ font-size: 14px; color: #999; margin-top: 10px;}
.pageLibrary .libraryInfo .infoBox .openingHours .week li.active{ color: #00666A; font-weight: bold;}
.pageLibrary .libraryInfo .infoBox .openingHours .iconbg{ position: absolute; right: -15%; bottom: -20%; z-index: 0; color: #00666A; font-size:200px; opacity: 0.06;}

.pageLibrary .libraryInfo .infoBox .openingHours .closingHours{ width:100%; padding: 3%; position: relative; overflow: hidden; z-index: 3; font-size: 14px; color: #00666A; line-height: 24px;}


.pageLibrary .libraryInfo .infoBox .libNews{ margin-top: 3%; width: 100%;  border: solid 1px rgba(0, 102, 106, 0.1); background-color: rgba(0, 102, 106, 0.06); position: relative; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .libNews .tit{  padding: 10px 15px 10px 40px; line-height: 26px; font-size: 16px; color: #FF8946; border-bottom: solid 1px rgba(0, 102, 106, 0.1); position: relative; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .libNews .tit span{ display: inline-block; position: absolute; left: 15px; top: 50%; margin-top: -13px; line-height: 26px; font-size: 24px;}
.pageLibrary .libraryInfo .infoBox .libNews .tit a{ font-size: 14px; position: absolute; right: 15px; top: 50%; line-height: 26px; margin-top: -13px; color: #999;}
.pageLibrary .libraryInfo .infoBox .libNews ul{ width: 100%; padding: 3% 15px; position: relative; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .libNews ul li{ width: 100%; padding: 8px 0; position: relative; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .libNews ul li a{ display: block; width: 100%; position: relative; padding-left: 15px; font-size: 14px; color: #333;}
.pageLibrary .libraryInfo .infoBox .libNews ul li a::after{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background-color: #FF8946;}
.pageLibrary .libraryInfo .infoBox .libNews ul li a:hover{ color: #FF8946;}
.pageLibrary .libraryInfo .infoBox .libNews .iconbg{ position: absolute; right: -15%; bottom: -20%; z-index: 0; color: #FF8946; font-size:200px; opacity: 0.06; transform: rotate(180deg);}

.pageLibrary .libraryInfo .infoBox .regionBox{ width: 100%; margin-top: 3%;}
.pageLibrary .libraryInfo .infoBox .regionBox dl{ width: 100%; position: relative; padding: 0 0; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dt{ width: 100%; border: solid 1px rgba(0, 102, 106, 0.15); background-color: rgba(0, 102, 106, 0.06); position: relative;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dt a{display: block; width: 100%; padding:5px  10px; font-size: 14px; color: #333; line-height: 30px; position: relative; z-index: 1;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dt span{ font-size: 16px; color: #999; position: absolute; right: 10px; top: 50%; margin-top: -10px; width: 20px; text-align: center; line-height: 20px; transform: rotate(-90deg); z-index: 2; transition: all 0.8s ease;}

.pageLibrary .libraryInfo .infoBox .regionBox dl dt.up span{ transform: rotate(-270deg);}
.pageLibrary .libraryInfo .infoBox .regionBox dl dd{ position: absolute; display: none; width: 100%; top: 40px; left: 0; border: solid 1px rgba(0, 102, 106, 0.15); background-color: #fff;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dd a{ padding:8px 10px;display: block; width: 100%; background-color: rgba(0, 102, 106, 0.06); border-bottom: solid 1px rgba(0, 102, 106, 0.15); font-size: 14px; color: #333;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dd a:last-child{ border-bottom: 0;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dd a.active{ color: #00666A; font-weight: bold;}
.pageLibrary .libraryInfo .infoBox .regionBox ul{ width: 100%; background-color: rgba(0, 102, 106, 0.05); z-index: 1; height: 400px; padding:3%; position: relative;overflow-y: auto;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li{ width: 100%; position: relative; border-bottom: solid 1px #ddd; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li a{ display: inline-block; width: 100%; padding: 10px 0;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .img{ width: 100%;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .img img{ display: block;width: 100%;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .con{ width: 100%; padding-top:10px}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .con .t1{ font-size: 14px; color: #333;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .con .t2{ font-size: 14px; color: #999; margin-top: 5px; line-height: 22px;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li.active .t1{ color:#00666A; font-weight: bold;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li:last-child{ border: 0;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li:first-child{ padding-top: 0;}


.pageLibrary .libraryItem{ width: 100%; position: relative; margin-top: 3%;}
.pageLibrary .libraryItem .itemNav{ width: 100%; padding: 2.5% 2.5%; background-color: rgba(0, 0, 0, 0.04); position: relative;}
.pageLibrary .libraryItem .itemNav .a{ width: 32.33%; margin: 0.5%; text-align: center; position: relative; z-index: 1; border: solid 1px #ddd;  background-color: #fff; line-height: 24px;}
.pageLibrary .libraryItem .itemNav .a a{display: block; width: 100%; padding: 5px 3%; font-size: 14px; color: #333; }
.pageLibrary .libraryItem .itemNav .a.active{ z-index: 3; border-color: #00666A; background-color: #00666A;}
.pageLibrary .libraryItem .itemNav .a.active a{ color: #fff; }
.pageLibrary .libraryItem .itemNav.u2 .a{ width: 49%;}

.pageLibrary .libraryItem .itemBox{ width: 100%; padding:6% 3%;}
.pageLibrary .libraryItem .itemBox .item{ width: 100%; display: none; position: relative;}
.pageLibrary .libraryItem .itemBox .item.active{ display: block;}
.pageLibrary .libraryItem .itemBox .stit{ width: 100%; text-align: center; font-size: 16px; color: #333;}
.pageLibrary .libraryItem .itemBox .stit b{ color: #00666A;}

.pageLibrary .libraryItem .actItem{ width: 100%; padding: 3% 0; position: relative;}
.pageLibrary .libraryItem .actItem li{ width: 100%; position: relative; margin-top: 3%; }
.pageLibrary .libraryItem .actItem li a{ display: block; width: 100%; height: 100%;}
.pageLibrary .libraryItem .actItem li .img{ width: calc(100% - 20px); margin: auto; position: relative; z-index: 2; height: 160px; overflow: hidden; border-radius: 10px;}
.pageLibrary .libraryItem .actItem li .img img{ width: 100%; height: 100%; display: block; }
.pageLibrary .libraryItem .actItem li .con{ width: 100%; padding:90px 6% 3% 6%; position: relative; z-index: 1; margin-top: -80px;  /*  background: url(../images/studyImgBg3.png) center no-repeat; background-size: 100% 100% !important; */  border-radius: 10px; border: solid 1px #eee; }
.pageLibrary .libraryItem .actItem li .con .t1{ font-size: 16px; color: #333; }
.pageLibrary .libraryItem .actItem li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.pageLibrary .libraryItem .actItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  }
.pageLibrary .libraryItem .actItem li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  }

.pageLibrary .libraryItem .actItem1{ width: 100%; margin-top: 3%; position: relative;}
.pageLibrary .libraryItem .actItem1 li{ width: 100%; position: relative; margin-top: 3%; border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.pageLibrary .libraryItem .actItem1 li a{ display: block; width: 100%; height: 100%; padding: 10px;}
.pageLibrary .libraryItem .actItem1 li .img{ width: 100%; border-radius: 10px; overflow: hidden; height: 160px;}
.pageLibrary .libraryItem .actItem1 li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem1 li .con{ width: 100%; padding:4%  3%; position: relative; z-index: 1;  }
.pageLibrary .libraryItem .actItem1 li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem1 li .con .t2{ width: 100%; position: relative; margin-top: 10px;}
.pageLibrary .libraryItem .actItem1 li .con .t2 p{ font-size: 14px; color: #999; margin-top: 5px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative;  transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem1 li .con .t2 p .iconfont{ font-size: 16px; position: absolute; left: 0; top: 0; color: #999;  transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem1 li .con .m{ width: 50%; margin: 3% auto 0; text-align: center; border: solid 1px #84BD26; line-height: 40px; font-size: 14px; color: #84BD26; transition: all 0.8s ease; border-radius: 10px;}


.pageLibrary .libraryItem .bookItem{ width: 100%; padding: 3% 0 0 0; position: relative;}
.pageLibrary .libraryItem .bookItem li{ width: 47%; margin: 1.5%; padding: 1px; position: relative; background-color: #00666A; }
.pageLibrary .libraryItem .bookItem li a{ display: block; width: 100%; position: relative;}
.pageLibrary .libraryItem .bookItem li .img{  width: 100%; height:220px ; background-color: #fff; position: relative; overflow: hidden; z-index: 1;}
.pageLibrary .libraryItem .bookItem li .img img{ position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%,-50%); max-width: 90%; height: 90%; }
.pageLibrary .libraryItem .bookItem li .tit{  font-size: 14px; color: #fff;background-color: #00666A; padding:10px 10px; line-height: 20px; z-index: 2; position: relative; }

.pageLibrary .libraryItem .floorBox{ width: 100%; margin-top: 4%; padding: 0 0 0 0; position: relative; background-color: #fff; overflow: hidden;   }
.pageLibrary .libraryItem .floorBox .img{ width:100%;  position: relative; overflow: hidden;}
.pageLibrary .libraryItem .floorBox .img  img{ width: 100%;  display: block;}
.pageLibrary .libraryItem .floorBox .text{ width:100%;  background:rgba(0, 102, 106, 0.06) ; padding:3% 4%; position: relative;}
.pageLibrary .libraryItem .floorBox .text .txt{  font-size: 14px;  line-height:30px;  color: #333;}
.pageLibrary .libraryItem .floorBox .text .txt img{ max-width: 100%; display: inline-block; height: auto !important;}

.pageLibrary .libraryItem .textBox{ width: 100%; margin-top: 4%; padding: 0 0 0 0; position: relative; background-color: #fff; overflow: hidden;   background:rgba(0, 102, 106, 0.06) ; padding:3% 4%; }
.pageLibrary .libraryItem .textBox .text{   width: 100%; font-size: 14px;  line-height: 30px; color: #333;}
.pageLibrary .libraryItem .textBox .text img{ max-width: 100%; display: inline-block; height: auto !important;}

.pageLibrary .libraryItem .addSolicit{ width: 100%; margin-top: 3%; position: relative;}
.pageLibrary .libraryItem .addSolicit li{ width: 100%; margin-top: 3%; padding: 4% 3%; position: relative; }
.pageLibrary .libraryItem .addSolicit li:nth-child(3n-2){  background-color: rgba(0, 102, 106, 0.06);}
.pageLibrary .libraryItem .addSolicit li:nth-child(3n-1){  background-color: rgba(64, 117, 165, 0.1);}
.pageLibrary .libraryItem .addSolicit li:nth-child(3n){  background-color: rgba(132, 189, 38, 0.06);}
.pageLibrary .libraryItem .addSolicit li:nth-child(3n){ margin-right: 0;}
.pageLibrary .libraryItem .addSolicit li .t1{ font-size: 16px; color: #333;}
.pageLibrary .libraryItem .addSolicit li .t2{ font-size: 14px; margin-top: 10px; color: #999; line-height: 28px;}
.pageLibrary .libraryItem .addSolicit li .t3{ margin-top: 10px;}
.pageLibrary .libraryItem .addSolicit li .t3 p{ display: inline-block; width: 100%; line-height: 28px; margin-top: 0;}
.pageLibrary .libraryItem .addSolicit li .t3 p a{ font-size: 14px; color: #00666A;}
.pageLibrary .libraryItem .addSolicit li .t3 p a:hover{ text-decoration: underline;}
.pageLibrary .libraryItem .addSolicit li .m{ margin-top: 10px;}
.pageLibrary .libraryItem .addSolicit li .m a{ font-size: 14px; color: #00666A;}
.pageLibrary .libraryItem .addSolicit li .xz{ width: 100%; margin-top: 3%;}
.pageLibrary .libraryItem .addSolicit li .xz a{ display: inline-block; width: 50%; line-height: 36px; border-radius: 3px; overflow: hidden; text-align: center; border: solid 1px #00666A; transition: all 0.8s ease; font-size: 14px; color: #00666A;}


.pageLibrary.g .libraryInfo .infoBox .openingHours{ border: solid 1px rgba(132, 189, 38, 0.1); background-color: rgba(132, 189, 38, 0.06); }
.pageLibrary.g .libraryInfo .infoBox .openingHours .tit{ color: #84BD26; border-bottom: solid 1px rgba(132, 189, 38, 0.1); }

.pageLibrary.g .libraryInfo .infoBox .openingHours .week li::after{ background-color: #84BD26;}
.pageLibrary.g .libraryInfo .infoBox .openingHours .week li.active{ color: #84BD26; }
.pageLibrary.g .libraryInfo .infoBox .openingHours .iconbg{  color: #84BD26; }
.pageLibrary.g .libraryInfo .infoBox .openingHours .closingHours {   color: #84BD26; }

.pageLibrary.g .libraryItem .itemNav::after{  background-color: #84BD26; }
.pageLibrary.g .libraryItem .itemNav .a{ border-color:rgba(132, 189, 38, 0); }
.pageLibrary.g .libraryItem .itemNav .a.active{  border-color: #84BD26; background-color: #84BD26;}

.pageLibrary.g .libraryItem .itemBox .stit b{ color: #84BD26; }
.pageLibrary.g .libraryItem .floorBox .text{  background:rgba(132, 189, 38, 0.06) ;}
.pageLibrary.g .libraryItem .floorBox .text .txt::-webkit-scrollbar{ background:rgba(132, 189, 38, 0.2); }
.pageLibrary.g .libraryItem .floorBox .text .txt::-webkit-scrollbar-thumb{ background:#84BD26; }
.pageLibrary.g .libraryItem .textBox{  background:rgba(132, 189, 38, 0.06) ;}
.pageLibrary.g .libraryItem .textBox .text::-webkit-scrollbar{ background:rgba(132, 189, 38, 0.2); }
.pageLibrary.g .libraryItem .textBox .text::-webkit-scrollbar-thumb{ background:#84BD26; }


/* pageNews */
.pageSearch{ width: 100%; padding: 4%; border: solid 1px #ddd; background-color: #fff;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);}
.pageSearch .input { width: 80%; border: solid 1px #00666A; border-radius: 3px 0 0 3px; line-height: 30px; padding: 5px 10px; font-size: 14px; color: #333;}
.pageSearch .input::placeholder{ font-size: 14px; color: #999;}
.pageSearch .btn{ width: 20%; text-align: center; line-height: 40px; border: none; background-color: #00666A; font-size: 14px; color: #fff; border-radius: 0 3px 3px 0; cursor: pointer;}
.pageSearch .btn span{ display: inline-block; font-size: 20px; margin-right: 5px;}

.pageNews{ width: 100%; position: relative; overflow: hidden; }
.pageNews ul{ width: 100%;}
.pageNews ul li{ width: 100%; margin: 1.5% 0; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); transition: all 0.8s ease;}
.pageNews ul li a{ width: 100%; padding:3% 4%  ; display: block;}
.pageNews ul li .time{ width: 100%;line-height: 20px; font-size: 14px; color: #999; transition: all 0.8s ease;}
.pageNews ul li .tit{ width: 100%; margin-top: 5px;  font-size: 16px; color: #333; line-height: 26px; transition: all 0.8s ease;}
.pageNews ul li .btn{ width: 100%;line-height: 20px; font-size: 14px; color: #999; margin-top: 5px; transition: all 0.8s ease;}

/* pageEvent */
.pageEvent{ width: 100%; position: relative; overflow: hidden; padding: 6% 3%; background-color: #fff; }
.pageEvent ul{ width: 100%; position: relative; margin-top: 4%;}
.pageEvent ul li{ width: 100%; position: relative;}
.pageEvent ul li::after{ content: ''; position: absolute; left: 10px;  border-left: dashed 1px rgba(0, 102, 106, 0.3); top: 20px; height: calc(100% - 20px); width: 0;}
.pageEvent ul li .box{  width: 100%; padding:0 0 25px 0; position: relative; z-index: 2;}
.pageEvent ul li .box .tit{ font-size: 16px; color: #00666A ; padding-left: 35px; font-weight: bold;}
.pageEvent ul li .box .txt{ margin-top: 10px; width: 100%; padding-left: 35px; font-size: 14px; color: #666; line-height: 28px;}
.pageEvent ul li .box .txt img{ display: none;}
.pageEvent ul li .box .icon{ width: 21px; height: 21px; background: rgba(0, 102, 106, 0.1); border: 1px solid rgba(0, 102, 106, 0.2);
    border-radius: 50%; position: absolute; top: 0;}
.pageEvent ul li .box .icon::after{ content: ''; position: absolute; left: 3px; top: 3px; border-radius: 50%; width: 13px; height: 13px; border-radius: 50%;background: rgba(0, 102, 106, 0.1); z-index: 1;}
.pageEvent ul li .box .icon span{ position: absolute; top: 6px; left: 6px; width: 7px; height: 7px; border-radius: 50%; background-color: #00666A;}
.pageEvent ul li:last-child::after{display: none;}

/* pageData */
.pageData{ width: 100%; padding:0;  position: relative; overflow: hidden;}
.pageData .item{ width: 100%; padding: 3%; margin-top: 3%; background-color: #fff;}
.pageData .item .time{ font-size: 16px; color: #666; text-align: center; margin-top: 3%;}
.pageData .item .data{ width: 100%; text-align: center;}
.pageData .item .data img{ max-width: 100%; display: inline-block;}


/* pageReport */
.pageReport{ width: 100%; position: relative; overflow: hidden;}
.pageReport ul{ width: 100%; background-color: #fff; margin-top: 3%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);}
.pageReport ul li{ padding:3% 4%; width: 100%; position: relative; border-bottom: solid 1px #ddd;}
.pageReport ul li .tit{ font-size: 16px; color: #333; line-height: 28px; padding: 3px 0;}
.pageReport ul li .m{  width: 100%; }
.pageReport ul li .m a{display: inline-block; padding: 0 12px; border-radius: 3px; border: solid 1px #00666A; text-align: center; font-size: 14px; color: #00666A; line-height: 30px;}


/* pageContact */
.pageContact{ width: 100%; padding: 3% 3%; position: relative; overflow: hidden;}
.pageContact ul{ width: 100%; position: relative; overflow: hidden;}
.pageContact ul li{ width: 100%; padding: 3% 0; border-bottom: solid 1px #eee; position: relative;}
.pageContact ul li .t1{ font-size: 16px; color: #333;}
.pageContact ul li .t2{ font-size: 14px; color: #666; margin-top: 5px; line-height: 26px;}
.pageContact ul li .t2 p{ padding: 0 0;}
.pageContact ul li .img{ width: 100%; margin-top:3% ; position: relative;}
.pageContact ul li .img img{ width: 100%; height: 100%; display: block;}
.pageContact .map{ width: 100%; height: 300px; position: relative; border: solid 1px #ddd;}




/* popupContent */
.popupContent{ display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.7);}
.popupContent .box{ width: 96%; position: absolute; top: 50%; left: 2%; transform: translateY(-50%); overflow: hidden; background-color: #fff; padding: 0; max-height: 100%;  overflow: hidden;}
.popupContent .closeContent{ cursor: pointer; position: absolute; right: 3%; top: 3%;  font-size: 26px; width: 36px; height: 36px; text-align: center; line-height: 36px; background-color: rgba(255, 255, 255, 0.9); color: #333;}
.popupContent .reControl{ margin:0 auto 3%; text-align: center; width:40%;}
.popupContent .reControl .upvote{ line-height: 28px; }
.popupContent .reControl .upvote .t{ font-size: 14px; color: #333; margin-right: 5px;}
.popupContent .reControl .upvote .num{ background-color: rgba(0, 102, 106, 0.14); padding: 0 10px; font-size: 14px; color: #00666A; border-radius: 5px; cursor: pointer;}
.popupContent .reControl .upvote .num p{ font-size: 18px; margin-right: 5px;}

/* resourceContent */
.resourceContent{ width: 100%; padding: 4% 3% ; position: relative; overflow: hidden; background-color: #fff;}
.resourceContent .info{ width: 100%; position:relative;}
.resourceContent .info .img{ border: solid 1px #ddd;  width:60%; position: relative; overflow: hidden;margin: 0 auto 10px}
.resourceContent .info .img img{ max-width: 92%; display: block;}
.resourceContent .info .con{text-align:center; }
.resourceContent .info .con.w{ width: 100%; padding-left: 0;}
.resourceContent .info .con .tit{ font-size: 16px; margin-top: 3%; color: #333;}
.resourceContent .info .con .txt{ margin-top: 1%;}
.resourceContent .info .con .txt span{ display: inline-block; margin: 3px 5px 0 0; font-size: 14px; color: #999;}
.resourceContent .text{ width: 100%; height: 200px; overflow-y: scroll; font-size: 14px; color: #333; line-height: 28px; margin-top: 4%; }
.resourceContent .text img{ max-width: 100%; height: auto !important;}
.resourceContent .more{ text-align: center; width: 50%; margin: 4% auto 0;}
.resourceContent .more a{ display: inline-block; width: 100%; line-height: 40px; border-radius: 3px; overflow: hidden; font-size: 14px; color: #fff; margin: auto; background-color: #00666A;}
.resourceContent .more a:hover{ background-color: #11373D;}
.resourceContent .ewm{ width: 40%; position: relative; margin: 4% auto 0; border: solid 1px #eee;} 
.resourceContent .ewm img{ width: 100% ; display: block;}

/* bookContent */
.bookContent{ width: 100%; padding: 4% 3%; position: relative; overflow: hidden; background-color: #fff;}
.bookContent .info{ width: 100%;}
.bookContent .info .img{ width: 28%; padding: 6px;  border: solid 1px #ddd; position: relative; overflow: hidden;margin-right: 3%;}
.bookContent .info .img img{width: 100%; }
.bookContent .info .con{  width:69%; }
.bookContent .info .con.w{ width: 100%; padding-left: 0;}
.bookContent .info .con .tit{ font-size: 16px; margin-top: 3%; color: #333;}
.bookContent .info .con .txt{ margin-top: 1%;}
.bookContent .info .con .txt p{ display: block; width: 100%; margin: 6px 0 0 0; font-size: 14px; color: #999;}
.bookContent .info .con .txt .btn{ display: inline-block; margin-top: 10px; line-height: 24px; padding: 3px 15px; background-color: #11373D; color: #fff; font-size: 14px; transition: all 0.8s ease;}
.bookContent .text{ width: 100%; font-size: 14px; color: #333; line-height: 28px; margin-top: 4%; }
.bookContent .text img{ max-width: 100%; height: auto !important;}

/* videoContent */
.videoContent{ width: 100%;padding: 6% 3%; position: relative; overflow: hidden; background-color: #fff;}
.videoContent .tit{ font-size: 16px; text-align: center; color: #333;}
.videoContent .videoBox{ width: 100%; margin-top: 5%;  text-align: center; padding: 2px; background-color: #00666A; margin-bottom: 40px;}
.videoContent .videoBox video{  width: 100%; display: block; height: auto !important;}

/* photoContent */
.photoContent{ width: 100%; padding: 6% 3%; position: relative; overflow: hidden; background-color: #fff;}
.photoContent .tit{ font-size: 16px; text-align: center; color: #333;}
.photoContent .swiper-container{ width: 100%; margin-top: 4%; overflow: hidden; z-index: 2; position: relative;}
.photoContent .swiper-container .swiper-slide{ width: 100%;  text-align: center; z-index: 2; position: relative;}
.photoContent .swiper-container .swiper-slide img{ display: inline-block; max-width: 100%; height: 100%;}
.photoContent .swiper-pagination{bottom: 0 !important; position: relative; margin-top: 4%; z-index: 3;}
.photoContent .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #00666A;margin: 0 5px;opacity: 0.4;cursor: pointer;}
.photoContent .swiper-pagination-bullet-active{opacity: 1;}

/* brightAudio */
.brightAudio{ width: 100%; padding:3%; position: relative; overflow: hidden;}
.brightAudio ul{ width: 100%; margin-top: 10px; position: relative;}
.brightAudio ul li{ width: 48%; margin: 0 4% 3% 0; cursor: pointer;}
.brightAudio ul li:nth-child(2n){ margin-right: 0;}
.brightAudio ul li .pic{ width: 100%; height: 162px; background: url(../images/audioBg.png) top center no-repeat;background-size: 100% auto;}
.brightAudio ul li .det{ background:#fff; height:50px; line-height: 30px; padding: 10px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1);}
.brightAudio ul li .det .name{ width: calc(100% - 30px); font-size: 14px; color: #333; }
.brightAudio ul li .det .iconfont{ font-size: 24px; color: #999; }
.brightAudio ul li.active .det {border-color: #00666A;}
.brightAudio ul li.active .det .name, .brightAudio ul li.active .det .iconfont {color: #00666A;}

/* pageDetails */
.pageDetails{ width: 100%; position: relative; overflow: hidden; padding: 4% ; }
.pageDetails .tit{ font-size: 18px; text-align: center; color: #333; line-height: 28px; margin-bottom: 3%;}
.pageDetails .info{ text-align: center; font-size: 14px; color: #999; margin-bottom: 3%;}
.pageDetails .info span{ display: inline-block; margin: 0 5px;}
.pageDetails .text { width: 100%; padding-top: 3% ; font-size: 14px; color: #333; line-height: 30px; border-top: solid 1px #e5e5e5;}
.pageDetails .text  img,.pageContent .text video,.pageContent .text iframe{ max-width: 100%; height: auto !important;}
.pageDetails .text table { font-family: "Microsoft YaHei", Arial !important; }
.pageDetails .text span, .pageDetails .text p { font-size: 14px !important; color: #333 !important; line-height: 30px !important; font-family: "Microsoft YaHei", Arial !important; }
.pageDetails .text a img[style~="vertical-align:middle;margin-right:0.5em;height:1.5em;"] { width: 20px; }

/* pageContent */
.pageContent{ width: 100%; position: relative; overflow: hidden; padding:6% 3% ; }
.pageContent .text { width: 100%; margin-top: 3%; font-size: 14px; color: #333; line-height: 30px;}
.pageContent .text  img,.pageContent .text video,.pageContent .text iframe{ max-width: 100%; height: auto !important;}

/* pageTurning */
.pageTurning{ width: 100%; margin-top: 3%;padding:0 ;box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); overflow: hidden;}
.pageTurning .prev,.pageTurning .next{ width: 100%; position: relative;  background-color: #fff; }
.pageTurning .prev a,.pageTurning .next a{ display: block; width: 100%; height: 100%; padding: 3% 4%;}
.pageTurning .prev span,.pageTurning .next span{ font-size: 14px; color: #999; line-height: 20px;}
.pageTurning .prev p,.pageTurning .next p{ font-size: 14px; color: #333; margin-top: 2px; line-height: 24px;}
.pageTurning .next{ border-top: solid 1px #eee;}
.pageTurning .retlist{ width: 40px; background-color: #00666A; margin: 4% auto 0; position: relative; overflow: hidden;} 
.pageTurning .retlist a{ display: block; width: 100%; position: relative; height: 100%;}
.pageTurning .retlist .iconfont{ text-align: center; width: 100%; height: 40px; display: inline-block; line-height: 40px;font-size: 30px; color: #fff;}


/* pageUser */
.pageUser{ width: 100%; position: relative; overflow: hidden;}
.pageUser .userInfo{ width: 100%;  background-color: #fff;  padding:15px; position: relative;  border: solid 1px #ddd; }
.pageUser .userInfo .tit{ width:calc( 100% - 100px); }
.pageUser .userInfo .tit p{ font-size: 16px; color: #333; width: 100%; }
.pageUser .userInfo .tit span{ display: inline-block; width: 100%;  font-size: 14px; margin-top: 10px;  color: #666; position: relative;}
.pageUser .userInfo .LogOut{  position: absolute; right: 15px; top: 50%; margin-top: -16px; cursor: pointer; display: inline-block; width: 46px;  padding: 5px 0;  border-radius: 3px; border: 2px solid #00666A; font-size: 12px; color: #00666A; line-height: 18px; text-align: center; transition: all 0.8s ease;}

.pageUser .userNav{ width: 100%; background-color: #fff; margin-top: 3%; position: relative; overflow: hidden;   border: solid 1px #ddd;}
.pageUser .userNav .tit{ width: 100%;padding: 3% 3%;line-height: 24px; text-align: center; font-size: 16px; color: #00666A;}
.pageUser .userNav ul{width: 100%;  }
.pageUser .userNav ul li{ width: 33.33%; position: relative;}
.pageUser .userNav ul li a{ display: block; width: 100%; padding: 10px 0; text-align: center; position: relative; border-top: solid 1px #eee; font-size: 14px; color: #666; border-right: solid 1px #eee;}
.pageUser .userNav ul li:nth-child(3n) a{ border-right: 0;}
.pageUser .userNav ul li.on a{ background-color: rgba(0, 102, 106, 0.06);}
.pageUser .userNav ul li.on a,.pageUser .userNav ul li.on a span{ color: #00666A;}

.pageUser .userList{ width: 100%;  background-color: #fff; margin-top: 3%; padding-bottom:4%; position: relative; overflow: hidden;  border: solid 1px #ddd;}
.pageUser .userList .stit{ width: 100%;padding: 5% 3%;line-height: 24px; text-align: center; font-size: 16px; color: #00666A;}
.pageUser .userList .list{ width: 100%; padding: 0 3% 3% 3%;}
.pageUser .userList .list .item{ width: 100%;  margin: 1.5% 0; background-color: rgba(0, 102, 106, 0.05);}
.pageUser .userList .list .row{ width: 100%; position: relative; border: solid 1px #fff;}
.pageUser .userList .list .row .t{ width: 80px; padding: 3%   ; line-height: 20px; text-align: right; font-size: 14px; color: #333; display: flex; align-items: center; justify-content: right;}
.pageUser .userList .list .row .d{ width: calc(100% - 80px); padding:3%;background-color: rgba(132, 189, 38, 0.03); border-left: solid 2px #fff; font-size: 14px; color: #777; line-height: 20px; display: flex; flex-wrap: wrap;}
.pageUser .userList .list .row .d.d1{ color: #333;}
.pageUser .userList .list .row .d .yhf,.pageUser .userList .list .row .d .whf,.pageUser .userList .list .row .d .ysh{ font-size: 14px; padding:0 10px; line-height: 30px; border-radius: 3px; overflow: hidden; display: inline-block; margin-right: 5px; color: #fff;}
.pageUser .userList .list .row .d .yhf{ background-color: #00666A;}
.pageUser .userList .list .row .d .whf{ background-color: #666666; }
.pageUser .userList .list .row .d .ysh{ background-color: #FF8946; }
.pageUser .userList .list .row .d img{ width: 100px; height:100px; display: block; }
.pageUser .userList .list .row .d a{ display: inline-block; color: #00666A; margin: 1% 2% 1% 0;}
.pageUser .userList .list .row .d a:hover{ text-decoration: underline;}


/* bodyd */
.bodyd{ background: url(../images/booksAromaBg.jpg) center fixed no-repeat; background-size: cover;}
.bodyd .goTop{ background-color: rgba(132, 189, 38, 0.9);}
.bodyd .indexFooter{ background:rgba(0, 0, 0, 0) url(../images/footerBg1.png) top center no-repeat; padding-top: 6%; background-size: cover;}  
.bodyd .pageCrumbs{border-bottom: 0;}
.bodyd .pageCrumbs .info a:hover,.bodyd .pageCrumbs .info a:last-child{ color: #84BD26;}
.bodyd .pageNav ul li a{ color: #84BD26; }
.bodyd .pageNav ul li.on a,.bodyd .pageNav ul li:hover a{ background-color: #84BD26; color: #fff;}
.bodyd .pageMain{ background-color: rgba(0, 102, 106, 0);}
.bodyd .pageMain .activityDetails{ border-radius: 10px;}
.bodyd .activityEwm{ border-radius: 10px;}
.bodyd .activityEwm .tit{  background: url(../images/activityEwmBg1.jpg) center no-repeat;}
.bodyd .pageTurning{ border-radius: 10px;}
.bodyd .pageTurning .retlist a .iconfont{ color: #fff; background-color: #84BD26;}
.bodyd .pageTurning .prev a:hover p,.bodyd .pageTurning .next a:hover p{color: #84BD26;}
.bodyd .activityTJ{ border-radius: 10px;}
.bodyd .activityTJ ul li:hover .t1{ color: #84BD26;}
.bodyd .activityForm{ border-radius: 10px;}
.bodyd .activityForm .row .n .wj{  border: solid 1px #84BD26;  color: #84BD26;}
.bodyd .activityForm .row .n .wj:hover{ border-color: #84BD26; background-color: #84BD26;color: #fff; }
.bodyd .activityForm .row .n ul li span{  color: #84BD26;}
.bodyd .activityForm .row .n ul li a{ margin-left: 5px; }
.bodyd .activityForm .row .n ul li a:hover{ color: #84BD26;}
.bodyd .activityForm .row .n .btn{ border-radius: 10px; background-color: #84BD26; }
.bodyd .activityForm .row .n .btn:hover{ background-color: #00666A;}
.pagination {
    width: 98%;
    margin-top: 30px;
    display: table;
    font-size: 0;
    text-align: center;
    padding: 0 1%;
}
.pagination li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 6px;
}
.pagination li.disabled span, .pagination li.disabled a:hover, .pagination li.disabled span:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #dfdfdf !important;
    cursor: not-allowed !important;
}
.pagination li a, .pagination li span {
    display: block;
    border-radius: 6px;
    border: solid 1px rgba(51, 51, 51, 0.3);
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    padding: 0 9px;
    margin: 0 3px;
}
.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus {
    cursor: pointer;
    color: #fff;
    background-color: #00666A;
    border-color: #00666A;
}
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
    color: #fff;
    cursor: default;
    background-color: #00666A;
    border-color: #00666A;
}
.formBox .layui-input-block .link {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    height: 36px;
    border-radius: 0 3px 3px 0;
}
.formBox .layui-input-block .link span {
    font-size: 16px;
    margin-right: 5px;
    display: inline-block;
    transform: translateY(2px);
}
.formBox .layui-form-upload {
    width: 100px;
    height: 100px;
    position: relative;
}
.formBox .layui-form-upload .uploadBtn {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
}
.formBox .layui-form-upload span {
    font-size: 40px;
    color: #ddd;
}
.formBox .layui-form-upload .uploadBtn img {
    display: block;
    width: 100px;
    height: 100px;
}
.formBox .layui-form-btns {
    width: 100%;
    margin: 4% auto;
}
.formBox .layui-form-btns .layui-btn {
    width: 100%;
    border-radius: 3px;
    border: none;
    height: 40px;
    line-height: 40px;
    background-color: #00666A;
    font-size: 16px;
    color: #fff;
    transition: all 0.8s ease;
}
#verifyCanvas {
  width: 100%;
  height: 100%;
}
.formBox.activity {
  padding: 0;
}
.formBox.activity .layui-pic-list {
  padding: 10px 10px 1px 10px;
  border: 1px dotted #ddd;
  border-radius: 3px;
  position: relative;
}
.formBox.activity .layui-pic-list .img {
  width: 90px;
  height: 90px;
  margin: 0 10px 10px 0;
  position: relative;
}
.formBox.activity .layui-pic-list .img:nth-child(4n) {
  margin-right: 0;
}
.formBox.activity .layui-pic-list .img img {
  width: 90px;
  height: 90px;
  border-radius: 2px;
}
.formBox.activity .layui-pic-list .close {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #ff4949;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
}
.formBox.activity .layui-pic-list .close span {
  font-size: 14px;
  color: #fff;
}
.formBox .layui-file-list {
  margin-top: 10px;
}
.formBox .layui-file-list .li {
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-bottom: 10px;
}
.formBox .layui-file-list .icon-jilu {
  font-size: 18px;
  color: #00666A;
  margin-right: 5px;
}
.formBox.activity .layui-file-list .icon-jilu {
  color: #84BD26;
}
.formBox.activity .layui-file-list p {
  max-width: calc(100% - 46px);
}
.formBox.activity .layui-file-list .icon-shanchu {
  font-size: 18px;
  color: #aaa;
  margin-left: 5px;
}
.formBox .layui-tip {
  font-size: 12px;
  color: #999;
  margin-top: -10px;
}
.formBox .layui-form-item .layui-btn {
  width: 40%;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 3px;
  border-color: #00666A;
  background-color: #00666A;
}
.formBox.activity .layui-form-item .layui-btn {
  color: #84BD26;
  border-color: #84BD26;
  background-color: #fff;
}
.formBox.activity .layui-form-btns .layui-btn {
  width: 100%;
  border-radius: 24px;
  height: 40px;
  line-height: 40px;
  background-color: #84BD26;
}
#fileList.hide, #albumList.hide {
    display: none;
}