#main .navbox {
  width: 100%;
  height: 60px;
  background-color: #5a0099;
}
#main .navbox.fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}
#main .navbox>div {
  width: 1200px;
  height: 60px;
  margin: 0 auto;
  align-items: flex-end;
  position: relative;
  z-index: 1;
}

#main .navbox>div .navitem {
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  color: #ffffff;
  padding: 0 20px;
  height: 50px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

#main .navbox>div .navitem:hover,
#main .navbox>div .navitem.active {
  color: #5a0099;
  transition: all .3s;
}

#main .navbox>div .navitem::after {
  content: "";
  width: 100%;
  height: 0;
  background: #ffffff;
  border-radius: 6px 6px 0px 0px;
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: -1;
  transition: all .2s;
}

#main .navbox>div .navitem:hover::after,
#main .navbox>div .navitem.active::after {
  height: 50px;
  transition: all .2s;
  bottom: 0;
}

#main .section {
  padding-top: 80px;
}

#main .section .titlebox {
  width: 1200px;
  font-family: 'AlibabaPuHuiTiBold';
  height: 111px;
  margin: 0 auto 39px;
}

#main .section .titlebox span {
  width: 60px;
  height: 60px;
  background-color: #ffaa33;
  font-size: 43px;
  line-height: 43px;
  color: #ffffff;
  border-radius: 60px;
  display: inline-block;
  padding-top: 13px;
}

#main .section .titlebox span.b {
  padding-left: 11px;
  background-color: #5a0099;
}

#main .section .titlebox span.g {
  margin-left: -11px;
  padding-left: 4px;
}

#main .section .titlebox p {
  font-size: 43px;
  color: #000000;
  padding-left: 11px;
  line-height: 43px;
  margin-top: 10px;
}

#main .section .titlebox .top p {
  padding-left: 0;
  margin-left: -12px;
}

#main .section1 {
  padding-top: 60px;
  padding-bottom: 50px;
}

#main .section1 .lead {
  height: auto;
  background-color: #fbf2ff;
  border-radius: 10px;
  font-size: 16px;
  line-height: 32px;
  color: #333333;
  padding: 18px 65px;
  margin-bottom: 40px;
}

#main .section1 .lead span {
  font-size: 16px;
  color: #ff0000;
  cursor: pointer;
  transition: all .5s;
  font-weight: normal;
}

#main .section1 .lead span:hover {
  font-weight: bold;
  transition: all .5s;
}

#main .section1 .service {
  align-items: stretch;
}

#main .section1 .service .t {
  font-family: 'AlibabaPuHuiTiMedium';
  font-size: 30px;
  line-height: 30px;
  color: #000000;
  height: 45px;
  background: url(../img/service_t.png) no-repeat;
  background-size: auto 100%;
  border-radius: 22px;
  padding-left: 33px;
  margin-bottom: 27px;
}

#main .section1 .service_left {
  width: 846px;
  padding-top: 0;
  flex-shrink: 0;
}

#main .section1 .service_left .c {
  flex-wrap: wrap;
  width: 100%;
  height: 576px;
  background: url(../img/service.png) no-repeat;
  background-position: 272px 159px;
  position: relative;
}

#main .section1 .point {
  position: absolute;
}

#main .section1 .point>div {
  width: auto;
  padding: 20px 0 10px 14px;
  background-color: #fff2e1;
  border-radius: 10px;
  min-height: 100px;
}

#main .section1 .point.b>div {
  background-color: #f1dcff;
}

#main .section1 .point b {
  font-size: 14px;
  line-height: 14px;
  color: #000000;
  margin-bottom: 10px;
  display: block;
}

#main .section1 .point p {
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}

#main .section1 .point span {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #ffcb87;
  margin: 14px;
  box-shadow: 0 0 10px #ffffff inset;
}

#main .section1 .point.b span {
  background-color: #5a0099;
  color: #ffffff;
}

#main .section1 .point:nth-child(1) {
  left: 249px;
  top: 0;
  flex-direction: column;
}

#main .section1 .point:nth-child(1)>div,
#main .section1 .point:nth-child(4)>div {
  width: 290px;
}

#main .section1 .point:nth-child(2) {
  right: 0;
  top: 142px;
}

#main .section1 .point:nth-child(2)>div,
#main .section1 .point:nth-child(3)>div {
  width: 283px;
}

#main .section1 .point:nth-child(3) {
  right: 0;
  bottom: 160px;
}

