* {
  margin: 0;
  padding: 0;
}

body {
	max-width: 750px;
	margin: auto;
}

:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}

/* nav�?�? */
nav {
	width: 31.25rem;
	height: 3.667rem;
	background-color: #18a4a2;
}

.nav {
	width: 27.917rem;
}

.nav div {
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.038rem;
	color: #ffffff;
}

.nav div:not(:last-child)::after {
	display: inline-block;
	content: '';
	width: 0.083rem;
	height: 1.208rem;
	background-color: #34cbc9;
	margin-left: 1.167rem;
}

/* nav结束 */

/* banner�?�? */
.banner {
	background: url(../images/banner.jpg) no-repeat center;
	background-size: 100% 100%;
	width: 31.25rem;
	height: 25rem;
	overflow: hidden;
}

.banner button {
	width: 14.208rem;
	height: 2.708rem;
	background-color: #18a4a2;
	border-radius: 0.417rem;
	font-size: 1.167rem;
	letter-spacing: 0.025rem;
	color: #ffffff;
	margin: 19.167rem 0 0 1.875rem;
}

/* banner结束 */
/* tab-box�?�? */
.tab-box {
	height: 13.875rem;
	flex-wrap: wrap;
	margin-bottom: 1.917rem;
	margin-top: 1.333rem;
}

.tab-item {
	width: 25%;
}

.tab-item img{
	width: 6.333rem;
	height: 6.333rem;
}

.tab-item span {
	font-size: 1.083rem;
	color: #333333;
  position: relative;
  bottom: 1rem;
}

/* tab-box结束 */

.gray-line {
	width: 31.25rem;
	height: 0.833rem;
	background-color: #f4f4f4;
}

/* 院校�?�? */
.college .title-bg {
	background: url(../images/c-title.png) no-repeat center;
	background-size: 100% 100%;
	width: 8.375rem;
	height: 1.958rem;
	margin: 1.667rem 0 0.875rem;
}

.title-img {
	height: 1.667rem;
	margin-bottom: 0.875rem;
	margin-top: 1.667rem;
}

.title {
	font-size: 1.5rem;
	letter-spacing: 0.029rem;
	color: #333333;
  font-weight: bold;
}

.title span {
	color: #ff7700;
}

.college-box {
	width: 29.792rem;
	margin-top: 1.375rem;
	flex-wrap: wrap;
}

.college-item {
	width: 13.958rem;
	height: 14.458rem;
}

.college-item:first-child,
.college-item:nth-child(2) {
	margin-bottom: 1.75rem;
}

.college-item>img {
	width: 13.583rem;
	height: 7.833rem;
	border-radius: 0.417rem;
}

.college-item>span {
	font-size: 1.167rem;
	letter-spacing: 0.025rem;
	color: #333333;
	margin-top: 0.792rem;
}

.start-box {
	margin: 0.75rem 0 1.042rem;
}

.start-box>span {
	font-size: 0.917rem;
	letter-spacing: 0.017rem;
	color: #ff7700;
}

.start-box>img {
	width: 1rem;
	height: 0.917rem;
}

.college-item>button {
	width: 8.75rem;
	height: 1.917rem;
	line-height: 1.917rem;
	text-align: center;
	background-color: #18a4a2;
	border-radius: 0.958rem;
	font-size: 1rem;
	letter-spacing: 0.021rem;
	color: #ffffff;
}

.college>button,
.major>button {
	width: 29.208rem;
	height: 3.708rem;
	background-color: #ff7700;
	border-radius: 0.417rem;
	font-size: 1.333rem;
	letter-spacing: 0.025rem;
	color: #ffffff;

}

.college .margin {
	margin: 2.083rem 0;
}

/* 专业�?�? */
.major .title-bg{
	background: url(../images/e-title.png) no-repeat center;
	background-size: 100% 100%;
	width: 8.375rem;
	height: 1.958rem;
	margin: 1.667rem 0 0.875rem;
}
.major-box {
	width: 29.208rem;
	flex-wrap: wrap;
	margin-top: 1.75rem;
}

.major-item {
	width: 8.95rem;
	height: 2.833rem;
	line-height: 2.833rem;
	text-align: center;
	background-color: #ffffff;
	border-radius: 0.333rem;
	border: solid 0.042rem #999999;
	font-size: 1.083rem;
	letter-spacing: 0.021rem;
	color: #333333;
	margin-bottom: 0.917rem;
	white-space: nowrap;
}

.major .margin {
	margin: 1.166rem 0 2.083rem;
}

/* 服务�?�? */
.service .title-bg{
	background: url(../images/f-title.png) no-repeat center;
	background-size: 100% 100%;
	width: 8.375rem;
	height: 1.958rem;
	margin: 1.667rem 0 0.875rem;
}
.service-box {
	margin-top: 1.375rem;
}

.service-item {
	width: 29.167rem;
	height: 11.625rem;
	overflow: hidden;
	margin-bottom: 0.583rem;
}

.service-box .bg1 {
	background: url(../images/f-fupt1.png) no-repeat center;
	background-size: 100% 100%;
}

.service-box .bg2 {
	background: url(../images/f-fupt2.png) no-repeat center;
	background-size: 100% 100%;
}

.service-box .bg3 {
	background: url(../images/f-fupt3.png) no-repeat center;
	background-size: 100% 100%;
}

.service-box .bg4 {
	background: url(../images/f-fupt4.png) no-repeat center;
	background-size: 100% 100%;
}

.service-box .bg5 {
	background: url(../images/f-fupt5.png) no-repeat center;
	background-size: 100% 100%;
}

.service-box .bg6 {
	background: url(../images/f-fupt6.png) no-repeat center;
	background-size: 100% 100%;
}

