.container{
  overflow: hidden;
}
.banner{
  position: relative;
  width:100%;
  height:37.5rem;
  /*background: url(../images/index/banner.png) no-repeat;*/
  background-size: 100%;
}
.banner .menu{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.625rem 11.25rem;
  box-sizing: border-box;
}
.banner .menu img{
  width: 17.75rem;
  height: 1.875rem;
}
.banner .menu ul li a{
  color:rgba(255,255,255,.8);
  padding: 0.625rem;
  font-size:1.125rem;
  margin-right: 2.375rem;
}
.banner .menu ul li:first-child a{
  border-bottom: 0.1875rem solid #3377FF;
}
.banner .menu ul li:hover a{
  border-bottom: 0.1875rem solid #3377FF;
}
.banner .menu ul li:nth-child(5) a,
.banner .menu ul li:last-child a{
  border:0.0625rem solid #ccc;
  border-radius: 0.3125rem;
  padding: 0.3125rem 1.25rem;
}
.difficulty{
  height: 32.5rem;
  text-align: center;
}
.title{
  font-size:2.125rem;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  padding-top: 6.25rem;
}
.difficulty .menu{
  margin: 0 auto;
  padding: 7.5rem 25rem 10rem;
}
.difficulty .menu li p{
  padding-top: 2.5rem;
  font-size:1.25rem;
  font-family:MicrosoftYaHei;
  font-weight:550;
  color:rgba(51,51,51,1);
}
.difficulty .menu li img{
  width: 3.5rem;
  height: 3.5rem;
}
.help{
  height:47.6875rem;
  text-align: center;
  background:rgba(247,248,248,1);
}
.help .help-content{
  padding-top: 1.75rem;
  font-size:1.25rem;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.help .help-content p{
  line-height: 200%;
}
.help .help-content img{
  width: 43.75rem;
  height: 26.3125rem;
}
.advantage{
  height: 62.5rem;
  text-align: center;
}
.advantage ul{
  padding: 7.1875rem 22.5rem;
}
.advantage ul li{
  width:23.25rem;
  height:18.75rem;
  border:0.0625rem solid rgba(216,233,255,1);
  margin-right: 1.875rem;
  margin-bottom: 3.75rem;
}
.advantage ul li:nth-child(3){
  margin-right: 0;
}
.advantage ul li:nth-child(1) img{
  width: 9.3125rem;
  height: 5.6875rem;
}
.advantage ul li:nth-child(2) img{
  width: 9.125rem;
  height: 5.5rem;
}
.advantage ul li:nth-child(3) img{
  width: 9.125rem;
  height: 5.5rem;
}
.advantage ul li:nth-child(4) img{
  width: 9.3125rem;
  height: 5.5rem;
}
.advantage ul li:nth-child(5) img{
  width: 9.3125rem;
  height: 5.5rem;
}

.advantage ul li img{
  margin-top: 5.625rem;
}
.advantage ul li p{
  padding-top: 2.5rem;
  font-size:1.25rem;
  font-family:MicrosoftYaHei;
  font-weight:550;
  color:rgba(51,51,51,1);
}
.case{
  height: 64rem;
  text-align: center;
}
.case ul{
  padding: 7.1875rem 22.5rem;
}
.case ul li{
  position: relative;
  width:18.625rem;
  height:19.375rem; 
}
.case ul li img{
  padding-top: 4.375rem;
  width: 6.25rem;
  height: 6.25rem;
  transition: all 0.5s;
}
.case ul li:nth-child(1){
  background: url(../images/index/case/bg_mall.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(2){
  background: url(../images/index/case/bg_medical.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(3){
  background: url(../images/index/case/bg_traffic.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(4){
  background: url(../images/index/case/bg_play.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(5){
  background: url(../images/index/case/bg_serve.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(6){
  background: url(../images/index/case/bg_education.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(7){
  background: url(../images/index/case/bg_house.png) no-repeat center;
  background-size: 101%;
}
.case ul li:nth-child(8){
  background: url(../images/index/case/bg_all.png) no-repeat center;
  background-size: 101%;
}
.case ul li p{
  font-size:1.25rem;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(255,255,255,1);
}
.case ul li .particulars{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(28,90,214, .7);
  transition: all 0.5s;
}
.case ul li .particulars a{
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 6.25rem;
  color: #fff;
  transform: translateX(-50%);
  padding: 0.3125rem 1.25rem;
  border:0.0625rem solid #fff;
  font-size: 1.125rem;
  z-index: 2;
}
.case ul li .content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
}
.case ul li .content .line-yellow{
  width: 2.4375rem;
  height: 0;
  background: #FFBC4D;
  margin: 1.25rem auto 0;
}
.case ul li:hover .particulars{
  height: 100%;
}
.case ul li:hover img{
  padding-top: 2.5rem;
}
.case ul li:hover .line-yellow{
  height: 0.125rem;
}
.partner{
  text-align: center;
  height: 63.3125rem;
  background:rgba(247,248,248,1);
}
.partner .partner-content{
  padding-top: 1.75rem;
  font-size:1.25rem;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.partner ul{
  padding: 7.5rem 27.875rem;
}
.partner ul li {
  width:11rem;
  height:6.125rem;
  border:0.0625rem solid rgba(229,229,229,1);
  margin-right: 1.625rem;
  margin-bottom: 1.875rem;
  text-align: center;
}
.partner ul li img{
  margin-top: 0.9375rem;
  width: 9.375rem;
  height: 4.625rem;
}
.partner .more{
  position: relative;
}
.partner .more a{
  background:rgba(54,117,255,1);
  border-radius:0.25rem;
  color: #fff;
  padding: 1.25rem 3.125rem;
}
.more::after{
  position: absolute;
  top: 0.25rem;
  left: 53%;
  content: "";
  border: 0.5rem solid transparent;
  border-left: 0.5rem solid #fff
}
.footer{
  height:2.5rem;
  background:rgba(33,33,33,1);
  text-align: center;
}
.footer p{
  font-size:0.875rem;
  line-height: 2.5rem;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
}
#bannerBox img{
  width: 100%;
}