#main .section1 .point:nth-child(4) {
  left: 249px;
  flex-direction: column;
  bottom: 0;
}
#main .section1 .point:nth-child(3)>div{
    position: relative;
    top: 23px;
}
#main .section1 .point:nth-child(2)>div{
    position: relative;
    top: -5px;
}
#main .section1 .point:nth-child(4)>div {
  width: 270px;
}

#main .section1 .point:nth-child(5) {
  bottom: 160px;
  left: -75px;
}

#main .section1 .point:nth-child(6) {
  top: 160px;
  left: -75px;
}

#main .section1 .point:nth-child(5)>div,
#main .section1 .point:nth-child(6)>div {
  width: 295px;
}
#main .section1 .point:nth-child(5)>div{
    position: relative;
    top: 23px;
}
#main .section1 .point:nth-child(6)>div{
    position: relative;
    top: -23px;
}
#main .section1 .service_right {
  width: 320px;
}

#main .section1 .service_right .role {
  flex-wrap: wrap;
}

#main .section1 .service_right .role>div {
  width: 150px;
  height: 80px;
  background-image: linear-gradient(60deg, 
		#ffffff 100%);
	box-shadow: 0px 0px 15px 0px 
		rgba(90, 0, 153, 0.2), 
		inset 0px 0px 15px 0px 
		rgba(226, 161, 255, 0.5);
	border-radius: 10px;
	border: solid 2px #ffffff;
  font-size: 16px;
  font-weight: bold;
  color: #5a0099;
  margin-top: 20px;
}

#main .section1 .service_right .role>div:nth-child(1),
#main .section1 .service_right .role>div:nth-child(2) {
  margin-top: 0;
}

#main .section1 .service_right>p {
  font-size: 14px;
  line-height: 14px;
  color: #999999;
  margin-top: 42px;
  margin-bottom:60px;
  text-align: center;
}
#main .section1 .service_right .txt{
  text-align: center;
  font-size: 16px;
	line-height: 30px;
	color: #8d8a7e;
  font-family: 'AlibabaPuHuiTiMedium';
}
#main .section1 .service_right .servicebtn {
  width: 320px;
  height: 60px;
  background-image: linear-gradient(0deg, 
  #7f66ff 0%, 
  #ffffff 100%);
box-shadow: 0px 0px 30px 0px 
  rgba(51, 136, 255, 0.2);
border-radius: 29px;
border: solid 2px #ffffff;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin-top: 50px;
  cursor: pointer;
}

#main .section2 {
  padding-top: 80px;
  background: url(../img/analyse.png) no-repeat;
  background-position:  center 30px;
  height: 929px;
}

#main .section2 .t {
  width: 232px;
  font-family: 'AlibabaPuHuiTiMedium';
  font-size: 30px;
  line-height: 30px;
  color: #000000;
  height: 45px;
  background: url(../img/analyse_t.png) no-repeat;
  background-size: auto 100%;
  border-radius: 45px;
  padding-left: 29px;
  margin-bottom: 20px;
}

#main .section2 .content {
  align-items: stretch;
}

#main .section2 .analyse_left {
  margin-right: 30px;
}

#main .section2 .elements {
  width: 300px;
  height: 600px;
  background-color: #5a0099;
  border-radius: 10px;
  flex-shrink: 0;
  padding: 20px 20px 0;
}

#main .section2 .elements li {
  color: #ffffff;
  margin-bottom: 20px;
}

#main .section2 .elements li:last-child {
  margin-bottom: 27px;
}

#main .section2 .elements .img {
  width: 60px;
  height: 60px;
  background-color: #4a007f;
	border: solid 1px #1e0033;
  border-radius: 60px;
  flex-shrink: 0;
  margin-right: 25px;
}
#main .section2 .elements li b {
  font-size: 16px;
  line-height: 16px;
  display: block;
  margin-bottom: 8px;
}

#main .section2 .elements li em {
  display: block;
  font-size: 12px;
  line-height: 14px;
}

#main .section2 .analyse_left .analysebtn {
  width: 150px;
  height: 60px;
  background-image: linear-gradient(0deg, 
		#7f66ff 0%, 
		#ffffff 100%);
	box-shadow: 0px 0px 30px 0px 
		rgba(51, 136, 255, 0.2);
	border-radius: 29px;
	border: solid 2px #ffffff;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin: 0 auto;
  cursor: pointer;
}

#main .section2 .analyse_right {
  width: 100%;
}

#main .section2 .major {
  align-items: stretch;
  height: 600px;
}

