/* box1 */

/*6大块*/
.sec1 {
    width: 100%;
    background: #fff;
    /*margin-top: 1.75rem;*/
    padding-bottom: 0.75rem;
}

.sec1 ul {
    width: 100%;
    overflow: hidden;
}

.sec1 ul li {
    float: left;
    width: 25%;
    margin-top: .2rem;
}

.sec1 ul li img {
    display: block;
    width: 100%;
}

.sec1 ul li p {
    text-align: center;
    font-size: .3rem;
    color: #333333;
    margin-top: -0.2rem;
}


/* box2 */
/*box2开始*/
.box2,
.box5,
.box3,
.box6,
.box7 {
    margin-top: .8rem;
}

.box2 .bg1 {
    background: #ff4d50;
}

.box2 .box_hd .hd_icon1 {
    left: 1rem;
}

.box2 .box_hd .hd_icon2 {
    right: .9rem;
}

.box2 .main {}

.box2 .main ol {
    overflow: hidden;
    margin-left: .18rem;
}

.box2 .main ol li {
    width: 1.65rem;
    float: left;
}

.box2 .main ol .m-1 {
    margin: 0 .79rem;
}

.box2 .main ol li p {
    background: #84b5ff;
    width: 1.58rem;
    height: .6rem;
    text-align: center;
    line-height: .63rem;
    margin: 0 auto;
    border-radius: 10px;
    font-size: .27rem;
    color: #fff;
}

.box2 .main ol li.on {
    background: url(../images/box2_icon2.jpg) no-repeat center;
    height: .85rem;
    background-size: 100%;
}

.box2 .main ol li.on p {
    font-weight: bold;
    background: none;
}

.box2 .main .span1 {
    font-size: .26rem;
    color: #afafaf;
    text-align: center;
    padding: .1rem 0 .2rem;
    display: block;
}

.box2 .main .span2 {
    font-size: .24rem;
    color: #aeaeae;
    padding: .3rem 0 .8rem;
}

.box2 .main ul {
    width: 6.25rem;
    margin: 0 auto;
    height: 10.2rem;
}

.box2 .main ul li {

    display: none;
    border-radius: .15rem;
    overflow: hidden;
}

.box2 .main ul li .box-img {
    width: 20%;
    margin-left: 40%;
    text-align: right;
}

.box2 .main ul li.show {
    display: block
}

.box2 .main ul li span {
    width: 100%;
    height: 5rem;
}

.box2 .main ul li span img {
    display: inline-block;
    text-align: center;
    width: 45%;
    margin: .1rem;
    margin-right: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    border-radius: 10px;
}

/* .box2 .main ul li span a img {
    width: 100%;
} */

/* box3 */

.box3 .box_hd .hd_icon1 {
    left: 1.8rem;
}

.box3 .box_hd .hd_icon2 {
    right: 1.4rem;
}

.box3_img {
    height: 8.2rem;
}

/* box7 */
.box7 .main_bg {
    height: 10.8rem;
}

.box7 .box3_img img {
    width: 80%;
    margin-left: 0.65rem;
    text-align: center;
}

.box7 .box_hd .hd_icon1 {
    left: 1.9rem;
}

.box7 .box_hd .hd_icon2 {
    right: 1.8rem;
}

.box7 ul {
    padding-left: .47rem;
}

.box7 ul li {
    overflow: hidden;
    margin-bottom: .3rem;
}

.box7 ul li i {
    width: 1.5rem;
    height: 1.56rem;
    display: block;
    float: left;
    background: url(../images/box7_img.png) no-repeat 0 0;
    background-size: 100%;
}

.box7 ul li .fr {
    float: left;
    width: 3.85rem;
    margin-left: .15rem;
    margin-top: .2rem;
}

.box7 ul li .fr span {
    display: block;
    height: .24rem;
    background: #fff;
    border-radius: 20px;
    margin-top: -.16rem;
    font-size: .21rem;
}

.box7 ul li .fr b {
    display: block;
    margin-left: 8px;
    font-weight: 500;
    font-size: .21rem;
    color: #999;
}

.box7 ul li .fr p {
    font-size: .34rem;
    color: #0e0e0e;
    padding-left: 8px;
}

.box7 ul li:nth-child(2) i {
    background-position-y: -1.62rem;
}

.box7 ul li:nth-child(3) i {
    background-position-y: -3.15rem;
}

.box7 ul li:nth-child(4) i {
    background-position-y: -4.64rem;
}