.page2 {

    background: url(../images/bg2.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

}

.wk_fwxm {

    position: relative;

    margin: 0 auto;


    height: 100%;

}

.wk_fwxm ul {
    padding-left:5%;

    width: 100%;

    height: 100%;

}

.wk_fwxm li {

    position: relative;

    width: 20%;

    height: 100%;

    color: #fff;

    text-align: center;

    opacity: 0;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    margin-bottom:0;

}

.wk_fwxm li .wk_fwxm_bg {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    height: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.wk_fwxm li.wk_li1 .wk_fwxm_bg {

    background: #580fa9;

}

.wk_fwxm li.wk_li2 .wk_fwxm_bg {

    background: #03a9f4;

}

.wk_fwxm li.wk_li3 .wk_fwxm_bg {

    background: #21c699;

}

.wk_fwxm li.wk_li4 .wk_fwxm_bg {

     background: #ffb516;

 }

.wk_fwxm li.wk_li5 .wk_fwxm_bg {

    background: #eb238f;

}

.wk_fwxm li:hover .wk_fwxm_bg {

    height: 100%;

}

.wk_fwxm li .wk_fwxm_main {

    position: absolute;

    top: 40%;

    right: 25px;

    left: 25px;

    margin-top: -145px;

}

.wk_fwxm li .wk_ljzx {

    margin: 35px auto 0 auto;

    width: 145px;

    height: 35px;

}

.wk_fwxm li .wk_ljzx a {

    display: none;

    width: 143px;

    height: 33px;

    border: 1px solid #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    color: #fff;

    text-align: center;

    font-size: 17px;

    line-height: 33px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    -webkit-transition-delay: 400ms;

    -moz-transition-delay: 400ms;

    transition-delay: 400ms;

}

.wk_fwxm li:hover .wk_ljzx a {

    display: block;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover {

    background: #fff;

    color: #ba292e;

}

.wk_fwxm li.wk_li2:hover .wk_ljzx a:hover {

    background: #fff;

    color: #1599a5;

}

.wk_fwxm li.wk_li3:hover .wk_ljzx a:hover {

    background: #fff;

    color: #5e904d;

}

.wk_fwxm li.wk_li4:hover .wk_ljzx a:hover {

    background: #fff;

    color: #5d4378;

}

.wk_fwxm li.wk_li5:hover .wk_ljzx a:hover {

    background: #fff;

    color: #eb238f;

}

.wk_fwxm li .wk_fwxm_ico {

    overflow: hidden;

    margin: 0 auto;

    width: 110px;

    height: 110px;

    -webkit-border-radius: 110px;

    -moz-border-radius: 110px;

    border-radius: 110px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    -webkit-transition-delay: 400ms;

    -moz-transition-delay: 400ms;

    transition-delay: 400ms;

}

.wk_fwxm li.wk_li1 .wk_fwxm_ico {

    background: url(../images/fwxm_img4.png) no-repeat;

}

.wk_fwxm li.wk_li1:hover .wk_fwxm_ico {

    background: url(../images/fwxm_img4.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li2 .wk_fwxm_ico {

    background: url(../images/fwxm_img2.png) no-repeat;

}

.wk_fwxm li.wk_li2:hover .wk_fwxm_ico {

    background: url(../images/fwxm_img2.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li3 .wk_fwxm_ico {

    background: url(../images/fwxm_img3.png) no-repeat;

}

.wk_fwxm li.wk_li3:hover .wk_fwxm_ico {

    background: url(../images/fwxm_img3.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li4 .wk_fwxm_ico {

     background: url(../images/fwxm_img1.png) no-repeat;

 }

.wk_fwxm li.wk_li4:hover .wk_fwxm_ico {

    background: url(../images/fwxm_img1.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li5 .wk_fwxm_ico {

    background: url(../images/fwxm_img5.png) no-repeat;

}

.wk_fwxm li.wk_li5:hover .wk_fwxm_ico {

    background: url(../images/fwxm_img5.png) no-repeat 0 -110px;

}

.wk_fwxm li h2 {

    margin-top: 16px;

    font-weight: 400;

    font-size: 19px;

    line-height: 44px;

}

.wk_fwxm li p {

    font-size: 15px;

    line-height: 30px;

}

.wk_fwxm li .wk_fwxm_des {

    margin-top: 20px;

    font-size: 13px;

    line-height: 26px;

}

.page2 li.wk_li1 {

    -webkit-transform: translate3d(-600px, 0, 0);

    -moz-transform: translate3d(-600px, 0, 0);

    transform: translate3d(-600px, 0, 0);

    -ms-transform: translate3d(-600px, 0, 0);

}

.page2 li.wk_li2 {

    -webkit-transform: translate3d(-300px, 0, 0);

    -moz-transform: translate3d(-300px, 0, 0);

    transform: translate3d(-300px, 0, 0);

    -ms-transform: translate3d(-300px, 0, 0);

}

.page2 li.wk_li3 {

    -webkit-transform: translate3d(300px, 0, 0);

    -moz-transform: translate3d(300px, 0, 0);

    transform: translate3d(300px, 0, 0);

    -ms-transform: translate3d(300px, 0, 0);

}

.page2 li.wk_li4 {

    -webkit-transform: translate3d(600px, 0, 0);

    -moz-transform: translate3d(600px, 0, 0);

    transform: translate3d(600px, 0, 0);

    -ms-transform: translate3d(600px, 0, 0);

}

.page2.active li {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -webkit-opacity: 1;

    -moz-opacity: 1;

}

@media(max-width:1500px) {

    .wk_fwxm {

        position: relative;

        margin: 0 auto;

        width: 1160px;

        height: 100%;

    }

    .wk_fwxm li .wk_fwxm_des {

        font-size: 12px;

    }

}

@media(max-width:1150px) {

    .wk_fwxm {

        position: relative;

        margin: 0 auto;

        width: 1000px;

        height: 100%;

    }

    .wk_fwxm li h2 {

        font-size: 17px;

    }

    .wk_fwxm li .wk_fwxm_main {

        right: 15px;

        left: 15px;

    }

    .wk_fwxm li .wk_fwxm_des {

        font-size: 12px;

    }

}