#main .section2 .major>div {
  width: 280px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}

#main .section2 .major .top {
  width: 280px;
  height: 60px;
  background-color: #ffaa33;
  font-family: 'AlibabaPuHuiTiBold';
  font-size: 24px;
  color: #ffffff;
}

#main .section2 .major .partbox {
  padding: 0 20px;
  text-align: center;
}

#main .section2 .major .part {
  padding-top: 20px;
  position: relative;
  z-index: 1;
  border-top: 1px solid #e5f1ff;
}

#main .section2 .major .part:nth-child(1) {
  border-top: none;
  height: 397px;
}
#main .section2 .major .part:nth-child(2) {
  padding-top: 40px;
}

#main .section2 .major h4 {
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  position: relative;
  margin-bottom: 40px;
}
#main .section2 .major .part:nth-child(2) h4{
  margin-bottom: 15px;
}
#main .section2 .major h4::after {
  content: "";
  width: 140px;
  height: 10px;
  background-color: #f8ebff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  bottom: -3px;
  transform: translateX(-50%);
  z-index: -1;
}

#main .section2 .major .part:last-child h4::after {
  width: 98px;
}

#main .section2 .major p {
  font-size: 14px;
  line-height: 30px;
  color: #333333;
}

#main .section3 .tabbox {
  height: 60px;
}

#main .section3 .tabbox>div {
  width: 150px;
  height: 60px;
  background-color: #fbf2ff;
  border-radius: 20px 20px 0px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #5a0099;
  margin-left: 10px;
  cursor: pointer;
  transition: all .3s;
  padding-bottom: 8px;
}

#main .section3 .tabbox>div.active {
  background-color: #5a0099;
  color: #ffffff;
  transition: all .3s;
}
#main .section3 .tcontent{
  position: relative;
  margin-top: -8px;
  z-index: 2;
}
#main .section3 .tcontent>div {
  border-radius: 10px;
  overflow: hidden;
  display: none;
}

#main .section3 .tcontent>div.active {
  display: block;
}

#main .section3 thead {
  height: 60px;
  background-color: #e5b2ff;
}

#main .section3 thead th {
  height: 60px;
  font-size: 20px;
  font-weight: bold;
  color: #5a0099;
  border-right: 2px solid #ffffff;
}
#main .section3 thead th:nth-child(1) {
  width: 180px;
}

#main .section3 thead th:nth-child(2) {
  min-width: 100px;
}

#main .section3 thead th:nth-child(3) {
  min-width: 140px;
}
#main .section3 thead th:nth-child(4) {
  min-width: 100px;
}
#main .section3 thead th:nth-child(5) {
  width: 520px;
  border-right: none;
}

#main .section3 tbody td {
  border-right: 2px solid #ffffff;
  height: 120px;
  text-align: left;
  padding: 10px;
  font-size: 15px;
  line-height: 24px;
  color: #000000;
  position: relative;
}
#main .section3 tbody td.bp{
  padding: 0 155px 0 10px;
}
#main .section3 tbody tr:nth-child(1) {
  background-color: #f5e0ff;
}

#main .section3 tbody tr:nth-child(2) {
  background-color: #f8ebff;
}

#main .section3 tbody tr:nth-child(3) {
  background-color: #fcf5ff;
}

#main .section3 tbody td:nth-child(1) {
  width: 180px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 0;
}
#main .section3 tbody td:last-child{
  border-right: none;
}
#main .section3 tbody span {
  position: absolute;
  top: 50%;
  right: 27px;
  transform: translateY(-50%);
  width: 120px;
  height: 40px;
  background-image: linear-gradient(0deg, 
  #7f66ff 0%, 
  #ffffff 100%);
box-shadow: 0px 0px 30px 0px 
  rgba(51, 136, 255, 0.2);
border-radius: 20px;
border: solid 2px #ffffff;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}

#main .section3 tbody td.p {
  padding-right: 10px;
}

#main .section4 {
  background: url(../img/background.png) no-repeat;
  background-position: center top;
  padding-bottom: 80px;
}

#main .section4 .content {
  align-items: stretch;
}

#main .section4 .tabbox {
  width: 350px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-right: 20px;
  flex-shrink: 0;
}

#main .section4 .tabbox>div {
  width: 170px;
  height: 60px;
  background-color: #f8ebff;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #5a0099;
  cursor: pointer;
  margin-top: 20px;
  transition: all .3s;
}

#main .section4 .tabbox>div:nth-child(1),
#main .section4 .tabbox>div:nth-child(2) {
  margin-top: 0;
}

