.indexBanner{
    width:100%;
    height:auto;overflow:hidden;
}
/*.indexBanner img{width:100%;}*/

.IndexNav{
    padding-top:130px;
}
.IndexNav li{
    width:30%;float:left;
    margin:10px 0.6%;
    padding:10px 1%;
    transition:all 0.6s;
}
.IndexNavTitle{
    width:100%;
    height:auto;overflow:hidden;
}
.IndexNavTitle h2{
    width:100%;
    line-height:40px;
    font-size:36px;
    color:#000;
    font-weight:bold;
}
.IndexNavTitle h3{
    width:100%;
    height:30px;line-height:30px;
    color:#c9a063;
    font-size:18px;
    position:relative;
}
.IndexNavTitle h3 div{
    width:80px;
    height:5px;
    position:absolute;
    bottom:8px;
    right:0;
    background:#000;
    border-radius:4px;
}
  .IndexNavTitle h3 div s {
      display:inline-block;
      width: 40px;
      height: 5px;
      background: #c9a063;
  }
  .IndexNavDesc{
      width:100%;
      height:99px;overflow:hidden;
      line-height:33px;
      font-size:16px;
      margin:30px auto 50px auto;
  }
  .IndexNavPic{
      width:100%;
  }
  .IndexNavPic img{width:100%;}
  .IndexNavMore{
      width:100%;
      height:auto;overflow:hidden;
      margin:30px auto;
      line-height:40px;
  }
  .IndexNavMore a{
      background:#000;
      color:#fff;
      padding:10px 30px;
      border-radius:20px;
      transition:all 0.5s;
  }
  .IndexNavMore a:hover{
      background:#c9a063;
  }