.content {
	width: 15.5rem;
	height: 10.208rem;
	padding: 0.792rem 0.2rem;
	box-sizing: border-box;
}

.content-margin1 {
	margin: 1.542rem 0 0 13.458rem;
}

.content-margin2 {
	margin-top: 1.333rem;
}

.content>.text1 {
	font-size: 1.167rem;
	color: #333333;
}

.content>.text2 {
	font-size: 0.917rem;
	color: #666666;
	margin: 0.5rem auto;
  line-height: 1.333rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.content>button {
  z-index: 1;
  position: relative;
  bottom: -0.417rem;
  display: block;
  margin: 0 auto;
	width: 10rem;
	height: 1.917rem;
	line-height: 1.917rem;
	text-align: center;
	background-color: #18a4a2;
	border-radius: 0.958rem;
	font-size: 0.917rem;
	color: #fffefe;
}

/* 正规大机构开�? */
.mechanism .title-bg {
	background: url(../images/g-title.png) no-repeat center;
	background-size: 100% 100%;
	width: 10.208rem;
	height: 1.958rem;
	margin: 1.625rem auto 0.875rem;
}

.mechanism .img1 {
	width: 29.167rem;
	height: 13.333rem;
	margin: 1.792rem 0 1.208rem;
}

.mechanism .img2 {
	background: url(../images/g-dnys.png) no-repeat center;
	background-size: 100% 100%;
	width: 29.167rem;
	height: 6.25rem;
}

.mechanism>span {
	display: block;
	width: 29.167rem;
	height: 0.083rem;
	background-color: #eeeeee;
	margin: 0.583rem 0 1.5rem;
}

.mechanism .title1 {
	font-size: 1.667rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 1.292rem;
}

.prize-box {
	margin-bottom: 1.083rem;
}

.prize-item img {
	width: 29.042rem;
	height: 9rem;
}

.prize-item .text {
	margin-top: 0.667rem;
	margin-bottom: 1rem;
}

.prize-item .text span {
	font-size: 0.833rem;
	letter-spacing: 0.025rem;
	color: #333333;
	text-align: center;
	line-height: 1.167rem;
}

/* foot�?�? */
.foot {
	width: 31.25rem;
	height: 4.833rem;
	background-color: #18a4a2;
}

.foot span:first-child {
	font-size: 1.25rem;
	color: #ffffff;
	margin-bottom: 0.708rem;
}

.foot span:last-child {
	font-size: 0.833rem;
	color: #ffffff;
}
.dibulianxi {
  max-width: 750px !important;
}
.foot {
  margin-bottom: 6rem;
}
.copyright{
    padding: 1.25rem 0;
    background-color: #18a4a2;
    text-align: center;
}
.copyright .plt{
    font-size: 1.25rem;
    color: #fff;
}
.copyright .pla{
    font-size: 0.92rem;
    color: #fff;
    margin-top: 0.9rem;
}
.bottom_box{
  margin-top: 4rem;
}
.bottom_box ul{
  height: 4.5rem !important;
}
.bottom_box ul li img{
  max-width: 1.65rem !important;
}
.bottom_box ul li a{
  font-size: 1rem !important;
}
.problem{
  padding-top: 0.5rem;
}
.problem .problem-list{
  margin: 1.667rem auto 0;
  width: 29.167rem;
}
.problem .problem-list .problem-list-item{
  width: 100%;
  height: 4rem;
  border-bottom: 1px dashed #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.problem .problem-list .problem-list-wrap{
  display: flex;
  align-items: center;
  position: relative;
}
.problem .problem-list .problem-list-num{
  display: inline-block;
  width: 1.167rem;
  height: 1.167rem;
  line-height: 1.167rem;
  background-color: #ff7700;
  text-align: center;
  font-size: 0.917rem;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  margin-right: 0.667rem;
}
.problem .problem-list .problem-list-title{
  font-size: 1.167rem;
  color: #555;
}
.problem .problem-list .icon-hot{
  width: 1.042rem;
  height: 1.458rem;
  position: absolute;
  top: -0.583rem;
  right: -0.833rem;
}
.problem .problem-list-btn{
  width: 5.833rem;
  height: 1.917rem;
  background-color: #ff7700;
  border-radius: 0.958rem;
  font-size: 0.917rem;
  color: #fff;
}
.problem .btn{
  margin: 2.083rem auto;
  width: 29.167rem;
  height: 3.75rem;
  background-color: #ff7700;
  border-radius: 0.417rem;
  letter-spacing: 0.013rem;
  color: #fff;
  font-weight: bold;
  display: block;
  font-size: 1.333rem;
}
.problem .title{
  text-align: center;
}
.problem .title-bg {
	background: url(../images/h-title.png) no-repeat center;
	background-size: 100% 100%;
	width: 8.375rem;
	height: 1.958rem;
	margin: 1.667rem auto 0.875rem;
}
.line{
  width: 100%;
  height: 0.83rem;
  background-color: #f4f4f4;
}
.cen_swiper{
    width: 31.25rem;
    height: 3.08rem;
    background-color: #18a4a2;
    align-items: center;
}
.cen_swiper .box {
    display: flex;
    align-items: center;
}
.cen_swiper .box img{
    width: 1.17rem;
    height: 1.08rem;
    margin-left: 1rem;
    margin-right: 0.83rem;
}
.cen_swiper .sw1{
    height: 2rem !important;
    font-size: 1.17rem;
    color: #ffffff;
}
.cen_swiper .swiper-slide{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.cen_swiper .test_btn{
    display: inline-block;
    color: #fff000;
    font-size: 1.17rem;
    margin-right: 1rem;
    cursor: pointer;
    text-decoration: underline;
}