#main .section4 .tabbox>div.active {
  background-color: #5a0099;
  color: #ffffff;
  transition: all .3s;
}

#main .section4 .detail {
  width: 100%;
  height: 380px;
  background-color: #ffffff;
  border: solid 1px #e5f1ff;
  border-top: 8px solid #ffaa33;
  border-radius: 10px;
  overflow: hidden;
  padding: 17px 15px 0;
}

#main .section4 .tcontent {
  padding-bottom: 10px;
  border-bottom: 1px dashed #cce5ff;
  padding-left: 20px;
}

#main .section4 .tcontent h4 {
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 18px;
}

#main .section4 .tcontent>div {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #000000;
  display: none;
}

#main .section4 .tcontent>div.active {
  display: block;
}

#main .section4 .txt {
  height: 88px;
}

#main .section4 .formbox {
  padding: 20px 40px 20px 0;
}

#main .section4 .formbox h4 {
  font-size: 20px;
  line-height: 20px;
  color: #5a0099;
  margin-bottom: 18px;
}

#main .section4 form {
  flex-wrap: wrap;
}

#main .section4 form .item {
  width: auto;
  height: 40px;
  margin-bottom: 10px;
}

#main .section4 form .item.mar {
  margin-bottom: 0;
}

#main .section4 form .item label {
  font-size: 14px;
  line-height: 40px;
  color: #000000;
  flex-shrink: 0;
  letter-spacing: 11px;
  width: 93px;
}

#main .section4 form .item.l label {
  letter-spacing: 5px;
}

#main .section4 form .item input,
#main .section4 form .item select {
  width: 260px;
  height: 40px;
  background-color: #f2f2f2;
  padding-left: 10px;
  font-size: 14px;
}
#main .section4 form .item select{
  background: #f2f2f2 url(../img/arrow.png) no-repeat;
  background-size: 4%;
  background-position: 95% center;
}
#main .section4 form .item.yzm input {
  width: 140px;
}

#main .section4 form .item.yzm span {
  width: 120px;
  height: 40px;
  background-color: #5a0099;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}

#main .section4 form .formbtn {
  width: 100%;
  margin-top: 18px;
}

#main .section4 form .formbtn p {
  font-size: 12px;
  line-height: 12px;
  color: #808080;
}

#main .section4 form .formbtn .submit {
  width: 260px;
  height: 40px;
  background-image: linear-gradient(0deg, #7f66ff 0%, #ffffff 100%);
  box-shadow: 0px 0px 30px 0px rgba(51, 136, 255, 0.2);
  border-radius: 19px;
  border: solid 2px #ffffff;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  cursor: pointer;

}

#main .section5 {
  background-color: #f8ebff;
  padding-bottom: 50px;
}
#main .section5 .titlebox>p{
  align-items: flex-end;
}
#main .section5 .titlebox a {
  width: 222px;
  height: 45px;
  background: url(../img/rankings_bg.png) no-repeat;
  background-size: 100%;
  font-size: 16px;
  color: #000000;
  padding-left: 23px;
  position: relative;
  margin-left: 15px;
}

#main .section5 .titlebox a:after {
  content: "";
  border: 6px solid #000000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  transition: all .3s;
}

#main .section5 .titlebox a:hover::after {
  right: 35px;
  transition: all .3s;
}

#main .section5 .univercitybox {
  margin-bottom: 40px;
}

#main .section5 .univercitybox:last-child {
  margin-bottom: 0;
}

#main .section5 .intr {
  width: 100%;
  height: 140px;
  background-color: #e5b2ff;
  border-radius: 6px;
  padding: 0 20px 20px 30px;
}

#main .section5 .intr h3 {
  font-size: 20px;
  line-height: 20px;
  color: #5a0099;
  width: 256px;
  margin-right: 20px;
  flex-shrink: 0;
}

#main .section5 .intr p {
  font-size: 15px;
  line-height: 24px;
  color: #000000;
}

#main .section5 .list {
  margin-top: -27px;
  margin-bottom: 30px;
  flex-wrap: wrap;
  height: 140px;
  overflow: hidden;
}
#main .section5 .univercitybox.active .list{
height: auto;
}
#main .section5 .list>div {
  width: 291px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-right: 12px;
  margin-top: 12px;
  position: relative;
}
#main .section5 .list>div>a{
  height: 140px;
  align-items: stretch;
  min-height: 100px;
}

