@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, 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-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}

/* CSS Document */
.homeBg {min-height: 100vh; background: url(../images/homeBg.png) center no-repeat; background-size: cover;}
.topCont { position: absolute; top: 50%; transform: translateY(-60%); width: 100%; background-size: cover;}
.logoCont { margin-bottom: 60px; text-align: center;}
.logoCont img { max-width: 35%;}
.downLoadlist { width: 1536px; margin: 0 auto; max-width: 92%;}
.downLoadlist ul {overflow: hidden;}
.downLoadlist li { float: left; width: 33.33%; text-align: center;}
.downLoadlist li img { display: block; width: 70%; margin: 0 auto;}
.mailBtn { display: block; width: 25%; margin:60px auto 0;}
.mailBtn img { display: block; width: 100%;}
.downLoadlist { }
.teachPage { background:url(../images/link1Bg.png) center no-repeat; background-size: cover;}
.link2Bg {overflow: hidden; background:url(../images/link2Bg.png) center no-repeat; background-size: cover;}
.topLogo { display: block; margin: 0 auto; width: 35%;}
.contPage { width: 1536px; margin: 0 auto; max-width:92%;}
.downBtn { display: block; margin: 0 auto 40px; width: 128px; background:#4a96c5; text-align: center; line-height: 46px; color: #ffffff; font-size: 16px; border-radius: 46px;}
.contPage ul {padding-bottom: 40px; display: grid;place-items: center; grid-template-columns: repeat(3, minmax(0, 1fr));    gap: .2rem;}
.contPage li { width: 66.66%;}
.contPage li img {    width: 306px;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    max-width: 100%;}
.contPage li h5 {    background:#4a96c5; color: #fff; font-weight: 600; font-size: 18px; padding: 12px 4px; border-radius: 80px; text-align: center;}
.fixTop { }
.fixTop img { max-width: 50%; margin: 0 auto; display: block;}
.fixCont { width: 1320px; margin: 0 auto; max-width: 92%;}
.fixCont .logo { height: 70px; margin-top: 3px;}
.pt { padding-top: 76px;}
.introduce { margin: 80px auto ; overflow: hidden; width: 1320px; max-width: 92%;}
.erwBar img{ display: block; margin:40px auto 0;}
.erwBar { width: 50%; float: left;}
.erwBar a { display: block; width: 190px; line-height: 36px; color: #ffffff; background:#4a96c5; text-align: center; margin:30px auto 0; border-radius: 4px;
font-size: 16px;}
.rightBuild { float: right; width: 50%;}
.rightBuild img { width: 400px; max-width: 90%;}
.ewmConts {overflow: hidden;}
.teachMap img { display: block; margin: 0 auto; max-width: 100%;}
.kf { position: fixed; right: 20px; bottom: 20px;}
.downLoadlist .mailBtn {background: url(../images/email.png) center no-repeat; width: 401px; height: 101px; text-align: center; background-size: 100% 100%; text-align: center;
line-height: 101px; font-weight: bold; font-size: 26px; color: #fff;}
.downLoadlist>img { display: block; margin: 0 auto 40px; max-width: 75%;}
@media screen and  (max-width:780px){
	.topCont { transform: translateY(-52%);}
	.pt {padding-top: 0;}
	.introduce { margin: 40px auto;}
	.kf { width: 80px;}
	.kf img { display: block; width: 100%;}
	.ewmConts>div { width: 100%;}
	.downLoadlist li { margin: 0 auto 20px; float: none; width: 100%;}
	.mailBtn { width: 60%;}
	.downBtn { line-height: 36px;}
	.contPage ul {grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px}
	.contPage li { width: 100%;}
	.contPage li h5 { font-weight: normal; font-size: 14px; border-radius: 8px;}
	.downBtn { margin: 20px auto;}
	.topLogo { width: 55%; }
	.rightBuild img { display: block; margin: 0 auto;}
	.erwBar img { margin: 0 auto;}
	.downLoadlist .mailBtn { width: 240px; height:60px; line-height:60px; font-size: 16px;}
	.logoCont img { max-width: 50%; margin-top:20px;}
	.downLoadlist { position: static; width: 100%; max-width: none; transform: translate(0);}
	.downLoadlist>img { max-width: 90%; margin-top: 20px;}
	.kf { bottom:20px;}
	.fixTop img { max-width: 70%; margin:20px auto;}
}

@media screen and  (max-width:780px){
	.logoCont { margin-bottom: 20px;}
	.downLoadlist .mailBtn {margin-top: 20px;}
}