* {margin: 0;padding: 0;color: #333;}
a {text-decoration: none;color: #333;}
a:hover {color: #236cec;}
.main {width: 1280px;margin: 0 auto;}
.head {height: 110px;background: url("header.png") center center no-repeat;}
.head .main {justify-content: space-between;align-items: center;display: flex;height: 100%; position:relative;}
.head .main .logo {width: 360px;}
.wzsy{ position:absolute; right:0px ;top:0px; color:#fff;background: #0058fe;padding:3px 16px 6px 16px;border-radius:0px 0px 8px 8px;}
.wzsy:hover {color: #fff178;}
.nav {height: 56px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
.nav .icon {  display: none;}
.nav .main {display: flex;align-items: center;height: 100%;}
.nav .main>div div {  display: none;}
.nav .main>div {margin-right: 48px;}
.nav .main>div:last-child {margin-right: 0;}
.nav .main .on {color: #236cec;}
.banner {padding: 20px 0;}
.banner .main {border-radius: 16px;overflow: hidden;}
.banner .main .bd {height: 320px;}
.content {background: #f5f6fa;}
.content > .main {display: flex;flex-direction: column;}
.content > .main > * {margin-bottom: 36px;}
.content > .main > *:last-child {margin-bottom: 0;}
.content > .main .ai {padding-top: 30px;padding-bottom: 30px;}
.content > .main .ai > .hd {display: flex;flex-direction: column;align-items: center;padding: 36px;}
.content > .main .ai > .hd .title {font-size: 32px;font-weight: bold;display: flex;align-items: center;margin-bottom: 20px;}
.content > .main .ai > .hd .title span {margin: 0 20px;}
.content > .main .ai > .hd .title .decoration {width: 14px;height: 14px;background: #236cec;transform: rotate(45deg);position: relative;}
.content > .main .ai > .hd .title .decoration::after {content: "";position: absolute;box-sizing: border-box;width: 14px;height: 14px;border: solid 1px #236cec;transform: translate(4px, -4px);}
.content > .main .ai > .hd .title .decoration:nth-child(3) {transform: rotate(-135deg);}
.content > .main .ai > .hd .tabs {display: flex;}
.content > .main .ai > .hd .tabs .item {background: transparent;cursor: pointer;height: 36px;padding: 0 16px;color: #333;display: flex;align-items: center;position: relative;border-top: solid 1px #666;border-bottom: solid 1px #666;margin-right: 36px;flex-shrink: 0;}
.content > .main .ai > .hd .tabs .item:last-child {margin-right: 0;}
.content > .main .ai > .hd .tabs .item a {color: #333;}
.content > .main .ai > .hd .tabs .item::after,
.content > .main .ai > .hd .tabs .item::before {content: "";display: block;position: absolute;background: transparent;width: 25px;height: 25px;transform-origin: center center;transform: scaleX(0.5) rotate(45deg);transform-origin: 50% 50%;right: -14px;border-top: solid 1px #666;border-right: solid 1px #666;top: 6px;}
.content > .main .ai > .hd .tabs .item::before {border: none;right: auto;left: -14px;border-left: solid 1px #666;border-bottom: solid 1px #666;}
.content > .main .ai > .hd .tabs .item.on {background-color: #236cec;}
.content > .main .ai > .hd .tabs .item.on a {color: #fff;}
.content > .main .ai > .hd .tabs .item.on::after,
.content > .main .ai > .hd .tabs .item.on::before {background-color: #236cec;border-color: #236cec;}
.content > .main .ai > .hd.tal {align-items: flex-start;padding-left: 0;}
.content > .main .ai > .bd .znt {display: grid;flex-wrap: wrap;grid-template-columns: repeat(4, 1fr);gap:30px;}
.content > .main .ai > .bd .item {background-color: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);cursor: pointer;}
.content > .main .ai > .bd .item .img {width: 100%;height: 160px;background-position: center center;background-size: 100%;transition: all 0.3s;}
.content > .main .ai > .bd .item:hover .img {background-size: 110%;}
.content > .main .ai > .bd .item .text {display: flex;flex-direction: column;padding: 20px 20px;}
.content > .main .ai > .bd .item .text > * {margin-bottom: 12px;}
.content > .main .ai > .bd .item .text > *:last-child {margin-bottom: 0;}
.content > .main .ai > .bd .item .text .title {font-size: 18px;font-weight: bold;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
.content > .main .ai > .bd .item .text .desc {display: flex;justify-content: space-between;font-size: 14px;}
.content > .main .ai > .bd .item .text .desc .school {color: #666;width: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content > .main .ai > .bd .item .text .desc .teacher {color: #666;}
.content > .main > .line {display: grid;grid-template-columns: repeat(5, 1fr);gap:25px;}
.content > .main > .line a {background: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);overflow: hidden;border-radius: 12px;}
.content > .main > .line a:last-child {margin-right: 0;}
.content > .main > .line a img {width: 100%;}
.content > .main > .footer {display: flex;flex-direction: column;align-items: center;padding: 48px 0;font-size: 14px;line-height: 24px;}
.content > .main > .footer * {color: #999; text-align:center;}
#mobAi {  display: none;}
#imgConac{ width:60px; margin:6px;}



@media screen and (max-width:750px) {
	
body {  overflow-x: hidden;}
html {}
.head {  height: 52px;}
.main {  width: calc(100% - 24px);}
.head img {  width: 90%;  height: auto;}
.wzsy{ display:none;}
.banner {  padding: 0;  height: 110px;}
.banner .main {  width: 100%;  border-radius: 0px;}
.banner .main img {  height: 110px;width: 100vw;  object-fit: cover;}
.banner .main img {  position: absolute;  left: 50%;width:100vw;  transform: translate(-50%);}
.content > .main .ai > .hd {padding: 26px;}
.content > .main .ai > .bd .znt {grid-template-columns: repeat(2, 1fr);gap: 12px;}
.content > .main .ai > .bd .item .text .title {font-size: 16px;}
.content > .main .ai > .bd .item .text .desc {  flex-direction: column;}
.content > .main > .line {grid-template-columns: repeat(2, 1fr);gap:12px;}
.content > .main > .footer {  text-align: center;}
.nav .icon img {  height: 60%;}
.nav {  position: absolute;  top: 0;  right: 0;  width: 52px;  z-index: 10;}
.nav .icon {  display: flex;  width: 52px;  height: 52px;  justify-content: center;  align-items: center;}
.nav .icon img:last-child {  display: none;}
.nav .main {  width: 100vw;  flex-direction: column;  background: #fff;  position: absolute;  right: 0;  height: auto;  padding-bottom: 10px;  display: none;}
.nav .main a {  height: 56px;  line-height: 56px;  margin-right: 0px;  display: block;  width: auto;  text-align: center;}
.nav.on .main {  display: flex;}
.nav.on .icon img:last-child {  display: block;}
.nav.on .icon img:first-child {  display: none;}
.nav .main>div {  margin: 0;  width: 100%;  text-align: left;  padding-left: 10vw;  box-sizing: border-box;  gap: 4vw;  display: flex;border-bottom: solid 1px #f0f0f0;}
.nav .main>div div {  display: inline-block;  font-size: 14px;  padding: 8px 0;display: flex;  flex-wrap: wrap;flex: 1;}
.nav .main>div div a {  color: #999;  height: 40px;  line-height: 40px;  padding: 0 5vw;display: inline-block;}
.nav .main>div>a {  flex-shrink: 0;}
.content > .main .leftNav {  display: none !important;}
.content > .main .ai > .hd .title span {  font-size: 30px;}
.pagination .left {  display: none !important;}
.content > .main .ai > .bd .item .img {  height: 30vw;}
#ai {  display:none ;}
#mobAi {  display: flex;flex-direction: column;padding-top: 32px;}
#mobAi .navlink {  display: flex;  flex-wrap: wrap;}
#mobAi .navlink a {  display: block;  width: calc((100% - 32px)/3);  text-align: center;  background: #fff;  margin-bottom: 16px;  margin-right: 16px;  line-height: 44px;  border: solid 1px #eee;  box-sizing: border-box;  border-radius: 8px;}
#mobAi .navlink a:nth-child(3n) {  margin-right: 0px;}

}