#main .section5 .list>div:nth-child(1),
#main .section5 .list>div:nth-child(2),
#main .section5 .list>div:nth-child(3),
#main .section5 .list>div:nth-child(4) {
  margin-top: 0;
}

#main .section5 .list>div:nth-child(4n) {
  margin-right: 0;
}

#main .section5 .list .img {
  width: 100px;
  background-color: #313131;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 19px;
  flex-shrink: 0;
}

#main .section5 .list .right {
  padding: 19px 10px 0 0;
  position: relative;
}

#main .section5 .list h3 {
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 12px;
}
#main .section5 .list>div:hover h3{
  color: #ff123f;
}
#main .section5 .list p {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
#main .section5 .list>div:hover p{
  color: #ff123f;
}
#main .section5 .list .href {
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  position: absolute;
  left: 119px;
  bottom: 17px;
}

#main .section5 .list .href span {
  color: #ffaa33;
  cursor: pointer;
}
#main .section5 .list .href span:hover{
  font-weight: bold;
}
#main .section5 .more {
  font-size: 14px;
  line-height: 14px;
  color: #1f5299;
}

#main .section5 .more img {
  cursor: pointer;
  transform: rotateZ(0);
  transition: all .2s;
}
#main .section5 .univercitybox.active .more img{
  transform: rotateZ(180deg);
  transition: all .2s;
}
#main .section6 .content{
  align-items: stretch;
}
#main .section6 .tabbox{
  padding-top: 21px;
  flex-shrink: 0;
}
#main .section6 .tabbox>div{
  width: 190px;
	height: 60px;
	background-color: #f8ebff;
	border-radius: 30px 0px 0px 30px;
  margin-bottom: 10px;
  font-size: 18px;
	font-weight: bold;
	color: #5a0099;
  cursor: pointer;
}
#main .section6 .tabbox>div.active{
  color: #ffffff;
  background-color: #5a0099;
}
#main .section6 .detail{
  width: 100%;
	height: auto;
	background-color: #ffffff;
	border-radius: 10px;
	border: solid 1px #e5e5e5;
  border-top: 8px solid #ffaa33;
  padding: 30px 0 30px 30px;
}
#main .section6 .part{
  padding-top: 25px;
}
#main .section6 .part:nth-child(1){
  padding-top: 0;
}
#main .section6 .part .top{
  align-items: flex-start;
}
#main .section6 .part h3{
  font-size: 18px;
  line-height: 18px;
  height: 18px;
  margin-right: 20px;
  flex-shrink: 0;
}
#main .section6 .part .top em{
  width: 100%;
  font-size: 12px;
	line-height: 12px;
	color: #999999;
  border-bottom: 1px solid #e5f1ff;
  text-align: right;
  padding-right: 26px;
}

#main .section6 .part .intr{
  width: 80px;
	height: 30px;
	background-color: #ffaa33;
	border-radius: 15px;
  font-size: 14px;
	font-weight: bold;
	color: #ffffff;
  margin-top: 23px;
  margin-bottom: 15px;
}
#main .section6 .part p{
  font-size: 14px;
	line-height: 26px;
	color: #666666;
  padding-right: 26px;
}
#main .section6 .part p span{
  color: #ffaa33;
  cursor: pointer;
}
#main .section7{
  padding-bottom: 50px;
}
#main .section7 .content{
  flex-wrap: wrap;
  align-items: flex-start;
}
#main .section7 .content>div{
  width: 590px;
	height: 160px;
	background-color: #f8ebff;
	border-radius: 50px 0px 50px 0px;
	border: solid 1px #f8ebff;
  margin-bottom: 20px;
  padding: 0 20px;
}
#main .section7 .content>div:nth-child(2){
  border-radius: 0px 50px 0px 50px;
}
#main .section7 .content>div:nth-child(3){
  border-radius: 0px 50px 0px 50px;
  margin-bottom: 0;
}
#main .section7 .content>div:nth-child(4){
  border-radius: 50px 0px 50px 0px;
  margin-bottom: 0;
}
#main .section7 .content>div>div{
  width: 100px;
	height: 100px;
	background-color: #5a0099;
	border-radius: 49px;
  font-size: 22px;
	font-weight: bold;
	color: #ffffff;
  margin-right: 26px;
  flex-shrink: 0;
}
#main .section7 .content>div:nth-child(2)>div,
#main .section7 .content>div:nth-child(3)>div{
  background-color: #ffaa33;
}
#main .section7 .content>div p{
  font-size: 14px;
	line-height: 20px;
	color: #333333;
}