.IndexNav li:hover{
    box-shadow:0 0 10px #ccc;
    background:#c9a063;
}
  .IndexNav li:hover .IndexNavTitle h3{color:#fff;}

  .IndexNav li:hover .IndexNavTitle h3 div s {
      background: #fff;
  }

  .IndexNav li:hover .IndexNavDesc{
      color:#f1f1f1;
  }
  .IndexNav li:hover .IndexNavMore a:hover{
      background:#fff;
      color:#c9a063;
  }


.indexAdvantageBg{
width:100%;
height:100%;
}
.indexAdvantage{
height:auto;overflow:hidden;
margin-top:100px;
padding:200px 0;
}
.indexAdvantage li{
width:28%;float:left;
height:auto;overflow:hidden;
border:1px solid #9b9b9b;
background:rgba(0,0,0,0.3);
margin:40px 2% 20px 2%;
border-radius:10px;
text-align:center;
color:#fff;
padding:20px 0;
transition:all 0.5s;
}
.indexAdvantage li:hover{
background:rgba(243,150,0,0.3);
}
.indexAdvantage li h2{
width:100%;
height:50px;line-height:50px;overflow:hidden;
font-size:30px;
}
.indexAdvantage li h3{
width:100%;
height:20px;line-height:20px;overflow:hidden;
font-family:Arial;
font-size:18px;
}
.indexAdvantage li s{
display:inline-block;
width:60px;
height:1px;
background:#fff;
margin:5px auto;
}
.indexAdvantage li div{
width:100%;
height:60px;overflow:hidden;
line-height:30px;

}

.indexNews{
width:100%;
height:auto;overflow:hidden;
background:#f2f2f2;
padding:40px 0;
}
.indexNewsTitle{
width:100%;
text-align:center;
}
.indexNewsTitle h2{
width:100%;
height:50px;line-height:50px;
font-size:38px;
color:#000;
font-weight:bold;
}
.indexNewsTitle h3{
width:100%;
height:30px;line-height:30px;
font-size:30px;
color:#bababa;
font-family:Arial;
}
.indexNewsTitle s{
display:inline-block;
width:100px;
height:4px;
background:#f39600;
margin:20px auto;
}

.indexNewsList li{
width:33.33%;float:left;
height:600px;overflow:hidden;
background:#fff;
position:relative;
transition:all 0.5s;
}
.indexNewsList li:hover{
background:#c9a063;
color:#fff;
}
.indexNewsList li:hover a{color:#fff;}
/*奇数*/
.indexNewsList li:nth-child(odd) .indexNewsPic{
position:absolute;
top:0;
}
.indexNewsList li:nth-child(odd) .indexNewsPic div{
width: 0;
height: 0;
border-bottom: 40px solid #fff;
border-right: 40px solid transparent;
border-left: 40px solid transparent;
position:absolute;
bottom:0;
left:40%;
}
.indexNewsList li:nth-child(odd):hover  .indexNewsPic div{
border-bottom: 40px solid #c9a063;
}
.indexNewsList li:nth-child(odd) .indexNewsContent{
position:absolute;
bottom:0;
}
/*偶数*/
.indexNewsList li:nth-child(even) .indexNewsPic{
position:absolute;
bottom:0;
}
.indexNewsList li:nth-child(even) .indexNewsPic div{
width: 0;
height: 0;
border-top: 40px solid #fff;
border-right: 40px solid transparent;
border-left: 40px solid transparent;
position:absolute;
top:0;
left:40%;
}
.indexNewsList li:nth-child(even):hover  .indexNewsPic div{
border-top: 40px solid #c9a063;
}
.indexNewsList li:nth-child(even) .indexNewsContent{
position:absolute;
top:0;
}

.indexNewsPic{
width:100%;
height:300px;overflow:hidden;
position:relative;
}
.indexNewsPic img{
width:100%;
height:300px;
position:absolute;
top:0;
left:0;
}

.indexNewsContent{
width:90%;
height:280px;overflow:hidden;
padding:10px 5%;
}
.indexNewsContent .date{
width:100%;
height:auto;overflow:hidden;
margin-top:20px;
}
.indexNewsContent .date h2{
width:50%;float:left;
line-height:45px;
font-size:18px;
}
.indexNewsContent .date h2 span{
font-size:60px;
font-weight:bold;
}
.indexNewsContent .date h3{
width:50%;float:left;
text-align:right;
line-height:80px;
}
.indexNewsContent .date h3 s{
display:inline-block;
width:45px;
height:3px;
background:#c9a063;
border-radius:2px;
margin-bottom:5px;
}
.indexNewsContent .title{
width:100%;
height:80px;overflow:hidden;
font-size:24px;
line-height:40px;
}


.indexNewsMore{
width:100%;
text-align:center;
line-height:40px;
margin:20px auto;
}
.indexNewsMore a{
border:1px solid #c9a063;
border-radius:30px;
padding:10px 50px;
color:#c9a063;
font-size:18px;
transition:all 0.5s;
}
.indexNewsMore a:hover{
background:#c9a063;
color:#fff;
border:1px solid #fff;
box-shadow:0 0 10px #eee;
}

.indexContact{
width:50%;float:left;
padding-top:100px;
}
.indexContactTitle{
width:90%;
height:auto;overflow:hidden;
padding-left:10%;
}
.indexContactTitle h2{
font-size:48px;
font-weight:900;
line-height:50px;
color:#000;
font-family:Arial;
}
.indexContactTitle h3{
font-size:30px;
font-weight:bold;
line-height:50px;
color:#c9a063;
}
.indexContactContent{
width:90%;
height:auto;overflow:hidden;
background:#000;
padding:20px 0 30px 0;
padding-left:10%;
margin:30px auto;
}
.indexContactContent h2{
width:100%;
height:50px;line-height:50px;
color:#c9a063;
font-size:24px;
}
.indexContactContent div{
width:100%;
height:auto;overflow:hidden;
line-height:40px;
color:#fff;
font-size:16px;
}
.indexContactContent div a{color:#fff;}

.indexContactMore{
width:90%;
height:auto;overflow:hidden;
margin-left:10%;

line-height:50px;
}
.indexContactMore a{
padding:10px 50px;
border:1px solid #000;
border-radius:20px;
margin-top:20px;
margin-bottom:20px;
font-size:16px;
transition:all 0.6s;
}
.indexContactMore a:hover{
background:#c9a063;
border:1px solid #c9a063;
color:#fff;
}

.indexBook{
width:50%;float:left;
padding-top:100px;
}



@media(max-width:950px){
.IndexNav{
    padding-top:50px;
}

.IndexNav li{
    width:97%;float:left;
    margin:10px 1.5%;
    border-bottom:1px solid #eee;
}

.IndexNavTitle h2{
    font-size:28px;
}
.IndexNavTitle h3{
    font-size:16px;
}

.indexAdvantage{
  padding: 80px 0;
}

.indexAdvantage li{
  width:96%;
}
.indexAdvantage li h2{font-size:26px;}
.indexAdvantage li h3{ font-size:16px;}

.indexNews{
  padding:0;
}

.indexNewsTitle h2{font-size:30px;height:40px;line-height:40px;}
.indexNewsTitle h3{font-size:24px;}
.indexNewsTitle s{margin:10px auto;}

.indexNewsList li{
  width:100%;float:left;
  height:350px;overflow:hidden;
  background:#fff;
  position:relative;
  transition:all 0.5s;
  margin:10px auto;
}
.indexNewsPic{
  width:100%;
  height:150px;overflow:hidden;
}
.indexNewsPic div{display:none;}
.indexNewsPic img{
  width:100%;
  height:150px;
}

.indexNewsList li:nth-child(even) .indexNewsPic{
  position:absolute;
  top:0;
}
.indexNewsList li:nth-child(even) .indexNewsPic div{
  width: 0;
  height: 0;
  border-top: 40px solid #fff;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  position:absolute;
  top:0;
  left:40%;
}
.indexNewsList li:nth-child(even):hover  .indexNewsPic div{
  border-top: 40px solid #c9a063;
}
.indexNewsList li:nth-child(even) .indexNewsContent{
  bottom:0;
  top:150px;
}

.indexNewsContent{
  width:90%;
  height:180px;overflow:hidden;
  padding:10px 5%;
}
.indexNewsContent .date{
  width:100%;
  height:auto;overflow:hidden;
  margin-top:20px;
}
.indexNewsContent .date h2{
  width:50%;float:left;
  line-height:35px;
  font-size:18px;
}
.indexNewsContent .date h2 span{
  font-size:40px;
  font-weight:bold;
}
.indexNewsContent .date h3{
  width:50%;float:left;
  text-align:right;
  line-height:80px;
}
.indexNewsContent .date h3 s{
  display:inline-block;
  width:35px;
  height:3px;
  background:#c9a063;
  border-radius:2px;
  margin-bottom:5px;
}
.indexNewsContent .title{
  width:100%;
  height:60px;overflow:hidden;
  font-size:18px;
  line-height:30px;
}


.indexContact{
  width:100%;float:left;
  padding-top:40px;
}
.indexContactTitle h2{
  font-size:40px;
  line-height:40px;

}
.indexContactTitle h3{
  font-size:24px;
  line-height:50px;
}

.indexBook{
  width:100%;float:left;
  padding-top:40px;
  padding-bottom:40px;
}
}