body, ul, li {
	margin: 0px;
	padding: 0px;
	font-family:airal;
	color: #000;
	font-size: 16px;
	line-height: 130%;
	list-style: none;
}

a:link, a:visited {
	color: #000;
	text-decoration: none
}
a:hover, a:active {
	text-decoration: none;
	color: #5500ac;
}
img{vertical-align:middle;}
.wrapper{width: 1200px; margin: 0px auto; position: relative;}
   nav {position:relative;padding:10px;display:flex;justify-content: flex-end;align-items:center;flex:1 1 0; padding-top: 18px; padding-left: 300px;}
.menu {list-style:none;margin:0;padding:0;display:flex;flex:1 1 0;}
.menu li {flex:1 1 0; text-align: center;text-transform: uppercase;}
.menu li .over{	color: #5500ac;}
.menu li a {text-decoration:none;}
.menu-icon {display:none;}



header{display: flex; justify-content: space-between; padding: 10px 0px;position: relative;width: 1200px; margin: 0px auto;}
header .left{width:300px; height: auto;font-family: airal; position: absolute;}
header .left img{width:38px; height: auto; margin-top: 10px;}

header .left span{display: inline-block;padding: 12px 0px 0px 12px;font-size: 22px;position: relative;top:8px;}


.bgblue{background: #5500ac; padding: 22px 0px; margin-top: 12px;color: #fff;}
.banner1{display: flex;justify-content: space-between;}
.banner1 .left{flex:1 1 0; position: relative;}
.banner1 .left h1{font-size: 46px;text-transform: uppercase;z-index: 1000; position: relative;}
.banner1  .left h2{font-size: 38px; z-index: 1000;padding-left: 0px;}
.banner1 .left .bgblue2{width:50px; height:50px;background: #ae6bf3;position: absolute;top:10px; left:-10px;}
.banner1 .right{flex: 1.12 1 0; padding-top: 9px;}
.banner1 .right h1{font-size: 36px;z-index: 1000; position: relative; text-align: center;}
.banner1  .right h2{font-size: 28px; z-index: 1000;text-align: center; padding-bottom: 38px;;padding-left: 0px;}
.xueyuan img{width: 100%; height: auto; margin:22px 0px;}
  .carousel {position:relative;width:70%;overflow:hidden;margin:0px auto;padding-bottom:30px;}
.slides {display:flex;transition:transform 0.5s ease;}
.slide {text-align:center;width:100%;flex-shrink:0;position:relative;box-sizing:border-box;display: flex;align-items: center;}

.dots {position:absolute;bottom:10px;width: 100%; display:flex;justify-content:center;align-items:center;flex-wrap: wrap;}
.dot {width:6px;height:6px;background-color:#ccc;margin:0 5px;cursor:pointer;transition:background-color 0.3s ease;margin-bottom: 12px; overflow: hidden;border-radius: 50%;}
.dot.active {background:#621aab;}
.arrow {position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;padding:10px;cursor:pointer;z-index:100;}
.left-arrow {left:10px;}
.right-arrow {right:10px;}
#banner1 img{width: 100%;height: auto;}
#banner1{background: #fff; height: 628px;}
#banner2 img{width: 100%;height: auto;}
#banner3 {width:40%; margin: 0px auto;}
#banner3 img{width: 100%;height:auto;}

.banner1  h6{display: block; background: #3d0676; border-radius:2px; text-align: center;margin-bottom: 11px;cursor:pointer;padding: 6px 12px;margin: 0; margin-bottom: 12px;border:1px solid #b891e1}
.banner1  h6 a{ text-align: left;padding-left: 60px ; display: block;color:#fff;}
.banner1  h6 b{font-weight: normal;display:block;text-align: left;padding-left: 60px;color: #fff;}
.guodu img{height: 20px; width: auto; padding-right: 28px;}
.guodu{ transition: background 0.3s;color: #000;}

.guodu{ transition: background 0.3s;font-size: 16px; font-weight: normal;}

.guodu:hover{background:#9350d8;border-radius:1px; 	color: #0e02b0;}
 /* 模态框样式 */
  .modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明灰色背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
.modal-content img{width:auto;height: auto;}
  .modal-content {
    background-color: #fff; /* 白色内容区域 */
    padding: 20px;
    border-radius: 5px;
    position: relative;
  }

  .close-btn {
    position: absolute;
    top: 10px;
    right: 10px; font-size: 22px;
    cursor: pointer;
  }

.title{text-align: center;font-size: 32px; padding-top: 28px;color: #5500ac;}
.kemu dl{display: flex; justify-content: space-between;flex-wrap: wrap; padding: 0px 16%; padding-bottom: 0px; padding-top: 0px;}
.kemu dt{width: 32%; margin-bottom: 38px;}
.kemu dt img{width: 100%; height:auto; object-fit: cover;}
.kemu dl li:nth-child(1){font-size: 32px; font-weight: bold; padding-bottom: 18px; color: #005495;}
.kemu dl li:nth-child(2){font-size: 22px; padding-bottom: 12px;}
.youzhi ul{padding-left: 38px; }
.youzhi li{list-style: disc; padding-bottom: 12px;font-size: 18px;}
.youzhicontent{display: flex;}
.youzhi{flex:1 1 0;}
.baozheng2 {flex:1 1 0;}
.baozheng{display:flex;flex-wrap: wrap;}
.baozheng li{flex:1 0 30.333%; text-align: center; padding-bottom: 0px; position: relative;}
.baozheng li img{width:90%; height: auto;}
.baozheng li span{display: inline-block;border-radius: 50%; height: 30px; width: 30px; background:rgba(255,255,255,0.9); color: #000; font-size:16px; line-height: 30px; font-weight: bold; margin-top: 35px; position: absolute;top:-11%;left:45%; border:1px solid #ccc;}
.baozheng li h3{ font-size: 16px; margin-top: 15px;font-weight: normal;}
.centerbg{background: #f5f4fa;}

.zhengshu{display: flex; margin-top: 58px; margin-bottom: 58px;}
.zhushuimg{flex:1 1 0;background: #3c0772;}
.zhushucontent{flex:1 1 0;}
.zhushucontent h1{margin-top: -20px;}

h2{font-size: 18px; font-weight: normal; padding-left: 38px;}
.zhushucontent .img img{width: 100%;height: auto;}
.zhushucontent h4{padding-left: 0px;font-size: 22px;display: flex;justify-content: center;margin-bottom: 0px;}
.zhushucontent h4 img{height: 80px;width: auto;margin-right: 12px;}
.three{padding: 30px 0px; }
.three ul{display: flex;justify-content: space-between;}
.three li{width: 32%;background: #fff;color: #621aab; text-align: center;border: 1px solid #621aab; padding: 0px 12px;box-sizing: border-box;}
.three li img{height: 58px; margin-top: 18px; width: auto;}
.three li  h3{font-size: 16px; font-weight: normal;}

.good{margin-bottom: 58px;}
.white{color: #fff;}
.fudao{display: flex;flex-wrap: wrap;}
.fudao li{color: #dabef8;width:50%;border:1px solid #9d64d8; margin-left: -1px; padding: 22px;box-sizing: border-box; margin-top: -1px;  transition: background-color 0.3s ease, border-color 0.3s ease; 
}
.fudao li h2{border-bottom: 2px solid #9d64d8; line-height: 58px; margin-top: 0px;color: #fff;}
 
.fudao li:hover {
  background-color: #4a1284; 
  border: 1px solid #811de8; 
}



.anquan{margin-top:58px; margin-bottom: 98px; display: flex;}
.anquan span{font-weight: bold;color: #621aab; font-size: 22px; position: relative;bottom: -28px;font-style: italic;}
.qnauanp{margin-top: 52px;}
.anquan article:nth-child(1){padding-right: 68px;}
.anquanimg{width: 400px; height: auto;}
footer{background: url(../images/map.png) no-repeat center center;background-size:auto 290% ;color: #fff;}
footer article{background: rgba(4, 0, 54, 0.9); padding: 38px 0px;}
footer h3{text-align: center; padding-top: 38px;}
footer  h3 span{display: inline-block;padding: 0px 22px;}
.footer  a{color: #fff;display: block;}
.footer h4{display: inline-block; margin: 20px 20px;background: #621aab;border-radius: 8px;padding: 0px 12px;}
.footer h4:hover{background: #271cc9;}
.footer hgroup{text-align: center;}
.footer p{text-align: center;}

.contactbutton a{ background-color:#5500ac;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 20px;
  transition: background-color 0.3s ease, border-radius 0.3s ease;}
.contactbutton a:hover{  background-color: #621aab;
  border-radius: 20px;}

.center{text-align: center;}
.terms{padding-bottom: 68px;}
.terms p{font-size: 18px; line-height: 150%;}
.terms h2{margin-top:38px;}
.terms a{color: #9835ff;}



/* 手机视图 */  
@media (max-width:1080px) {
	.menu-icon {display:block;}
	
	#menu-btn{color: #000;font-size: 28px;}
	.menu {flex-direction:column;position:absolute;top:50px;left:0;width:100%;display:none;background-color:#621aab;z-index:229991;background: rgba(255, 255, 255, 1); padding:0px;margin: 0px;}
.menu li {width:100%;}
.menu li a {padding:10px;display:block;}
.menu.active {display:flex;}
.menu-icon {display:block;cursor:pointer;}
.menu-icon button {background-color:transparent;border:none;color:white;font-size:1.5em;cursor:pointer;}
	.modal-content{margin: 0px 30px; text-align: center;}
.modal-content img{width:90%;height: auto;}
	
	
	
	
	.wrapper{width: 100%; margin: 0px auto; position: relative; padding: 0px 12px;box-sizing: border-box;}


header{display: flex; justify-content: space-between; padding: 10px 0px;height: 60px;position: inherit;width: 100%;box-sizing: border-box;}
header .left{width:300px; height: auto;font-family: airal; position: absolute;}
header .left img{width:38px; height: auto; margin-top: 10px; margin-left: 18px;}

header .left span{display: inline-block;padding: 12px 0px 0px 12px;font-size: 22px;position: relative;top:8px;}


.bgblue{background: #5500ac; padding: 22px 0px; margin-top: 12px;color: #fff;}
.banner1{display: flex;justify-content: space-between;flex-direction: column;}
.banner1 .left{flex:1 1 0; position: relative;}
.banner1 .left h1{font-size: 36px;text-transform: uppercase;z-index: 1000; position: relative;}
.banner1 .left h2{font-size: 28px; z-index: 1000;position: relative;}
.banner1 .left .bgblue2{width:50px; height:50px;background: #ae6bf3;position: absolute;top:10px; left:-10px;}
.banner1 .right{flex: 1.12 1 0;padding-top: 0px;}
.xueyuan img{width: 100%; height: auto; margin:22px 0px;}
  .carousel {position:relative;width:90%;overflow:hidden;margin:0px auto;padding-bottom:30px;}
.slides {display:flex;transition:transform 0.5s ease;}
.slide {text-align:center;width:100%;flex-shrink:0;position:relative;box-sizing:border-box;display: flex;align-items: center;}


.dots {position:absolute;bottom:10px;width: 100%; display:flex;justify-content:center;align-items:center;flex-wrap: wrap;}
.dot {width:6px;height:6px;background-color:#ccc;margin:0 5px;cursor:pointer;transition:background-color 0.3s ease;margin-bottom: 12px; overflow: hidden;border-radius: 50%;}
.dot.active {background:#621aab;}
.arrow {position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;padding:10px;cursor:pointer;z-index:100;}
.left-arrow {left:10px;}
.right-arrow {right:10px;}
#banner1 img{width: 100%;height: auto;}
#banner1{background: #fff; height: auto;}
#banner2 img{width: 100%;height: auto;}
#banner3 {width:100%; margin: 0px auto;}
#banner3 img{width: 100%;height:auto;}

	
	.banner1 .right{flex: 1.12 1 0; padding-top: 9px;}
.banner1 .right h1{font-size: 36px;z-index: 1000; position: relative; text-align: center;}
.banner1  .right h2{font-size: 28px; z-index: 1000;text-align: center; padding-bottom: 18px;}
	
	
	
.banner1  h6{display: block; background: #3d0676; border-radius:2px; text-align: center;margin-bottom: 11px;cursor:pointer;padding: 6px 12px;margin: 0; margin-bottom: 12px;border:1px solid #b891e1}
.banner1  h6 a{ text-align: left;padding-left: 10px ; display: block;color:#fff;}
.banner1  h6 b{font-weight: normal;display:block;text-align: left;padding-left: 10px;color: #fff;}
.guodu img{height: 20px; width: auto; padding-right: 28px;}
.guodu{ transition: background 0.3s;color: #000;}

.guodu{ transition: background 0.3s;font-size: 16px; font-weight: normal;}

.guodu:hover{background:#9350d8;border-radius:1px; 	color: #0e02b0;}
 /* 模态框样式 */
  .modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明灰色背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
.modal-content img{width:80%;height: auto;}
  .modal-content {
    background-color: #fff; /* 白色内容区域 */
    padding: 20px;
    border-radius: 5px;
    position: relative;
  }

  .close-btn {
    position: absolute;
    top: 10px;
    right: 10px; font-size: 22px;
    cursor: pointer;
  }

.title{font-size: 26px; padding-top: 18px;color: #5500ac; line-height: 150%; text-align: center;}
.kemu dl{display: flex; justify-content: space-between;flex-wrap: wrap; padding: 0px 2%; padding-bottom: 0px; padding-top: 0px;}
.kemu dt{width: 48%; margin-bottom: 18px;border:1px solid #ddd; padding: 6px;box-sizing: border-box;}
.kemu dt img{width: 100%; height:auto; object-fit: cover; display: none;}
.kemu dl li:nth-child(2){font-size: 22px; font-weight: bold; padding-bottom: 10px;  margin-top: -10px;}
.kemu dl li:nth-child(3){font-size: 18px; padding-bottom: 12px;}
	
	.kemu2 dl{display: flex; justify-content: space-between;flex-wrap: wrap; padding: 0px 2%; padding-bottom: 0px; padding-top: 0px;}
.kemu2 dt{width: 48%; margin-bottom: 18px;}
.kemu2 dt img{width: 100%; height:auto; object-fit: cover;}
.kemu2 dl li:nth-child(1){font-size: 32px; font-weight: bold; padding-bottom: 18px; color: #005495;}
.kemu2 dl li:nth-child(2){font-size: 22px; padding-bottom: 12px;}
	
	
	
.youzhi ul{padding-left: 38px; }
.youzhi li{list-style: disc; padding-bottom: 12px;font-size: 18px;}
.youzhicontent{display: flex;flex-wrap: wrap;flex-direction: column;}
.youzhi{flex:1 1 0;}
.baozheng2 {flex:1 1 0;}
.baozheng{display:flex;flex-wrap: wrap;flex-direction: column;}
.baozheng li{flex:1 0 30.333%; text-align: center; padding-bottom: 0px; position: relative;}
.baozheng li img{width:90%; height: 138px;object-fit: cover;}
.baozheng li span{display: inline-block;border-radius: 50%; height: 30px; width: 30px; background:rgba(255,255,255,0.9); color: #000; font-size:16px; line-height: 30px; font-weight: bold; margin-top: 35px; position: absolute;top:-11%;left:45%; border:1px solid #ccc;}
.baozheng li h3{ font-size: 19px; margin-top: 15px;font-weight: normal;}
.centerbg{background: #f5f4fa;}

.zhengshu{display: flex; margin-top: 1px; margin-bottom: 58px;flex-direction:column-reverse;}
.zhushuimg{flex:1 1 0;background: #3c0772;}
.zhushucontent{flex:1 1 0;}
.zhushucontent h2{font-size: 18px; font-weight: normal; padding-left: 38px;}
.three{padding: 3px 0px; }
.three ul{display: flex;justify-content: space-between;flex-direction: column;width:93%;margin: 0px auto;}
.three li{width: 100%;background: #fff;color: #621aab; text-align: center;border: 1px solid #621aab; padding: 0px 12px;box-sizing: border-box;}
.three li img{height: 58px; margin-top: 18px; width: auto;}
.three li  h3{font-size: 16px; font-weight: normal;}

.good{margin-bottom: 58px;}
.white{color: #fff;}
.fudao{display: flex;flex-wrap: wrap;}
.fudao li{color: #dabef8;width:100%;border:1px solid #9d64d8; margin-left: -1px; padding: 22px;box-sizing: border-box; margin-top: -1px;  transition: background-color 0.3s ease, border-color 0.3s ease; 
}
.fudao li h2{border-bottom: 2px solid #9d64d8; line-height: 58px; margin-top: 0px;color: #fff;}
 
.fudao li:hover {
  background-color: #4a1284; 
  border: 1px solid #811de8; 
}

	

.anquan{margin-top:58px; margin-bottom: 18px; display: flex;flex-direction: column;}
	.anquanone{flex-direction: column-reverse;}
.anquan span{font-weight: bold;color: #621aab; font-size: 22px; position: relative;bottom: -28px;font-style: italic;}
.qnauanp{margin-top: 12px;}
.anquan article:nth-child(1){padding-right: 0px;}
.anquanimg{width: 100%; height: auto; margin-top: 38px;}
footer{background: url(../images/map.png) no-repeat center center;background-size:auto 290% ;color: #fff; margin-top: 38px;}
footer article{background: rgba(4, 0, 54, 0.9); padding: 8px 0px;}
footer h3{text-align: center; padding-top: 38px;}
footer  h3 span{display: inline-block;padding: 0px 22px;}
.footer  a{color: #fff;display: block;}
.footer h4{display: inline-block; margin: 20px 20px;background: #621aab;border-radius: 8px;padding: 0px 12px;}
.footer h4:hover{background: #271cc9;}
.footer hgroup{text-align: center;}
.footer p{text-align: center;}

.contactbutton a{ background-color:#5500ac;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 20px;
  transition: background-color 0.3s ease, border-radius 0.3s ease;}
.contactbutton a:hover{  background-color: #621aab;
  border-radius: 20px;}
	.terms p{font-size: 16px; line-height: 150%;}
	
	
}