@charset "utf-8";
/* CSS Document */
*,:after,:before{margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body{font: 12px "Microsoft YaHei", Arial; color: #333; background-size: cover !important; background-color: #fff; min-width: 1200px;}
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;}
::-moz-selection{background: #aaa; color: #fff;}
::selection{background: #aaa; color: #fff;}
*:focus,input:focus,textarea:focus,select:focus,button:focus{outline: none;}
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-webkit-outer-spin-button{-webkit-appearance: none;}
img{border: 0;}
a{text-decoration: none; color: #333; cursor: pointer;}
a:hover{text-decoration: none; color: #00666A;}
ul,li,ol{list-style: none;}
input,textarea,select,button{font-family: Arial, "Microsoft YaHei"; font-size: 12px;}
em{font-style:normal}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%;border-collapse:collapse; border-spacing: 0;}
table tr,table td{max-width: 100%;border-collapse:collapse;border: solid 1px #eee;padding: 12px 16px;line-height: 22px;}
.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;}
.c1200{width: 1200px; margin: 0 auto;}
.c1440{width: 1440px; margin: 0 auto;}
.wrap{width: 83.3333%; margin: 0 auto; min-width: 1200px;}
.table table{ width: 100%; position: relative; margin: 20px 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: 20px 30px;*/
  /*line-height: 30px;*/
  border-color: rgba(0, 102, 106, 0.1);
  font-size: 16px;
  color: #333;
  min-width: 20%;
}

@font-face {font-family:'HarmonyOSMedium'; 
    src:url('../fonts/HarmonyOS_Sans_SC_Medium.eot');
    src:local('☺'),
        url('../fonts/HarmonyOS_Sans_SC_Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff'),
        url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype'),
        url('../fonts/HarmonyOS_Sans_SC_Medium.svg') format('svg');
}

/* floatAD */
.floatAD{width: 100%; position: relative; overflow: hidden;}
.floatAD .c1440{ position: relative;}
.floatAD .text{background-size: cover !important; overflow: hidden;padding: 10px 0;}
.floatAD .text .tit{ padding-right: 100px; font-size: 16px; color: #F5FF2E; font-weight: 500; line-height: 30px; }
.floatAD .img{ width: 100%; text-align: center; min-width: 1200px; position: relative;}
.floatAD .img img{ width: 100%; display: inline-block;}
.floatAD .closeAD{ position: absolute; cursor: pointer; right: 50%; margin:-10px -720px 0 0; top: 50%; line-height: 20px; font-size: 24px; color: #fff;}


/* headerBox */
.headerBox{width: 100%; position: absolute; left: 0; min-width: 1200px; z-index: 999; height: 134px;}
.headerBox::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;}
.headerBox.d::after{ display: none;}
/* headerTop */
.headerTop{width: 100%; padding: 18px 0; position: absolute; top: 0; left: 0; z-index: 99;}
.headerTop .logo{display: block; float: left;}
.headerTop .logo img{height: 44px; display: block; filter: white;}
.headerTop ul{width: 900px; float: right; margin-top: 10px;}
.headerTop ul li{display: inline-block; vertical-align: top; margin-left: 20px;}
.headerTop ul li a{display: block; font-size: 16px; line-height: 24px; font-weight: bold; color: #ffffff; position: relative; padding-left: 26px;}
.headerTop ul li a .iconfont{color: #fff; font-size: 22px; position: absolute; top: 0; left: 0; font-weight: normal;}
#logout{margin-left: 10px;}
#logout a{padding-left: 0;}

/* header */
.header{width: 100%; position: fixed; left: 0; z-index: 99; transition: all 0.6s ease;}
.header .c1440{transition: all 0.6s ease; position: relative;}
/* navBox */
.navBox{width: 100%; background-color: #fff; float: left; padding: 0; }
.navBox .nLi1{position: relative;}
/* .navBox .nLi{ width: 12.5%; text-align: center;} */
.navBox .nLi{ width: 14.28%; text-align: center;}
.navBox .nLi h3 a{display: block; width: 100%; line-height: 56px; font-size: 18px; color: #333; transition: all 0.6s ease;}
.navBox .nLi:hover h3 a,.navBox .nLi.on h3 a{background-color: #00666A; color: #fff;}
.navBox .nLi .sub{display: none; position: absolute; top: 56px; transform: translateX(-50%); left: 50%; z-index: 3;}
.navBox .nLi .sub1{width: 100%; background: rgba(255, 255, 255, 0.93); }
.navBox .nLi .sub1::after{content: ""; width: calc(100% - 14px); height: calc(100% - 14px); border: 4px solid #00666A; box-sizing: border-box; position: absolute; top: 7px; left: 7px; z-index: -1;}
.navBox .nLi .sub1 ul{ width: 100%; padding: 0 5%; display: flex;justify-content: space-between;}
.navBox .nLi .sub1 li{ margin: 0 ; max-width: 16.66%; padding: 30px 0 30px;}
.navBox .nLi .sub1.sub3 li{max-width: 25%; }
.navBox .nLi .sub1 li .t1{margin-bottom: 10px; padding-left: 30px; position: relative;}
.navBox .nLi .sub1 li .t1::after{content: ""; width: 18px; height: 14px; background: url("../images/icon/icon_nav.png"); background-size: 18px 14px; position: absolute; top: 6px; left: 0;}
.navBox .nLi .sub1 li .t1 a{display: block; text-align: left; font-size: 16px; line-height: 26px; color: #333; font-weight: bold; transition: all 0.6s ease;}
.navBox .nLi .sub1 li .t2{margin: 8px 0;}
.navBox .nLi .sub1 li .t2 a{display: block; text-align: left; font-size: 14px; line-height: 22px; color: #333; transition: all 0.6s ease;}
.navBox .nLi .sub1 li .t1 a:hover{color: #00666A;}
.navBox .nLi .sub1 li .t2 a:hover{color: #00666A; text-decoration: underline;}
.navBox .nLi .sub2{width: 180px; background-color: rgba(255, 255, 255, 0.8) ; backdrop-filter: blur(2px);}
.navBox .nLi .sub2::after{content: ""; width: calc(100% - 14px); height: calc(100% - 14px); border: 4px solid #00666A; box-sizing: border-box; position: absolute; top: 7px; left: 7px; z-index: -1;}
.navBox .nLi .sub2 li{width: 100%; padding: 10px 0;}
.navBox .nLi .sub2 li .t2{margin: 15px 0;}
.navBox .nLi .sub2 li .t2 a{display: block; text-align: center; font-size: 14px; line-height: 20px; color: #333; transition: all 0.6s ease;}
.navBox .nLi .sub2 li a:hover{color: #00666A; text-decoration: underline;}

.is-fixed .header .c1440{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
/*indexBanner*/
.indexBanner{width: 100%; position: relative; height: 100vh; }
.indexBanner .swiper-container{width: 100%; position: relative; z-index: 1;}
.indexBanner .swiper-slide{ width: 100%; height: 100%; position: relative; z-index: 1;}
.indexBanner .swiper-slide a{display: block; width: 100%; height: 100vh; background-size: cover !important; position: relative;}
.indexBanner .swiper-slide a::after{content: ""; width: 100%; height: 140px; 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 .banner-arrow-left,.indexBanner .banner-arrow-right{ position: absolute; z-index: 3; top: 50%; line-height: 40px; margin-top: -20px; font-size: 50px; color: #fff;}
.indexBanner .banner-arrow-left{ left: 4%;}
.indexBanner .banner-arrow-right{ right: 4%; transform: rotate(-180deg);}
.indexBanner .banner-arrow-left:hover,.indexBanner .banner-arrow-right:hover{ color: #00666A;}
.indexBanner .searchBox{ position: absolute; z-index: 3; top: 30%; left: 50%; width: 1080px; margin-left: -540px; }
.indexBanner .searchBox .search{ width: 820px; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} 
.indexBanner .searchBox .search .input{ width: 100% ; position: relative; overflow: hidden;}
.indexBanner .searchBox .search .input .inputTxt{ width: 100%; border-radius: 3px; background-color: #fff; position: relative; z-index: 1; padding: 15px 30px 15px 50px; font-size: 16px; line-height: 30px; color: #666; border: none;}
.indexBanner .searchBox .search .input.on .inputTxt{ border: 2px 2px 0 0;}
.indexBanner .searchBox .search .input .iconfont{ position: absolute; left: 20px; top: 15px; line-height: 30px; color: #999; text-align: center; font-size: 24px; z-index: 2; display: inline-block;}
.indexBanner .searchBox .search .hotK{ width: 100%; background-color: #fff; border-top: solid 1px rgba(0, 0, 0, 0.1); border: 0 2px 2px 0; padding: 30px 20px; display: none; overflow: hidden;}
.indexBanner .searchBox .search .hotK .tit{ font-size: 16px; color: #333;}
.indexBanner .searchBox .search .hotK ul{ width: 100%; margin-top: 20px; max-height: 180px; overflow-y: auto;}
.indexBanner .searchBox .search .hotK ul li { padding: 8px 0;}
.indexBanner .searchBox .search .hotK ul li a{ font-size: 16px; line-height: 20px;}
.indexBanner .searchBox .search .hotK ul li:nth-child(5n) a{ color: #FF8946;}
.indexBanner .searchBox .search .hotK ul li:nth-child(5n-1) a{ color: #00AC83;}
.indexBanner .searchBox .search .hotK ul li:nth-child(5n-2) a{ color: #AE75AB;}
.indexBanner .searchBox .search .hotK ul li:nth-child(5n-3) a{ color: #7A76B1;}
.indexBanner .searchBox .search .hotK ul li:nth-child(5n-4) a{ color: #00666A;}
.indexBanner .searchBox .search .hotK ul li a:hover{ text-decoration: underline;}
.indexBanner .searchBox .search:hover .input .inputTxt{ border: 2px 2px 0 0;}
.indexBanner .searchBox .search:hover .hotK{ display: block;}

.indexBanner .searchBox .button{ width: 120px; height: 60px; margin: 0 10px ;}
.indexBanner .searchBox .button .btn{ width: 120px; line-height: 60px; border-radius: 3px; overflow: hidden; font-size: 16px; color: #fff; background-color: #00666A; border: none; cursor: pointer; transition: all 0.8s ease;}
.indexBanner .searchBox .button .btn span{ font-size: 26px; display: inline-block; margin-right: 6px;}
.indexBanner .searchBox .button .btn:hover{ background-color: #11373D;}
.indexBanner .searchBox .more{ width: 120px; height: 60px;}
.indexBanner .searchBox .more a{ text-align: center; display: block; width: 100%; line-height: 30px; padding: 15px 0; transition: all 0.8s ease; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.3); border-radius: 3px;}
.indexBanner .searchBox .more a:hover{ background-color: #00666A;}


/* scrollBox */
.scrollBox{ position: absolute; bottom: 30px; left: 50%; width: 54px; height: 70px; margin-left: -27px; text-align: center; z-index: 5;}
.scrollBox p{ font-size: 14px; color: #fff; line-height: 16px; text-transform: uppercase;}
.scrollBox span{ position: absolute; left: 50%; bottom: 0; width: 2px; height: 46px; margin-left: -1px; background-color: rgba(255, 255, 255, 0.8); overflow: hidden; }
.scrollBox span::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00666A; -webkit-animation: pul 3s infinite; animation: pul 3s infinite;}

/* indexTitle */
.indexTitle{ position: relative; }
.indexTitle .tit{ font-size: 30px; color: #333; font-weight: 500; font-family:'HarmonyOSMedium';}
.indexTitle .txt{ font-size: 16px; color: #666; line-height: 32px; margin-top: 15px;}
.indexTitle .en{ font-size: 16px; color: #999; text-transform: uppercase; margin-top: 5px;}
.indexTitle.c{ text-align: center;}
.indexTitle.w .tit{ color: #fff;}
.indexTitle.w .txt{ color: #fff; }
.indexTitle.w .en{ color: #fff; }

/* indexMore */
.indexMore{ position: relative;width: 110px;}
.indexMore a{ line-height: 26px; }
.indexMore a p{ margin-left: 10px; font-size: 16px; color: #333; transition: all 0.8s ease;}
.indexMore a span{ width: 26px; height: 26px;  text-align: center; border-radius: 50%; background-color: #00666A; color: #fff; font-size: 16px; transform: rotate(180deg); transition: all 0.8s ease;}
.indexMore a:hover { padding-right: 0;}
.indexMore a:hover p{ transform: translateX(10px); color: #00666A;font-family:'HarmonyOSMedium';}
.indexMore.w a p{ color: #fff;}
.indexMore.w a span{ background-color: #fff; color: #00666A;}

/* indexService */
.indexService{ position: relative; width: 100%; min-height: 360px; padding:50px 0 ; background: url(../images/serviceBg.jpg) center top no-repeat; background-size: 100% auto;}
.indexService::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;}
.indexService .c1440{ position: relative; z-index: 2;}
.indexService .info{ width: 41.5%; height: 370px;}
.indexService .info .indexTitle{ height: 180px; padding-top: 20px; margin-bottom: 20px;}
.indexService .info .text{ padding: 20px; height: 170px; background: #00666A ;position: relative;overflow: hidden;}
.indexService .info .text::after{content: ''; width: 330px; height: 255px; position: absolute; right: -60px; top: 60px; background: url(../images/logo_b.png) center no-repeat; background-size: cover; opacity: 0.05;}
.indexService .info .text .t1{ font-size: 20px; color: #fff; position: relative; z-index: 2;}
.indexService .info .text .t2{ font-size: 24px; color: #fff; font-weight: bold; margin: 20px 0 15px 0; position: relative; z-index: 2;}
.indexService .info .text .t3{ font-size: 16px; color: #fff; position: relative; z-index: 2;}
.indexService ul{ width: 58.5%; height: 370px;}
.indexService ul li{ width: 33.33%; height: 170px; padding: 0 0 0 30px; position: relative;}
.indexService ul li:nth-child(n+4){ margin-top: 30px;}
.indexService ul li a{ display: block; width: 100%; height: 100%; position: relative; padding:20px 10px 20px 15px; background-color: #fff; border: solid 1px rgba(0, 102, 106, 0.2); transition: all 0.8s ease;overflow: hidden;}
.indexService ul li a::after{ content: ''; position: absolute; top: 0; left: 0;transform: translate(-50%,-50%); width: 0; height: 0; z-index: 0; background-color: #00666A; transition: all 1.2s ease; border-radius: 50%;}
.indexService ul li .iconfont{ width: 64px; 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; transition: all 0.8s ease;position: relative; z-index: 1;}
.indexService ul li .tit{ font-size: 18px; color: #333; margin-top: 20px; transition: all 0.8s ease; font-family:'HarmonyOSMedium'; position: relative; z-index: 1;}
.indexService ul li .en{ font-size: 14px; color: #999; text-transform: uppercase; margin-top: 10px; transition: all 0.8s ease; position: relative; z-index: 1;}
.indexService ul li a:hover{ border-color: #00666A;}
.indexService ul li a:hover::after{ width: 200%; height: 200%; transform: translate(-35%,-35%);}
.indexService ul li a:hover .iconfont{ background: url(../images/icon/icon_lbx2.png) center no-repeat; color: #00666A;}
.indexService ul li a:hover .tit{ color: #fff;}
.indexService ul li a:hover .en{ color: #fff;}


/* indexActivity */
.indexActivity{ position: relative; width: 100%;  padding:0 0 50px 0 ; background:#fff url(../images/lineBg1.png) center top no-repeat; }
.indexActivity::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/lineBg.png) center bottom no-repeat; background-size: 100% auto;}
.indexActivity .top{ width: 100%; position: relative; z-index: 3;}
.indexActivity .box{ width: 100%; height: 380px; position: relative; margin-top: 20px; z-index: 3;}
.indexActivity .indexMore{ margin-top: 20px;}

.indexActivity .activityDate{ width:500px; height: 380px; }
.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:16px;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:28px;border-radius:16px;background-color:#fff;color:#00666A;text-align:center;font-size:14px;line-height:28px;cursor:pointer; margin-top: 2px;}
.indexActivity .calendar-table .calendar-title-box .calendar-date{position:absolute;top:15px; width: 240px; left:50%;transform:translateX(-50%);}
.indexActivity .calendar-table .calendar-title-box .prev{width:30px;height:30px; background-color: #fff; border-radius:50%;color:#00666A;text-align:center;font-size:18px;line-height:30px;cursor:pointer;transform:rotate(-180deg);}
.indexActivity .calendar-table .calendar-title-box .next{width:30px;height:30px; background-color: #fff; border-radius:50%;color:#00666A;text-align:center;font-size:18px;line-height:30px;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:200px;color:#333;text-align:center;font-weight:bold;font-size:20px;line-height:32px; margin: auto;}
.indexActivity .calendar-table .table{box-sizing:border-box;padding:20px 20px;width:100%;text-align:center; position: relative;}
.indexActivity .calendar-table .table .tHead{ padding-bottom: 10px; width:100%; height: 40px; position: relative; z-index: 2;}
.indexActivity .calendar-table .table .tHead .th{float:left;width:40px; margin: 0 12px; color:#00666A;text-align:center;font-size:18px;line-height:20px;}
.indexActivity .calendar-table .table .tBody{ width: 100%; position: relative; z-index: 2;}
.indexActivity .calendar-table .table .tBody .li{height:40px; margin: 5px 0; }
.indexActivity .calendar-table .table .tBody .td{position:relative;float:left;box-sizing:border-box;width:40px;height:40px; margin: 0 12px; text-align:center;font-size:16px;line-height:40px;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: calc(100% - 530px); 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%; height: 376px;}
.indexActivity .activityList li{box-sizing:border-box;padding: 0 0; margin-top: 26px; 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{overflow:hidden;width:300px; height: 175px;}
.indexActivity .activityList li .img img{display:block;width:100%;height:100%;transition:all .6s ease;}
.indexActivity .activityList li .cont{position:absolute;top:0;right:0;width: calc(100% - 300px) ;height:100%; padding-left: 20px; border-bottom: solid 1px #eee;}
.indexActivity .activityList li .name{margin-top: 5px; width:100%;color:#333; font-family:'HarmonyOSMedium'; font-size: 16px;transition:all .6s ease;}
.indexActivity .activityList li .info{ width: 100%; position: relative; margin-top: 20px;}
.indexActivity .activityList li .txt{color:#666;font-size:14px; margin-top: 6px; position: relative;padding-left: 24px; line-height: 20px;}
.indexActivity .activityList li .txt .iconfont{position:absolute;top:0;left:0;color:#999;font-size:20px;}
.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:50px 0 ; background: url(../images/aboutBg.jpg) center no-repeat; background-size: cover;}
.indexAbout .c1440{ position: relative; z-index: 2;}
.indexAbout .box{ width: 100%;}
.indexAbout .indexMore{ margin-top: 30px;}
.indexAbout .indexTitle .tit{ font-size: 36px;}
.indexAbout .box .text{ width: 45%;}
.indexAbout .box .info{ width: 41.5%; margin-top: 0px; border: solid 1px rgba(255, 255, 255, 0.2);}
.indexAbout .box .info li{ padding: 30px 0; width: 50%; text-align: center;}
.indexAbout .box .info li:first-child{border-right: solid 1px rgba(255, 255, 255, 0.2);}
.indexAbout .box .info li .n{ color: #fff;}
.indexAbout .box .info li .n p{ font-size: 46px; display: inline-block;}
.indexAbout .box .info li .n span{ font-size: 18px;display: inline-block;padding-left:4px}
/*.indexAbout .box .info li .n1 p{ width: 185px;}*/
/*.indexAbout .box .info li .n2 p{ width: 115px;}*/
.indexAbout .box .info li .t{ font-size: 16px; color: #fff; margin-top: 10px;}
.indexAbout .list{ width: 100%; margin-top: 40px; position: relative;}
.indexAbout .list li{ width: 18.4%; margin: 0 2% 2% 0; min-height: 120px; position: relative; background-color: #fff; transition: all 0.8s ease; overflow: hidden;}
.indexAbout .list li:nth-child(5n){ margin-right: 0;}
.indexAbout .list li a{ display: block; width: 100%; height: 100%; 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; transition: all 0.8s ease;}
.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; transition: all 0.8s ease;}
.indexAbout .list li .con{ width: 100%; height: 100%; position: relative; z-index: 3; padding: 25px 30px;}
.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; transition: all 0.8s ease;}
.indexAbout .list li .con .tit{ position: relative; z-index: 2; font-size: 18px; color: #333; font-weight: 500; font-family:'HarmonyOSMedium'; transition: all 0.8s ease;}
.indexAbout .list li .con .more{ position: relative; z-index: 2; width: 26px; height: 26px; line-height: 26px; margin-top: 15px; text-align: center; border-radius: 50%; background-color: #00666A; color: #fff; font-size: 16px; transform: rotate(180deg); transition: all 0.8s ease;}
.indexAbout .list li:hover a::before{ background-color: rgba(0, 102, 106, 0.2);}
.indexAbout .list li:hover a::after{ left: -100%;}
.indexAbout .list li:hover .con::after{ left: 0;}
.indexAbout .list li:hover .tit{ color: #fff;}
.indexAbout .list li:hover .more{ background-color: #fff; color: #00666A;}



/* indexResource */
.indexResource{ position: relative; width: 100%;  padding:50px 0 ; background: url(../images/serviceBg.jpg) center top no-repeat; background-size: 100% auto;}
.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 .c1440{ position: relative; z-index: 2;}
.indexResource .top .indexMore{ margin-top: 20px;}
.indexResource .box{ width: 100%; margin-top: 30px;}
.indexResource .box ul{ width: 100%; position: relative;}
.indexResource .box ul li{ width: 20%; position: relative; z-index: 1;}
.indexResource .box ul li.l4{ z-index: 3;}
.indexResource .box ul li .imgBox{ width: 100%; position: relative; z-index: 1;}
.indexResource .box ul li .imgBox.h{ overflow: hidden;}
.indexResource .box ul li .imgBox::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; z-index: 10; background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.8)); transition: all 0.8s ease; }
.indexResource .box ul li .imgBox img{ transition: 0.8s ease; display: block;}
.indexResource .box ul li .imgBox .img1{ width: 100%; position: relative; z-index: 1; }
.indexResource .box ul li .imgBox .img2{ position: absolute; left: 0; top: 0; width: 100%; z-index: 3; }
.indexResource .box ul li .imgBox .img3{ position: absolute; z-index: 2; left: 15%; top: 10%; width: 70%; opacity: 0.15; }
.indexResource .box ul li .imgBox .img4{ position: absolute; z-index: 2; left: 20px; top: 20px; width: 26%; }
.indexResource .box ul li .imgBox .img5{ position: absolute; z-index: 2; left: -30px; top: 30px; width: 95%; }
.indexResource .box ul li .imgBox .img6{ position: absolute; z-index: 3; left: 30%; top: 30%; width: 40%; }
.indexResource .box ul li .imgBox .img7{ position: absolute; z-index: 2; right: -10px; bottom: 12%; width: 90%; }
.indexResource .box ul li .imgBox .img8{ position: absolute; z-index: 2; left: 19%; top: 8%; width: 62%; }

.indexResource .box ul li .con{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 25px; z-index: 3;}
.indexResource .box ul li .con .tit{ width: 100%; font-size: 16px; text-transform: uppercase; color: #fff; position: relative; transition: all 0.8s ease; overflow: hidden;}
.indexResource .box ul li .con .tit::after{ content: ''; width: 50px; height: 3px; position: absolute; left: -50px; bottom: 0; background-color: #fff; transition: all 0.8s ease;}
.indexResource .box ul li:hover .imgBox::after{width: 100%; height: 40%; z-index: 10; background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.9)); }
.indexResource .box ul li:hover .img3{ transform: scale(1.1); top: 15%; opacity: 0.7; z-index: 4;}
.indexResource .box ul li:hover .img4{ top: 40px; left: 30%; width: 40%;}
.indexResource .box ul li:hover .img5{ top: 60px; }
.indexResource .box ul li:hover .img6{ left: 25%; width: 50%; }
.indexResource .box ul li:hover .img7{ right: 5px; }
.indexResource .box ul li:hover .img8{ top: 10%; left: 15%; width: 70%;}

.indexResource .box ul li:hover .con .tit{ padding-bottom: 20px;}
.indexResource .box ul li:hover .con .tit::after{ left: 0;}
 

/* indexCollection */
.indexCollection{ position: relative; width: 100%; padding:50px 0 ; background: url(../images/collectionBg.jpg) center no-repeat; background-size: cover;}
.indexCollection .c1440{ position: relative; z-index: 2;}
.indexCollection .box{ width: 100%; margin-top: 30px;}
.indexCollection .top .indexMore{ margin-top: 20px;}
.indexCollection .info{ width:50%; height: 350px; position: relative; background: url(../images/collectionImg.jpg) center no-repeat; background-size: cover !important;}
.indexCollection .info .con{ width: 100%; position: absolute; top: 50%; left: 0; text-align: center; transform: translateY(-50%);}
.indexCollection .info .img{ width: 130px; margin: auto;}
.indexCollection .info .img img{ width: 100%; display: block;}
.indexCollection .info .tit { font-size: 28px; color: #fff; margin-top: 30px; font-weight: bold; }
.indexCollection .info .txt{ margin-top: 20px; font-size: 16px; color: #fff;}
.indexCollection .text{ width:50%; height: 350px; background: rgba(255, 255, 255, 0.8) url(../images/logo_m.png) right -60px bottom -100px no-repeat; padding: 0 40px; position: relative;}
.indexCollection .text .con{ width: 100%; position: absolute; top: 50%; left: 0; padding: 0 50px; transform: translateY(-50%);}
.indexCollection .text .tit{ font-size: 24px; color: #333; font-weight: bold; }
.indexCollection .text .txt{ margin-top: 20px; font-size: 16px; line-height: 36px; color: #333;}
.indexCollection .text .indexMore{ margin-top: 30px;}


 /* indexNews */
.indexNews{ width: 100%; padding:50px 0 ; position: relative; overflow: hidden; background-color: #f7f7f7;}
.indexNews .top { margin-bottom: 20px; width: 100%;}
.indexNews .top .indexMore{ margin-top: 20px;}
.indexNews .newsBox{ width: calc(100% - 400px) ; margin-right: 30px; padding-right: 30px; border-right: solid 1px #ddd;}
.indexNews .newsBox .firstNews{ width: 100%; position: relative; }
.indexNews .newsBox .firstNews a{ display: block; width: 100%; position: relative;}
.indexNews .newsBox .firstNews .img{ position: relative; height: 610px; width: 100%; overflow: hidden; z-index: 1;}
.indexNews .newsBox .firstNews .img::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)); transition: all 0.8s ease; }
.indexNews .newsBox .firstNews .img img{ width: 100%; display: block; height: 100%; position: relative; z-index: 1; transition: all 0.8s ease;}
.indexNews .newsBox .firstNews .img .time{ position: absolute; top: 0; left: 0; z-index: 3; text-align: center; padding: 10px 30px; background-color: #00666A; color: #fff; transition: all 0.8s ease;}
.indexNews .newsBox .firstNews .img .time p{ font-size: 36px; font-weight: bold;}
.indexNews .newsBox .firstNews .img .time span{ font-size: 16px; margin-top: 10px; }
.indexNews .newsBox .firstNews .con{ position: absolute; left: 0; width: 100%; bottom: 0; padding:30px 40px; z-index: 2;}
.indexNews .newsBox .firstNews .con .stit{ font-size: 18px; color: #fff;}
.indexNews .newsBox .firstNews .con .tit{ font-size: 16px; color: #fff; padding: 15px 0 15px; border-bottom: solid 1px rgba(255, 255, 255, 0.6);}
.indexNews .newsBox .firstNews .con .txt{ font-size: 16px; color: #fff; line-height: 28px; margin-top: 15px;}
.indexNews .newsBox .firstNews a:hover .img::after{background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 1));}
.indexNews .newsBox .firstNews a:hover img{ transform: scale(1.05);}
.indexNews .newsBox .firstNews a:hover .time{ background-color: #11373D;}
.indexNews .newsBox ul{ width: 100%; position: relative; margin-top: 10px;}
.indexNews .newsBox ul li{ width: 32%; margin: 20px 2% 0 0; position: relative;}
.indexNews .newsBox ul li:nth-child(3n){ margin-right: 0;}
.indexNews .newsBox ul li a{ display: block; width: 100%; position: relative;}
.indexNews .newsBox ul li .img{ position: relative; width: 100%; height: 200px; overflow: hidden; z-index: 1;}
.indexNews .newsBox ul li .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)); transition: all 0.8s ease; }
.indexNews .newsBox ul li .img img{ width: 100%; display: block; min-height: 100%; position: relative; z-index: 1; transition: all 0.8s ease;}
.indexNews .newsBox ul li .con{ position: absolute; left: 0; width: 100%; bottom: 0; padding:15px 20px; z-index: 2;}
.indexNews .newsBox ul li .time{ font-size: 14px; color: #fff;}
.indexNews .newsBox ul li .tit{ font-size: 16px; color: #fff; padding: 8px 0 0 0;}
.indexNews .newsBox ul li:hover img{transform: scale(1.1);}
.indexNews .newsBox ul li:hover .img::after{ height: 70%; background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 1)); }

.indexNews .newsList{ width: 370px; position: relative;}
.indexNews .newsList .item:first-child{ margin-bottom: 30px;}
.indexNews .newsList .firstNews{ width: 100%; position: relative;}
.indexNews .newsList .firstNews a{ display: block; width: 100%; position: relative;}
.indexNews .newsList .firstNews .img{ position: relative; width: 100%; height: 220px; overflow: hidden; z-index: 1;}
.indexNews .newsList .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)); transition: all 0.8s ease; }
.indexNews .newsList .firstNews .img img{ width: 100%; display: block; height: 100%; position: relative; z-index: 1; transition: all 0.8s ease;}
.indexNews .newsList .firstNews .con{ position: absolute; left: 0; width: 100%; bottom: 0; padding:15px 20px; z-index: 2;}
.indexNews .newsList .firstNews .time{ font-size: 14px; color: #fff;}
.indexNews .newsList .firstNews .tit{ font-size: 16px; color: #fff; padding: 8px 0 0 0;}
.indexNews .newsList .firstNews:hover img{transform: scale(1.1);}
.indexNews .newsList .firstNews:hover .img::after{ height: 70%; background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 1));}
.indexNews .newsList ul{ width: 100%; margin-top: 10px;}
.indexNews .newsList ul li{ width: 100%; margin-top: 15px;}
.indexNews .newsList ul li .time{ font-size: 14px; color: #00666A;}
.indexNews .newsList ul li .tit{ font-size: 16px; color: #333; padding: 7px 0 0 0; font-family:'HarmonyOSMedium'; transition: all 0.8s ease;}
.indexNews .newsList ul li:hover .tit{ color: #00666A;}



/* indexBooks */
.indexBooks{ position: relative; width: 100%;  padding:50px 0 ; background-color: #fff; }
.indexBooks::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60%; z-index: 0; background-image: linear-gradient(rgba(0, 102, 106, 0.2), rgba(0, 102, 106, 0)); transition: all 0.8s ease; }
.indexBooks .c1440{ position: relative; z-index: 2;}
.indexBooks ul{ width: 100%; margin-top: 30px;}
.indexBooks ul li{ width: 23.5%; margin: 0 2% 0 0; position: relative; background-color: #00666A; border: solid 1px #00666A;}
.indexBooks ul li:nth-child(4n){ margin-right: 0;}
.indexBooks ul li a{ display: block; width: 100%; position: relative;}
.indexBooks ul li .img{ width: 100%; height:460px ; background-color: #fff; position: relative; overflow: hidden; z-index: 1;}
.indexBooks ul li .img img{ position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%,-50%); max-width: 80%; height: 80%; transition: all 0.8s ease;}
.indexBooks ul li .tit{ font-size: 16px; color: #fff;background-color: #00666A; padding:8px 25px; line-height: 30px; z-index: 2; position: relative; transition: all 0.8s ease;}
.indexBooks ul li:hover img{transform: translate(-50%,-55%);}
.indexBooks ul li:hover .tit{ padding: 15px 25px 15px 25px; transform: translateY(-30px);}


/* indexInfo */
.indexInfo{ position: relative; width: 100%;  padding:0 0 50px; background-color: #fff;}
.indexInfo::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/lineBg.png) center bottom no-repeat; background-size: 100% auto;}
.indexInfo .c1440{ position: relative; z-index: 2;}
.indexInfo .con{ text-align: center;}
.indexInfo .con .img{ width: 130px; margin: auto;}
.indexInfo .con .img img{ width: 100%; display: block;}
.indexInfo .con .tit { font-size: 28px; color: #333; margin-top: 30px; font-weight: bold; }
.indexInfo .con .txt{ margin-top: 20px; font-size: 16px; color: #333;}

/* indexFooter */
.indexFooter{ width: 100%; position: relative; overflow: hidden; background: url(../images/footerBg.jpg) center no-repeat; background-size: cover;} 
.indexFooter .box{ width: 100%; padding: 35px 0 ;}
.indexFooter .Fewm{ width: 360px;}
.indexFooter .Fewm li{ width: 170px; text-align: center;}

.indexFooter .Fewm li .img{ width: 150px; border-radius: 5px; overflow: hidden; background-color: #fff; margin: auto;}
.indexFooter .Fewm li .img img{ width: 100%; display: block;}
.indexFooter .Fewm li .tit{ font-size: 14px; color: rgba(255, 255, 255, 0.8); margin-top: 10px;}
.indexFooter .Fnav{ width: calc(100% - 430px);}
.indexFooter .Fnav .item{ margin-right:5.5%; max-width: 160px;}
.indexFooter .Fnav .item:last-child{ margin-right: 0;}
.indexFooter .Fnav .item .stit a{ font-size: 16px; color: #fff;}
.indexFooter .Fnav .item .stit a:hover{ text-decoration: underline;}
.indexFooter .Fnav .item ul{ width: 100%; margin-top: 10px;}
.indexFooter .Fnav .item ul li{ display: block; margin-top: 8px;}
.indexFooter .Fnav .item ul li a{ font-size: 14px; color: rgba(255, 255, 255, 0.6);}
.indexFooter .Fnav .item ul li a:hover{text-decoration: underline; color: #fff;}
.indexFooter .Fimg {width:100%;margin-left: 15px; width:60px; text-align:center;}
.indexFooter .Fimg img{ width:100%;  }
.indexFooter .copy{ width: 100%; padding: 10px 0; position: relative; border-top: solid 1px rgba(255, 255, 255, 0.15);}
.indexFooter .copy p{ font-size: 14px; color: rgba(255, 255, 255, 0.6);}
.indexFooter .copy p a{ color: rgba(255, 255, 255, 0.6);}
.indexFooter .copy p a:hover{ color: #fff;}



/* pageBanner */
.pageBanner{ width: 100%; position: relative; height: 360px; overflow: hidden; background-size: cover !important; padding-top: 210px;}
.pageBanner .tit{ font-size: 32px; color: #fff; font-weight: bold;}
/* pageCrumbs */
.pageCrumbs{ width: 100%; padding:5px 0; position: relative; overflow: hidden; border-bottom: solid 1px #eee;}
.pageCrumbs .info{ max-width: calc(100% - 150px); font-size: 14px; padding: 2px 0; line-height: 30px; 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 .back{ width: 100px; margin-top:3px;}
.pageCrumbs .back a{font-size: 14px; display: block; width: 100%; line-height: 28px; background-color: #00666A; border-radius: 14px; color: #fff; text-align: center;}
.pageCrumbs .back a:hover{ color: #fff; background-color: #84BD26;}
.pageCrumbs.g .info a:hover,.pageCrumbs.g .info a:last-child{ color: #84BD26;}
.pageCrumbs.g .back a,.pageCrumbs.g .back a:hover{ color: #fff; background-color: #84BD26;}

/* pageNav */
.pageNav{ width: 100%; position: relative; overflow: hidden;}
.pageNav ul{ width: 100%;}
.pageNav ul li{ width: 17%; margin: 1% 1.5%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border-radius: 20px;}
.pageNav ul.u4 li{ width: 22%;}
.pageNav ul.u6 li{ width: 13.6%;}
.pageNav ul li a{ display: block; text-align: center; width: 100%; font-size: 16px; line-height:30px ; padding:8px 20px; color: #00666A; transition: all 0.8s ease; border-radius: 24px; background-color: #fff;}
.pageNav ul li.on a,.pageNav ul li:hover a{ background-color: #00666A; color: #fff;}

/* pageNav1 */
.pageNav1{ width: 100%; position: relative; overflow: hidden; padding: 0 70px;}
.pageNav1 .swiper-container{ width: 100%; overflow: hidden; height: 76px;}
.pageNav1 .swiper-container .swiper-slide{ padding: 0 0; height: 76px;}
.pageNav1 .swiper-container .swiper-slide p{ width: 100%; padding:10px 10px; }
.pageNav1 .swiper-container .swiper-slide a{ display: block; width: 100%; height: 40px; text-align: center; font-size: 16px; color: #333; line-height: 30px; padding:5px 13px; overflow: hidden; border-radius: 28px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.pageNav1 .swiper-container .swiper-slide.on a,.pageNav1 .swiper-container .swiper-slide a:hover{ background-color: #00666A; color: #fff;}
.pageNav1 .arrow{ position: absolute; top: 50%; margin-top: -25px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0, 102, 106, 0.1); font-size: 22px; color: #00666A; text-align: center; line-height: 40px; transition: all 0.8s ease;z-index: 2; }
.pageNav1 .arrow:hover{ background-color: #00666A; color: #fff;}
.pageNav1 .arrow.arrow-left1{ left: 0;}
.pageNav1 .arrow.arrow-right1{ right: 0; transform: rotate(180deg);}


/* pageServiceGuide */
.pageServiceGuide{ width: 100%; position: relative; overflow: hidden; padding: 40px 0; background-color: rgba(0, 102, 106, 0.05);}
.pageServiceGuide ul{ width: 100%; }
.pageServiceGuide ul li{ width: 23.5%; margin: 15px 2% 15px 0; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.pageServiceGuide ul li:nth-child(4n){ margin-right: 0;}
.pageServiceGuide ul li a{ display: block; width: 100%; height: 100%; position: relative; padding:20px 20px 20px 20px; background-color: #fff; transition: all 0.8s ease;overflow: hidden;}
.pageServiceGuide ul li a::after{ content: ''; position: absolute; top: 0; left: 0;transform: translate(-50%,-50%); width: 0; height: 0; z-index: 0; background-color: #00666A; transition: all 1.2s ease; border-radius: 50%;}
.pageServiceGuide ul li .tit{ font-size: 18px; color: #333; transition: all 0.8s ease; font-family:'HarmonyOSMedium'; position: relative; z-index: 1;}
.pageServiceGuide ul li .en{ font-size: 16px; color: #999; text-transform: uppercase; margin-top: 10px; transition: all 0.8s ease; position: relative; z-index: 1;}
.pageServiceGuide ul li .con{ width: 100%; margin-top: 20px;position: relative; z-index: 1;}
.pageServiceGuide ul li .con .icon{ float: right; width: 88px; height: 77px; text-align: center; line-height: 77px; background: url(../images/icon/icon_lbx1.png) center no-repeat; background-size:88px 77px !important; font-size: 40px; color: #fff; transition: all 0.8s ease; transition: all 0.8s ease;}
.pageServiceGuide ul li .con .more{ position: absolute; left: 0; top: 50%; transform: rotate(180deg); margin-top: -13px; height: 26px; width: 26px; text-align: center; line-height: 26px; border-radius: 50%; background-color: rgba(0, 102, 106, 0.06); color: #00666A; font-size: 16px; transition: all 0.8s ease;}
.pageServiceGuide ul li a:hover{ border-color: #00666A;}
.pageServiceGuide ul li a:hover::after{ width: 200%; height: 200%; transform: translate(-35%,-35%);}
.pageServiceGuide ul li a:hover .con .icon{ background: url(../images/icon/icon_lbx2.png) center no-repeat; color: #00666A;}
.pageServiceGuide ul li a:hover .con .more{ color: #00666A; background-color: #fff;}
.pageServiceGuide ul li a:hover .tit{ color: #fff;}
.pageServiceGuide ul li a:hover .en{ color: #fff;}

/* pageTitle */
.pageTitle{ width: 100%; padding: 10px 20px; line-height: 30px; height: 70px; background: url(../images/pageTitBg.jpg) center no-repeat; background-size: cover !important; position: relative;}
.pageTitle .tit{ font-size: 24px; margin-top: 10px; color: #fff;}
.pageTitle .JGlink{ width: 150px; height: 44px; margin-top: 3px; position: relative;}
.pageTitle .JGlink a{ display: block; position: relative; text-align: center; width: 100%; line-height: 44px; border-radius: 3px; overflow: hidden; font-size: 16px; color: #00666A; transition: all 0.8s ease; background-color: #fff;}
.pageTitle .JGlink a:hover{ background-color: #11373D;}

.pageTitle .qaSearch{ width: 590px; height: 40px; margin-top: 5px;}
.pageTitle .qaSearch .select{ float: left; width: 200px; margin-right: 20px; height: 40px; position: relative;}
.pageTitle .qaSearch .select span{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: #fff;}
.pageTitle .qaSearch select{ float: left; float: left; width: 200px;font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.2); height: 40px; border-radius: 3px; line-height: 40px; border: none; padding: 0 20px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1;}
.pageTitle .qaSearch select option{ background-color: #fff !important;color: #00666A; height: 40px; }
.pageTitle .qaSearch .inputQA{ float: left; width: 280px; padding: 0 20px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.2); border: none; height: 40px; line-height: 40px; border-radius: 3px 0 0 3px; }
.pageTitle .qaSearch .inputQA::placeholder{ font-size: 14px; color: #fff; }
.pageTitle .qaSearch .btnQA{ width: 90px; border: none; font-size: 14px; height: 40px; line-height: 40px; color: #00666A; background-color: #fff; border-radius: 0 3px 3px 0; cursor: pointer;}
.pageTitle .qaSearch .btnQA span{ font-size: 24px; margin-right: 5px; }
.ReturnLink { width: 100%; text-align: center; margin-top: 20px;}
.ReturnLink a{ display: inline-block; width: 140px; line-height: 40px; font-size: 14px; text-align: center; margin: auto; background-color: #00666A; color: #fff; transition: all 0.8s ease; border-radius: 3px;}
.ReturnLink a:hover{ background-color: #11373D;}
.pageTit{ font-size: 28px; line-height: 40px; color: #333; text-align: center; position: relative;}
.pageTit.l{ text-align: left;}
.pageTit span{ position: relative;}
.pageTit span.sun::after{ content: ''; position: absolute; top: -40px; left: -95px; width: 88px; height: 88px; background: url(../images/icon/icon_sun.png) center no-repeat; background-size: cover;}


/* pageMain */
.pageMain{ width: 100%; position: relative; overflow: hidden; padding: 30px 0 ; background-color: rgba(0, 102, 106, 0.05);}
.pageMain1{ padding: 5px 0 ; }
.pageMain .bigBox{ width: 100%; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);}
.pageMain .leftBox{ width: calc(100% - 390px); position: relative; overflow: hidden;}
.pageMain .rightBox{ width: 360px; position: relative; overflow: hidden;}
/* pageText */
.pageText{ width: 100%; overflow: hidden; padding: 30px; font-size: 16px; color: #333; line-height: 38px; overflow: hidden;}
.pageText img,.pageText video,.pageText iframe{ max-width: 100%; height: auto !important;}
.pageText a { color: #3657c9; }

/* pageQA */
.pageQA{ width: 100%; overflow: hidden; padding: 20px; overflow: hidden;}
.pageQA .item{ width: 100%; margin-top: 15px; padding-bottom: 15px; position: relative; border-bottom: solid 1px #ddd; overflow: hidden;}
.pageQA .item:first-child{ margin-top: 0;}
.pageQA .item .QA_tit{ width: 100%; position: relative; padding-right: 60px; cursor: pointer;}
.pageQA .item .QA_tit .tit{ font-size: 16px; line-height: 30px; color: #333; font-weight: bold; transition: all 0.8s ease;}
.pageQA .item .QA_tit .iconfont{ position: absolute; right: 5px; top: 50%; width: 16px; text-align: center; margin-top: -10px; font-size: 24px; color: #333; transform: rotate(270deg); transition: all 0.8s ease;}
.pageQA .item .QA_txt{ margin-top: 5px; width: 100%; position: relative; font-size: 14px; color: #666; line-height: 28px; padding:0 60px 0 0; overflow: hidden; transition: all 0.8s ease; max-height: 160px;}
.pageQA .item .QA_txt::after{ content: ''; transition: all 0.8s ease; 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);}
.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 30px; }
.pageMessage .item { width: 100%; margin-top: 15px; padding-bottom: 15px; position: relative; border-bottom: solid 1px #ddd; overflow: hidden; }
.pageMessage .item .info { width: 920px; }
.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: 8px; }
.pageMessage .item .user span { margin-right: 20px; }
.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: 100px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; font-size: 14px; color: #fff; background-color: #00666A; cursor: pointer; }
.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: 28px; }
.popUp { display: none; }
.popDetail { width: 100%; padding: 20px 30px; }
.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: 20px; }
.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: 16px; line-height: 28px; 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: 30px 30px; background-color: rgba(0, 102, 106, 0.06); overflow: hidden; font-size: 16px; color: #00666A; line-height: 32px; overflow: hidden;}
.pageForm .con img,.pageForm .con video,.pageForm .con iframe{ max-width: 100%; height: auto !important;}
.pageForm .text{ width: 100%; padding: 30px 30px; border-top: solid 1px #ddd; overflow: hidden; overflow: hidden;}
.pageForm .text .t{ font-size: 18px; color: #333; padding-left: 30px; line-height: 30px; position: relative;}
.pageForm .text .t span{ display: inline-block; font-size: 24px; position: absolute; left: 0; top: 5px; line-height: 20px; color: #00666A;}
.pageForm .text .txt{ width: 100%; margin-top: 15px; font-size: 16px; color: #666; line-height: 32px;}
.pageForm .text .txt img,.pageForm .text .txt video,.pageForm .text .txt iframe{ max-width: 100%; height: auto !important;}
.formBox{ width: 100%; padding: 30px 30px;}
.formBox form{ width: 1000px;}
.formBox .row{ width: 100%;float: left; position: relative; margin: 6px 0;}
.formBox .row .t{ width: 130px; line-height: 30px; padding: 7px 20px 7px 0; text-align: right; position: relative; font-size: 16px; color: #333;}
.formBox .row .t em{ color: #f9263f; margin-right: 5px;}
.formBox .row .n{ width: 870px; position: relative;}
.formBox .row .n textarea{ height: 110px;resize: none; padding:7px 20px; box-sizing: border-box; width: 100%;font-size: 16px;color: #333;line-height: 30px; 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: 7px 20px; overflow: hidden; border: solid 1px #ddd; font-size: 16px; color: #333;}
.formBox .row .n select{ width: 100%; line-height: 44px; border: solid 1px #ddd; padding: 0 20px; border-radius: 2px; height: 44px; font-size: 16px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.formBox .row .n input::placeholder,.formBox .row .n textarea::placeholder{ font-size: 16px; 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: 16px; color: #999; line-height: 30px; padding: 7px 10px;}
.formBox .row .n .img{ width: 100px; height: 100px; border: solid 1px #ddd; text-align: center; line-height: 100px; font-size: 40px; color: #ddd;}
.formBox .row .n .btn{ width: 160px; border-radius: 3px; border: none; line-height: 52px; background-color: #00666A; font-size: 16px; color: #fff; transition: all 0.8s ease; cursor: pointer; margin-top: 20px;}
.formBox .row .n .btn:hover{ background-color: #11373D;}
.formBox .row.row1 .n input{ width: 520px;}
.formBox .row.row2 .n input{ width: calc(100% - 120px); border-radius: 3px 0 0 3px;}
.formBox .row.row2 .n .lk{ float: left; display: block; width: 120px; height: 46px; line-height: 44px; text-align: center; border-radius: 0 3px 3px 0; background-color: #00666A; font-size: 16px; color: #fff; overflow: hidden;}
.formBox .row.row2 .n .lk span{ font-size: 20px; margin-right: 5px; display: inline-block; transform: translateY(2px);}
.formBox .row.row2 .n .lk:hover{ background-color: #11373D;}


/* pageVolunteer */
.pageVolunteer{ width: 100%; position: relative; overflow: hidden; padding: 40px 0 ; }
.pageVolunteer ul{ width: 100%;}
.pageVolunteer ul li{ width: 49%; margin-right: 2%; position: relative; overflow: hidden;}
.pageVolunteer ul li:nth-child(2n){ margin-right: 0;}
.pageVolunteer ul li .img{position: relative; width: 100%; overflow: hidden; z-index: 1;}
.pageVolunteer ul li .img img{ width: 100%; display: block;}
.pageVolunteer ul li .con{ position: absolute; left: 70px; top: 50%; transform: translateY(-55%); z-index: 2;}
.pageVolunteer ul li .con .tit{ font-size: 30px; color: #fff; line-height: 30px;}
.pageVolunteer ul li .con .indexMore{ margin-top: 40px;}
.pageVolunteer ul li .icon{ position: absolute; right: 70px; top: 50%; line-height: 60px; margin-top: -30px; font-size: 180px; color: #fff;z-index: 2;}

/* volunteerActivity */
.volunteerActivity{ width: 100%; position: relative; overflow: hidden;}
.volunteerActivity .item{ width: 100%; padding: 40px 0; position: relative; overflow: hidden;}
.volunteerActivity .item ul{ width: 100%; margin-top: 10px;}
.volunteerActivity .item ul li{ width: 32%; margin: 2% 2% 0 0; position: relative; overflow: hidden; background-color: #fff;}
.volunteerActivity .item ul li a{ display: block; height: 100%; width: 100%;}
.volunteerActivity .item ul li .img{ width: 100%; height: 260px; position: relative; overflow: hidden;}
.volunteerActivity .item ul li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.volunteerActivity .item ul li .con{ width: 100%; padding: 20px;}
.volunteerActivity .item ul li .con .tit{ font-size: 16px; line-height: 28px; color: #333;}
.volunteerActivity .item ul li .con .time{ font-size: 14px; color: #999; margin-top: 10px;}
.volunteerActivity .item ul li:hover .img img{ transform: scale(1.05); }
.volunteerActivity .item ul li:hover .tit{ color: #00666A;}
.volunteerActivity .item ul li:nth-child(3n){ margin-right: 0;}
.volunteerActivity .item:nth-child(2n-1){ background-color: rgba(0, 102, 106, 0.06);}
.volunteerActivity .item:nth-child(2n) ul li{ border: solid 1px #eee;}

/* volActivity_list */
.volActivity_list{ width: 100%; position: relative;}
.volActivity_list .title{ font-size: 30px; color: #333; text-align: center;}
.volActivity_list ul{ width: 100%; margin-top: 10px;}
.volActivity_list ul li{ width: 32%; margin: 1% 2% 1% 0; 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%; height: 260px; position: relative; overflow: hidden;}
.volActivity_list ul li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.volActivity_list ul li .con{ width: 100%; padding: 20px;}
.volActivity_list ul li .con .tit{ font-size: 16px; line-height: 28px; color: #333;}
.volActivity_list ul li .con .time{ font-size: 14px; color: #999; margin-top: 10px;}
.volActivity_list ul li:hover .img img{ transform: scale(1.05); }
.volActivity_list ul li:hover .tit{ color: #00666A;}
.volActivity_list ul li:nth-child(3n){ margin-right: 0;}


/* donationList */
.donationList{ width: 100%; position: relative; overflow: hidden; padding:40px 0 ; }
.donationList .jzSearch{ width: 570px;}
.donationList .jzSearch .inputJZ{ width: 290px; border: solid 1px #00666A; border-radius: 3px 0 0 3px; padding:0 20px; font-size: 16px; color: #333;}
.donationList .jzSearch .inputJZ::placeholder{ font-size: 16px; color: #999;}
.donationList .jzSearch .btnJZ{ width: 100px; border-radius: 0 3px 3px 0;border: none; height: 44px; background-color: #00666A; font-size: 16px; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.donationList .jzSearch .btnJZ span{ display: inline-block; font-size: 20px; margin-right: 5px;}
.donationList .jzSearch .btnJZ:hover{ background-color: #11373D;}
.donationList .jzSearch .more{ margin-left: 20px; width: 140px; height: 44px; }
.donationList .jzSearch .more a{ display: block; width: 100%; line-height: 44px; border-radius: 3px; background-color: #4075A5; text-align: center; font-size: 16px; color: #fff; transition: all 0.8s ease;}
.donationList .jzSearch .more a span{ display: inline-block; margin-right: 5px; font-size: 18px;}
.donationList .jzSearch .more a:hover{ background-color: #11373D;}

.donationList .list{ width: 100%; position: relative; margin-top: 20px;}
.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 15px; border-color: rgba(0, 102, 106, 0.1); line-height: 26px; font-size: 14px; color: #333; min-width: 200px;}
.donationList .list table tr td.d1{ width: 100px !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: 30px 0 0 0; overflow: hidden;}
.bookJG .top{ width: calc(100% - 60px); margin: auto;}
.bookJG .top .JGlink{ width: 150px; height: 44px; position: relative;}
.bookJG .top .JGlink a{ display: block; position: relative; text-align: center; width: 100%; line-height: 44px; border-radius: 3px; overflow: hidden; font-size: 16px; color: #fff; transition: all 0.8s ease; background-color: #00666A;}
.bookJG .top .JGlink a:hover{ background-color: #11373D;}
.bookJG .con{ width: calc(100% - 60px); margin:20px auto 0; padding: 20px; font-size: 16px; line-height: 32px; color: #333; background-color: rgba(0, 102, 106, 0.06);}
.bookJG .text{width: 100%; padding: 30px 30px; border-top: solid 1px #ddd; overflow: hidden; overflow: hidden;}
.bookJG .text .t{ font-size: 18px; margin-top: 25px; font-weight: 500; color: #333; line-height: 30px; position: relative;}
.bookJG .text .t:first-child{ margin-top: 0;}
.bookJG .text .txt{ width: 100%; margin-top: 10px; font-size: 16px; color: #999; line-height: 32px;}
.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 40px 40px 40px;}
.bookJGrecord ul{ width: 100%;}
.bookJGrecord ul li{ width: 100%; padding: 15px 0; position: relative; overflow: hidden; border-bottom: solid 1px #ddd;}
.bookJGrecord ul li .tit{ width: 100%; font-size: 16px; color: #333; line-height: 30px;}
.bookJGrecord ul li .tit span{ display: inline-block; margin-right: 20px;}
.bookJGrecord ul li .tit p{ width: 100%; padding: 3px 0;}
.bookJGrecord ul li .stit{ display: inline-block; margin-top: 10px; line-height: 26px; font-size: 16px; color: #00666A; padding: 0 10px; background-color: rgba(0, 102, 106, 0.1);}
.bookJGrecord ul li .txt{ width: 100%;margin-top: 10px; font-size: 16px; color: #333; line-height: 30px;}

/* pageResource */
.pageResource{ width: 100%; position: relative;}
.pageResource .filterBox{ width: 100%; position: relative; overflow: hidden; background-color: #fff; border: solid 1px #ddd; padding: 30px;}
.pageResource .filterBox .zySearch{ width: 70%; margin: auto;}
.pageResource .filterBox .zySearch .inputZY{ width: 80%; border: solid 1px #00666A; border-radius: 3px 0 0 3px; line-height: 30px; padding: 5px 20px; font-size: 16px; color: #333;}
.pageResource .filterBox .zySearch .inputZY::placeholder{ font-size: 16px; color: #999;}
.pageResource .filterBox .zySearch .btn{ width: 20%; text-align: center; line-height: 40px; border: none; background-color: #00666A; font-size: 16px; color: #fff; border-radius: 0 3px 3px 0; cursor: pointer;}
.pageResource .filterBox .zySearch .btn span{ display: inline-block; font-size: 24px; margin-right: 5px;}
.pageResource .filterBox .zySearch .btn:hover{ background-color: #11373D;}
.pageResource .filterBox .filterList{ width: 100%; margin-top: 20px;}
.pageResource .filterBox .filterList dl{ width: 100%; padding: 8px 0; border-bottom: solid 1px #eee;}
.pageResource .filterBox .filterList dl:last-child{ border: 0; padding-bottom: 0;}
.pageResource .filterBox .filterList dl dt{ width: 80px; }
.pageResource .filterBox .filterList dl dt span{display: inline-block; width: 100%; line-height: 26px; margin: 1px 0; font-size: 14px; color: #999;}
.pageResource .filterBox .filterList dl dd{ width: calc(100% - 80px);}
.pageResource .filterBox .filterList dl dd a{ display: inline-block; font-size: 14px; color: #333; line-height: 26px; padding: 0 10px; font-weight: 500; margin: 1px; border-radius: 3px;}
.pageResource .filterBox .filterList dl dd a:hover,.pageResource .filterBox .filterList dl dd a.on{ background-color: #00666A; color: #fff;}
.pageResource .filterBox .filterList dl dd a.xz{background-color: #00666A; color: #fff;}
.pageResource .filterBox .filterList dl dd a.xz span{ display: inline-block; margin-left: 5px; font-size: 14px;}

.pageResource .resourceList{ width: 100%; margin-top: 30px; position: relative; overflow: hidden; background-color: #fff; border: solid 1px #ddd; }
.pageResource .resourceList .top{ width: 100%; padding: 10px 20px;}
.pageResource .resourceList .top .sortord{ position: relative; width: 180px;border: solid 1px #00666A;border-radius: 3px;}
.pageResource .resourceList .top .sortord a{ display: inline-block; width: 50%; text-align: center; font-size: 14px; line-height: 30px; color: #00666A;}
.pageResource .resourceList .top .sortord a.on{ background-color: #00666A; color: #fff;}
.pageResource .resourceList .top .searchNum{ font-size: 14px; color: #333; line-height: 32px;}
.pageResource .resourceList .top .searchNum span{ color: #00666A; font-weight: bold; display: inline-block; margin: 0 5px;}
.pageResource .resourceList .list{ width: 100%; }
.pageResource .resourceList .list li{ width: calc(100% - 40px); margin: auto; border-bottom: solid 1px #eee; position: relative; padding: 5px 0;}
.pageResource .resourceList .list li:last-child{ border: 0;}
.pageResource .resourceList .list li .t1{ width: calc(40% - 50px); font-size: 14px; color: #333; padding:5px 0;line-height: 20px;}
.pageResource .resourceList .list li .t1 .label{ font-size: 12px; color:#999; margin-left: 10px;}
.pageResource .resourceList .list li .t2{ width: calc(60% - 50px); font-size: 14px; color: #999; line-height: 26px;}
.pageResource .resourceList .list li .t2 span{ display: inline-block; margin: 0 10px 0 0;}
.pageResource .resourceList .list li .t3{ width:100px; height: 26px; text-align: center;}
.pageResource .resourceList .list li .t3 a{ display: inline-block; width: 100%; line-height: 24px; border: solid 1px #00666A; font-size: 14px; color: #00666A; transition: all 0.8s ease; border-radius: 3px; overflow: hidden;}
.pageResource .resourceList .list li .t3 a:hover{ background-color: #00666A; color: #fff;}
.pageResource .resourceList .list li.tit{ border: 0; width: 100%; padding: 10px 20px; background-color: rgba(0, 102, 106, 0.06);}
.pageResource .resourceList .list li.tit .t1,.pageResource .resourceList .list li.tit .t2,.pageResource .resourceList .list li.tit .t3{ color: #333; font-size: 16px; line-height: 30px;padding: 0;}

.pageResource .resourceText{ width: 100%; border: solid 1px #ddd; background-color: #fff;}
.pageResource .resourceText .tit{ width: 100%; padding: 10px 20px; line-height: 30px; font-size: 16px; color: #00666A; }
.pageResource .resourceText .text{ width: 100%; padding: 20px 20px; color: #666; font-size: 16px; line-height: 34px; 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:15px ; border: solid 1px #ddd; background-color: #fff;}
.pageResource .resourceItem ul li a{ display: inline-block; width: 100%; padding: 10px 20px; line-height: 30px; font-size: 16px; color: #00666A;}
.pageResource .resourceItem ul li:hover{ background-color: #00666A;}
.pageResource .resourceItem ul li:hover a{ color: #fff;}

.pageResource .resourceNews{width: 100%; border: solid 1px #ddd; margin-top: 15px; background-color: #fff;}
.pageResource .resourceNews .tit{ width: 100%; padding: 10px 20px; }
.pageResource .resourceNews .tit .t{line-height: 30px; font-size: 16px; color: #00666A;}
.pageResource .resourceNews .tit .a{line-height: 30px; 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:15px 20px;}
.pageResource .resourceNews ul li{ padding: 10px 0; width: 100%;}
.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:hover .t1{ color: #00666A;}


/* resourceRecom */
.resourceRecom{ width: 100%; padding: 40px 0; position: relative; overflow: hidden;}
.resourceRecom .stit{ font-size: 22px; padding-left: 170px; width: 100%; font-weight: bold; color: #333;} 

/* pageBright */
.pageBright{ width: 100%; padding: 40px 0; position: relative; overflow: hidden; background: url(../images/brightBg.jpg) center top no-repeat; background-size: cover;}
/* brightBooks */
.brightBooks{ width: 100%; padding: 0 0 40px 0; position: relative; overflow: hidden;}
.brightBooks ul{ width: 100%; margin-top: 10px; position: relative;}
.brightBooks ul li{ width: 23.5%; margin: 2% 2% 0 0; position: relative; background-color: #00666A; border: solid 1px #00666A;}
.brightBooks ul li:nth-child(4n){ margin-right: 0;}
.brightBooks ul li a{ display: block; width: 100%; position: relative;}
.brightBooks ul li .img{ width: 100%; height:460px ; background-color: #fff; position: relative; overflow: hidden; z-index: 1;}
.brightBooks ul li .img img{ position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%,-50%); max-width: 80%; height: 80%; transition: all 0.8s ease;}
.brightBooks ul li .tit{ font-size: 16px; color: #fff;background-color: #00666A; padding:10px 20px; line-height: 30px; z-index: 2; position: relative; transition: all 0.8s ease;}
.brightBooks ul li:hover img{transform: translate(-50%,-55%);}
.brightBooks ul li:hover .tit{ padding: 10px 20px 10px 20px; transform: translateY(-30px);}


/* BookList */
.BookList{ width: 100%; padding: 0 0; position: relative; overflow: hidden;}
.BookList ul{ width: 100%; margin-top: 10px; position: relative;}
.BookList ul li{ width: 23.5%; margin: 1% 2% 1% 0; position: relative; background-color: #00666A; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.BookList ul li:nth-child(4n){ margin-right: 0;}
.BookList ul li a{ display: block; width: 100%; position: relative;}
.BookList ul li .img{ width: 100%; height:460px ; 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: 80%; height: 80%; transition: all 0.8s ease;}
.BookList ul li .tit{ font-size: 16px; color: #fff;background-color: #00666A; padding:10px 20px; line-height: 30px; z-index: 2; position: relative; transition: all 0.8s ease;}
.BookList ul li:hover img{transform: translate(-50%,-55%);}
.BookList ul li:hover .tit{ padding: 10px 20px 10px 20px; transform: translateY(-30px);}

/* brightVideos */
.brightVideos{ width: 100%; padding:0 0 40px 0 ; position: relative; overflow: hidden;}
.brightVideos ul{ width: 100%; margin-top: 10px; position: relative;}
.brightVideos ul li{ width: 32%; margin: 2% 2% 0 0; position: relative;}
.brightVideos ul li:nth-child(3n){ margin-right: 0;}
.brightVideos ul li a{ display: block; width: 100%; position: relative;}
.brightVideos ul li .img{ width: 100%; height: 270px; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.brightVideos ul li .img img{ width: 100%; height: 100%; position: relative; z-index: 1; transition: all 0.8s ease;}
.brightVideos ul li .img .iconfont{ position: absolute; z-index: 2; top: 50%; left: 50%; border-radius: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 40px; color: #fff; background-color: rgba(0, 0, 0, 0.4); transition: all 0.8s ease;}
.brightVideos ul li .tit{ font-size: 16px; color: #333; padding:20px 0; line-height: 30px; z-index: 2; position: relative; transition: all 0.8s ease; border-bottom: solid 1px #ddd;}
.brightVideos ul li:hover .img .iconfont{ background-color: #00666A;}
.brightVideos ul li:hover img{ transform: scale(1.05); opacity: 0.6;}
.brightVideos ul li:hover .tit{color: #00666A; border-color: #00666A;}


/* brightAudio */
.brightAudio{ width: 100%; padding:0 0 40px 0 ; position: relative; overflow: hidden;}
.brightAudio ul{ width: 100%; margin-top: 10px; position: relative;}
.brightAudio ul li{ width: 23.5%; margin: 2% 2% 0 0; cursor: pointer;}
.brightAudio ul li:nth-child(4n){ margin-right: 0;}
.brightAudio ul li .pic{ width: 100%; height: 300px; background: url(../images/audioBg.png) top center no-repeat;background-size: 100% auto;}
.brightAudio ul li .det{ background:#fff; height:80px; line-height: 40px; padding: 20px; 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% - 60px); font-size: 20px; color: #333; }
.brightAudio ul li .det .iconfont{ font-size: 40px; color: #999; }
.brightAudio ul li.active .det {border-color: #00666A;}
.brightAudio ul li.active .det .name, .brightAudio ul li.active .det .iconfont {color: #00666A;}

/* brightPhoto */
.brightPhoto{ width: 100%; padding: 0 0 40px 0 ; position: relative; overflow: hidden;}
.brightPhoto .photoBox{ width: 100%; margin-top: 40px; position: relative; overflow: hidden;}
.brightPhoto .photoItem{ width: 78%; height: 730px; position: relative;}
.brightPhoto .photoItem .swiper-container{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brightPhoto .photoItem .swiper-slide{ width: 100%; height: 730px; 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: 15px 20px; font-size: 16px; color: #fff;}
.brightPhoto .photoList{ width: 22%; height: 730px; padding: 0 20px; background: url(../images/photoBg.jpg) top center repeat-y; background-size: 100% auto; position: relative;}
.brightPhoto .photoList .swiper-container{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brightPhoto .photoList .swiper-slide{ width: 100%; height: 146px; padding-bottom: 10px; 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.active-nav img{ opacity: 1;}


/* brightPhotoList */
.brightPhotoList{ width: 100%; padding: 0 0 40px 0; position: relative; overflow: hidden;}
.brightPhotoList ul{ width: 100%; margin-top: 10px; position: relative;}
.brightPhotoList ul li{ width: 32%; margin: 2% 2% 0 0; position: relative;}
.brightPhotoList ul li:nth-child(3n){ margin-right: 0;}
.brightPhotoList ul li a{ display: block; width: 100%; position: relative;}
.brightPhotoList ul li .img{ width: 100%; height: 270px; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.brightPhotoList ul li .img img{ width: 100%; height: 100%; position: relative; z-index: 1; transition: all 0.8s ease;}
.brightPhotoList ul li .tit{ font-size: 16px; color: #333; padding:15px 0; line-height: 30px; z-index: 2; position: relative; transition: all 0.8s ease; border-bottom: solid 1px #ddd;}
.brightPhotoList ul li:hover img{ transform: scale(1.05);}
.brightPhotoList ul li:hover .tit{color: #00666A; border-color: #00666A;}


/* brightArticle */
.brightArticle{ width: 100%; padding:0 0 40px 0 ; position: relative; overflow: hidden;}
.brightArticle ul{ width: 100%; margin-top: 10px;}
.brightArticle ul li{ width: 49%; margin: 2% 2% 0 0; padding: 20px ; border: solid 1px #ddd; position: relative;}
.brightArticle ul li:nth-child(2n){ margin-right: 0;}
.brightArticle ul li .icon{ width: 44px; height: 44px;  background-size: 36px !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% - 150px); font-size: 16px; color: #333; padding: 12px 15px; line-height: 20px;}
.brightArticle ul li .a{ width: 120px; text-align: center; border: solid 1px #ddd;line-height: 36px; font-size: 14px; color: #333; transition: all 0.8s ease;}
.brightArticle ul li .a:hover{ background-color: #00666A; color: #fff;}

/* brightPeriodical */
.brightPeriodical{ width: 100%; padding:0 0 80px 0 ; position: relative; overflow: hidden;}
.brightPeriodical ul{ width: 100%; margin-top: 10px;}
.brightPeriodical ul li{ width: 49%; margin: 2% 2% 0 0; border: solid 1px #ddd; position: relative;}
.brightPeriodical ul li:nth-child(2n){ margin-right: 0;}
.brightPeriodical ul li a{ width: 100%; height: 100%; padding: 20px ;}
.brightPeriodical ul li .img{ width: 170px; height: 240px; position: relative; overflow: hidden;}
.brightPeriodical ul li .img img{ position: absolute; top: 50%; left: 50%; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.brightPeriodical ul li .con{ width: calc(100% - 170px); padding:15px 0 0 25px;}
.brightPeriodical ul li .con .t1{ width: 100%; font-size: 16px; color: #333; font-weight: 500;}
.brightPeriodical ul li .con .t2{ width: 100%; font-size: 14px; color: #666; margin-top: 5px; line-height: 26px;}
.brightPeriodical ul li .con .t3{ width: 100%; font-size: 14px; color: #666; line-height: 26px; margin-top: 10px; position: relative;}
.brightPeriodical ul li .con .t3 p{ width: 100%; padding-left: 15px; position: relative;}
.brightPeriodical ul li .con .t3 p::after{ content: ''; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; border-radius: 50%; background-color: #666;}
.brightPeriodical ul li:hover{ border-color: #00666A;}
.brightPeriodical ul li:hover .t1{ color: #00666A;}


/* booksAroma */
.booksAroma{ width: 100%; padding: 40px 0; position: relative; overflow: hidden; background: rgba(0, 102, 106, 0.06);}
.booksAroma .c1440{ position: relative; z-index: 2;}
.booksAroma .textBox{ width: 100%; position: relative; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.booksAroma .textBox .info{ width:50%; height: 410px; position: relative; /*background: url(../images/collectionImg.jpg) center no-repeat;*/ background-size: cover !important;}
.booksAroma .textBox .info .con{ width: 100%; position: absolute; top: 50%; left: 0; text-align: center; transform: translateY(-50%);}
.booksAroma .textBox .info .img{ width: 130px; margin: auto;}
.booksAroma .textBox .info .img img{ width: 100%; display: block;}
.booksAroma .textBox .info .tit { font-size: 32px; color: #fff; margin-top: 30px; font-weight: bold; }
.booksAroma .textBox .info .txt{ margin-top: 20px; font-size: 18px; color: #fff;}
.booksAroma .textBox .text{ width:50%; height: 410px; background: rgba(255, 255, 255, 0.8) ; padding: 0 0; position: relative;}
.booksAroma .textBox .text .con{ width: 100%; position: absolute; top: 50%; left: 0; padding: 0 70px; transform: translateY(-50%);}
.booksAroma .textBox .text .tit{ font-size: 30px; color: #333; }
.booksAroma .textBox .text .txt{ margin-top: 20px; font-size: 16px; max-height: 240px; line-height: 40px; overflow-y: auto; color: #333;}
.booksAroma .textBox .text .indexMore{ margin-top: 40px;}
.booksAroma .booksAromaNav{ width: 100%; margin-top: 40px; position: relative;}
.booksAroma .booksAromaNav .n{ width: 23.5%; margin: 0 2% 0 0; text-align: center; border-radius: 28px; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.booksAroma .booksAromaNav .n:nth-child(4n){ margin-right: 0;}
.booksAroma .booksAromaNav .n a{ display: block; width: 100%; line-height: 30px; padding: 5px 0; font-size: 16px; color: #00666A; background-color: #fff; border-radius: 20px; transition: all 0.8s ease;}
.booksAroma .booksAromaNav .n.active a{ background-color: #00666A; color: #fff;}

.booksAroma .booksAromaItem{ width: 100%; position: relative; margin-top: 30px;}
.booksAroma .booksAromaItem .item{ width: 100%; display: none; position: relative;}
.booksAroma .booksAromaItem .item.active{ display: block;}
.booksAroma .booksAromaItem .more{ width: 160px; margin:20px  auto 0; border-radius: 28px;}
.booksAroma .booksAromaItem .more a{ display: block; display: block; width: 100%; line-height: 30px; padding: 5px 0; font-size: 16px; color: #fff; background-color: #00666A; border-radius: 28px; text-align: center; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .more a:hover{ background-color: #11373D;}

.booksAroma .booksAromaItem .studyItem{ width: 100%; position: relative;}
.booksAroma .booksAromaItem .studyItem li{ width: 32%; position: relative; margin: 1% 2% 1% 0; }
.booksAroma .booksAromaItem .studyItem li a{ display: block; width: 100%; height: 100%;}
.booksAroma .booksAromaItem .studyItem li:nth-child(3n){ margin-right: 0;}
.booksAroma .booksAromaItem .studyItem li .img{ width: calc(100% - 40px); margin: auto; position: relative; z-index: 2; height: 230px; overflow: hidden; border-radius: 20px;}
.booksAroma .booksAromaItem .studyItem li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .studyItem li .con{width: 100%; height: calc(100% - 80px);  padding:190px 35px 40px 35px; position: relative; z-index: 1; margin-top: -150px;  /*  background: url(../images/studyImgBg3.png) center no-repeat; background-size: 100% 100% !important; */ transition: all 0.8s ease;  border-radius: 20px; border: solid 1px #eee; }
.booksAroma .booksAromaItem .studyItem li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .studyItem li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.booksAroma .booksAromaItem .studyItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 6px; display: block; width: 100%; padding-left: 20px; line-height: 22px; position: relative; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .studyItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .studyItem li:hover img{ transform: scale(1.05);}
.booksAroma .booksAromaItem .studyItem li:hover .con{ background-color: #00666A;  border-color: #00666A; /* background: url(../images/studyImgBg2.png) center no-repeat; */}
.booksAroma .booksAromaItem .studyItem li:hover .t1,.booksAroma .booksAromaItem .studyItem li:hover .t2 p,.booksAroma .booksAromaItem .studyItem li:hover .t2 p .iconfont{ color: #fff;}

.booksAroma .booksAromaItem .readItem{ width: 100%; position: relative;}
.booksAroma .booksAromaItem .readItem li{ width: 23.5%; position: relative; margin: 1% 2% 1% 0; border-radius: 40px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);}
.booksAroma .booksAromaItem .readItem li:nth-child(4n){ margin-right: 0;}
.booksAroma .booksAromaItem .readItem li a{ display: block; width: 100%; height: 100%; padding: 20px;}
.booksAroma .booksAromaItem .readItem li .img{ width: 100%; border-radius: 20px; overflow: hidden; height: 170px;}
.booksAroma .booksAromaItem .readItem li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .readItem li .con{ width: 100%; padding:20px 10px; position: relative; z-index: 1; }
.booksAroma .booksAromaItem .readItem li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .readItem li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.booksAroma .booksAromaItem .readItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 6px; display: block; width: 100%; padding-left: 20px; line-height: 22px; position: relative; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .readItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .readItem li .con .m{ width: 90%; margin: 15px auto 0; text-align: center; border: solid 1px #84BD26; line-height: 34px; font-size: 14px; color: #84BD26; transition: all 0.8s ease; border-radius: 20px;}
.booksAroma .booksAromaItem .readItem li .con .m:hover{ background-color: #84BD26; color: #fff;}
.booksAroma .booksAromaItem .readItem li:hover img{ transform: scale(1.05);}
.booksAroma .booksAromaItem .readItem li:hover .t1{ color: #84BD26;}

.booksAroma .booksAromaItem .readItem.u3 li{ width: 32%;}
.booksAroma .booksAromaItem .readItem.u3 li:nth-child(4n){ margin: 1% 2% 1% 0;}
.booksAroma .booksAromaItem .readItem.u3 li:nth-child(3n){ margin-right: 0;}
.booksAroma .booksAromaItem .readItem.u3 li .img{ width: 100%; border-radius: 20px; overflow: hidden; height: 230px;}


.booksAroma .booksAromaItem .lectureItem{ width: 100%; position: relative;}
.booksAroma .booksAromaItem .lectureItem li{ width: 23.5%; position: relative; margin: 1% 2% 1% 0; border-radius: 20px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);}
.booksAroma .booksAromaItem .lectureItem li:nth-child(4n){ margin-right: 0;}
.booksAroma .booksAromaItem .lectureItem li a{ display: block; width: 100%; height: 100%; padding: 0;}
.booksAroma .booksAromaItem .lectureItem li .img{ width: 100%; border-radius:0 0 60px 60px ; overflow: hidden; height: 190px; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .lectureItem li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .lectureItem li .con{ width: 100%; padding:30px 20px; position: relative; z-index: 1; }
.booksAroma .booksAromaItem .lectureItem li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .lectureItem li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.booksAroma .booksAromaItem .lectureItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 6px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .lectureItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .lectureItem li:hover .img{ border-radius:0 0 20px 20px ;}
.booksAroma .booksAromaItem .lectureItem li:hover .img img{ transform: scale(1.05);}
.booksAroma .booksAromaItem .lectureItem li:hover .con .t1{color: #00666A;}

.booksAroma .booksAromaItem .scienceItem{ width: 100%; position: relative;}
.booksAroma .booksAromaItem .scienceItem li{ width: 49%; position: relative; margin: 1% 2% 1% 0; border-radius: 40px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);}
.booksAroma .booksAromaItem .scienceItem li:nth-child(2n){ margin-right: 0;}
.booksAroma .booksAromaItem .scienceItem li a{ width: 100%; height: 100%; padding: 20px;}
.booksAroma .booksAromaItem .scienceItem li .img{ width: 50%; border-radius: 20px; overflow: hidden; height: 190px;}
.booksAroma .booksAromaItem .scienceItem li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .scienceItem li .con{ width: 50%; padding:10px 0 0 20px; position: relative; z-index: 1; }
.booksAroma .booksAromaItem .scienceItem li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .scienceItem li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.booksAroma .booksAromaItem .scienceItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 6px; display: block; width: 100%; padding-left: 20px; line-height: 22px; position: relative; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .scienceItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.booksAroma .booksAromaItem .scienceItem li .con .m{ width: 60%; margin: 15px 0 0 0; text-align: center; border: solid 1px #84BD26; line-height: 34px; font-size: 14px; color: #84BD26; transition: all 0.8s ease; border-radius: 20px;}
.booksAroma .booksAromaItem .scienceItem li .con .m:hover{ background-color: #84BD26; color: #fff;}
.booksAroma .booksAromaItem .scienceItem li:hover img{ transform: scale(1.05);}
.booksAroma .booksAromaItem .scienceItem li:hover .t1{ color: #84BD26;}



.booksAroma.bg{ background: url(../images/booksAromaBg.jpg) center no-repeat; background-size: cover !important;}
.booksAroma.bg .textBox{ border-radius: 40px;}
.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: 40px 0; position: relative; overflow: hidden; background: rgba(0, 102, 106, 0.06);}
.pageStudyday .list { width: 100%; margin-top: 40px; position: relative;}
.pageStudyday .list li{ width: 32%; position: relative; margin: 1% 2% 1% 0;}
.pageStudyday .list li a{ display: block; width: 100%; height: 100%;}
.pageStudyday .list li:nth-child(3n){ margin-right: 0;}
.pageStudyday .list li .img{ width: calc(100% - 40px); margin: auto; position: relative; z-index: 2; height: 230px; overflow: hidden; border-radius: 20px;}
.pageStudyday .list li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.pageStudyday .list li .con{width: 100%; height: calc(100% - 80px);  padding:190px 35px 40px 35px; position: relative; z-index: 1; margin-top: -150px;  /*  background: url(../images/studyImgBg3.png) center no-repeat; background-size: 100% 100% !important; */ transition: all 0.8s ease;  border-radius: 20px; border: solid 1px #eee; }
.pageStudyday .list li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.pageStudyday .list li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.pageStudyday .list li .con .t2 p{ font-size: 14px; color: #666; margin-top: 10px; display: block; width: 100%; padding-left: 20px; line-height: 22px; position: relative; transition: all 0.8s ease;}
.pageStudyday .list li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.pageStudyday .list li:hover img{ transform: scale(1.05);}
.pageStudyday .list li:hover .con{  background-color: #00666A;  border-color: #00666A; /* background: url(../images/studyImgBg2.png) center no-repeat; */}
.pageStudyday .list li:hover .t1,.pageStudyday .list li:hover .t2 p,.pageStudyday .list li:hover .t2 p .iconfont{ color: #fff;}


/* activityDetails */
.activityDetails{ width: 100%; overflow: hidden; position: relative; padding: 40px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.activityDetails .tit{ font-size: 32px; text-align: center; color: #333; line-height: 46px; margin-bottom: 20px;}
.activityDetails .info{ text-align: center; font-size: 16px; color: #999; margin-bottom: 30px;}
.activityDetails .info span{ display: inline-block; margin: 0 20px;}
.activityDetails .text { width: 100%; padding-top: 30px ; font-size: 16px; color: #333; line-height: 40px; 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; padding: 40px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.activityForm{ width: 100%; padding: 40px 30px; margin-top: 30px; overflow: hidden;}
.activityForm form{ width: 100%;}
.activityForm .row{ width: 80%;float: left; position: relative; margin: 10px 0;}
.activityForm .row .t{ width: 100px; line-height: 30px; padding: 7px 20px 7px 0; text-align: right; position: relative; font-size: 17px; color: #333;}
.activityForm .row .n{ width: calc(100% - 100px); position: relative;}
.activityForm .row .n textarea{ height: 110px;resize: none; padding:7px 20px; 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: 7px 20px; 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: 130px; height: 44px; border: solid 1px #ddd; text-align: center; line-height: 42px; 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: 16px; margin-right: 5px; color: #00666A;}
.activityForm .row .n ul li a{ margin-left: 5px; font-size: 16px; color: #aaa;}
.activityForm .row .n ul li a:hover{ color: #00666A;}
.activityForm .row .n .btn{ width: 160px; border-radius: 3px; border: none; line-height: 40px; background-color: #00666A; font-size: 16px; color: #fff; transition: all 0.8s ease; cursor: pointer; margin-top: 20px;}
.activityForm .row .n .btn:hover{ background-color: #11373D;}


/* activityEwm */
.activityEwm{ width: 100%; background-color: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease; overflow: hidden;}
.activityEwm .tit{ width: 100%; padding: 30px; text-align: center; height: 150px; background: url(../images/activityEwmBg.jpg) center no-repeat; background-size: cover; text-align: center; font-size: 30px; color: #fff; position: relative; z-index: 1;}
.activityEwm .con{ width: 100%; padding: 0 30px 30px 30px; position: relative; z-index: 2;}
.activityEwm .con .ewm{ width: 70%; border: solid 1px #ddd; background-color: #fff; padding: 5px; border-radius: 12px; margin: -50px auto 0;}
.activityEwm .con .ewm img{ width: 100%; display: block;}
.activityEwm .con .t1{ text-align: center; margin-top: 30px; font-size: 20px; color: #333;}
.activityEwm .con .t2{ text-align: center; margin-top: 15px; font-size: 16px; color: #999; line-height: 26px;}

/* activityTJ */
.activityTJ{ width: 100%; background-color: #fff; margin-top: 20px; padding:20px 30px; position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.activityTJ.n{ margin-top: 0;}
.activityTJ .tit{ font-size: 20px; color: #333; text-align: left;}
.activityTJ .tit.t{ text-align: center;}
.activityTJ ul{ width: 100%;}
.activityTJ ul li{ width: 100%; padding: 20px 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: 170px; margin-bottom: 10px; position: relative; overflow: hidden;}
.activityTJ ul li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.activityTJ ul li .con{ width: 100%; padding: 10px 10px 0 10px; position: relative; z-index: 1; transition: all 0.8s ease;}
.activityTJ ul li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.activityTJ ul li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.activityTJ 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; transition: all 0.8s ease;}
.activityTJ ul li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.activityTJ ul li:hover img{ transform: scale(1.05);}
.activityTJ ul li:hover .t1,.activityTJ ul li:hover .t2 p,.activityTJ ul li:hover .t2 p .iconfont{ color: #00666A;}


/* pageRead */
.pageRead{ width: 100%; position: relative; padding:0 0 20px 0;}
.pageRead .pageTit{ margin: 30px auto 0;}
.pageRead .readItem{ width: 100%; margin-top: 20px; position: relative;}
.pageRead .readItem li{ width: 23.5%; position: relative; margin: 1% 2% 1% 0; border-radius: 40px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);}
.pageRead .readItem li:nth-child(4n){ margin-right: 0;}
.pageRead .readItem li a{ display: block; width: 100%; height: 100%; padding: 20px;}
.pageRead .readItem li .img{ width: 100%; border-radius: 20px; overflow: hidden; height: 170px;}
.pageRead .readItem li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.pageRead .readItem li .con{ width: 100%; padding:10px 10px; position: relative; z-index: 1; }
.pageRead .readItem li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.pageRead .readItem li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.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; transition: all 0.8s ease;}
.pageRead .readItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.pageRead .readItem li .con .m{ width: 90%; margin: 10px auto 0; text-align: center; border: solid 1px #84BD26; line-height: 40px; font-size: 14px; color: #84BD26; transition: all 0.8s ease; border-radius: 20px;}
.pageRead .readItem li .con .m:hover{ background-color: #84BD26; color: #fff;}
.pageRead .readItem li:hover img{ transform: scale(1.05);}
.pageRead .readItem li:hover .t1{ color: #84BD26;}

/* pageLecture */
.pageLecture{ width: 100%; position: relative; padding:40px 0 ; overflow: hidden; background: rgba(0, 102, 106, 0.06);}
.pageLecture .pageTit{ line-height: 56px;}
.pageLecture .lectureNav{ width: 460px; height: 56px;}
.pageLecture .lectureNav .n{ width: 220px; margin-right: 20px; text-align: center; border-radius: 28px; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.pageLecture .lectureNav .n:last-child{ margin-right: 0;}
.pageLecture .lectureNav .n a{ display: block; width: 100%; line-height: 30px; padding: 8px 0; font-size: 16px; color: #00666A; background-color: #fff; border-radius: 24px; transition: all 0.8s ease;}
.pageLecture .lectureNav .n.active a{ background-color: #00666A; color: #fff;}

.pageLecture .lectureList{ width: 100%; position: relative; margin-top: 30px;}
.pageLecture .lectureList .item{ width: 100%; display: none; position: relative;}
.pageLecture .lectureList .item.active{ display: block;}

.pageLecture .lectureList .lecture1{ width: 100%; position: relative;}
.pageLecture .lectureList .lecture1 li{ width: 32%; position: relative; margin: 1% 2% 1% 0; border-radius: 20px; background-color: #fff; overflow: hidden;}
.pageLecture .lectureList .lecture1 li:nth-child(3n){ margin-right: 0;}
.pageLecture .lectureList .lecture1 li a{ display: block; width: 100%; height: 100%; padding: 0;}
.pageLecture .lectureList .lecture1 li .img{ width: 100%; border-radius:0 0 60px 60px ; overflow: hidden; height: 250px; transition: all 0.8s ease;}
.pageLecture .lectureList .lecture1 li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.pageLecture .lectureList .lecture1 li .con{ width: 100%; padding:30px 20px; position: relative; z-index: 1; }
.pageLecture .lectureList .lecture1 li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.pageLecture .lectureList .lecture1 li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.pageLecture .lectureList .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; transition: all 0.8s ease;}
.pageLecture .lectureList .lecture1 li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.pageLecture .lectureList .lecture1 li:hover .img{ border-radius:0 0 20px 20px ;}
.pageLecture .lectureList .lecture1 li:hover .img img{ transform: scale(1.05);}
.pageLecture .lectureList .lecture1 li:hover .con .t1{color: #00666A;}

.pageLecture .lectureList .lecture2{ width: 100%; position: relative;}
.pageLecture .lectureList .lecture2 li{ width: 32%; position: relative; margin: 1% 2% 1% 0; overflow: hidden;}
.pageLecture .lectureList .lecture2 li:nth-child(3n){ margin-right: 0;}
.pageLecture .lectureList .lecture2 li a{ display: block; width: 100%; height: 100%; padding: 0;}
.pageLecture .lectureList .lecture2 li .img{ width: 100%; border-radius:0 20px 0 20px ; overflow: hidden; height: 250px; transition: all 0.8s ease; position: relative; z-index: 1; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.pageLecture .lectureList .lecture2 li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}

.pageLecture .lectureList .lecture2 li .con{ width: 80%; position: relative; z-index: 2; padding:15px 25px; background-color: #fff; border-radius: 0 20px 0 20px; margin-top: -30px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.pageLecture .lectureList .lecture2 li .con .t1{ font-size: 16px; color: #333; line-height: 30px;}
.pageLecture .lectureList .lecture2 li:hover img{ transform: scale(1.05);}
.pageLecture .lectureList .lecture2 li:hover .con{ background-color: #00666A; }
.pageLecture .lectureList .lecture2 li:hover .con .t1{ color: #fff;}

/* lectureText */
.lectureText{ width: 100%; position: relative; padding:40px 0 ; overflow: hidden; background: rgba(0, 102, 106, 0.06);}
.lectureText .box{ width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.lectureText .info{ width: 50%; position: relative; overflow: hidden; height: 410px;}
.lectureText .info .img{ width: 100%; height: 100%; position: relative; background-color: #000; transition: all 0.8s ease;}
.lectureText .info .img img{ width: 100%; display: block; height: 100%; position: relative; z-index: 1; opacity: 0.4; transition: all 0.8s ease;}
.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: 80px; color: #fff; line-height: 40px;}
.lectureText .info .con .tit{ font-size: 18px; color: #fff; margin-top: 30px;}
.lectureText .info a:hover .img{ background: #00666A;}
.lectureText .text{ width:50%; height: 410px; background: #fff ; padding: 0 0; position: relative;}
.lectureText .text .con{ width: 100%; position: absolute; top: 50%; left: 0; padding: 0 40px; transform: translateY(-50%);}
.lectureText .text .tit{ font-size: 28px; color: #333; }
.lectureText .text .txt{ margin-top: 20px; font-size: 16px; max-height: 240px; line-height: 40px; overflow-y: auto; color: #333;}

/* lectureVideo */
.lectureVideo{ width: 100%; position: relative; padding:40px 0 ; overflow: hidden; background: url(../images/lectureVideoBg.jpg) center no-repeat; background-size: cover;}
.lectureVideo .box{ width: 100%; margin-top: 40px;}
.lectureVideo .box .sg{ width: 65%; height: 600px; position: relative;}
.lectureVideo .box .sg .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.lectureVideo .box .sg .img img{ width: 100%; display: block; height: 100% ; opacity: 0.7; transition: all 0.8s ease; position: relative; z-index: 1;}
.lectureVideo .box .sg .con{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding:50px 30px 30px ; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.lectureVideo .box .sg .con .tit{ font-size: 16px; line-height: 28px; color: #fff;transition: all 0.8s ease;}
.lectureVideo .box .sg .con .iconfont{ font-size: 44px; line-height: 30px; color: #fff; transition: all 0.8s ease; }
.lectureVideo .box .sg:hover .con{ background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.8)); }
.lectureVideo .box .sg:hover img{ opacity: 1; transform: scale(1.05);}

.lectureVideo .box ul{ width: 32%; position: relative; margin-left: 3%;}
.lectureVideo .box ul li{ width: 100%; height: 290px; position: relative; overflow: hidden;}
.lectureVideo .box ul li:first-child{ margin-bottom: 20px;}
.lectureVideo .box ul li .img{ width: 100%; height: 100%; position: relative; background-color: #000; overflow: hidden; z-index: 1;}
.lectureVideo .box ul li .img img{ width: 100%; display: block; height: 100% ; opacity: 0.8; transition: all 0.8s ease; position: relative; z-index: 1;}
.lectureVideo .box ul li .con{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding:50px 20px 20px ; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.lectureVideo .box ul li .con .tit{ font-size: 16px; line-height: 28px; color: #fff;transition: all 0.8s ease;}
.lectureVideo .box ul li .con .iconfont{ font-size: 30px; line-height: 30px; color: #fff; transition: all 0.8s ease; }
.lectureVideo .box ul li:hover .con{ background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.8)); }
.lectureVideo .box ul li:hover img{ opacity: 1; transform: scale(1.05);}

/* lectureVideoList */
.lectureVideoList{ width: 100%; position: relative; padding:40px 0 ; overflow: hidden; background-color: rgba(0, 102, 106, 0.06);}
.lectureVideoList ul{ width: 100%; position: relative; margin-top: 20px; }
.lectureVideoList ul li{ width: 32%; margin: 1% 2% 1% 0; height: 290px; position: relative; overflow: hidden;}
.lectureVideoList ul li:nth-child(3n){ margin-right: 0;}
.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; transition: all 0.8s ease; position: relative; z-index: 1;}
.lectureVideoList ul li .con{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding:50px 20px 20px ; 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: 28px; color: #fff;transition: all 0.8s ease;}
.lectureVideoList ul li .con .iconfont{ font-size: 32px; line-height: 30px; color: #fff; transition: all 0.8s ease; }
.lectureVideoList ul li:hover .con{ background-image: linear-gradient(rgba(0, 102, 106, 0), rgba(0, 102, 106, 0.8)); }
.lectureVideoList ul li:hover img{ opacity: 1; transform: scale(1.05);}


/* lecturePhoto */
.lecturePhoto{ width: 100%; position: relative; padding:40px 0 ; overflow: hidden; }
.lecturePhoto.w{ background-color: rgba(0, 102, 106, 0.06);}
.lecturePhoto ul{ width: 100%; margin-top: 30px;}
.lecturePhoto ul li{ width: 32%; margin: 1% 2% 1% 0; position: relative; overflow: hidden;}
.lecturePhoto ul li:nth-child(3n){ margin-right: 0;}
.lecturePhoto ul li a{ display: block; width: 100%; height: 100%;}
.lecturePhoto ul li .img{ width: 100%; position: relative; overflow: hidden; height: 300px; background-color: #00666A;}
.lecturePhoto ul li .img img{ position: relative; display: block; width: 100%; height: 100%; z-index: 1; transition: all 0.8s ease;}
.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: 16px; color: #fff; width: 100%; padding: 10px 30px ; text-align: center;}
.lecturePhoto ul li:hover img{ transform: scale(1.05); opacity: 0.8;}




 /* pageMemories */
.pageMemories{ width: 100%; padding: 40px 0; position: relative; overflow: hidden; background: url(../images/memoriesBg.jpg) center no-repeat; background-size: cover;}
.memoriesText{ width: 100%; padding: 0 0 0 0; margin-bottom: 40px; position: relative; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); transition: all 0.8s ease;}
.memoriesText .img{ width:50%; height: 410px; position: relative; overflow: hidden;}
.memoriesText .img img{ width: 100%; height: 100%; display: block;}
.memoriesText .text{ width:50%; height: 410px; background: #fff ; padding: 0 0; position: relative;}
.memoriesText .text .con{ width: 100%; position: absolute; top: 50%; left: 0; padding: 0 70px; transform: translateY(-50%);}
.memoriesText .text .tit{ font-size: 30px; color: #333; }
.memoriesText .text .txt{ margin-top: 20px; font-size: 16px; max-height: 240px; line-height: 40px; overflow-y: auto; color: #333;}

/* memoriesData */
.memoriesData{ width: 100%; padding: 0 0 40px 0; position: relative; overflow: hidden;}
.memoriesData ul{ width: 100%; margin-top: 10px;}
.memoriesData ul li{ width: 49%; margin: 2% 2% 0 0; padding: 20px ; background-color: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.memoriesData ul li:nth-child(2n){ margin-right: 0;}
.memoriesData ul li .icon{ width: 44px; height: 44px; background-size: 36px !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% - 150px); font-size: 16px; color: #333; padding: 5px 15px ; line-height: 30px;}
.memoriesData ul li .a{ width: 120px; text-align: center; border: solid 1px #ddd;line-height: 36px; font-size: 14px; color: #333; transition: all 0.8s ease;}
.memoriesData ul li .a:hover{ background-color: #00666A; color: #fff;}


/* memoriesArticle */
.memoriesArticle{ width: 100%; padding: 0 0 40px 0; position: relative; overflow: hidden;}
.memoriesArticle .box{ width: 100%; margin-top: 40px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.memoriesArticle .articleImg{ width: 55%; height: 400px; position: relative; overflow: hidden;}
.memoriesArticle .articleImg .swiper-slide{ width: 100%; height: 400px; position: relative;}
.memoriesArticle .articleImg .swiper-slide a{ display: block; width: 100%; height: 100%;}
.memoriesArticle .articleImg .swiper-slide img{ display: block; width: 100%; height: 100%;}
.memoriesArticle .articleList{ width: 45%; height: 400px;}
.memoriesArticle .articleList li{ width: 100%; height: 100px; background-color: #fff; border-bottom: solid 1px #ddd; position: relative; background-color: #fff; transition: all 0.8s ease; overflow: hidden;}
.memoriesArticle .articleList li:last-child{ border-bottom: 0;}
.memoriesArticle .articleList li a{ padding: 20px 20px 20px 20px; display: block; width: 100%; height: 100%;}
.memoriesArticle .articleList li .time{ font-size: 14px; color: #999; transition: all 0.8s ease;}
.memoriesArticle .articleList li .tit{ font-size: 16px; color: #333; margin-top: 10px; transition: all 0.8s ease;}
.memoriesArticle .articleList li .iconfont{ position: absolute; right: -40px; font-size: 30px; width: 30px; text-align: center; color: #333; top: 50%; margin-top: -15px; line-height: 24px;transform: rotate(180deg); transition: all 0.8s ease;}
.memoriesArticle .articleList li:hover,.memoriesArticle .articleList li.active{ background-color: #00666A;}
.memoriesArticle .articleList li:hover .iconfont{ right: 30px; color: #fff;}
.memoriesArticle .articleList li:hover .time,.memoriesArticle .articleList li:hover .tit,.memoriesArticle .articleList li.active .time,.memoriesArticle .articleList li.active .tit{ color: #fff;}
.memoriesArticle ul{ width: 100%; margin-top: 20px;}
.memoriesArticle ul li{ width: 100%; margin-top: 30px; background-color: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.memoriesArticle ul li a{ width: 100%; padding: 20px 0; }
.memoriesArticle ul li .time{ width: 140px; padding: 5px 20px 0 20px; text-align: center; border-right: solid 1px #eee; transition: all 0.8s ease;}
.memoriesArticle ul li .time p{ font-size: 38px; font-weight: bold; color: #00666A; transition: all 0.8s ease;}
.memoriesArticle ul li .time span{ font-size: 16px; display: inline-block; color: #666; margin-top: 5px; transition: all 0.8s ease;}
.memoriesArticle ul li .con{ padding: 0 30px; width: calc(100% - 140px);}
.memoriesArticle ul li .con .tit{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.memoriesArticle ul li .con .txt{ font-size: 14px; color: #666; margin-top: 10px; line-height: 22px; transition: all 0.8s ease;}
.memoriesArticle ul li:hover{ background-color: #00666A;}
.memoriesArticle ul li:hover .time{ border-color: rgba(255, 255, 255, 0.3);}
.memoriesArticle ul li:hover .time p,.memoriesArticle ul li:hover .time span,.memoriesArticle ul li:hover .con .tit{ color: #fff;}
.memoriesArticle ul li:hover .con .txt{ color: rgba(255, 255, 255, 0.8);}

/* memoriesPhoto */
.memoriesPhoto{ width: 100%; padding: 0 0 40px 0; position: relative; overflow: hidden;}
.memoriesPhoto ul{ width: 100%; margin-top: 10px; position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); }
.memoriesPhoto ul li{ width: 32%; margin: 2% 2% 0 0; position: relative; background-color: #fff; transition: all 0.8s ease;}
.memoriesPhoto ul li:nth-child(3n){ margin-right: 0;}
.memoriesPhoto ul li a{ display: block; width: 100%; height: 100%;}
.memoriesPhoto ul li .img{ width: 100%; height: 280px; position: relative; overflow: hidden;}
.memoriesPhoto ul li .img img{ width: 100%; display: block; height: 100%; transition: all 0.8s ease;}
.memoriesPhoto ul li .con{ padding: 20px 25px;}
.memoriesPhoto ul li .con .tit{ font-size: 16px; color: #333;}
.memoriesPhoto ul li .con .time{ font-size: 14px; color: #999; margin-top: 10px;}
.memoriesPhoto ul li:hover{ background-color: #00666A;}
.memoriesPhoto ul li:hover img{ transform: scale(1.05);}
.memoriesPhoto ul li:hover .tit,.memoriesPhoto ul li:hover .time{ color: #fff;}
/* brightPhoto */
.brightPhoto{ width: 100%; padding: 0 0 40px 0 ; position: relative; overflow: hidden;}
.brightPhoto .photoBox{ width: 100%; margin-top: 40px; position: relative; overflow: hidden;}
.brightPhoto .photoItem{ width: 78%; height: 730px; position: relative;}
.brightPhoto .photoItem .swiper-container{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brightPhoto .photoItem .swiper-slide{ width: 100%; height: 730px; 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: 20px 30px; font-size: 18px; color: #fff;}
.brightPhoto .photoList{ width: 22%; height: 730px; padding: 0 20px; background: url(../images/photoBg.jpg) top center repeat-y; background-size: 100% auto; position: relative;}
.brightPhoto .photoList .swiper-container{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brightPhoto .photoList .swiper-slide{ width: 100%; height: 146px; padding-bottom: 10px; 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.active-nav img{ opacity: 1;}


/* pageLibrary */
.pageLibrary{ width: 100%; padding: 40px 0 ; position: relative; overflow: hidden;}
.pageLibrary .libraryNav{ width: 100%; margin-top: 30px; position: relative;}
.pageLibrary .libraryNav ul{ width: 100%;}
.pageLibrary .libraryNav ul li{ width: 15%; margin: 0 2% 0 0; text-align: center; border-radius: 28px; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); transition: all 0.8s ease;}
.pageLibrary .libraryNav ul li:nth-child(6n){ margin-right: 0;}
.pageLibrary .libraryNav ul li a{ display: block; width: 100%; line-height: 30px; padding: 8px 0; font-size: 16px; color: #333; background-color: #fff; border-radius: 24px; transition: all 0.8s ease;}
.pageLibrary .libraryNav ul li.active a{ background-color: #00666A; color: #fff;}
.pageLibrary .libraryInfo{ width: 100%;}
.pageLibrary .libraryInfo .map{ width: 68%; height: 500px; border: solid 1px #eee;}

.BMapLib_SearchInfoWindow{ border: 0 !important; width: 350px !important; margin-left: -28px; padding: 15px; border-radius: 3px !important; background-color: #fff !important; font-family: "Microsoft YaHei" !important;}
.BMapLib_SearchInfoWindow::after{content: ''; width: 0; height: 0; top: auto; position: absolute; left: 50%; right: 0; bottom: -20px; margin-left: -20px; border-top: 20px solid #fff; border-right: 20px solid transparent; border-left: 20px 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: 6px; 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: 32%; height: 500px; padding-left: 30px;}
.pageLibrary .libraryInfo .infoBox .openingHours{ width: 100%; height: 315px; 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 20px 10px 40px; line-height: 30px; 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: -15px; line-height: 30px; font-size: 20px;}
.pageLibrary .libraryInfo .infoBox .openingHours .week{ padding:10px 20px; position: relative; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .openingHours .week li{ width: 100%; font-size: 14px; color: #666; position: relative; padding:5px 0 5px 20px;}
.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: 16px; 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: -20%; bottom: -30%; z-index: 0; color: #00666A; font-size:260px; opacity: 0.06;}

.pageLibrary .libraryInfo .infoBox .openingHours .closingHours{ width: calc(100% - 60px); margin: 0 0 0 30px; position: relative; overflow: hidden; z-index: 3;}
.pageLibrary .libraryInfo .infoBox .openingHours .closingHours .bd{ width: 100%; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .openingHours .closingHours .bd ul{ width: 300%; overflow:hidden; zoom:1;}
.pageLibrary .libraryInfo .infoBox .openingHours .closingHours .bd ul li,.pageLibrary .libraryInfo .infoBox .openingHours .closingHours .bd ul div{ overflow:hidden; zoom:1; line-height: 20px; height: 20px; float: left; font-size: 14px; color: #00666A; font-weight: bold; width: auto !important; padding: 0 15px; position: relative; cursor: pointer;}
.pageLibrary .libraryInfo .infoBox .openingHours .closingHours .bd ul li::after,.pageLibrary .libraryInfo .infoBox .openingHours .closingHours .bd ul div::after{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background-color: #00666A;}

.pageLibrary .libraryInfo.jd .map{ width: 56%;}
.pageLibrary .libraryInfo.jd .infoBox{ padding-left: 0; width: 44%; border: solid 1px #eee; border-left: 0; overflow:hidden;}

.pageLibrary .libraryInfo .infoBox .libNews{ width: 100%; margin-top: 20px; height: 165px; border: solid 1px rgba(255, 137, 70, 0.1); background-color: rgba(255, 137, 70, 0.06); position: relative; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .libNews .tit{ padding: 10px 20px 10px 40px; line-height: 30px; 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: -15px; line-height: 30px; font-size: 20px;}
.pageLibrary .libraryInfo .infoBox .libNews .tit a{ font-size: 14px; position: absolute; right: 20px; top: 50%; line-height: 30px; margin-top: -15px; color: #999;}
.pageLibrary .libraryInfo .infoBox .libNews .tit a:hover{ color: #FF8946;}
.pageLibrary .libraryInfo .infoBox .libNews ul{ width: 100%; padding: 10px 20px; position: relative; z-index: 2;}
.pageLibrary .libraryInfo .infoBox .libNews ul li{ width: 100%; padding: 5px 0; position: relative; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .libNews ul li a{ display: block; width: 100%; position: relative; padding-left: 20px; 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: -20%; bottom: -30%; z-index: 0; color: #FF8946; font-size:260px; opacity: 0.06; transform: rotate(180deg);}

.pageLibrary .libraryInfo .infoBox .regionBox{ width: 100%; }
.pageLibrary .libraryInfo .infoBox .regionBox dl{ width: 100%; position: relative; padding: 20px; 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 15px; font-size: 14px; color: #333; line-height: 34px; position: relative; z-index: 1;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dt span{ font-size: 18px; color: #999; position: absolute; right: 20px; 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: calc(100% - 40px); top: 66px; left: 20px; border: solid 1px rgba(0, 102, 106, 0.15); background-color: #fff;}
.pageLibrary .libraryInfo .infoBox .regionBox dl dd a{ padding:6px 20px;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%; z-index: 1; height: 412px; padding:0 20px 20px; position: relative;overflow-y: auto;}
.pageLibrary .libraryInfo .infoBox .regionBox ul.ul2{height: 498px; padding:10px 20px ;}
.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: 150px; height: 100px; overflow: hidden;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .img img{ width: 100%; height: 100%;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .con{ width: calc(100% - 150px); padding-right: 20px;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .con .t1{ font-size: 16px; color: #333;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li .con .t2{ font-size: 14px; color: #666; margin-top: 8px; line-height: 24px;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li.active .con .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 .libraryInfo .infoBox .regionBox ul li:hover .t1{ color: #00666A; font-weight: bold;}
.pageLibrary .libraryInfo .infoBox .regionBox ul li:hover .t2{ color: #333;}


.pageLibrary .libraryItem{ width: 100%; position: relative; margin-top: 40px;}
.pageLibrary .libraryItem .itemNav{ width: 100%; position: relative;}
.pageLibrary .libraryItem .itemNav::after{ content: ''; position: absolute; z-index: 2; width: 100%; height: 2px; background-color: #00666A; left: 0; bottom: 0;}
.pageLibrary .libraryItem .itemNav .a{ width: 20%; text-align: center; position: relative; z-index: 1; border: solid 2px rgba(0, 102, 106, 0); border-bottom: 0; background-color: #fff;}
.pageLibrary .libraryItem .itemNav .a a{display: block; width: 100%; padding: 10px 30px; font-size: 16px; color: #333; }
.pageLibrary .libraryItem .itemNav .a.active{ z-index: 3; border-color: #00666A;}
.pageLibrary .libraryItem .itemNav .a.active a{ color: #00666A; font-weight: bold;}

.pageLibrary .libraryItem .itemBox{ width: 100%; margin-top: 40px;}
.pageLibrary .libraryItem .itemBox .item{ width: 100%; display: none; position: relative;}
.pageLibrary .libraryItem .itemBox .item.active{ display: block;}
.pageLibrary .libraryItem .itemBox .stit{ width: 100%; font-size: 24px; color: #333;}
.pageLibrary .libraryItem .itemBox .stit b{ color: #00666A;}

.pageLibrary .libraryItem .actItem{ width: 100%; margin-top: 20px; position: relative;}
.pageLibrary .libraryItem .actItem li{ width: 32%; position: relative; margin: 1% 2% 1% 0; }
.pageLibrary .libraryItem .actItem li a{ display: block; width: 100%; height: 100%;}
.pageLibrary .libraryItem .actItem li:nth-child(3n){ margin-right: 0;}
.pageLibrary .libraryItem .actItem li .img{ width: calc(100% - 40px); margin: auto; position: relative; z-index: 2; height: 230px; overflow: hidden; border-radius: 20px;}
.pageLibrary .libraryItem .actItem li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem li .con{ width: 100%; height: calc(100% - 80px);  padding:190px 35px 40px 35px; position: relative; z-index: 1; margin-top: -150px;  /*  background: url(../images/studyImgBg3.png) center no-repeat; background-size: 100% 100% !important; */ transition: all 0.8s ease;  border-radius: 20px; border: solid 1px #eee; }
.pageLibrary .libraryItem .actItem li .con .t1{ font-size: 16px; color: #333; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem li .con .t2{ width: 100%; position: relative; margin-top: 15px;}
.pageLibrary .libraryItem .actItem li .con .t2 p{ font-size: 14px; color: #999; margin-top: 6px; display: block; width: 100%; padding-left: 20px; line-height: 24px; position: relative; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem li .con .t2 p .iconfont{ font-size: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem li:hover img{ transform: scale(1.05);}
.pageLibrary .libraryItem .actItem li:hover .con{ background-color: #00666A;  border-color: #00666A; /* background: url(../images/studyImgBg2.png) center no-repeat; */}
.pageLibrary .libraryItem .actItem li:hover .t1,.pageLibrary .libraryItem .actItem li:hover .t2 p,.pageLibrary .libraryItem .actItem li:hover .t2 p .iconfont{ color: #fff;}

.pageLibrary .libraryItem .actItem1{ width: 100%; margin-top: 30px; position: relative;}
.pageLibrary .libraryItem .actItem1 li{ width: 23.5%; position: relative; margin: 1% 2% 1% 0; border-radius: 40px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pageLibrary .libraryItem .actItem1 li:nth-child(4n){ margin-right: 0;}
.pageLibrary .libraryItem .actItem1 li a{ display: block; width: 100%; height: 100%; padding: 20px;}
.pageLibrary .libraryItem .actItem1 li .img{ width: 100%; border-radius: 20px; overflow: hidden; height: 170px;}
.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:20px 10px; 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: 15px;}
.pageLibrary .libraryItem .actItem1 li .con .t2 p{ font-size: 14px; color: #999; margin-top: 6px; 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: 18px; position: absolute; left: 0; top: 0; color: #999; transition: all 0.8s ease;}
.pageLibrary .libraryItem .actItem1 li .con .m{ width: 90%; margin: 20px auto 0; text-align: center; border: solid 1px #84BD26; line-height: 46px; font-size: 16px; color: #84BD26; transition: all 0.8s ease; border-radius: 24px;}
.pageLibrary .libraryItem .actItem1 li .con .m:hover{ background-color: #84BD26; color: #fff;}
.pageLibrary .libraryItem .actItem1 li:hover img{ transform: scale(1.05);}
.pageLibrary .libraryItem .actItem1 li:hover .t1{ color: #84BD26;}

.pageLibrary .libraryItem .bookItem{ width: 100%; margin-top: 30px; position: relative;}
.pageLibrary .libraryItem .bookItem li{ width: 23.5%; margin: 1% 2% 1% 0; position: relative; background-color: #00666A; }
.pageLibrary .libraryItem .bookItem li:nth-child(4n){ margin-right: 0;}
.pageLibrary .libraryItem .bookItem li a{ display: block; width: 100%; position: relative;}
.pageLibrary .libraryItem .bookItem li .img{ width: 100%; height:460px ; background-color: #fff; position: relative; overflow: hidden; z-index: 1; border: solid 1px #ddd; border-bottom: 0;}
.pageLibrary .libraryItem .bookItem li .img img{ position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%,-50%); max-width: 80%; height: 80%; transition: all 0.8s ease;}
.pageLibrary .libraryItem .bookItem li .tit{ font-size: 16px; color: #fff;background-color: #00666A; padding:15px 25px; line-height: 30px; z-index: 2; position: relative; transition: all 0.8s ease;}
.pageLibrary .libraryItem .bookItem li:hover img{transform: translate(-50%,-55%);}
.pageLibrary .libraryItem .bookItem li:hover .tit{ padding: 15px 25px 15px 25px; transform: translateY(-30px);}


.pageLibrary .libraryItem .floorBox{ width: 100%; margin-top: 40px; padding: 0 0 0 0; position: relative; background-color: #fff; overflow: hidden;  }
.pageLibrary .libraryItem .floorBox .img{ width:50%; height: 400px; position: relative; overflow: hidden;}
.pageLibrary .libraryItem .floorBox .img img{ width: 100%; height: 100%; display: block;}
.pageLibrary .libraryItem .floorBox .text{ width:50%; height: 400px; background:rgba(0, 102, 106, 0.06) ; padding:50px 50px; position: relative;}
.pageLibrary .libraryItem .floorBox .text .txt{ font-size: 16px; padding-right: 10px; max-height: 280px; line-height: 40px; overflow-y: auto; color: #333;}
.pageLibrary .libraryItem .floorBox .text .txt img{ max-width: 100%; display: inline-block; height: auto !important;}

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


.pageLibrary .libraryItem .addSolicit{ width: 100%; margin-top: 30px; position: relative;}
.pageLibrary .libraryItem .addSolicit li{ width: 32%; margin: 1% 2% 1% 0; padding: 20px; 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: 26px;}
.pageLibrary .libraryItem .addSolicit li .t3{ margin-top: 5px;}
.pageLibrary .libraryItem .addSolicit li .t3 p{ display: inline-block; width: 100%; line-height: 26px; margin-top: 9px;}
.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: 15px;}
.pageLibrary .libraryItem .addSolicit li .m a{ font-size: 14px; color: #00666A;}
.pageLibrary .libraryItem .addSolicit li .m a:hover{ text-decoration: underline;}
.pageLibrary .libraryItem .addSolicit li .xz{ width: 100%; margin-top: 20px;}
.pageLibrary .libraryItem .addSolicit li .xz a{ display: inline-block; width: 100px; line-height: 30px; border-radius: 3px; overflow: hidden; text-align: center; border: solid 1px #00666A; transition: all 0.8s ease; font-size: 14px; color: #00666A;}
.pageLibrary .libraryItem .addSolicit li .xz a:hover{ background-color: #00666A;color: #fff;}


.pageLibrary.g .libraryNav ul li.active a{ background-color: #84BD26; color: #fff; }

.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 .bd ul li,.pageLibrary.g .libraryInfo .infoBox .openingHours .closingHours .bd ul div{  color: #84BD26; }
.pageLibrary.g .libraryInfo .infoBox .openingHours .closingHours .bd ul li::after,.pageLibrary.g .libraryInfo .infoBox .openingHours .closingHours .bd ul div::after{  background-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;}
.pageLibrary.g .libraryItem .itemNav .a.active a{ 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; }

.pageLibrary .libraryItem .item .more{ width: 220px; margin:40px auto auto; border-radius: 28px;}
.pageLibrary .libraryItem .item .more a{ display: block; display: block; width: 100%; line-height: 30px; padding: 5px 0; font-size: 16px; color: #fff; background-color: #00666A; border-radius: 20px; text-align: center; transition: all 0.8s ease;}
.pageLibrary .libraryItem .item .more a:hover{ background-color: #11373D;}

/* pageNews */
.pageNews{ width: 100%; position: relative; overflow: hidden; }
.pageNews ul{ width: 100%;}
.pageNews ul li{ width: 100%; margin-bottom: 2px; background-color: #fff; transition: all 0.8s ease;}
.pageNews ul li a{ width: 100%; padding:15px 20px ;}
.pageNews ul li .time{ width: 110px;line-height: 28px; font-size: 16px; color: #999; transition: all 0.8s ease;margin-right: 20px; padding-right: 20px; border-right: solid 1px #ddd;}
.pageNews ul li .tit{ width: calc(100% - 130px);  font-size: 16px; color: #333; line-height: 28px; transition: all 0.8s ease;}
.pageNews ul li .btn{ font-size: 16px; color:#333;}
.pageNews ul li:hover{ background-color: #00666A;}
.pageNews ul li:hover .time{ color: #fff;}
.pageNews ul li:hover .tit{ color: #fff; border-color: rgba(255, 255, 255, 0.2);}
.pageNews ul li:hover .btn{ color:#fff;}

/* pageNotice */
.pageNotice{ width: 100%; position: relative; overflow: hidden; }
.pageNotice ul{ width: 100%;}
.pageNotice ul li{ width: 100%; width: calc(50% - 1px); margin: 1px 2px 1px 0;  background-color: #fff;  transition: all 0.8s ease;}
.pageNotice ul li:nth-child(2n){ margin-right: 0;}
.pageNotice ul li a{ width: 100%; padding:15px 20px ;}
.pageNotice ul li .time{ width: 110px;line-height: 28px; font-size: 16px; color: #999; transition: all 0.8s ease;margin-right: 20px; padding-right: 20px; border-right: solid 1px #ddd;}
.pageNotice ul li .tit{ width: 100%;  font-size: 16px; color: #333; line-height: 26px; transition: all 0.8s ease;text-align:center}
.pageNotice ul li .btn{ font-size: 14px; color:#333;}
.pageNotice ul li:hover{ background-color: #00666A;}
.pageNotice ul li:hover .time{ color: #fff;}
.pageNotice ul li:hover .tit{ color: #fff; border-color: rgba(255, 255, 255, 0.2);}
.pageNotice ul li:hover .btn{ color:#fff;}


/* pageEvent */
.pageEvent{ width: 100%; position: relative; overflow: hidden; padding: 40px 0; background-color: #fff; }
.pageEvent ul{ width: 100%; position: relative; margin-top: 30px;}
.pageEvent ul li{ width: 100%; position: relative;}
.pageEvent ul li::after{ content: ''; position: absolute; left: 50%; border-left: dashed 1px rgba(0, 102, 106, 0.3); top: 40px; height: calc(100% - 40px); width: 0;}
.pageEvent ul li .box{ width: 50%; padding-bottom: 40px; position: relative; z-index: 2;}
.pageEvent ul li .box .tit{ font-size: 16px; color: #00666A ; font-weight: bold;}
.pageEvent ul li .box .txt{ margin-top: 10px; width: 100%; font-size: 14px; color: #666; line-height: 26px;}
.pageEvent ul li .box .txt img{ display: none;}
.pageEvent ul li .box .icon{ width: 41px; height: 41px; 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: 9px; top: 9px; border-radius: 50%; width: 21px; height: 21px; border-radius: 50%;background: rgba(0, 102, 106, 0.1); z-index: 1;}
.pageEvent ul li .box .icon span{ position: absolute; top: 14px; left: 14px; width: 11px; height: 11px; border-radius: 50%; background-color: #00666A;}
.pageEvent ul li:nth-child(2n-1) .box{ float: right; padding-left: 50px;}
.pageEvent ul li:nth-child(2n-1) .icon{ left: -21px;}
.pageEvent ul li:nth-child(2n) .box{ float: left; text-align: right;padding-right: 50px; }
.pageEvent ul li:nth-child(2n) .icon{ right: -21px;}
.pageEvent ul li:last-child::after{display: none;}

/* pageData */
.pageData{ width: 100%; padding: 50px; position: relative; overflow: hidden;}
.pageData .item{ width: 100%; margin-top: 40px;}
.pageData .item:first-child{ margin-top: 0;}
.pageData .item .time{ font-size: 16px; color: #666; text-align: center; margin-top: 30px;}
.pageData .item .data{ width: 100%; text-align: center;}
.pageData .item .data img{ max-width: 100%; display: inline-block;}
.pageData .item .chartTitle { height: 16px; margin-top: 12px; }
.pageData .item .chartTitle .rec { width: 20px; height: 12px; border-radius: 4px; }
.pageData .item .chartTitle .text { line-height: 18px; padding-left: 10px; }
/* pageReport */
.pageReport{ width: 100%; position: relative; overflow: hidden;}
.pageReport ul{ width: 100%; background-color: #fff; margin-top: 40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);}
.pageReport ul li{ padding: 15px 150px 15px 30px; 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{ position: absolute; right: 30px; width: 100px; height: 30px; top: 50%; margin-top: -15px;}
.pageReport ul li .m a{display: block; width: 100%; border-radius: 3px; border: solid 1px #00666A; text-align: center; font-size: 14px; color: #00666A; line-height: 28px;}
.pageReport ul li .m a:hover, .pageReport ul li .check:hover{ background-color: #00666A; color: #fff;}
.pageReport ul li .check {position: absolute; right: 40px; width: 100px; height: 30px; top: 50%; margin-top: -15px;border-radius: 3px; border: solid 1px #00666A; text-align: center; font-size: 14px; color: #00666A; line-height: 28px;}
.pageReport ul li:hover .tit{ color: #00666A;}

/* pageContact */
.pageContact{ width: 100%; padding: 40px 0; position: relative; overflow: hidden;}
.pageContact ul{ width: 100%; position: relative; overflow: hidden;}
.pageContact ul li{ width: 32%; margin: 0 2% 2% 0; position: relative;}
.pageContact ul li:nth-child(3n){ margin-right: 0;}
.pageContact ul li .t1{ font-size: 24px; color: #333;}
.pageContact ul li .t2{ font-size: 16px; color: #666; margin-top: 20px; line-height: 26px;}
.pageContact ul li .t2 p{ padding: 5px 0;}
.pageContact ul li .img{ width: 100%; height: 260px; margin-top:30px ; position: relative;}
.pageContact ul li .img img{ width: 100%; height: 100%; display: block;}
.pageContact .map{ width: 100%; height: 550px; 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{ position: absolute; top: 50%; left: 50%; width: 1200px; margin-left: -600px; transform: translateY(-50%); overflow: hidden; background-color: #fff; padding: 40px; max-height: 100%; overflow: hidden;}
.popupContent .closeContent{ cursor: pointer; position: absolute; right: 30px; top: 30px; font-size: 36px; color: #999;}
.popupContent .closeContent:hover{ color: #00666A;}
.popupContent .reControl{ position: absolute; top: 30px; right: 80px; z-index: 2; line-height: 36px;}
.popupContent .reControl .upvote{ line-height: 36px; margin-right: 15px;}
.popupContent .reControl .upvote .t{ font-size: 16px; color: #333; margin-right: 10px;}
.popupContent .reControl .upvote .num{ background-color: rgba(0, 102, 106, 0.14); padding: 0 10px; font-size: 16px; color: #00666A; border-radius: 5px; cursor: pointer;}
.popupContent .reControl .upvote .num p{ font-size: 20px; margin-right: 10px;}
.popupContent .reControl .upvote .num span{ font-size: 14px;}
.popupContent .reControl .sizeBtn{ margin-left: 10px;   overflow: hidden; }
.popupContent .reControl .sizeBtn a{ display: inline-block; width: 50px;  text-align: center; line-height: 34px; color: #00666A; font-size: 16px; background-color: #fff; border: solid 1px #00666A; border-radius: 5px 0 0 5px;}
.popupContent .reControl .sizeBtn a.a2{ font-size: 20px; border-radius: 0 5px 5px 0 ;}
.popupContent .reControl .sizeBtn a.on{ background-color: #00666A; color: #fff;}



/* resourceContent */
.resourceContent{ width: 100%; position: relative;}
.resourceContent .info{ width: 100%;}
.resourceContent .info .img{ width: 280px; height: 130px; margin-right: 50px; border: solid 1px #ddd; position: relative; overflow: hidden;}
.resourceContent .info .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.resourceContent .info .con{ flex: 1; }
.resourceContent .info .con.w{ width: 100%;}
.resourceContent .info .con .tit{ font-size: 22px; color: #333;}
.resourceContent .info .con .txt{ margin-top: 5px;}
.resourceContent .info .con .txt span{ display: inline-block; margin: 10px 20px 0 0; font-size: 16px; color: #666;}
.resourceContent .text{ width: 100%; font-size: 16px; color: #333; line-height: 40px; margin-top: 40px; padding-right: 15px; max-height: calc(100vh - 400px); overflow-y: auto;}
.resourceContent .text.text-style2{ font-size: 20px;}
.resourceContent .text img{ max-width: 100%; height: auto !important;}
.resourceContent .more{ text-align: center; width: 180px; margin: 40px auto 0;}
.resourceContent .more a{ display: inline-block; width: 180px; line-height: 50px; border-radius: 3px; overflow: hidden; font-size: 16px; color: #fff; margin: auto; transition: all 0.8s ease;background-color: #00666A;}
.resourceContent .more a:hover{ background-color: #11373D;}
.resourceContent .ewm{ width: 200px; height: 200px; position: relative; margin: 40px auto 0; border: solid 1px #eee;} 
.resourceContent .ewm img{ width: 100% ; display: block;}




/* bookContent */
.bookContent{ width: 100%; position: relative;}
.bookContent .info{ width: 100%;}
.bookContent .info .img{ width: 180px; height: 260px; margin-right: 50px; border: solid 1px #ddd; position: relative; overflow: hidden;}
.bookContent .info .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.bookContent .info .con{ flex: 1; }
.bookContent .info .con.w{ width: 100%;}
.bookContent .info .con .tit{ font-size: 22px; color: #333;}
.bookContent .info .con .txt{ margin-top: 10px;}
.bookContent .info .con .txt p{ display: block; width: 100%; margin: 10px 0 0 0; font-size: 14px; color: #666;}
.bookContent .info .con .txt .btn{ display: inline-block; margin-top: 15px; line-height: 24px; padding: 3px 15px; background-color: #666; color: #fff; font-size: 14px; transition: all 0.8s ease;}
.bookContent .info .con .txt .btn:hover{ background-color:#11373D;}
.bookContent .text{ width: 100%; font-size: 16px; color: #333; line-height: 40px; margin-top: 40px; padding-right: 15px; max-height: calc(100vh - 620px); overflow-y: auto;}
.bookContent .text img{ max-width: 100%; height: auto !important;}

/* videoContent */
.videoContent{ width: 100%; position: relative;}
.videoContent .tit{ font-size: 22px; text-align: center; color: #333;}
.videoContent .videoBox{ width: 100%; margin-top: 30px; height: 60vh; text-align: center; background-color: #000;}
.videoContent .videoBox video{ width: auto; max-width: 100%; display: inline-block; height: 100%;}

/* photoContent */
.photoContent{ width: 100%; position: relative;}
.photoContent .tit{ font-size: 22px; text-align: center; color: #333;}
.photoContent .swiper-container{ width: 100%; margin-top: 40px; height: 45vh; z-index: 2; position: relative;}
.photoContent .swiper-container .swiper-slide{ width: 100%; height: 50vh; text-align: center; z-index: 2; position: relative;}
.photoContent .swiper-container .swiper-slide img{ display: inline-block; max-width: 100%; height: 100%;}
.photoContent .pagination { width: 100%; margin-top: 20px; text-align: center; z-index: 2;}
.photoContent .pagination .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #000; margin: 0 5px; opacity: 0.3; cursor: pointer;}
.photoContent .pagination .swiper-active-switch{ background-color: #00666A; opacity: 1;}
.photoContent .swiper-container .arrow{ position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(0, 102, 106, 0.1); font-size: 26px; color: #00666A; text-align: center; line-height: 50px; transition: all 0.8s ease;z-index: 2; }
.photoContent .swiper-container .arrow:hover{ background-color: #00666A; color: #fff;}
.photoContent .swiper-container .arrow.arrow-left{ left: 20px;}
.photoContent .swiper-container .arrow.arrow-right{ right: 20px; transform: rotate(180deg);}




/* pageDetails */
.pageDetails{ width: 100%; position: relative; overflow: hidden; padding: 30px ; }
.pageDetails .tit{ font-size: 32px; text-align: center; color: #333; line-height: 46px; margin-bottom: 20px;}
.pageDetails .info{ text-align: center; font-size: 16px; color: #999; margin-bottom: 30px;}
.pageDetails .info span{ display: inline-block; margin: 0 20px;}
.pageDetails .text { width: 100%; padding-top: 20px ; font-size: 16px; color: #333; line-height: 40px; border-top: solid 1px #e5e5e5;}
.pageDetails .text img,.pageContent .text video,.pageContent .text iframe{ max-width: 100%; height: auto !important;}
.pageDetails .text a { color: #2061e6; }
.pageDetails .text table { font-family: "Microsoft YaHei", Arial !important; }
.pageDetails .text span, .pageDetails .text p { font-size: 16px !important; color: #333 !important; line-height: 40px !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: 30px 0 ; }
.pageContent .text { width: 100%; margin-top: 20px; font-size: 16px; color: #333; line-height: 40px;}
.pageContent .text img,.pageContent .text video,.pageContent .text iframe{ max-width: 100%; height: auto !important;}

/* pageTurning */
.pageTurning{ width: 100%; margin-top: 40px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04); overflow: hidden;}
.pageTurning .prev,.pageTurning .next{ width: calc(50% - 60px); position: relative;}
.pageTurning .prev a,.pageTurning .next a{ display: block; width: 100%; height: 100%; padding: 20px 40px;}
.pageTurning .prev span,.pageTurning .next span{ font-size: 16px; color: #999; line-height: 20px;}
.pageTurning .prev p,.pageTurning .next p{ font-size: 16px; color: #333; margin-top: 10px; line-height: 30px;}

.pageTurning .prev a:hover p,.pageTurning .next a:hover p{color: #00666A;}
.pageTurning .retlist{ width: 120px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; position: relative; overflow: hidden;} 
.pageTurning .retlist a{ display: block; width: 100%; position: relative; height: 100%;}
.pageTurning .retlist .iconfont{ position: absolute; top: 50%; left: 0; text-align: center; width: 100%; height: 30px; line-height: 30px; margin-top: -15px; font-size: 40px; color: #00666A; transition: all 0.8s ease;}
.pageTurning .retlist a:hover .iconfont{ color: #11373D;}


/* pageUser */
.pageUser{ width: 100%; position: relative; overflow: hidden;}
.pageUser .userInfo{ width: 100%;  background-color: #fff;  padding: 20px 30px;  border: solid 1px #ddd; }
.pageUser .userInfo .tit{ max-width: calc(100% - 200px); line-height: 30px; padding: 12px 0;}
.pageUser .userInfo .tit p{ font-size: 30px; color: #333; margin-right: 20px;}
.pageUser .userInfo .tit span{ padding-left: 20px;  font-size: 16px;  color: #666; position: relative;}
.pageUser .userInfo .tit span::after{ content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 22px; margin-top: -11px; background-color: #ddd;}
.pageUser .userInfo .logOut{ cursor: pointer; width: 160px; border-radius: 3px; border: 2px solid #00666A; font-size: 16px; color: #00666A; line-height: 50px; text-align: center; transition: all 0.8s ease;}
.pageUser .userInfo .logOut:hover{ background-color: #00666A; color: #fff;}
.pageUser .userBox{ width: 100%; margin-top: 40px; position: relative; overflow: hidden;}
.pageUser .userBox .userNav{ width: 250px; background-color: #fff;position: relative; overflow: hidden;   border: solid 1px #ddd;}
.pageUser .userBox .userNav .tit{ width: 100%;padding: 15px 15px; background-color: #00666A; line-height: 30px; font-size: 22px; color: #fff;}
.pageUser .userBox .userNav ul{width: 100%;  border-top: solid 1px #ddd;}
.pageUser .userBox .userNav ul li{ width: 100%; position: relative;}
.pageUser .userBox .userNav ul li a{ display: block; width: 100%; padding: 10px 15px; position: relative; border-bottom: solid 1px #eee; font-size: 16px; color: #666;}
.pageUser .userBox .userNav ul li a span{ position: absolute; right: 15px; top: 50%; margin-top: -10px; transform: rotate(180deg); line-height: 20px;width: 20px; text-align: center; font-size: 18px; color: #666;}
.pageUser .userBox .userNav ul li:last-child a{ border-bottom: 0;}
.pageUser .userBox .userNav ul li.on a,.pageUser .userBox .userNav ul li:hover a{ background-color: rgba(0, 102, 106, 0.1);}
.pageUser .userBox .userNav ul li.on a,.pageUser .userBox .userNav ul li.on a span,.pageUser .userBox .userNav ul li:hover a,.pageUser .userBox .userNav ul li:hover a span{ color: #00666A;}

.pageUser .userBox .userList{ width: calc(100% - 300px);  background-color: #fff; position: relative; overflow: hidden;  border: solid 1px #ddd;}
.pageUser .userBox .userList .stit{  width: 100%; padding: 15px 30px ; line-height: 30px; border-bottom: solid 1px #eee; font-size: 26px; color: #333;}
.pageUser .userBox .userList .list{ width: 100%; padding: 15px 30px;}

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

.pageUser .pagination { margin-top:30px;padding-bottom:50px; }

/* customer */
.customer{width: 50px;position:fixed;right:5px; top:50%; transform: translateY(-50%); z-index:99;}
.customer dl{width: 100%;height: 50px; margin: 2px 0; position: relative; z-index: 2; }
.customer dl dt{width: 50px;height: 50px; padding: 0 0; line-height: 50px; border-radius: 3px; color:#FFFFFF;background-color: #00666A;cursor: pointer;position: relative; z-index: 5;transition: all 0.8s ease; text-align: center; }
.customer dl:first-child dt::after{ display: none;}
.customer dl dt i{ display: inline-block; font-size:28px; color:#FFFFFF;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl dt.gotop i{ transform: rotate(90deg);}
.customer dl:hover dt{background-color: #11373D; border-radius: 0 3px 3px 0;}
.customer dl.tel dd{width: 50px; padding: 10px 0 10px 0; border-radius: 3px; line-height: 30px; height: 50px; text-align: left; background-color: #11373D; position: absolute; top: 0; right: 0; z-index: 1; transition: all 0.8s ease; overflow: hidden; }
.customer dl.tel dd p{ font-size: 16px; width: 140px; color: #fff; }

.customer dl.email dd{width: 50px; padding: 10px 0 10px 0; border-radius: 3px; line-height: 30px; height: 50px; text-align: left; background-color: #11373D; position: absolute; top: 0; right: 0; z-index: 1; transition: all 0.8s ease; overflow: hidden; }
.customer dl.email dd p{ font-size: 16px; width: 200px; color: #fff; }
.customer dl.wx dd{width: 50px; height: 50px; border-radius: 50%; padding: 10px ; background-color:#11373D; position: absolute; top: 0;right:0; z-index: 1; transition: all 0.8s ease; text-align: center; overflow: hidden;}
.customer dl.wx dd img{ width: 100%; display: block;}
.customer dl.wx dd p{font-size: 14px; text-align: center; width: 110px; padding: 5px 0; color: #fff;}

.customer dl.xcx dd{width: 50px; height: 50px; border-radius: 50%; padding: 10px ; background-color:#11373D; position: absolute; top: 0;right:0; z-index: 1; transition: all 0.8s ease; text-align: center; overflow: hidden;}
.customer dl.xcx dd img{ width: 100%; display: block;}
.customer dl.xcx dd p{font-size: 14px; text-align: center; width: 110px; padding: 5px 0; color: #fff;}

.customer dl.tel:hover dd{ width: 210px; padding: 10px 50px 10px 20px; height: 80px;}
.customer dl.email:hover dd{ width: 260px; padding: 10px 50px 10px 20px;}
.customer dl.wx:hover dd{ right: 50px; width: 140px; height: auto;  border-radius: 3px 0 3px 3px;}
.customer dl.xcx:hover dd{ right: 50px; width: 140px; height: auto;  border-radius: 3px 0 3px 3px;}

/*demandBox*/
.popupBg{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.demandBox{width: 360px; padding: 40px 0 50px; background: #fff ; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; border-radius: 6px; display: none;}
.demandBox .title{color: #00666A; font-size: 24px; font-weight: bold; text-align: center; margin: 0 0 30px;}
.demandBox .demand{width: 300px; margin: 0 auto;}
.demandBox .demand .form{width: 100%;}
.demandBox .demand .form .row{width: 100%; margin: 0 0 20px;position:relative;}
.demandBox .demand .form .txt.w1{width: 100%; font-size: 14px; color: #333; line-height: 40px; height:40px; padding: 0 10px; box-sizing: border-box; border-radius: 4px; background-color: #fff; border: 1px solid #ddd;}

.demandBox .demand .form .yzm{ height: 38px; cursor: pointer;  position: absolute; top: 1px; right: 1px; 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: 4px; cursor: pointer; background-color: #00666A; border: none; color: #fff; font-size: 16px; transition: all 0.6s ease;}
.demandBox .demand .form .btn:hover{background-color: #00666A;}
.demandBox .sClose{cursor: pointer; color: #999; font-size: 24px; position: absolute; top: 6px; right: 6px;}
.demandBox .sClose:hover{color: #00666A;}
.demandBox .tip{display: none; font-size: 12px; color: #f9263f; width: 100%; height: 30px; line-height: 30px; text-align: center; position: absolute; bottom: 12px; left: 0; right: 0;}


/* bodyd */
.bodyd{ background: url(../images/booksAromaBg.jpg) center fixed no-repeat; background-size: cover;}
.bodyd .indexFooter{ background: url(../images/footerBg1.png) top center no-repeat; background-size: cover;} 
.bodyd .pageCrumbs{border-bottom: 0;padding: 10px 0;}
.bodyd .pageCrumbs .info a:hover,.bodyd .pageCrumbs .info a:last-child{ color: #84BD26;}
.bodyd .pageCrumbs .back a{ background-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: 40px;}
.bodyd .activityEwm{ border-radius: 40px;}
.bodyd .activityEwm .tit{ background: url(../images/activityEwmBg1.jpg) center no-repeat;}
.bodyd .pageTurning{ border-radius: 40px;}
.bodyd .pageTurning .retlist a .iconfont{ color: #84BD26;}
.bodyd .pageTurning .prev a:hover p,.bodyd .pageTurning .next a:hover p{color: #84BD26;}
.bodyd .activityTJ{ border-radius: 40px;}
.bodyd .activityTJ ul li:hover .t1{ color: #84BD26;}
.bodyd .activityForm{ border-radius: 40px;}
.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: 24px; background-color: #84BD26; }
.bodyd .activityForm .row .n .btn:hover{ background-color: #00666A;}


@media (max-width:1680px){
.indexFooter .Fewm{ width: 360px;}
.indexFooter .Fewm li{ width: 160px; text-align: center;}
.indexFooter .Fewm li .img{ width: 130px; }
.indexFooter .Fewm li .tit{ font-size: 14px; margin-top: 10px;}
.indexFooter .Fnav .item .stit a{ font-size: 16px; }
.indexFooter .Fnav .item ul li a{ font-size: 14px; }
}
@media (max-width: 1560px){
.c1440{width: 1200px; margin: 0 auto;}
.floatAD .closeAD{ margin:-10px -600px 0 0;}

.pageMain .leftBox{ width: calc(100% - 330px);}
.pageMain .rightBox{ width: 300px;}

.pageResource .resourceText .text{ font-size: 14px; line-height: 28px;}

.resourceContent .box{ padding: 40px;}
.resourceContent .box .text{ max-height: calc(100vh - 600px);}

.indexActivity .calendar-table .calendar-title-box .tit{font-size:14px;}

.indexResource .box ul li .con .tit{font-size: 16px;}
.indexNews .newsBox{ width:calc(100% - 370px);}
.indexNews .newsBox .firstNews .img{ height: 540px;}
.indexNews .newsBox ul li .img{ height: 170px;}
.indexNews .newsList{ width:340px;}
.indexNews .newsList .firstNews .img{ height: 190px; }
.indexNews .newsList ul li{ margin-top: 10px;}

.indexBooks ul li .img{height:380px; }

.brightBooks ul li .img{height:380px; }

.BookList ul li .img{height:380px; }

.brightVideos ul li .img{height: 220px; }
.brightAudio ul li .pic{ height: 252px; }
.brightPhoto .photoItem{ height: 630px; }
.brightPhoto .photoList{ height: 630px; }
.brightPhoto .photoList .swiper-slide{ height: 126px;}

.brightPhotoList ul li .img{height: 220px; }
.brightArticle ul li .tit{ font-size: 16px;}

.booksAroma .booksAromaItem .swiper-slide ul li .img{ height: 195px;}
.booksAroma .booksAromaItem .swiper-slide ul li .con{ padding:130px 35px 30px 35px; margin-top: -100px;}
.booksAroma .booksAromaItem .readItem li .img{ height: 140px;}
.booksAroma .booksAromaItem .lectureItem li .img{ border-radius:0 40px 40px 0; overflow: hidden; height: 150px;}
.booksAroma .booksAromaItem .readItem.u3 li .img{ height: 200px;}

.pageLecture .lectureList .lecture1 li .img{ height: 210px; }
.pageLecture .lectureList .lecture2 li .img{ height: 210px; }
.lecturePhoto ul li .img{ height: 250px;}
.lectureVideoList ul li{ height: 240px;}


.memoriesData ul li .tit{ font-size: 16px;}

.brightPhoto .photoItem{ height: 630px; }
.brightPhoto .photoList{ height: 630px; }
.brightPhoto .photoList .swiper-slide{ height: 126px;}

.pageLibrary .libraryItem .bookItem li .img{height:380px ; }

.pageLibrary .libraryNav ul li a{ font-size: 16px;}
.pageLibrary .libraryInfo .infoBox .mealTime ul li{ font-size: 14px;}
.pageLibrary .libraryInfo .infoBox .mealTime ul .b{ font-size: 14px; }
.pageLibrary .libraryInfo .infoBox .openingHours .week li{ font-size: 14px; }
.pageLibrary .libraryInfo .infoBox .openingHours .week .b{ font-size: 14px; color: #999; }
.pageLibrary .libraryInfo .infoBox .libNews ul li a{ font-size: 14px; padding-left: 15px;}
}
@media (max-width: 1440px){

/* popupContent */
.popupContent .box{  width: 1000px; margin-left: -500px; padding: 30px; }

/* resourceContent */
.resourceContent .info .img{ width: 140px; height: 65px; margin-right: 30px}
.resourceContent .info .con .tit{ font-size: 20px;}
.resourceContent .info .con .txt span{  font-size: 14px; margin: 5px 10px 0 0;}
.resourceContent .text{  font-size: 14px; line-height: 28px; margin-top: 20px; padding-right: 15px; max-height: calc(100vh - 260px); overflow-y: auto;}
.resourceContent .text.text-style2{ font-size: 16px; line-height: 28px;}
.resourceContent .more{ text-align: center; width: 100px; margin: 20px auto 0;}
.resourceContent .more a{ display: inline-block; width: 100px; line-height: 40px; font-size: 14px; }
.resourceContent .ewm{ width: 160px; height: 160px; margin: 20px auto 0; } 

/* bookContent */
.bookContent .info .img{ width: 120px; height: 170px; margin-right: 30px;}
.bookContent .info .con .tit{ font-size: 20px; }
.bookContent .info .con .txt{ margin-top: 10px;}
.bookContent .info .con .txt p{  margin: 10px 0 0 0; font-size: 14px;}
.bookContent .text{ font-size: 14px; line-height: 28px; margin-top: 20px; padding-right: 15px; max-height: calc(100vh - 300px);}

/* videoContent */
.videoContent{ width: 100%; position: relative;}
.videoContent .tit{ font-size: 20px; }
.videoContent .videoBox{  margin-top: 30px; height: 60vh; }

/* photoContent */
.photoContent .tit{ font-size: 20px; }
.photoContent .swiper-container{  margin-top: 30px; height: 45vh; }
.photoContent .swiper-container .swiper-slide{  height: 50vh; }
.photoContent .pagination {  margin-top: 10px; }
}

@-webkit-keyframes pul{ 0%{-webkit-transform: translate(0, -46px);transform: translate(0, -46px);} 50%{-webkit-transform: translate(0, 0);transform: translate(0, 0);} 100%{-webkit-transform: translate(0, 46px); transform: translate(0, 46px);} }
@-moz-keyframes pul{ 0%{-webkit-transform: translate(0, -46px);transform: translate(0, -46px);} 50%{-webkit-transform: translate(0, 46px);transform: translate(0, 0);} 100%{-webkit-transform: translate(0, 46px); transform: translate(0, 46px);} }
@keyframes pul{ 0%{-webkit-transform: translate(0, -46px); transform: translate(0, -46px);} 50%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 100%{-webkit-transform: translate(0, 46px); transform: translate(0, 46px);} }

@-webkit-keyframes scrollText {0% {transform: translateX(100%); }100% {transform: translateX(-100%); }}
@-moz-keyframes scrollText {0% {transform: translateX(100%); }100% {transform: translateX(-100%); }}
@keyframes scrollText {0% {transform: translateX(100%); }100% {transform: translateX(-100%); }}


.formBox .layui-form-item {
  margin-bottom: 20px;
}
.formBox .layui-form-label {
  width: 140px;
  line-height: 30px;
  padding: 7px 20px 7px 0;
  text-align: right;
  position: relative;
  font-size: 16px;
  color: #333;
}
.formBox .layui-form-label em {
  color: #f9263f;
  margin-right: 5px;
}
.formBox .layui-input-block {
  width: 860px;
  min-height: 44px;
  margin-left: 140px;
}
.formBox .layui-input-block .layui-input {
  font-size: 16px;
  color: #333;
  height: 44px;
  padding: 7px 20px;
  line-height: 30px;
  border-radius: 3px;
  border-color: #ddd;
}
.formBox .layui-input-block .layui-textarea {
  height: 110px;
  resize: none;
  padding: 7px 20px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  border-color: #ddd;
  border-radius: 3px;
}
.formBox .layui-input::placeholder, .formBox .layui-textarea::placeholder {
  font-size: 16px;
  color: #999;
}
.formBox .layui-input-block .btn {
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  padding: 0 12px;
  border-radius: 0 3px 3px 0;
  background-color: #00666A;
}
.formBox .layui-input-block .link {
  position: absolute;
  top: 1px;
  right: 1px;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.formBox .layui-input-block .link span {
  font-size: 18px;
  margin-right: 5px;
  display: inline-block;
  transform: translateY(2px);
}
.formBox .layui-input-block .link:hover {
  background-color: #11373D;
}
.formBox .layui-form-upload {
  width: 100px;
  height: 100px;
  position: relative;
  margin-left: 140px;
}
.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 .layui-btn {
  width: 160px;
  border-radius: 3px;
  border: none;
  height: 52px;
  line-height:52px;
  background-color: #00666A;
  font-size: 16px;
  color: #fff;
  transition: all 0.8s ease;
  margin-top: 20px;
  margin-left: 140px;
  
}
.formBox .layui-form-btns .layui-btn:hover {
  background-color: #11373D;
}
#verifyCanvas {
  width: 100%;
  height: 100%;
}
.formBox.activity {
  padding: 0;
}
.formBox.activity .layui-form-label {
  width: 100px;
}
.formBox.activity .layui-input-block {
  width: 690px;
  margin-left: 100px;
}
.formBox.activity .layui-form-upload {
  margin-left: 100px;
}
.formBox.activity .layui-pic-list {
  width: 690px;
  padding: 16px 16px 1px 16px;
  border: 1px dotted #ddd;
  border-radius: 3px;
  position: relative;
  margin-left: 100px;
}
.formBox.activity .layui-pic-list .img {
  width: 152px;
  height: 152px;
  margin: 0 15px 15px 0;
  position: relative;
}
.formBox.activity .layui-pic-list .img:nth-child(4n) {
  margin-right: 0;
}
.formBox.activity .layui-pic-list .img img {
  width: 153px;
  height: 153px;
  border-radius: 2px;
}
.formBox.activity .layui-pic-list .close {
  width: 24px;
  height: 24px;
  line-height: 24px;
  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-left: 140px;
  margin-top: 16px;
}
.formBox.activity .layui-file-list {
  margin-left: 100px;
}
.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 .layui-file-list p {
  max-width: calc(100% - 46px);
}
.formBox .layui-file-list .icon-shanchu {
  font-size: 18px;
  color: #aaa;
  margin-left: 5px;
}
.formBox .layui-tip {
  font-size: 14px;
  color: #999;
  margin-top: -10px;
  margin-left: 140px;
}
.formBox.activity .layui-tip {
  margin-left: 100px;
}
.formBox .layui-form-item .layui-btn {
  width: 130px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  border-radius: 3px;
}
.formBox.activity .layui-form-item .layui-btn {
  color: #84BD26;
  border-color: #84BD26;
  background-color: #fff;
}
.formBox.activity .layui-form-item .layui-btn:hover {
  color: #fff;
  background-color: #84BD26;
}
.formBox.activity .layui-form-btns .layui-btn {
  width: 200px;
  border-radius: 24px;
  height: 48px;
  line-height: 48px;
  background-color: #84BD26;
  margin-left: 100px;

}
.formBox.activity .layui-form-btns .layui-btn:hover {
  background-color: #11373D;
}
.noData {
	font-size: 20px;
	line-height: 24px;
	color: #333;
	text-align: center;
	padding: 50px 0;
}
#fileList.hide,
#albumList.hide {
    display: none;
}
/* 分页 */
/* pagination */
.pagination {
  width: 100%;
  display: table;
  font-size: 0;
  text-align: center;
  margin: 40px 0 0;
}
.pagination li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.pagination li.disabled span, .pagination li.disabled a:hover, .pagination li.disabled span:hover {
  background-color: #fff !important;
  color: #999 !important;
  border-color: #dfdfdf !important;
  cursor: not-allowed !important;
}
.pagination li a, .pagination li span {
  font-size: 16px;
  color: #333;
  display: block;
  line-height: 36px;
  padding: 0 13.32px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #fff;
  transition: all 0.6s ease;
}
.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;
}
.bodyd .pagination li a:hover, .bodyd .pagination li span:hover, .bodyd .pagination li a:focus, .bodyd .pagination li span:focus {
  background-color: #84BD26;
  border-color: #84BD26;
}
.bodyd .pagination .active a, .bodyd .pagination .active span, .bodyd .pagination .active a:hover, .bodyd .pagination .active span:hover, .bodyd .pagination .active a:focus, .bodyd .pagination .active span:focus {
  background-color: #84BD26;
  border-color: #84BD26;
}