body { background: #f6f6f6; }
    
/* main */
.main h3 { padding: 0 .2rem; font-size: .36rem; font-weight: 500; color: #333;  }
.main p { padding: 0 .2rem; margin-top: .2rem; font-size: .26rem; color: #666; text-indent: 0; }
.main h4 { margin-top: .24rem; text-align: center; color: #00a765; font-size: .3rem; font-weight: 500; }


/* index-box-title */
.index-box-title { padding: 0 .2rem; }
.index-box-title em { width: 1.36rem; border-bottom: 1px solid #cbcbcb; }
.index-box-title i:nth-of-type(1),
.index-box-title i:nth-of-type(4) { width: .14rem; height: .14rem; background: #00a765; transform: rotate(45deg); }
.index-box-title i:nth-of-type(2),
.index-box-title i:nth-of-type(3) { width: .22rem; height: .22rem; background: #00a765; transform: rotate(45deg); }
.index-box-title span { font-size: .42rem; }
.index-box-title i:nth-of-type(1) { margin-right: -.08rem; }
.index-box-title i:nth-of-type(4) { margin-left: -.08rem; }

/* index-box-img */
.index-box-img { overflow: hidden; width: 6rem; margin: .4rem auto .2rem; }
.index-box-img img { width: 100%; height: auto; transform: scale(1.2, 1.2); animation: enlarge 4s ease 2s infinite alternate; }
@keyframes enlarge{
    from{ transform: scale(1.2, 1.2); }
    to{ transform: scale(1, 1); }
}
.index-1,
.index-2,
.index-3,
.index-4,
.index-5 { padding: .4rem 0; margin-bottom: .2rem; background: #fff; }

.index-5 { margin-bottom: 0; }

/* index-2 */
.index-2-list { height: 5.29rem; margin-top: .3rem; background: url(/image/index/index_2_bg.jpg) 0 0 no-repeat; background-size: cover; }
.index-2-list ul { box-sizing: border-box; flex-wrap: wrap; width: 6.4rem; height: 4.33rem; padding: 0 .2rem;  }
.index-2-list ul li { display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; width: 1.1rem;}
.index-2-list ul li div { box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 1.1rem; height: 1.1rem; border: 1px dashed #fff; border-radius: 50%; }
.index-2-list ul li span { margin-top: .15rem; font-size: .26rem; color: #fff; }
.index-2-list ul li:nth-of-type(1),
.index-2-list ul li:nth-of-type(2),
.index-2-list ul li:nth-of-type(4),
.index-2-list ul li:nth-of-type(5) { margin-right: 1.35rem; }
.index-2-list ul li div a { display: inline-flex; display: -webkit-inline-flex; justify-content: center; align-items: center; width: .94rem; height: .94rem; border-radius: 50%; background: #fff; }
.index-2-list ul li:nth-of-type(1) img { width: .25rem; height: .61rem; }
.index-2-list ul li:nth-of-type(2) img { width: .42rem; height: .53rem; }
.index-2-list ul li:nth-of-type(3) img { width: .25rem; height: .61rem; }
.index-2-list ul li:nth-of-type(4) img { width: .54rem; height: .46rem; }
.index-2-list ul li:nth-of-type(5) img { width: .39rem; height: .46rem; }
.index-2-list ul li:nth-of-type(6) img { width: .47rem; height: .46rem; }
.index-2-list > a { display: block; width: 2rem; height: .6rem; line-height: .6rem; background: #00a765; margin: 0 auto; border-radius: .4rem; text-align: center; font-size: .28rem; color: #fff; }


/* 公共 index-slide */

.index-slide { position: relative; width: 6.4rem ;height: 3.5rem; margin: .4rem 0 .2rem; overflow: hidden; }
.index-slide-list { overflow: hidden; width: 6rem; height: 3.5rem; margin: 0 auto; }
.index-slide-list ul li { position: relative; width: 6rem; height: 3.5rem; }
.index-slide-list ul li img { width: 100%; height: auto; }
.index-slide-list ul li i { position: absolute; top: .2rem; right: 0; width: 1.4rem; height: .42rem; line-height: .42rem; background: #00a765; text-align: center; font-size: .24rem; color: #fff; font-style: normal; }
.index-slide-list ul li div { box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.05rem; padding: .1rem .2rem; background: rgba(0, 0, 0, .5); font-size: 0; }
.index-slide-list ul li div span { display: block;  height: .4rem; line-height: .4rem; color: #fff; }
.index-slide-list ul li div span:first-child { font-size: .28rem; font-weight: 700; }
.index-slide-list ul li div span:last-child { font-size: .24rem; }
.index-slide > a { position: absolute; top: 50%; width: .56rem; height: .56rem; margin-top: -.28rem; line-height: .56rem; border-radius: 50%; background: #00a765; font-size: .4rem; color: #fff; text-align: center; }
.index-slide > a:nth-of-type(1) { left: 0; }
.index-slide > a:nth-of-type(2) { right: 0; }

/* index-know-more */
.index-know-more { display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 2rem; height: .6rem; margin: .38rem auto 0; border-radius: .4rem; font-size: .28rem; color: #00a765; border: .01rem solid #00a765; }