.banner {
  height: 380px;
}
.banner img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1024px) {
	
  .banner {
    height: 320px;
  }
}
@media screen and (max-width: 768px) {
  .banner {
	padding-top: 60px;
	height: 300px;
  }
}
@media screen and (max-width: 540px) {
  .banner {
	  padding-top: 50px;
    height: 220px;
  }
}
@media screen and (max-width: 414px) {
  .banner {
	  padding-top: 50px;
    height: 180px;
  }
}
@media screen and (max-width: 360px) {
  .banner {
    height: 100px;
    height: 160px;
  }
}
.tab_phone .mains {
  margin-top: 0px ;
}
.mains {
  margin-top: 75px;
  overflow: hidden;
}
.mains .check_querstion {
  overflow: hidden;
}
.mains .check_querstion .item {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  padding: 10px;
  margin: 0px auto;
}
.mains .check_querstion .item .circle {
  width: 100%;
  height: 100%;
  background: #E6E6E6;
  border-radius: 50%;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 100px;
}
@media screen and (max-width: 1200px) {
  .mains .check_querstion .item {
    width: 80px;
    height: 80px;
    padding: 5px;
  }
  .mains .check_querstion .item .circle {
    line-height: 70px;
    font-size: 14px;
  }
}
.mains .check_querstion .active {
  border: 2px solid #EFA73B;
}
.mains .check_querstion .active .circle {
  background: #EFA73B;
}
.mains .check_querstion .item:hover {
  cursor: default;
  border: 2px solid #EFA73B;
}
.mains .check_querstion .item:hover .circle {
  background: #EFA73B;
}
.mains .querstion_item {
  margin-top: 58px;
  display: none;
}
.mains .querstion_item .item {
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(206, 206, 206, 0.2);
  border-radius: 10px;
  text-align: left;
  padding: 20px 60px 18px 37px;
  margin-bottom: 44px;
}
.mains .querstion_item .item .q {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 48px;
}
.mains .querstion_item .item .a {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  line-height: 48px;
}
@media screen and (max-width: 1200px) {
	.mains{ 
		padding-top: 110px; 
		margin-top: 0px;
	}
  .mains .querstion_item .item {
    padding: 15px 25px 18px 27px;
  }
}
@media screen and (max-width: 540px) {
	.mains{
		padding-top: 40px; 
	}
}
.mains .querstion_item .item:hover {
  background: #EFA73B;
}
.mains .querstion_item .item:hover .q {
  color: white;
}
.mains .querstion_item .item:hover .a {
  color: white;
}
.mains .querstion_show {
  display: block;
}