@charset "UTF-8";
.index{
    width: 7.5rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.index-div{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(top.jpg) no-repeat center top;
    background-size: 100% 5rem;
}
.index-div1{
    width: 7.25rem;
    height: 10.84rem;
    overflow: hidden;
    margin: 4.05rem auto 0.75rem;
    padding: 0.5rem 0.25rem;
    background: url(1.png) no-repeat center top;
    background-size: 100% 100%;
}
.index-tit{
    text-align: center;
    font-size: 0.3rem;
    color: #333333;
    line-height: 1em;
}
.index-tit::before{
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.07rem;
    background: #ffaa17;
    margin: 0 auto 0.23rem;
}
.index-div1 p:nth-child(2){
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #777777;
    text-align: justify;
    margin: 0.4rem 0 0.3rem;
    padding: 0 0.15rem;
}
.index-div1 p:nth-child(3){
    text-align: center;
}
.index-div1 p:nth-child(3) img{
    width: 3.25rem;
}
.index-btn{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0.46rem;
}
.index-btn a{
    width: 3.4rem;
    height: 0.8rem;
    display: inline-block;
    background: #ffaa17;
    font-size: 0.26rem;
    line-height: 0.8rem;
    color: #FFF;
    text-align: center;
}
.index-btn a+a{
    float: right;
}
.index-div1 p.index-btn a{
    width: 3.2rem;
}
#index-div2{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0.43rem 0 0.75rem;
    padding: 0 0.2rem;
}
#index-div2 .hd{
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.4rem;
    overflow: hidden;
}
#index-div2 .hd ul{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
#index-div2 .hd ul li{
    width: 1.5rem;
    height: 0.8rem;
    font-size: 0.26rem;
    line-height: 0.8rem;
    color: #FFF;
    text-align: center;
    background: #2a2f43;
    font-weight: bold;
}
#index-div2 .hd ul li.on{
    background: #ffaa17;
}
#index-div2 .bd li{
    width: 100%;
    height: 4.19rem;
    overflow: hidden;
    padding: 0.95rem 0.2rem 0 2.3rem;
    background: url(3.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div2 .bd li h2{
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #ffaa17;
    margin-bottom: 0.25rem;
}
#index-div2 .bd li p{
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #777777;
}
#index-div2 .bd li:nth-child(2){
    background: url(4.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div2 .bd li:nth-child(3){
    background: url(5.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div2 .bd li:nth-child(4){
    background: url(6.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div3{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.6rem 0.2rem;
    background: #f5f5f5;
    position: relative;
}
#index-div3 > h1{
    text-align: center;
    font-size: 0.3rem;
    color: #333333;
    line-height: 1em;
}
#index-div3 > h1 span{
    font-size: 0.2rem;
    color: #ffaa17;
    display: block;
    font-weight: normal;
    margin-bottom: 0.1rem;
}
#index-div3 .hd{
    position: absolute;
    height: 0.16rem;
    bottom: 0.6rem;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}
#index-div3 .hd li{
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    text-indent: -99999px;
    margin-right: 0.13rem;
    background: url(31.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div3 .hd li:last-child{
    margin-right: 0;
}
#index-div3 .hd li.on{
    background: url(30.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div3 .bd{
    position: relative;
    z-index: 0;
    margin: 0.45rem 0;
}
#index-div3 .bd li{
    width: 7.1rem;
    height: 6.2rem;
    overflow: hidden;
    padding: 0.25rem 0.3rem;
    background: #FFF;
    position: relative;
}
#index-div3 .bd li img{
    width: 100%;
}
#index-div3 .bd li h5{
    font-size: 0.26rem;
    line-height: 1em;
    color: #333333;
    text-align: center;
    margin: 0.25rem 0;
}
#index-div3 .bd li span{
    color: #ffaa17;
    margin: 0 0.05rem;
    font-weight: normal;
}
#index-div3 .bd li p{
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #777777;
}
#index-div3 .bd li a{
    width: 6.5rem;
    height: 0.8rem;
    display: inline-block;
    background: #ffaa17;
    font-size: 0.26rem;
    line-height: 0.8rem;
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 0.25rem;
}
.index-div4{
    width: 100%;
    height: 10.92rem;
    overflow: hidden;
    padding: 0.75rem 0.2rem;
    background: url(11.jpg) no-repeat center;
    background-size: 100% 100%;
}
.index-div4 > h1{
    color: #FFF;
    margin-bottom: 0.5rem;
}
.index-div4 ul{
    width: 6.04rem;
    height: 6.75rem;
    overflow: hidden;
    margin: 0 auto;
}
.index-div4 ul li{
    width: 2.63rem;
    height: 1.5rem;
    overflow: hidden;
    float: left;
    line-height: 1.5em;
    font-weight: bold;
    padding-top: 0.65rem;
    margin-bottom: 0.24rem;
    text-align: center;
    color: #FFF;
    font-size: 0.26rem;
}
.index-div4 ul li:nth-child(even){
    float: right;
}
.index-div4 ul li:nth-child(4),.index-div4 ul li:nth-child(6),.index-div4 ul li:nth-child(7){
    padding-top: 0.45rem;
}
.index-div4 p.index-btn{
    text-align: center;
    margin-top: 0.6rem;
}
.index-div4 p.index-btn a{
    width: 6.5rem;
}
.index-div5{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.6rem 0.2rem;
}
#index-div6{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 0.4rem;
}
#index-div6 .hd{
    display: none;
}
#index-div6 .bd{
    width: 100%;
}
#index-div6 .bd ul{
    width: 100%;
    height: 6.7rem;
    text-align: center;
}
#index-div6 .bd ul li img{
    width: 3rem;
}
#index-div6 .bd ul li h3{
    font-size: 0.26rem;
    color: #2a2f43;
    line-height: 0.36rem;
    margin: 0.1rem 0;
}
#index-div6 .bd ul li h3 span{
    color: #ffaa17;
    font-size: 0.3rem;
}
#index-div6 .bd ul li p{
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #777777;
}
#index-div6 .prev img,#index-div6 .next img{
    width: 0.88rem;
}
#index-div6 .prev{
    position: absolute;
    top: 1.2rem;
    left: 0.5rem;
}
#index-div6 .next{
    position: absolute;
    top: 1.2rem;
    right: 0.5rem;
}
.index-div7 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.6rem 0.2rem;
    background: #f5f5f5;
}
#index-div8{
    width: 6.35rem;
    height: 4.8rem;
    overflow: hidden;
    position: relative;
    margin: 0.4rem auto 0;
}
#index-div8 .hd{
    position: absolute;
    height: 0.16rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}
