@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0;  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body {  position: relative; height: 100%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{overflow-x: hidden; background:#fff; font:normal 14px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
.containers { width: 1400px; max-width: 94%; margin: 0 auto;}
img { max-width: 100%;}
.dn { display: none;}
/* CSS Document */
.h140 { height: 140px;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
.loginPage { height: 100vh; background: url(../images/loginBg.png) center no-repeat; display: flex; justify-content: center; align-items: center;}
.loginCont { border-radius: 15px; overflow: hidden; background: #ffffff; width: 1000px; height: 870px; display: flex; max-width: 92%;}
.loginImg { width: 480px;}
.loginForm { flex: 1; padding: 50px;}
.loginLogo { display: block; margin: 0 auto;}
.loginForm h2 { text-align: center; line-height: 32px; margin-top: 34px; padding-bottom: 16px; position: relative; color: #3D3D3D; font-size: 18px;
font-weight: bold; margin-bottom: 23px;}
.loginForm h2::after { content: ''; position: absolute; width: 80px; height: 3px; background:#004C3F; bottom: 0; left: 50%; transform: translateX(-50%);}
.loginForm li input[type="text"],.loginForm li input[type="password"] { font-size: 14px; flex: 1; width: auto; height: 42px; border: 1px solid #E4E4E4; border-radius: 3px; text-indent: 23px;}
.loginForm li { padding: 0; margin-bottom: 20px; display: flex; justify-content: space-between;}
.loginForm li img { height: 42px; margin-left: 8px;}
.loginForm button { border-radius: 3px; margin-top: 8px; display: block; background: #004C3F; color: #ffffff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); border: none; width: 100%;
height: 42px; cursor: pointer;}
.loginForm li input[type="text"]:focus,.loginForm li input[type="password"]:focus { border: 1px solid #038A73;}
.forgetNotice { margin-top: 36px; text-align: center;}
.forgetNotice p { margin-bottom: 7px; font-size: 14px; color: #4F4F4F;}
.forgetNotice p a { color:#4F4F4F ; transition: all .4s;}
.forgetNotice p a:hover { color:#038A73}
.loginForm li input[type="button"]{ width: 156px; background: #F1F1F1;}
.resignForm li { margin-bottom: 15px;}
/*header*/
.header { transition: all .8s; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); background: #ffffff; position: fixed; left: 0; top: 0; width: 100%; z-index:14;}
.headerTop { background: #004C3F; height: 40px;}
.topCont { line-height:40px; width: 1600px; color: #ffffff; max-width: 94%; display: flex; justify-content: space-between; margin: 0 auto;}
.timeBar { display: flex; align-items: center;}
.timeBar span{ margin: 0 10px;}
.topTool { display: flex; align-items: center;}
.topTool a img { display: block; margin-right: 10px;max-width:150px;}
.topTool a { margin-left:35px; display: flex; align-items: center; font-size: 14px; color: #ffffff;position:relative;}
.topTool a span{position:absolute;top:40px;z-index:9999;display:none;}
.headerCont { width: 1600px; max-width: 94%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 100px;}
.logo { position: relative; display: block; position: relative; height: 60px;}
.logo img{ display: block; width: auto; height: 60px; transition: all .5s;}
.logo img:nth-child(2) { opacity: 0; position: absolute; left: 0; top: 0;}
.nav ul { display: flex;}
.nav li { position: relative; margin: 0 10px;}
.nav li h2 a { font-weight: bold; transition:all .4s; padding: 0 10px; line-height: 100px; color: #3D3D3D; font-size: 18px;}
.nav li:hover h2 a { color:#004C3F;}
.nav li dl { background: #ffffff; border-radius: 0 0 10px 10px; display: none; padding-bottom: 10px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); width: 172px; position: absolute; left: 50%; margin-left: -81px;}
.nav li dl dt a { transition: all .4s; text-align: center; display: block; color: #333; line-height: 40px; font-size: 14px;background: #ffffff; color: #004C3F;}
.nav li dl dt a:hover { color: #ffffff; background: #004C3F;}
.headerTool { justify-content: end; min-width: 268px; display: flex; align-items: center;}
.headerTool a.searchEnter { display: block; background: url(../images/searchBlack.png) center no-repeat; width: 18px; height: 18px;
background-size: 100% auto;}
.toolLine { margin: 0 15px; display: block; height: 30px; width: 1px; background: #979797;}
.header .loginEnter { display: block; font-size: 14px; padding: 0 10px; border-radius: 10px; line-height: 2.5; background: #004C3F; color: #ffffff;}

.header.optHead { background: none; box-shadow: none;}
.header.optHead .logo img:nth-child(1) { opacity: 0;}
.header.optHead .logo img:nth-child(2) { opacity: 1;}
.header.optHead .nav li h2 a { font-weight: bold; color: #ffffff;}
.header.optHead .headerTool a.searchEnter { background: url(../images/searchWhite.png) center no-repeat; background-size: 100% auto;}
.header.optHead .toolLine { background: #ffffff;}

.header:hover { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); background: #ffffff;}
.header:hover .logo img:nth-child(1) { opacity: 1;}
.header:hover .logo img:nth-child(2) { opacity: 0;}
.header:hover .nav li h2 a { color: #3D3D3D;}
.header:hover .headerTool a.searchEnter { background: url(../images/searchBlack.png) center no-repeat; background-size: 100% auto;}
.header:hover .toolLine { background: #979797;}
.header .nav li:hover h2 a { color:#004C3F;}
.searchSub { display: none; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); z-index: 20; background: #ffffff; width: 100%; position: fixed; left: 0; top: 0; width: 100%; padding: 32px 0;}
.searchFlex {align-items:start; width: 1600px; margin: 0 auto; max-width: 94%; display: flex; justify-content: space-between;}
.searchLogo img { display: block; height: 26px;}
.searchInfor { width: 600px;}
.searchBar { margin-bottom: 20px; display: flex; border-bottom: 1px solid #eee; align-items: center; justify-content: space-between;}
.searchBar input { font-size: 16px; flex: 1; height: 48px;}
.searchBar button { width: 48px; height: 48px; background: none; cursor: pointer; border: none; display: flex; justify-content: center; align-items: center;}
.searchBar img { display: block; width:24px;}
.closeSearch { transition:all .4s; cursor: pointer; display: block; font-size: 30px;}
.closeSearch:hover { color:#004C3F; transform:rotate(360deg)}
.closeSearch img { display:block}
.hotSearch h2 { font-size: 14px; color: #999999; line-height: 21px; margin-bottom: 10px;}
.hotSearch p a { font-size: 16px; line-height: 2; color: #333; transition: all .4s;}
.hotSearch p a:hover { color: #004C3F;}
#searchCover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 5; display: none;}
/*footer*/
.footer { background:#004C3F}
.footerFlex { padding: 50px 0; display: flex;align-items: flex-start; justify-content: space-between;}
.footerLeft { width: 40%; border-right: 1px solid rgba(255,255,255,.3);}
.footLogo { display: inline-flex; margin-bottom: 40px;}
.footLogo img { height: 50px; display: block;}
.footerContact li { margin-bottom: 10px; display: flex; align-items: center;}
.footerContact li p { font-size: 16px; font-weight: bold; color: #ffffff;}
.footerContact li span { font-size: 14px; color: #ffffff;}
.footerLink ul { display: flex;}
.footerLink li { margin-left: 5.2vw;}
.footerLink li h2 { margin-bottom: 20px;}
.footerLink li h2 a { font-weight: bold; font-size: 20px; color: #ffffff;}
.footerLink li p a { transition: all .4s; line-height:2.5; color: #ffffff; font-size: 16px;}
.footerLink li p a:hover { opacity: .6;}
.footerShare { padding-bottom: 20px;}
.footerShare ul { display: flex; justify-content: end;}
.footerShare li a>img { width: 50px;}
.footerShare li { margin-left: 20px;}
.footerCopy { background: #014136; line-height: 50px;}
.copyFlex { display: flex; justify-content: space-between;}
.copyFlex p a,.copyFlex p { color: #ffffff; font-size: 14px;}
.contactIcon { margin-right: 10px; width:35px;}
.contactIcon img { display: block; width: 100%;}
.userLocation { margin:40px auto; font-size: 16px; color: #727272; line-height: 30px; background: url(../images/uIcon1.png) left center no-repeat; padding-left:33px;
background-size: 20px auto;}
.userLocation span { margin: 0 9px;}
.userLocation a { font-size: 16px; color: #727272;}
.userLocation a:hover { color: #004C3F;}
.userCont { padding-bottom:40px; display: flex; justify-content: space-between;}
.userLeft { width: 300px; margin-right:20px;}
.userPic { width: 137px; height: 137px; overflow: hidden; border-radius: 50%; margin: 0 auto;}
.userControl { padding-top: 52px;box-shadow: 0px 4px 13px 1px rgba(0, 0, 0, 0.1);}
.controlBtn { position: relative; margin-top: 60px; line-height: 60px; background: #038A73; display: flex; justify-content: space-between;}
.controlBtn a { text-align: center; display: block; flex: 1; font-size: 16px; color: #ffffff;}
.controlBtn::after { content: ''; background: #ffffff; height: 30px; width: 1px; background: #ffffff; position: absolute;
left: 50%; top: 50%; transform: translate(-50%,-50%);}
.userMenu {box-shadow: 0px 4px 23px -2px rgba(0, 0, 0, 0.1); margin-top: 20px;}
.userMenu a { transition: all .4s; font-size: 16px; color: #3D3D3D; position: relative; line-height:55px; border-bottom: 1px solid #EAEAEA;; display: flex; align-items: center; padding-left: 20px;}
.userMenu a:last-child { border: none;}
.menuIcon { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 5px; position: relative;}
.menuIcon img { transition: all .4s; display: block;}
.menuIcon img:nth-child(2) { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;}
.userMenu a::after { content: ''; background:url(../images/menuEnter.png) center no-repeat; width: 10px; height: 17px; display: block;position: absolute;
right: 20px; top: 50%; transform: translateY(-50%);}
.userMenu a:hover,.userMenu a.cur { color: #038A73;}
.userMenu a:hover img:nth-child(2),.userMenu a.cur img:nth-child(2) { opacity: 1;}
.userMenu a:hover img:nth-child(1),.userMenu a.cur img:nth-child(1) { opacity: 0;}
.userMenu h2 { display: none;}
.userBox { max-width: calc(100% - 320px); flex: 1;}
.userInfor { margin-bottom: 20px; display: flex; justify-content: space-between;}
.inforCont {border: 1px solid #EEEEEE; box-shadow: 0px 4px 35px -7px rgba(0, 0, 0, 0.1); width: calc(50% - 10px); padding: 30px 0 30px 40px;display: flex; align-items: center;}
.iconChange {box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); margin-right: 30px; width: 138px; border-radius: 50%; height: 138px; overflow: hidden;}
.iconChange img { object-position: center; height: 100%; margin: 0; object-fit: cover; display: block; width: 100%;}
.inforDesc p { margin-bottom: 6px; color: #727272; font-size: 16px; display: flex; align-items: center;}
.inforDesc span { margin-left: 6px;}
.inforDesc i { margin-left: 6px; display: block; background: #FF8F1F; color: #ffffff; border-radius: 3px; padding: 0 5px; font-style: normal;}
.inforData { width: calc(50% - 10px); display: flex; justify-content: space-between;}
.dataSlide { width: calc(50% - 10px); background: #ffffff;box-shadow: 0px 4px 35px -7px rgba(0, 0, 0, 0.1);border: 1px solid #EEEEEE; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.dataSlide p { margin: 15px 0; font-size: 16px; color: #3d3d3d;}
.dataSlide span { font-size: 24px; color: #FF8F1F;}
.activeCenter { display: flex; justify-content:space-between;}
.activeSlide { width: calc(50% - 10px);}
.activeSlide:nth-child(1) { background: #C4EBE5;border: 1px solid #C4EBE5;box-shadow: 0px 4px 35px -7px rgba(0, 0, 0, 0.1);}
.activeSlide:nth-child(2) { background: rgb(255,250,231);border: 1px solid #FFEFAD;box-shadow: 0px 4px 35px -7px rgba(0, 0, 0, 0.1);}
.activeSlide h2 { height: 40px; font-size: 16px; line-height: 40px; text-indent: 20px;}
.activeSlide:nth-child(1) h2 { border-bottom: 1px solid #CEF1EB; color: #037561;}
.activeSlide:nth-child(2) h2 { border-bottom: 1px solid #FFEFAD; color: #EA910B;}
.activeEnter { display: flex; justify-content: space-between;}
.activeEnter a { font-size: 16px; color: #3D3D3D; padding:30px 0; text-align: center; flex: 1;}
.activeIcon { display: flex; margin-bottom: 10px; justify-content: center; align-items: center;}
.activeIcon img { height: 50px;}
.saveHistory { margin-top: 20px; border: 1px solid #F4F4F4;box-shadow: 0px 4px 35px -7px rgba(0, 0, 0, 0.1); background: #ffffff;}
.saveHistory h2 {border-bottom: 1px solid #F4F4F4; font-size: 16px; line-height: 50px; text-indent: 25px;}
.saveHistory li { border-bottom: 1px solid #f4f4f4;}
.saveHistory li:last-child { border: none;}
.saveHistory li a { display: block; line-height:24px; padding: 8px 25px; overflow: hidden;}
.saveHistory li p { float: left; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; max-width: calc(100% - 90px); transition: all .3s; font-size: 14px; color: #3D3D3D;}
.saveHistory li span { float: right; color: #0063B5; font-size: 14px;}
.saveHistory li:hover p { color: #037561;}
.setInfor { background: #ffffff; padding: 20px 40px;box-shadow: 0px 4px 48px 1px rgba(0, 0, 0, 0.1); background: #ffffff;}
.setMenu { border-bottom: 1px solid #E5E5E5; display: flex; align-items: center;}
.setMenu a { padding: 20px 4px; position: relative; font-size: 16px; color: #3D3D3D;}
.setMenu span { display: block; width: 1px; height: 24px; background: #B9B9B9; margin: 0 20px;}
.setMenu a.cur { color: #004C3F;}
.setMenu a.cur::after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; height: 1px; background:#004C3F;}
.setIcon {box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); width: 137px; height: 137px; margin: 0 auto 40px; border-radius: 50%; overflow: hidden;}
.setIcon img { width: 100%; height: 100%; object-fit: cover;}
.inforForm { border: 1px solid #E1E1E1; margin:20px auto; padding: 40px 60px;}
#preview { width: 100%; height: 100%;}
.inforForm ul { width: 680px; max-width: 100%;}
.inforForm li { align-items: start; line-height: 42px; margin-bottom: 20px; display: flex;}
.inforForm li p { color: #3D3D3D; font-size: 14px; width: 46px;}
.inforForm li>input,.inforForm li>select { height: 42px; text-indent: 10px; border-radius: 3px; border: 1px solid #E4E4E4; box-sizing: border-box; padding: 0; flex: 1;}
.inforForm li input:focus,.inforForm li select:focus {border: 1px solid #038A73;}
.inforForm li textarea { flex: 1; width: 100%; resize: none; padding: 10px; font-size: 14px; border-radius: 3px; border: 1px solid #E4E4E4;
box-sizing: border-box; height: 116px;}
.inforForm li>input,.inforForm li>select,.ipt { height: 42px; text-indent: 10px; border-radius: 3px; border: 1px solid #E4E4E4; box-sizing: border-box; padding: 0; flex: 1;}
.inforForm li input:focus,.inforForm li select:focus {border: 1px solid #038A73;}
.with60{width:60px;}
.inforForm li input[readonly] { background: #F3F3F3; color: #B8B8B8;}
.inforForm li input::placeholder,.inforForm li textarea::placeholder { color:#B8B8B8;}
.sexChose { border-radius: 3px; overflow: hidden; display: flex; border: 1px solid #E4E4E4;}
.sexChose span { display: block; width: 77px; text-align: center; cursor: pointer;}
.sexChose span.cur { background: #037561; color: #ffffff;}
#birthday { background: url(../images/birthIcon.png) 8px center no-repeat; text-indent: 48px;}
.formControl { display: flex; align-items: center; padding: 50px 0 50px 46px;}
.formControl button { cursor: pointer; font-size: 14px;}
.formControl button[type="button"] { margin-right: 20px; text-align: center; border: 1px solid #004C3F; line-height: 42px; width: 161px;height: 42px;border-radius: 5px;background: #004C3F; color: #ffffff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.formControl button[type="submit"] { margin-right: 20px; text-align: center; border: 1px solid #004C3F; line-height: 42px; width: 161px;height: 42px;border-radius: 5px;background: #004C3F; color: #ffffff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.formControl button[type="reset"] { text-align: center; border: 1px solid #E5E5E5; line-height: 42px; width: 161px;height: 42px;border-radius: 5px;background: #fff; color: #000000;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.acitveList { margin: 20px 0;}
.acitveList li { margin-bottom: 20px; border: 1px solid #F4F4F4;}
.activeTitle { line-height: 46px; border-bottom: 1px solid #F4F4F4; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.activeTitle p { color: #3D3D3D; font-size: 14px; flex: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.activeTitle span { margin-left: 20px; font-size: 14px; color: #00B697;}
.activeDesc { padding:35px 20px; border-bottom: 1px solid #F4F4F4; color: #707070; font-size: 14px; line-height: 1.5;}
.activeControl { display: flex; justify-content: space-between; padding: 18px 20px;}
.activeTag { display: flex; align-items: center;}
.activeTag span { margin-right:20px; display: flex; align-items: center; color: #004C3F; font-size: 14px;}
.activeTag span img { display: block; margin-right: 5px;}
.checkEnter a { white-space: nowrap; transition: all .4s; border: 1px solid #038A73; color: #077B67; border-radius: 3px; padding: 0 20px; line-height: 30px; display: block;}
.checkEnter a:hover { color: #ffffff; background: #038A73;}
.resourceControl { margin-top: 20px; display: flex; align-items: center;}
.resourceControl a { display: block; padding: 0 20px; margin-right: 10px; line-height: 35px; border-radius: 3px; color: #ffffff;}
.resourceControl a.uploadEnter,.resourceControl a.setRead { background: #077B67;}
.resourceControl a.removeBtn { background: #EE0000;}
.resourceTable th { font-size: 16px; color: #3D3D3D;}
.resourceTable th:nth-child(1) { width:60px;}
.resourceTable th:nth-child(2) { text-align: left;}
.resourceTable td:not(:nth-child(2)){ text-align: center;}
.resourceTable { margin-top: 20px; border: 1px solid #F4F4F4;}
.resourceTable th,.resourceTable td { padding: 20px 0; border-bottom: 1px solid #F4F4F4;}
.resourceTable input[type="checkbox"]{ border: 1px solid #DBDBDB;}
.resourceTable td a.preview { margin-left: 10px; line-height: 24px; display: inline-flex; border: 1px solid #077B67; border-radius: 3px; padding: 0 18px; color: #077B67;}
.resourceTable td span { display: inline-flex; color: #3D3D3D; font-size: 14px;}
.resourceTable td span.state1 { white-space: nowrap; color: #0063B5;}
.resourceTable td span.state2 { white-space: nowrap; color: #00B697;}
.resourceTable td span.state3 { white-space: nowrap; color: #EE0000;}
.tableControl { display: flex; justify-content: center; align-items: center;}
.tableControl a { margin: 0 3px;}
.tableControl img { display: block;}
.resourceTable p a { margin: 0; font-size: 14px; color: #3D3D3D;}
.resourceTable p a:hover { color:#077B67 ;}
.resourceTable span.time,.resourceTable span.msgState { color: #0063B5; font-size: 14px;}
.resourceTable span.timeDown { color:#004C3F}
.interactionState { justify-content: center; display: flex; align-items: center;}
.interactionState i img{ display: block;}
.interactionState i { display: flex; justify-content: center; align-items: center;}
.interactionTable table th:not(:nth-child(1)),.interactionTable table td:not(:nth-child(1)) { text-align: center!important;}
.interactionTable table th:nth-child(1),.interactionTable table td:nth-child(1) { text-align: left; padding-left: 20px; width: auto;}
.changePwd p i { color: #ff0000; font-style: normal;}
.changePwd li p { width: 78px;}
.activeDetail { margin-top: 20px; border: 1px solid #F4F4F4;}
.activeDetail h2 { font-size: 16px; line-height: 46px; color:#7B7B7B; border-bottom: 1px solid #F4F4F4; padding: 0 20px;}
.activeDetail ul { padding: 15px 20px;}
.activeDetail li { padding: 6px 0; overflow: hidden;}
.activeDetail li p { float: left;width: 86px; color: #6F6F6F; font-size: 14px; line-height: 2;}
.activeDetail li span { float: left; max-width: calc(100% - 86px); font-size: 14px; line-height: 2; color: #535353;}
.activeDetail li span.activeState { font-weight: bold; color: #00B697;}
.backUp { margin-top:20px; display: flex; justify-content: end;}
.backUp a { transition: all .4s; display: block; font-size: 14px; color: #959595; border-radius: 3px; border: 1px solid #D1D1D1; line-height: 32px;
padding: 0 15px;}
.backUp a:hover { color: #ffffff; background:#077B67; border: 1px solid #077B67;}
.uploadCont { cursor: pointer; flex: 1; display: flex; justify-content: space-between; position: relative; height: 42px; border: 1px solid #E4E4E4; border-radius: 3px; position: relative;}
.uploadCont input { cursor: pointer;  position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0; z-index: 2;}
.uploadCont i { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  display: block; flex: 1; padding: 0 10px; font-style: normal; font-size: 14px;}
.uploadCont b { width: 150px; text-align: center; display: block; background: #F1F1F1; border-left: 1px solid #E5E5E5; font-size: 14px; color: #3D3D3D;}
.permissionSet { background: rgb(249,249,249); max-width: calc(100% - 78px); padding: 15px 12px;border: 1px solid #E4E4E4; flex: 1;}
.permissionSet h3 { font-size: 12px; color: #3D3D3D; display: flex; align-items: center; justify-content: start;}
.permissionSet h3 input,.typeSlide p input { margin-right: 8px; border: 1px solid #D0D0D0;}
.typeSlide { gap:10px 20px; display: flex; flex-wrap: wrap; align-items: center;}
.typeSlide p { color: #3D3D3D; font-size:12px; line-height: 1.5; white-space: nowrap; display: flex; align-items: center;}
/**/
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.inBanner { overflow: hidden;}
.inBanner img { animation:scaleAni 3s forwards linear; display: block; width: 100%;}
.banner { overflow: hidden;}
.banner img { display: block; width: 100%;}
.banner .swiper-slide-active img {animation:scaleAni 3s forwards linear;}
@keyframes scaleAni {
    0% { transform:scale(1.1)}
    100% {transform:scale(1)}
}
.baseSearch { max-width: 92%; align-items: center; border: 1px solid #004C3F; border-radius:10px; overflow: hidden; background: #fff; display: flex; width: 1200px; position: relative; height: 60px; margin: -30px auto;}
.baseSearch select { height: 40px; margin-right: 30px; box-sizing: border-box; font-weight: bold; font-size: 20px; padding-left:48px; color: #004C3F; width: 200px; border: none; }
.baseSearch button { height: 60px; cursor: pointer; display: flex; justify-content: center; align-items: center; font-weight: bold; width: 200px; font-size: 24px;
 color: #ffffff; font-weight: bold; background: #004C3F; border: none;}
 .baseSearch input { height: 40px; font-size: 20px; text-indent: 30px; border-left: 1px solid #979797; flex: 1; background: #ffffff;}
 .baseSearch button img { margin-right: 20px;}
 .teachData { margin: 5.2vw auto;}
 .titleCell { margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center;}
 .titleCell p { font-weight: bold; font-size: 20px; color: #004C3F; border-bottom: 2px solid #004C3F; line-height: 3;}
 .titleCell a { transition:all .4s; display: block; line-height: 30px; padding-right: 40px; color: #3D3D3D; font-size: 16px; background: url(../images/enterMore.png) right center no-repeat;}
 .titleCell a:hover { letter-spacing: 2px; color:#004C3F}
.teachData ul { flex-wrap: wrap; display: flex; justify-content: space-between; gap: 20px;}
.teachData li { position:relative; border-radius: 3px; width: calc(50% - 10px);box-shadow: 0px 0px 16px 16px rgba(213, 213, 213, 0.3); background: #ffffff; padding: 20px; box-sizing: border-box; transition:all .4s;}
.teachData li:hover { transform:translateY(-10px);}
.teachData li:after{ content:''; background:#004C3F; transition:all .8s; position:absolute; left:0; bottom:0; height:1px; width:0;}
.teachData li:hover:after { width:100%;}
.teachData h2 { font-size: 18px; transition: all .4s; display: flex; align-items: center;}
.teachData h2 span { margin-right: 10px; display: block; width: 40px; height: 20px; border-radius: 5px; text-align: center; line-height: 20px; color: #ffffff;
font-size: 10px;}
.teachData h2 span.pdfTag { background: #DB0629;}
.teachData h2 span.docxTag { background: #0569FF;}
.teachData h2 span.xlsxTag { background: #037558;}
.teachData h2 b { transition: all .4s; display: block; color: #3D3D3D; font-weight: bold; max-width: calc(100% - 50px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.teachData li p { font-size: 16px; line-height: 25px; color: #4C4C4C; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;
margin: 14px 0 3px;}
.teachTag { display: flex; justify-content: space-between;}
.tagSlide { display: flex; gap:10px;}
.tagSlide span { transform: translateY(1px); display: flex; align-items: center; gap: 6px; color: #004C3F; font-size: 14px;}
.teachData li:hover h2 b{ color: #004C3F;}
.videoList { margin-bottom: 5.2vw;}
.videoList ul{ flex-wrap: wrap; gap: 30px; display: flex;}
.videoList li {position:relative; box-shadow: 0px 0px 16px 16px rgba(213, 213, 213, 0.3); width: calc(33.33% - 20px);}
.videoList li:hover h2 { color: #004C3F;}
.videoList li:hover .videoPost img{ transform: scale(1.1);}
.videoPost { overflow: hidden; height: 300px;}
.videoPost img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.videDesc { position:relative; padding:15px 20px;}
.videDesc:after { content:''; background:#004C3F; position:absolute; bottom:0; left:0; height:1px; width:0; transition:all .4s;}
.picartFlex li:hover .videDesc:after { width:100%;}
.videoList li:after{ content:''; background:#004C3F; transition:all .8s; position:absolute; left:0; bottom:0; height:1px; width:0;}
.videoList li:hover:after { width:100%;}
.videDesc h2 { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 transition: all .4s; margin-bottom: 15px; font-size: 18px; color: #3D3D3D; line-height: 30px;}
span.mp4Tag { border-radius: 3px; font-size: 10px; justify-content: center; align-items: center; display: inline-flex; vertical-align:2px; width: 31px; height: 20px; background: #004C3F; color:#ffffff;}
.audioList ul { display: flex; gap: 15px; flex-wrap: wrap;}
.audioList li { width: calc(20% - 12px);box-shadow: 0px 0px 35px 5px rgba(213, 213, 213, 0.3);}
.audioList li:hover h2 { color:#004C3F ;}
span.mp3Tag { font-size: 10px; justify-content: center; align-items: center; display: inline-flex; vertical-align:2px; width: 31px; height: 20px; color:#ffffff; background: #FF8F1F; border-radius: 3px;}
.picartFlex { display: flex; justify-content: space-between;}
.audioList { margin-bottom: 5.2vw;}
.bigArt {box-shadow: 0px 0px 16px 8px rgba(213, 213, 213, 0.3); width: calc(50% - 10px);}
.picConts img { display: block; width: 100%; height: 100%; object-fit: cover;}
.picConts {height: 405px; overflow: hidden; }
.artDesc { position:relative; padding: 15px 20px;}
.artDesc h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  margin-bottom: 10px; font-size: 18px; color: #3D3D3D; line-height:30px;}
.artDesc h2 span {border-radius: 3px; font-size: 10px; justify-content: center; align-items: center; display: inline-flex; vertical-align:2px; width: 31px; height: 20px; background: #0569FF; color:#ffffff;}
.artDesc:after { content:''; background:#004C3F; position:absolute; bottom:0; left:0; height:1px; width:0; transition:all .4s;}
.artDesc:hover:after { width:100%;}
.artDesc p { margin-bottom: 20px; color: #3D3D3D; font-size: 16px;}
.smallArt { width: calc(50% - 10px);}
.smallArt ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.smallArt li { box-shadow: 0px 0px 16px 8px rgba(213, 213, 213, 0.3); width: calc(50% - 10px);}
.smallArt .videoPost { height: 218px; overflow: hidden;}
.smallArt li h2 { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bigArt .picConts { overflow: hidden; height: 310px;}
.bigArt .picConts img { width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.bigArt:hover .picConts img{ transform: scale(1.1);}
.smallArt li:hover .videoPost img { transform: scale(1.1);}
.smallArt li:hover h2 { color: #004C3F;}
.bigArt:hover h2 { color: #004C3F;}
.picArtCont { margin-bottom: 5.2vw;}
.dataPage { overflow: hidden; background: rgb(237,237,237);}
.dataSearch { background: #ffffff;}
.dataType { display: flex; flex-wrap: wrap; padding: 20px 20px 0; border-bottom: 1px solid rgb(235,235,235);}
.dataType a{ color: #000000; font-size: 18px; position: relative; padding-bottom: 20px; margin-right:40px; display: block;}
.dataType a.cur { color: #004C3F;}
.dataType a.cur::after { content: ''; background: #004C3F; position: absolute; bottom: 0; left: 0; height: 1px; width:100%;}
.typeSlide { padding: 20px; display: flex; align-items:center; flex-wrap: wrap;}
.typeSlide span { font-size:18px; color: #000000;} 
.typeSlide i { font-style: normal; cursor: pointer; font-size: 16px; color: #000000; padding: 0 18px; line-height: 35px; border-radius: 3px;}
.typeSlide i:hover { color: #037558;}
.typeSlide i.cur { color: #ffffff; background:#004C3F;}
.teachList ul { margin:2.6vw auto; flex-wrap: wrap; display: flex; gap: 20px; justify-content: space-between;}
.teachList li { width: calc(50% - 10px); box-sizing: border-box; background: #ffffff; padding: 15px 20px;box-shadow: 0px 0px 16px 16px rgba(213, 213, 213, 0.3);}
.teachList li h2 { font-weight: bold; font-size: 18px; color: #3D3D3D; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; transition: all .4s;}
.teachList li:hover h2 { color: #037558;}
.teachList li p { margin: 12px 0 20px; font-size: 16px; color: #4C4C4C; line-height: 25px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.teachTags { display: flex; align-items: center;}
.teachTags span img { display: block; margin-right:3px;}
.teachTags span { margin-right: 20px; color: #004C3F; font-size: 14px; display: flex; align-items: center;}
.starList { display: flex; align-items: center;}
.videoPageList { margin: 2.6vw auto;}
.videoPageList ul { gap: 20px;}
.videoPageList li { background: #ffffff; width: calc(25% - 15px);}
.videoPageList li h2 { font-weight: bold; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.teachTag i { display: flex; align-items: center;}
.audioPage { margin-top: 2.6vw;}
.audioPage ul { display: flex; gap: 20px; flex-wrap: wrap;}
.audioPage li { padding: 20px;background: #ffffff; box-sizing: border-box; width: calc(25% - 15px);box-shadow: 0px 0px 16px 16px rgba(213, 213, 213, 0.3);}
.audioTit { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.audioTit p { line-height: 29px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
width: calc(100% - 75px); font-weight:bold; font-size: 18px; color:#3D3D3D; transition: all .4s;}
.audioPage li:hover p { color: #037558;}
.articleFlex { display: flex; gap: 20px; justify-content: space-between;}
.articleCont { width: calc(100% - 420px); background: #ffffff; border-radius: 10px; padding:30px;}
.articleTitl { margin-bottom: 32px; display: flex; justify-content: space-between; align-items: start;}
.articleTitl p {padding: 9px 0; font-weight: bold; max-width: calc(100% - 166px); color: #3D3D3D; font-size:22px;}
.saveControl { cursor: pointer; display: flex; justify-content: center; align-items: center; font-size:16px; color: #3D3D3D; width: 124px; border: 1px solid #CACACA;
line-height:34px; border-radius:34px;}
.saveControl i { display: block; width: 30px; height: 30px;  background: url(../images/save.png) center no-repeat; background-size: 100% auto!important;
 margin-right: 8px;}
.saveControl.cur { color: #FF8F1F;}
.saveControl.cur i { background: url(../images/saveOn.png) center no-repeat; background-size: 100% auto!important;}
.articleMedium { padding-bottom:30px; margin-bottom:30px; border-bottom: 1px solid #D8D8D8;}
.articleMedium video,.articleMedium>img { display: block; width: 100%;}
.articleText { font-size: 16px; line-height: 2; color: #6F6F6F;}
.articleAside { width: 400px;}
.downCont { background: #ffffff; border-radius: 10px; padding:30px;}
.downCont a { display: flex; justify-content: center; align-items: center; background: #037558; line-height:60px;
color: #ffffff; font-size: 20px; font-weight: bold; border-radius: 60px;}
.downCont a img { display: block; margin-right: 10px; width: 24px;}
.dowTag { margin-top:20px; display: flex; justify-content: space-between;}
.dowTag span { font-size: 16px; gap: 10px; color: #004C3F; display: flex; align-items: center;}
.starCont { border: 1px solid #70BEAA; background:#F4FFFC; border-radius: 10px; padding: 0 20px; margin: 20px 0;}
.starCont h2 { line-height:70px; font-size:20px; color: #3D3D3D; font-weight: bold; border-bottom: 1px solid #D8D8D8;}
.starList { padding:10px 0;}
.starList img { width:40px;}
.artInforDesc { margin-bottom: 20px; border-radius: 10px; padding: 20px; background: #ffffff;}
.artInforDesc li { line-height:1.5; padding: 15px 0; display: flex; justify-content: space-between; font-weight: bold; color: #3D3D3D; font-size: 18px;}
.artInforDesc li p { font-weight: bold;}
.articlePage { padding: 20px; background: #ffffff; border-radius: 10px;}
.artControl p span { font-weight: bold; font-size: 16px; color: #3D3D3D; display: block;}
.artControl p { margin-bottom: 20px; font-size: 16px; line-height: 2; color: #3D3D3D;}
.artControl p a { color: #3D3D3D; transition: all .3s;}
.artControl p:last-child { margin-bottom: 0;}
.artControl p:hover a { color: #037558;}
.articlePage a.backMenu { display: block; text-align: center; font-size: 20px; line-height: 70px; border: 1px solid #FFB367;
background: #FFE8C4; margin: 25px 0; border-radius: 70px; color: #3D3D3D;}
#shareCont a{ transition: all .4s; border: none; background: #c0c0c0;}
#shareCont a.icon-qq::before { content: ''; background: url(../images/share1.png) center no-repeat; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 17px; height: 19px;}
#shareCont a.icon-weibo::before { content: ''; background: url(../images/share2.png) center no-repeat; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 21px; height: 19px;}
#shareCont a.icon-wechat::before { content: ''; background: url(../images/share3.png) center no-repeat; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 24px; height: 20px;}
#shareCont { border-top: 1px solid #D8D8D8; padding-top: 20px; display: flex; align-items: center;}
#shareCont a:hover { background: #037558;}
.qrcode img { display: block; margin: 0;}
.hotTitle { line-height: 2; font-weight: bold; font-size: 30px; color: #3D3D3D;}
.hotNotice { border-radius: 10px; margin: 5.2vw auto; background: #ffffff; padding:15px 30px;}
.starNum { display: flex; align-items: center;}
.hotNotice .tagSlide { display: flex; align-items: center;}
.hotNotice .tagSlide img { display: block;}
.hotNotice .teachData { margin: 15px auto;}
.hotNotice .teachData p { margin: 10px 0;}
.hotNotice .videoList ul { gap: 20px; }
.hotNotice .videoList li { width: calc(25% - 15px);}
.hotNotice .videoList { margin: 15px auto;}
.hotNotice .audioPage { margin: 15px auto;}
/**/
.newsFlex { display: flex; justify-content: space-between;}
.newsMenu { position:relative; margin-top: -70px; width: 309px;}
.menuConts { border-left: 2px solid #004C3F; box-shadow: 0px 4px 23px 3px rgba(0, 0, 0, 0.1);}
.menuConts h2 { line-height: 70px; font-weight: bold; font-size: 26px; color: #ffffff; padding-left: 48px; background: #004C3F;}
.menuConts li h3 { transition:all .4s; cursor: pointer; border-bottom: 1px solid #EAEAEA; position: relative; padding: 21.5px 50px;display: block; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.menuConts li h3 a { display: block; font-weight: bold; font-size: 16px; color: #333;}
.menuConts li h3 i { transition: all .4s; position: absolute; right: 30px; top: 50%; margin-top: -7px; width: 8px; height: 14px; background: url(../images/icon-arrow11.png) center center no-repeat;}
.menuConts li dl { display: none; border-bottom: 1px solid #EAEAEA; padding: 17px 0 20px;}
.menuConts dt a { position: relative;    padding: 10.5px 20px; padding-left: 74px; display: block; font-size: clamp(16px, 1.04vw, 18px); color: #333; line-height: 1.5; position: relative;}
.menuConts dt a:hover { color: #004C3F;}
.menuConts dt a:before {content: ''; position: absolute; left: 49px; top: 20px; width: 7px; height: 10px; background: url(../images/icon-arrow12.png) center center no-repeat;-webkit-background-size: contain; background-size: contain; opacity: .4;}
.menuConts dt a:hover:before { opacity: 1;}
.menuConts li h3.cur i{ transform: rotate(-90deg);}
.menuConts li h3.cur,.menuConts li h3:hover { background: rgba(0,76,76,.1);}
.hotNews { margin-top: 30px;box-shadow: 1px 8px 34px -3px rgba(0, 0, 0, 0.1);}
.hotNews h2 { border-bottom: 1px solid #D8D8D8; font-size: 26px; color: #004C3F; font-weight: bold; padding: 24px; padding-bottom: 20px;}
.hotNews li { position:relative; border-bottom: 1px dashed #D8D8D8; padding: 19px 25px 27px;}
.hotNews li p { transition: all .4s; font-size: 16px; line-height: 27px; color:#333333;}
.hotNews li span { color: #999999; font-size: 16px; margin-top: 8px; display: block;}
.hotNews li:hover p{ color: #004C3F;}
.hotNews li:after{ content:''; transition:all .6s; position:absolute; left:0; bottom:0; width:0; height:1px; background:#004C3F;}
.hotNews li:hover:after{ width:100%;}
.listTitle { border-bottom: 1px solid #D8D8D8; padding-bottom: 20px; margin-bottom: 30px; display: flex; justify-content: space-between;}
.listCont { padding: 40px 0; width:calc(100% - 372px);}
.listCont2 { padding: 40px 0; }
.listTitle .userLocation { margin: 0;}
.listTitle p { font-weight: bold; font-size: 28px; color: #004C3F;}
.activeNews a { display: flex; justify-content: space-between;}
.activeNewsPic { width: 362px; height: 235px; overflow: hidden;}
.activeNewsPic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.activeNews li:hover .activeNewsPic img { transform: scale(1.1);}
.activeNewsText { position: relative; width: calc(100% - 400px);}
.activeNews li { margin-bottom:30px;}
.activeNewsText span { display: block; color: #004C3F; font-size: 16px; margin-bottom: 10px;}
.activeNewsText h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-weight: bold; font-size: 24px; color: #3D3D3D; line-height: 29px; margin-bottom: 13px;}
.activeNewsText p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;
 color: #6F6F6F; font-size: 18px; line-height: 29px;}
.activeNewsText::after { content: ''; transition:all .6s; left: 0; bottom: 0; position: absolute; width: 110px; height: 4px; background: #004C3F;}
.activeNewsText:hover:after { width:100%;}
.activeNews li:hover h2 { color:#004C3F;}
.textNews li { padding: 30px 0; border-bottom: 1px solid #E1E1E1;}
.textNews li h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all .4s; font-size: 24px; margin-bottom: 24px; color: #3D3D3D; font-weight: bold;}
.textNews li p { margin-bottom: 24px; font-size: 18px; color: #6F6F6F; line-height: 29px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.textNews li:hover h2 { color:#004C3F;}
.textNews li span { font-size: 24px; color: #333;}
.articleTitle h2 { text-align: center; font-weight: bold; font-size: 28px; line-height: 1.5; margin-bottom: 30px;}
.articleTag { padding: 15px 0; border-radius: 4px; display: flex; justify-content: center; flex-wrap: wrap; border: 1px solid #5C9B93; background: #E7F7F5;}
.articleTag span { font-size:16px; color: #004C3F; margin: 0 20px; display: flex; align-items: center;}
.articleTag span img { height: 24px; margin-right: 10px;}
.articleDetail p { font-size: 16px; line-height: 2; color: #3D3D3D;}
.articleDetail img { display: block; margin: 0 auto; max-width: 100%;}
.articleDetail { padding: 35px 0;}
.articleDetail b{font-weight:bold;}
.articleDetail b span{font-weight:bold;}
.linkDown li { margin-bottom: 32px; align-items: center; box-shadow: 0px 4px 24px 5px rgba(0, 0, 0, 0.1); padding: 20px; display: flex; justify-content: space-between;}
.downDesc h2 { color: #6F6F6F; font-size:18px; line-height:26px;}
.downDesc p { font-size:18px; color: #CDC7C7; line-height:26px;}
.downDesc p span { margin-right: 5px;}
.docIcon { width:50px; display: block;}
.linkDown li a { border-radius: 4px; display: flex; border: 1px solid #004C3F; background: #E1F3F0; white-space: nowrap; width: 155px; height: 47px;
justify-content: center; align-items: center; font-size: 18px; color: #004C3F;}
.linkDown li a img { margin-right: 10px;}
.downDesc { width: calc(100% - 247px);}
.articleFpage { display: flex; justify-content: space-between;}
.articleFpage a { transition: all .4s; line-height: 3; background: #D2E7E2; font-size: 18px; color: #3D3D3D; text-align: center; display: block; width: calc(33.33% - 9px);}
.articleFpage a:nth-child(2) { background: #EA910B;}
.articleFpage a:hover { background: #004C3F; color: #ffffff;}
/**/

.sologn { position: relative; z-index: 2; margin-top: -125px;}
.sologn ul { display: flex; justify-content: space-between;}
.sologn li { transition: all .4s; box-sizing: border-box; padding: 50px 50px 44px; flex: 1; max-width: calc(33.33% - 29px);box-shadow: 0px 0px 23px 0px rgba(141, 141, 141, 0.3); background: #ffffff;border-radius: 15px;}
.sologn li:hover { transform: translateY(-10px);}
.solognTit { font-weight: bold; font-size: 30px; color: #004C3F; margin-bottom: 19px; display: flex; align-items: center;}
.solognTit img { display: block; margin-right: 24px;}
.sologn li span { transition: all .4s; display: block; font-size: 16px; color: #3D3D3D; line-height: 29px; margin-bottom: 28px;}
.sologn li:hover span { color: #004C3F;}
.homeDesc { margin: 120px auto 60px; position: relative;}
.homeDesc .homeFlex { padding-bottom: 66px; display: flex; position: relative;}
.descImg { width: 46.4%; flex-shrink: 0}
.descImg img { display: block; width: 100%;}
.descArt {padding:140px 60px 0 75px; width: 53.6%; flex-shrink: 0;}
.descArt h2 {font-size: clamp(24px, 1.67vw, 30px); color: #004C3F; font-weight: 700; line-height: 1.3;}
.descArt p { margin: 30px 0 20px; font-size: 16px; color: #3D3D3D; line-height: 40px;-webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box; overflow: hidden;}
.descArt a { transition:all .4s; color: #3D3D3D; font-size: 18px; display: inline-flex; align-items: center;}
.descArt a:hover {letter-spacing:2px; color:#004C3F}
.descArt a img { margin-left: 8px; display: block; width: 20px;}
.homeFlex::after {content: ''; position: absolute; right: 0; top: 66px; bottom: 0; width: 57%; background-color:#F0F0F0; z-index: -1;}
.homeLink ul { display: flex; justify-content: space-between;}
.homeLink li { transition: all .6s; position: relative; background: #EEEEEE; flex: 1; max-width: calc(20% - 20.8px); box-sizing: border-box;padding: 30px 30px 12px;}
.homeLink li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); transform:scale(1.05)!important;}
.homeLink li p { position: relative; z-index: 2; font-weight: bold; color: #3D3D3D; font-size: 20px; line-height: 1.5;}
.homeLink li span { position: relative; z-index: 2; margin-bottom: 20px; font-size: 16px; display: block; line-height: 30px; color: #004C3F; font-weight: bold;}
.homeLink li i { position: relative; z-index: 2; display: block; background: url(../images/enterMore.png) center no-repeat; width: 30px; height: 30px;}
.homeLink li img { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); z-index:1;}
.homeNews { margin:120px auto 120px; background: url(../images/hnBg.jpg) center no-repeat; background-size: cover; padding: 120px 0;
    background-attachment: fixed;}
.newsHd { margin-bottom: 66px; display: flex; align-items: center; justify-content: space-between;}
.newsType { display: flex; align-items: center;}
.newsType span { line-height: 1; font-weight: bold; margin-right: 40px; padding-bottom: 20px; transition: all .4s; font-size:30px; color: #B6B6B6; cursor: pointer; position: relative; display: block;}
.newsType span::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; background: #ffffff; transition: all .4s; width: 0;}
.newsType span.cur::after { width: 100%;}
.newsType span.cur { color: #ffffff;}
.newsHd a { transition:all .4s; color: #FFFFFF; font-size: 18px; display: flex; align-items: center;}
.newsHd a:hover { letter-spacing:2px;}
.newsHd img { margin-left: 16px;}
.newsBd ul { display: flex; flex-wrap: wrap; gap:30px;}
.newsSlide li {box-shadow: 0px 0px 16px 16px rgba(213, 213, 213, 0.3); background: #ffffff; width:calc(33.33% - 20px);}
.newsImg { height: 304px; overflow: hidden;}
.newsImg img { display: block; width: 100%; height: 100%; transition: all .8s; object-fit: cover;}
.newsSlide li:hover img { transform: scale(1.1);}
.newsDesc { position:relative;}
.newsDesc:after{ content:''; background:#004C3F; transition:all .8s; position:absolute; left:0; bottom:0; height:1px; width:0;}
.newsSlide .newsDesc:hover:after { width:100%;}
.newsDesc a{ display: flex; justify-content: space-between; padding: 20px 12px 40px; align-items: start;}
.newsDesc p { font-weight: bold; color: #004C3F; font-size: 24px;}
.newsDesc p b { font-weight: bold; font-size: 30px;}
.newsDesc span { max-width: calc(100% - 108px); font-size: 16px; line-height: 29px; transition: all .4s; color: #3D3D3D; font-weight: bold;}
.newsDesc:nth-child(2n) { border-top: 1px solid #eee;}
.newsDesc:hover span { color: #004C3F;}
.homeResource { padding-bottom: 120px;}
.homeResource ul { flex-wrap: wrap; display: flex; justify-content: space-between;}
.homeResource li { position: relative; margin-bottom: 0.8%; height: 395px; overflow: hidden; width: 62.7%;}
.homeResource li a { display: block; width: 100%; height: 100%; position: relative;}
.homeResource li:nth-child(2),.homeResource li:nth-child(3) { width: 36.5%;}
.homeResource h2 { text-align: center; font-weight: bold; color:#3D3D3D; margin-bottom: 60px; font-size:36px; line-height: 1;}
.homeResource li img { position: absolute; left: 0; top: 0; transition: all .8s; object-fit: cover; width: 100%; height: 100%;}
.homeResource li::after { content: ''; pointer-events: none; transition: all .4s; background: #A9B5B3; opacity: .5; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.homeResource li p { position: relative; display: inline-flex; z-index: 2; line-height: 1; margin: 58px 0 24px 58px; padding-bottom: 20px; font-size: 36px; font-weight: bold; color: #004C3F;}
.homeResource li p::after { content: ''; background: #004C3F; position: absolute; bottom: 0; left: 0; height: 4px; width: 100%;}
.homeResource li i { display: block; margin-left: 58px; position: relative; z-index: 2; background: url(../images/enterMore.png) center no-repeat; width: 30px; height: 30px;}
.homeResource li:hover::after { opacity: 0;}
.homeResource li:hover img { transform: scale(1.1);}
.homeActive { padding: 120px 0 120px; background: #004C3F;}
.newsHd p {line-height: 1; font-weight: bold; transition: all .4s; font-size:30px; color: #fff; cursor: pointer; position: relative; display: block;}
.homeActive ul{ gap: 34px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.homeActive li {  background: #ffffff; box-sizing: border-box;  width: calc(50% - 17px);}
.homeActive li a {display: flex;padding: 25px 20px; justify-content: space-between;}
.activePic { width:224px; height: 152px; overflow: hidden;}
.activePic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.activeInfor { width: calc(100% - 244px);}
.activeInfor span { font-weight: bold; color: #004C3F; line-height: 29px; font-size: 18px;}
.activeInfor h2 { transition: all .4s; color: #3D3D3D; font-weight: bold; font-size:18px; line-height: 29px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.activeInfor p { font-size: 16px; line-height: 2; color: #979797; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
margin: 6px 0;}
.activeInfor i { display: block;background: url(../images/enterMore.png) center no-repeat; width:20px; height:20px; background-size: 100% auto;}
.homeActive li:hover img { transform: scale(1.1);}
.homeActive li:hover h2 { color: #004C3F;}
.containers .swiper-djwh1{ width: 100%; overflow: hidden;}
.swiper-djwh1 .swiper-slide{width:24.5%}
.activeAlbum h4 { opacity: 0; line-height: 52px; transition: all .4s; margin-top:80px; text-align: center; font-weight: bold; font-size: 30px; color: #004C3F;}
.swiper-djwh1 .swiper-slide-active h4 { opacity: 1;}
.activeAlbum { background: #FBF7ED; padding: 120px 0;}
.activeAlbum .swiper-button-prev,.activeAlbum .swiper-button-next { width: 52px; height: 52px; border: 2px solid #004C3F; border-radius: 50%; display: flex;}
.activeAlbum .swiper-button-prev {transition:all .4s; position: absolute; left: 50%; transform: translateX(-150px); top:auto; bottom: 0;}
.activeAlbum .swiper-button-next {transition:all .4s;position: absolute; right: 50%; transform: translateX(150px); top:auto; bottom: 0;}
.activeAlbum .swiper-button-prev::after,.activeAlbum .swiper-button-next::after {transition:all .4s; font-size: 16px; font-weight: bold; color: #004C3F;}
.activeAlbum .swiper-button-prev:hover,.activeAlbum .swiper-button-next:hover { background:#004C3F; color:#ffffff}
.activeAlbum .swiper-button-prev:hover:after,.activeAlbum .swiper-button-next:hover:after { color:#ffffff;}
.activeAlbum .newsHd p { color: #3D3D3D;}
.activeAlbum .newsHd a { color: #3D3D3D;}
.homePartner { background: url(../images/partnerBg.png) center no-repeat; background-size: cover; padding: 120px 0;}
.homePartner h2 { text-align: center; font-weight: bold; color:#3D3D3D; margin-bottom: 60px; font-size:36px; line-height: 1;}
.homePartner ul { display: flex; flex-wrap: wrap; gap: 45px;}
.homePartner li { display: flex; overflow: hidden; justify-content: center; align-items: center; width: calc((100% - 180px)/5);}
.homePartner li img { transition: all .8s; width: 100%; display: block;}
.homePartner li:hover img { transform: scale(1.1);}
.homePartner li span{display:block;padding-top:20px;text-align:center;}
.aboutTitle { text-align: center; margin-bottom: 60px; font-weight: bold; color: #3D3D3D; font-size: 30px;}
.aim {margin-top: 60px; padding: 45px;box-shadow: 0px 9px 30px 3px rgba(0, 0, 0, 0.2);  }
.aim h3 { font-size: 30px; font-weight: bold; color: #3D3D3D; margin-bottom: 45px;}
.aimFlex { align-items: center; display: flex; justify-content: space-between;}
.aimFlex img { width: 200px;}
.aimDesc { width: calc(100% - 245px); font-size: 18px; color: #3D3D3D; line-height: 2;height: 500px; overflow-y: auto;}

.aimDesc p b{font-weight:bold;}


.historyHome { margin: 120px auto; background: url(../images/historyBg.png) center no-repeat; background-size: cover; padding: 120px 0;}
.titleHome {text-align: center; font-weight: bold; color:#ffffff; margin-bottom: 60px; font-size:36px; line-height: 1;}
.historySwiper p { margin-top: 30px; margin-bottom: 40px; line-height: 1; font-size: 30px; font-weight: bold; color: #ffffff;}
.historySwiper span { line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; display: block; font-size: 18px; color: #ffffff; font-weight: bold;}
.historyPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.historyPic { height:280px; overflow: hidden;}
.historyPostion { position: relative;}
.historyPostion::after { content: ''; position: absolute; bottom: 33px; left: 0; height: 1px; width: 100%; background: #ffffff;}
.historySwiper { position: relative;}
.historySwiper .swiper-button-prev { left: -34px; background: url(../images/swprev.png) center no-repeat; width: 68px; height: 68px; background-size: 100% auto;}
.historySwiper .swiper-button-next { right: -34px; left: auto; background: url(../images/swNext.png) center no-repeat; width: 68px; height: 68px; background-size: 100% auto;}
.historySwiper .swiper-button-prev::after,.historySwiper .swiper-button-next::after { content: '';}
.aboutActive .titleHome { color: #004C3F;}
.aboutActive ul { flex-wrap: wrap; display: flex; justify-content: space-between;}
.aboutActive li { border-radius: 4px; overflow: hidden; padding: 30px; position: relative; box-shadow: 0px 0px 16px 16px rgba(213, 213, 213, 0.3); width: calc(50% - 22.5px); box-sizing: border-box; margin-bottom: 45px;}
.aboutActive li i { position: absolute; right: 0; top: 0; color: #ffffff; background: #01906C; font-size: 16px; line-height: 40px; border-radius: 4px; padding: 0 14px; font-style: normal;}
.aboutActive li h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all .4s; font-size: 18px; color: #3D3D3D; font-weight: bold; margin-bottom: 10px;}
.aboutActive li p { font-size: 16px; line-height: 25px; color: #4C4C4C; margin-bottom: 10px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;
height: 75px;}
.aboutActive li i.passState { background: #EA910B;}
.aboutActive li:hover h2 { color: #004C3F;}
.moreActive { margin-top: 60px; text-align: center;}
.moreActive a { transition: all .4s; display: inline-flex; align-items: center; justify-content: center; color: #3D3D3D; font-size: 20px;}
.moreActive a i { transition: all .4s; margin-left: 10px; background: url(../images/moreBg.png) center no-repeat; display: block; width: 66px; height: 42px;}
.moreActive a:hover { color: #0cb598;}
.moreActive a:hover i { background: url(../images/moreBgOn.png) center no-repeat;}
.aboutNews { background: none; margin-top: 0; padding-bottom: 120px; margin-bottom: 0;}
.aboutNews .titleHome { color: #004C3F;}
.importantActive li h2 { margin-bottom: 10px; align-items: center; display: flex;}
.importantActive li h2 span { margin-right: 20px; display: block; background: #01906C; padding: 0 12px; border-radius: 4px; color: #fff; line-height: 2; font-size:18px;}
.importantActive li h2 b { transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-weight: bold; color: #3D3D3D; width: calc(100% - 118px);}
.importantActive li p { margin-bottom: 10px; font-size: 16px; color: #3D3D3D; line-height: 2;}
.importantActive li { padding-bottom: 10px; border-bottom: 1px dashed #D8D8D8; margin-bottom: 20px;}
.importantActive li:hover h2 b { color: #004C3F;}
.importantActive li h2 span.endState { background: #EA910B;}
.titleCont span { margin-right: 20px; display: inline-block; background: #01906C; padding: 0 12px; border-radius: 4px; color: #fff; line-height: 2; font-size:18px;}
.titleCont { line-height: 1.8; font-size: 20px; font-weight: bold; color: #3D3D3D;}
.applyTag { display: flex; justify-content: space-between; margin-top: 30px; background: #E7F7F5; border: 1px solid #5C9B93; padding: 30px;}
.applyTag li { margin-bottom: 9px; display: flex; align-items: center; color: #004C3F; font-size: 16px;}
.applyTag li img { display: block; margin-right: 10px;}
.applyTag li:last-child { margin-bottom: 0;}
.applyTag .joinBtn { color: #ffffff; width: 170px; background: #01906C; border-radius: 4px; flex-direction: column; display: flex; justify-content: center; align-items: center;}
.applyTag .joinBtn p { margin-bottom: 10px; font-weight: bold; font-size: 20px;}
.applyTag .joinBtn span { font-size: 16px;}
.applyTag .joinBtn.passJoin { background: #EDA600;}
.banner { position: relative;}
.bannerText { position: absolute; font-size:40px; font-weight: bold; color: #ffffff; width: 1400px; max-width: 92%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.contactPage { background:url(../images/contactBg.jpg) center no-repeat; background-size: cover; padding:30px 0 120px;}
.contactInfor { display: flex; justify-content: space-between;}
.contactImg { width: 650px;}
.contactDesc { width: calc(100% - 650px); background: #ffffff; padding: 70px 50px;}
.contactDesc h2 { font-weight: bold; font-size: 30px; color: #333333; margin-bottom: 60px;}
.contactDesc p { display: flex; align-items: center; color: #5B5B5B; font-size: 20px; margin-bottom: 30px;}
.conIcon { display: flex; margin-right: 20px; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius:50%; background: #F1F1F1;}
.mediaLink ul { display: flex; gap: 20px; flex-wrap: wrap;}
.mediaLink li { border-radius: 8px; padding: 20px; width: calc((100% - 40px)/3); box-sizing: border-box; display: flex; justify-content: space-between; background: url(../images/mediaBg.png) center no-repeat;
background-size: cover; align-items: center;}
.scanBox { width: 150px; padding: 15px; background: #F4F4F4; border-radius: 5px;}
.scanBox img { display: block; width: 100%;}
.mediaLink li p { margin-bottom: 16px; font-weight: bold; font-size: 24px; color: #333333;}
.mediaLink li span { display: block; font-weight: bold; color: #BCBCBC; font-size: 20px;}
.mediaLink h2 { text-align: center; font-weight: bold; font-size: 30px; color: #333333; margin: 60px auto;}
.contactForm h2 { text-align: center; font-weight: bold; font-size: 30px; color: #333333; margin: 60px auto;}
.formCont { border-radius: 5px; overflow: hidden; background: #ffffff; padding:40px 100px;}
.formCont ul { justify-content: space-between; display: flex; flex-wrap: wrap;}
.formCont li { display: flex; align-items: start; border-radius: 3px; margin-bottom: 20px; box-sizing: border-box; width: calc((100% - 40px)/3); border: 1px solid #E4E4E4;}
.formCont li:last-child { width: 100%; margin-bottom: 0;}
.formCont li input { font-size: 14px; box-sizing: border-box; flex: 1; padding: 0; height: 50px;}
.formCont li span { text-align: center; width:20px; color: #FF0000; font-size: 14px; display: block; line-height: 50px;}
.formCont li textarea { font-size: 14px; line-height: 1.5; padding:14px 0; resize: none; box-sizing: border-box; flex: 1; height: 120px; font-family: '微软雅黑';}
.formCont button { display: block; border: none; background: #004C3F; width: 160px; height: 40px; border-radius:4px; margin: 40px auto 0; color: #ffffff;}
.audioCd {width: 500px;
    height: 500px;
    background: url(../images/img-new-bg.png) center no-repeat;
    background-size: cover;
    margin: 30px auto 0;
    position: relative; display: flex; justify-content: center; align-items: center;}
.audioCd>img { width:360px;animation: rotateAni 20s infinite linear forwards;-webkit-animation-play-state: paused;}
.audioCd.cur .audioBlock {transform: rotate(0);}
.audioCd.cur .cdPic {  -webkit-animation-play-state: running;}
@keyframes rotateAni {
	0% { transform: rotate(0);}
	100% { transform: rotate(360deg);}
}
.audioBlock {position: absolute; transform-origin: right top; transition: all .6s; transform: rotate(-36deg); top: 0px; right:70px; width: 88px;}
.videoControlBtn { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 32px; height: 32px;
cursor: pointer; background: url(../images/playIcon.png) center no-repeat;}
.videoControlBtn.pauseState { background: url(../images/pause.png) center no-repeat;}

.aplayer-volume-wrap { display: none!important;}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { margin-top: -3.5px; background: #FF940D; border: 1px solid #FF940D;}
.aplayer { border: none; box-shadow: none;}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { height: 4px;}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { height: 4px;}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { height: 4px;}
.aplayer-music { display: none;}
.articleMedium { position: relative;}
.aplayer .aplayer-pic { position: absolute; top: 234px; left: 50%; transform: translateX(-50%);
 width:32px; height: 32px;}
.aplayer .aplayer-pic img { display: none;}
.aplayer .aplayer-pic .aplayer-play { border: none;}
.aplayer .aplayer-pic .aplayer-button { box-shadow: none; background: none;}
.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play { display: none;}
.aplayer .aplayer-pic .aplayer-play { width: 32px; height: 32px; background: url(../images/playIcon.png) center no-repeat;}
.aplayer .aplayer-pic .aplayer-pause { bottom: auto; left: auto; right: auto; border: none; width: 32px; height: 32px; background: url(../images/pause.png) center no-repeat;}
.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause { display: none;}
.aplayer .aplayer-info { height: auto; margin: 0;}
.aplayer-controller { margin: 0; display: flex; align-items: center; justify-content: space-between;}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { margin: 0 20px; flex: 1;}
.aplayer-controller span { color: #666;}
.lq-score { padding:20px 0; align-items: center; display: flex; justify-content: space-between; flex-direction: row-reverse;}
.lq-score ul{ display: flex;}
.lq-score li { cursor: pointer; font-size: 36px!important;}
.lq-score button { cursor: pointer; color: #ffffff; background: #037558; border-radius:16px; border: none; font-size: 16px; padding: 0 20px; line-height: 2;}
.articleTitl p { align-items: start; display: flex;}
.articleTitl p span { line-height: 24px; margin-right: 10px; display:inline-flex; white-space: nowrap;}
.articleTitl p b { font-weight: bold; max-width: calc(100% - 100px);}

/**/
.permissionType { display: flex; align-items: center; flex-wrap: wrap;}
.permissionType a { line-height: 2.5; margin-right: 15px; display: block; background: rgb(225,243,240); color: #004C3F; padding: 0 16px; border-radius:6px; border: 1px solid rgb(203,236,230);}
.permissionType a.cur { color: #ffffff; background: #004C3F;}
.typeSlide { padding: 0; display: block;}
.permissionTable table { width: 100%;}
.permissionTable table th,.permissionTable td { line-height: 35px; font-size: 12px; color: #3D3D3D;}
.permissionTable td a { color: #077B67; text-decoration: underline;}
.permissionTable { margin-top: 20px;}
@media screen and  (max-width:1680px){
	.containers { width: 1200px; max-width: 92%;}
	.homeResource h2,.homeResource li p,.homePartner h2 { font-size: 30px;}
	.homePartner,.homeActive { padding: 60px 0;}
	.homeResource { padding-bottom: 60px;}
	.homeNews { padding: 60px 0; margin: 60px auto;}
	.homeDesc { margin: 60px auto;}
	.aimDesc { font-size: 16px;}
	.historyHome { margin: 60px auto; padding: 60px 0;}
	.titleHome { font-size: 30px;}
	.homeLink li span { font-size: 14px; line-height: 1.2;}
	.videDesc { padding: 10px;}
	.articleTitle h2 { font-size: 24px;}
	.textNews li h2 { font-size: 20px; margin-bottom: 15px;}
	.textNews li span { font-size: 20px;}
	.videoPost { height: 190px;}
}

@media screen and  (max-width:1280px){
	.iconChange { width: 100px; height: 100px;}
	.inforDesc p { font-size: 14px;}
	.inforCont { padding: 20px;}
	.slideIcon img { height: 50px;}
	.dataSlide p { margin: 5px 0;}
	.activeEnter a { font-size: 14px;}
	.activeIcon img { height: 32px;}
	.dataType a { font-size: 16px;}
	.audioTit img { width: 40px;}
	.audioTit p {width: calc(100% - 50px); font-size: 16px; line-height: 20px;}
	.h140 { display: none;}
	.historySwiper .swiper-button-next { right: 2%;}
	.historySwiper .swiper-button-prev { left: 2%;}
	.headerTop { display: none;}
	.header { background: #ffffff!important;}
	.headerCont { height: 60px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo { height: auto;}
	.header .logo img { opacity: 1!important;}
	.header .logo img:nth-child(2) { opacity: 0!important;}
	.header .nav li h2 a { line-height: 80px;}
	.langChose h2 { line-height: 60px;}
	.header .nav li h2 a{ font-size: 16px; color: #3D3D3D;}
	.header .logo img {height:30px;}
	.nav { height: calc(100vh - 60px); position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block; position: absolute;right:5px; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left:7.5px;width: 30px;height: 2px;background-color:#004C3F;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px;}
	.menubox div:nth-child(3){top: 29px;}
	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.nav li dl { box-shadow: none; position: static; margin: 0; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:40px;}
	.nav li dl dt a { text-align: left;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px!important;}
	.npd { padding: 0!important;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.headerTool { min-width: auto; margin-right:40px;}
	.header .headerTool a.searchEnter { background: url(../images/searchBlack.png) center no-repeat!important; background-size: 100% auto!important;}
	.header .toolLine { background: #979797!important;}
	.header .nav li h2 a { color:#3D3D3D!important}
	.solognTit { font-size: 20px;}
	.solognTit img { width: 50px;}
	.sologn li span { font-size: 14px;}
	.sologn li { padding: 40px;}
	.descArt a { font-size: 16px;}
	.searchSub { top: 60px;}
	.searchLogo { display: none;}
	.closeSearch { line-height: 48px;}
	.hotSearch p a { font-size: 14px;}
	.titleHome { font-size: 20px; margin-bottom: 20px;}
	.historySwiper p { font-size: 20px;}
	.historySwiper span { font-size: 16px;}
	.historyPic { height: auto;}
	.moreActive a { font-size: 14px;}
	.moreActive a i { width: 33px; height: 21px; background-size: 100% auto!important;}
	.moreActive { margin-top: 20px;}
	.articleAside { width: 300px;}
	.articleCont { width: calc(100% - 320px);}
	.articleTitl p { font-size: 20px;}
	.dowTag span { font-size: 14px; gap: 5px;}
	.dowTag span img { width:20px}
	.contactDesc h2 { font-size: 20px;}
	.contactDesc p { font-size: 16px;}
	.mediaLink li p { font-size: 20px;}
	.mediaLink li span { font-size: 16px;}
	.contactImg { width: 550px;}
	.contactDesc { padding: 40px; width: calc(100% - 550px);}
	.activeNewsText p { font-size: 16px; line-height: 1.5;}
	.activeNewsText h2 { font-size: 20px;}
	.activeNewsPic { width: 300px; height: 190px;}
	.activeNewsText { width: calc(100% - 320px);}
}
@media screen and  (max-width:1080px){
	.sologn { margin:30px auto;}
	.sologn ul { flex-direction: column;}
	.sologn li { margin-bottom: 10px; max-width: 100%; padding: 20px; transform: translateY(0)!important;}
	.sologn li:last-child { margin-bottom: 0;}
	.sologn li span { margin-bottom: 10px;}
	.solognTit { margin-bottom: 10px;}
	.homeDesc { margin: 30px auto;}
	.homeDesc .homeFlex { padding-bottom: 0; flex-direction: column;}
	.descImg { width: 100%;}
	.descArt { background: #F0F0F0; width: 100%; padding: 20px;}
	.homeFlex::after { display: none;}
	.descArt h2 { font-size: 20px;}
	.descArt p { margin: 10px 0; line-height: 1.5;}
	.descArt a { font-size: 14px;}
	.homeLink ul { overflow-x:auto; white-space: nowrap;}
	.homeLink li { min-width:220px; padding: 20px; margin-right: 5px;}
	.homeLink li span { font-size: 14px;}
	.homeNews { margin: 30px auto; padding: 30px 0;}
	.newsHd a { font-size: 14px;}
	.newsHd img { width: 20px; margin-left: 10px;}
	.newsType span { font-size: 20px; padding-bottom: 10px;}
	.newsDesc a { flex-direction: column; padding: 20px 12px;}
	.newsDesc span { max-width: 100%; font-size: 14px; line-height:1.5;}
	.newsDesc p { font-size: 20px; margin-bottom: 10px;}
	.newsDesc p b { font-size: 26px;}
	.newsHd { margin-bottom: 30px;}
	.homeResource h2 { font-size: 20px; margin-bottom: 30px;}
	.homeActive { padding: 30px 0;}
	.newsHd p { font-size: 20px;}
	.activeAlbum { padding: 30px 0;}
	.homePartner h2 { font-size: 20px;}
	.homePartner { padding: 30px 0;}
	.aimFlex { flex-direction: column;}
	.aimDesc { width: 100%;}
	.aim { padding: 20px; margin-top: 30px;}
	.aimFlex img { width: 100px; margin-bottom: 20px;}
	.historyHome { margin: 30px auto; padding: 30px 0;}
	.aim h3 { font-size: 20px;}
	.historySwiper .swiper-button-next,.historySwiper .swiper-button-prev { width: 32px; height: 32px; background-size: 100% auto!important;}
	.articleFlex { flex-direction: column;}
	.articleCont { width: 100%;}
	.articleCont { padding: 20px;}
	.audioCd { width: 280px; height: 280px;}
	.audioBlock { width:50px; right: 20px;}
	.aplayer .aplayer-pic { top: 124px;}
	.articleAside { width: 100%;}
	.hotTitle { font-size: 20px;}
	.hotNotice { padding: 10px 15px; margin: 20px auto;}
	.articlePage a.backMenu { font-size: 16px; line-height: 3;}
	.artInforDesc li { font-size: 14px; padding: 5px 0;}
	.starCont h2 { font-size: 16px; line-height: 3;}
	.starList img { width: 20px;}
	.contactPage { padding: 0 0 30px; overflow: hidden;}
	.contactInfor { flex-direction: column;}
	.contactImg { width: 100%;}
	.contactImg img { display: block;}
	.contactDesc { width: 100%; padding: 20px;}
	.contactDesc h2 { margin-bottom: 20px;}
	.conIcon { width: 40px; height: 40px;}
	.conIcon img { width: 20px;}
	.contactDesc p { font-size: 14px; margin-bottom: 10px;}
	.mediaLink h2,.contactForm h2 { font-size: 20px; margin: 30px auto;}
	.bannerText { font-size: 20px;}
	.loginCont { flex-direction: column; height: auto;}
	.loginImg { display: none; width: 100%; height: 200px; overflow: hidden;}
	.loginImg img { width: 100%; height: 100%; display:block; object-fit: cover;}
	.loginForm { padding: 20px;}
	.loginForm li img { height: 32px;}
	.loginForm li input[type="text"], .loginForm li input[type="password"] { height: 32px; text-indent: 10px;}
	.loginForm h2 { margin: 20px auto; padding-bottom: 10px;}
	.loginForm h2::after { height: 2px;}
	.userCont { flex-direction: column;}
	.userLeft { width: 100%; margin: 0;}
	.userBox { max-width: 100%;}
	.setInfor { padding: 15px;}
	.setMenu a { font-size: 14px; padding: 10px 4px;}
	.activeDesc { padding: 10px;}
	.activeControl { flex-direction: column; justify-content: start;}
	.activeTag { flex-direction: column; justify-content: start; align-items: flex-start; gap: 5px;}
	.checkEnter a { width: 100px; margin: 20px auto 0; text-align: center;}
	.activeControl { padding: 10px;}
	.userMenu h2 { background: #004C3F; color: #ffffff; display: block; font-size: 20px; line-height: 26px; position: relative;padding: 15px 20px; padding-right: 50px; }
	.userMenu h2 i { background: url(../images/icon-arrow18.png) center no-repeat;position: absolute; right: 15px; top: 50%; width: 24px; height: 24px; -webkit-background-size: contain; background-size: contain; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
	.subCont { display: none;}
	.userControl { padding-top: 30px;}
	.controlBtn { margin-top: 30px;}
	.userPic { width: 100px; height: 100px;}
	.controlBtn { line-height: 50px;}
	.userMenu { margin-bottom: 20px;}
	.footerLink { display: none;}
	.footerLeft { border: none; width: 100%;}
	.footerShare ul { justify-content: start;}
	.copyFlex { line-height: 1.5; text-align: center; flex-direction: column; justify-content: center; align-items: center; padding: 10px 0;}
}
@media screen and  (max-width:780px){
	.footLogo { width: 100%; display: flex; justify-content: center;}
	.footerShare li { margin: 0;}
	.footerShare ul { justify-content: center; gap: 10px;}
	.scanBox { max-width: 100%;}
	.formCont { padding: 20px;}
	.formCont li { width: 100%;}
	.mediaLink li p { font-size: 16px; margin: 10px 0 0;}
	.mediaLink li span { font-size: 14px;}
	.mediaLink ul { gap:10px 0; justify-content: space-between;}
	.mediaLink li { padding: 10px; text-align: center; width:calc(50% - 5px); flex-direction: column-reverse; box-sizing: border-box;}
	.articleText { font-size: 14px;}
	.articleTitl p {max-width: calc(100% - 100px);}
	.saveControl { font-size: 14px; width: 90px;}
	.saveControl i { width: 20px; margin-right: 10px;}
	.articleTitl p { font-size: 16px;}
	.homePartner h2 { margin-bottom: 20px;}
	.homeResource h2 { margin-bottom: 20px;}
	.newsSlide li { width:100%;}
	.newsHd { margin-bottom: 20px;}
	.newsImg { height: auto;}
	.newsBd ul { gap: 10px;}
	.homeResource li { height: 200px; margin-bottom: 10px; width: 100%!important;}
	.homeResource li p { margin-top: 20px; padding-bottom: 10px; margin-left: 20px; font-size: 20px;}
	.homeResource li i { margin-left: 20px;}
	.homeResource li p::after { height: 2px;}
	.homeResource { padding-bottom: 30px;}
	.homeActive li { width: 100%;}
	.homeActive li a { flex-direction: column;}
	.activePic { width: 100%; height: auto;}
	.activeInfor { width: 100%; margin-top: 10px;}
	.homeActive ul { gap: 10px;}
	.swiper-djwh1 .swiper-slide { width: 50%;}
	.activeAlbum h4 { margin-top: 20px; font-size: 16px;}
	.activeAlbum .swiper-button-prev, .activeAlbum .swiper-button-next { bottom: 10px; width: 32px; height: 32px;}
	.homePartner ul { gap: 10px;}
	.homePartner li { width: calc((100% - 20px)/3);}
	.aboutActive li { width: 100%;}
	.aboutActive li i { font-size: 14px; line-height: 30px;}
	.aboutActive li { margin-bottom: 10px; padding: 30px 12px 12px;}
	.aboutActive li h2 { font-size:16px}
	.aimDesc { font-size: 14px;}
	.newsFlex { flex-direction: column;}
	.hotNews { display: none;}
	.newsMenu { width: 100%; margin: 30px auto;}
	.menuConts h2 i { background: url(../images/icon-arrow18.png) center no-repeat;position: absolute; right: 15px; top: 50%; width: 24px; height: 24px; -webkit-background-size: contain; background-size: contain; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
	.menuConts { border: none;}
	.menuConts ul { display: none;}
	.menuConts h2 { font-size: 20px; line-height: 26px; position: relative;padding: 15px 20px;  padding-right: 50px;}
	.listCont { width: 100%;}
	.listTitle p { font-size: 20px;}
	.userLocation a { font-size: 14px;}
	.userLocation { font-size: 14px;}
	.userLocation span { margin: 0 5px;}
	.listCont { padding: 0;}
	.importantActive li h2 span { font-size: 14px;}
	.importantActive li h2 b { font-size: 16px;}
	.importantActive li p { font-size: 14px;}
	.tagSlide { flex-direction: column; gap: 5px;}
	.menuConts li h3 { padding: 15px 45px 15px 25px;}
	.titleCont span { font-size: 14px; margin-right: 7px;}
	.titleCont { font-size: 16px;}
	.applyTag { margin-top: 10px; padding: 20px; flex-direction: column;}
	.applyTag li { font-size: 14px;}
	.applyTag li img { width: 20px;}
	.applyTag .joinBtn { width: 100%; margin-top: 10px; padding: 15px 0;}
	.articleDetail { line-height: 1; padding: 0 0 20px;}
	.articleDetail br { line-height:0px; height: 0;}
	.userLocation { margin: 20px auto;}
	.dataType a { margin: 0; font-size: 14px; padding-bottom: 5px;}
	.dataType { gap:10px}
	.typeSlide span { font-size: 14px;}
	.typeSlide i { line-height: 2; font-size: 14px;}
	.typeSlide { padding: 10px 20px; gap: 5px;}
	.audioPage li { width: 100%;}
	.dataPage .audioPage .tagSlide { flex-direction: row;}
	.audioPage ul { gap:10px;}
	.audioTit { margin-bottom: 10px;}
	.audioPage { margin: 20px auto;}
	.baseSearch { margin: 20px auto;}
	.baseSearch select { margin-right: 10px; font-size: 14px; padding: 0;}
	.baseSearch { height: 40px;}
	.baseSearch input { text-indent: 10px; font-size: 14px; height: 32px;}
	.baseSearch button { width:60px; height: 40px; font-size: 14px;}
	.baseSearch button img { display: none;}
	.baseSearch select { width: 80px;}
	.titleCell { margin-bottom: 20px;}
	.teachData li { width: 100%;}
	.teachData li p { font-size: 14px; margin: 10px 0;}
	.teachTag .tagSlide { flex-direction: row;}
	.videoList li { width: 100%;}
	.titleCell a { font-size: 14px; background-size: 20px auto!important; padding-right: 26px;}
	.titleCell p { font-size: 18px; line-height: 2;}
	.videDesc { padding: 10px;}
	.videoList ul { gap: 10px;}
	.audioList li { width: 100%;}
	.picartFlex { flex-direction: column;}
	.bigArt { width: 100%;}
	.artDesc p { margin-bottom: 10px; font-size: 14px;}
	.artDesc { padding: 10px;}
	.smallArt { width: 100%;}
	.smallArt li { width: 100%;}
	.bigArt { margin-bottom: 10px;}
	.smallArt ul,.teachData ul { gap: 10px;}
	.artDesc h2 { font-size: 16px;}
	.smallArt li h2,.videDesc h2 { font-size: 16px; margin-bottom: 10px;}
	.activeNews a { flex-direction: column;}
	.activeNewsText { width: 100%;}
	.activeNewsText h2 { font-size: 16px; margin-bottom: 10px;}
	.activeNewsText p { font-size: 14px; margin-bottom: 20px;}
	.activeNewsText::after { height: 2px;}
	.activeNewsPic { width: 100%; height: auto; margin-bottom: 10px;}
	.listTitle { padding-bottom: 10px; margin-bottom: 20px;}
	.activeNews li { margin-bottom: 20px;}
	.articleTag { justify-content: start; padding: 10px; gap: 5px 0; margin-bottom: 20px;}
	.articleTag span { font-size: 14px; width: 50%; margin: 0;}
	.articleTitle h2 { font-size: 20px;}
	.linkDown li { padding: 15px; margin-bottom: 10px; flex-direction: column; align-items: flex-start;}
	.downDesc { width: 100%;}
	.downDesc h2 {font-size:14px}
	.downDesc p { font-size: 14px;}
	.docIcon { display: none;}
	.linkDown li a { width: 100px; margin-top: 10px; height: 32px; font-size: 14px;}
	.linkDown li a img { width: 20px;}
	.articleFpage { margin-bottom: 30px;}
	.articleFpage a { font-size: 14px;}
	.textNews li { padding: 10px 0;}
	.textNews li h2 { font-size: 16px; margin-bottom: 10px;}
	.textNews li p { font-size: 14px; margin-bottom: 10px;}
	.textNews li span { font-size: 16px;}
	.articleTitl { margin-bottom: 20px;}
	.articleMedium { padding-bottom: 20px; margin-bottom: 20px;}
	.teachList li { width: 100%;}
	.teachList ul { gap:10px; margin: 20px auto;}
	.hotNotice .tagSlide {  flex-direction: row; gap: 10px;}
	.downCont { padding: 20px;}
	.downCont a { font-size: 16px; line-height: 42px;}
	.downCont a img { width: 20px;}
	.inforForm { padding: 20px;}
	.formControl { padding: 0;}
	.resourceTable  { overflow-x: auto;}
	.resourceTable table { min-width:700px;}
	.setMenu { overflow-x: auto;}
	.setMenu a { white-space: nowrap;}
	.setMenu span { min-width: 1px;}
	.inforForm li { margin-bottom: 10px; flex-direction: column;}
	.uploadCont { width: 100%;}
	.uploadCont b { width: 100px;}
	.inforForm li>input, .inforForm li>select { flex: auto; width: 100%;}
	.inforForm ul { margin-bottom: 20px;}
	.permissionSet { max-width: 100%; padding: 10px;}
	.typeSlide { gap: 10px; padding: 10px 20px;}
	.permissionSet h3 input, .typeSlide p input { margin-right: 5px;}
	.userInfor { flex-direction: column; margin-bottom: 10px;}
	.inforCont { width: 100%; margin-bottom: 10px;}
	.inforData { width: 100%;}
	.slideIcon img { height: 40px;}
	.dataSlide { padding: 20px 0;}
	.activeCenter { flex-direction: column;}
	.activeSlide { width: 100%;}
	.dataSlide span { font-size: 20px;}
	.activeSlide:nth-child(1) { margin-bottom: 10px;}
	.saveHistory { margin-top: 10px;}
	.hotNotice .videoList ul { gap: 10px;}
	.hotNotice .videoList li { width: 100%;}
	.aboutTitle { font-size: 20px; margin-bottom: 20px;}
	.permissionType a { padding: 0 10px; font-size: 14px; margin: 0;}
	.permissionType { gap: 10px;}
	.permissionTable { overflow-x: auto;}
	.permissionTable th,.permissionTable td { padding:5px; line-height: 1.5; }
	.permissionTable input { display: block;}
	.permissionTable a { white-space: nowrap;}
}