#index-div8 .hd li{
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    text-indent: -99999px;
    margin-right: 0.13rem;
    background: url(31.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div8 .hd li:last-child{
    margin-right: 0;
}
#index-div8 .hd li.on{
    background: url(30.png) no-repeat center;
    background-size: 100% 100%;
}
#index-div8 .bd{
    position: relative;
    z-index: 0;
}
#index-div8 .bd li{
    width: 100%;
    height: 4.3rem;
    overflow: hidden;
    background: #FFF;
    position: relative;
}
#index-div8 .bd li img{
    width: 100%;
}
#index-div8 .bd li p{
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #777777;
    text-align: center;
    margin-top: 0.3rem;
}
#index-div8 .bd li p span{
    font-weight: bold;
}



/**20190717*/
.index-divz{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.6rem 0.2rem;
    background: #f5f5f5;
    margin-bottom: 0.6rem;
}
.index-divz > ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0.4rem auto 0;
}
.index-divz > ul li{
    width: 100%;
    height: 1.5rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
    background: #2a2f43;
}
.index-divz > ul li h3{
    width: 1.6rem;
    float: left;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.24rem;
    color: #ffaa17;
}
.index-divz > ul li p{
    width: 5.4rem;
    float: right;
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #FFF;
    padding: 0.4rem 0.2rem 0 0;
}
.index-divz > ul li:nth-child(2) p{
    padding: 0.2rem 0.2rem 0 0;
}
.index-divz > ul li:last-child{
    height: 2.1rem;
}
.index-divz > ul li:last-child h3{
    line-height: 2.1rem;
}
.index-divz > ul li:last-child p{
    padding: 0.15rem 0.2rem 0 0;
}