/*css3*/

.wrap {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

/*index_02*/
.index_02 {
    width: 100%;
    height: 1050px;
    padding: 50px 0;
    overflow: hidden;
    background: #fff url(/Template/anli/index_c_bg1.jpg) no-repeat top center;
    box-sizing: border-box;
}

    .index_02 .tit {
        margin-bottom: 15px;
        text-align: center;
    }

        .index_02 .tit h3 {
            padding-bottom: 13px;
            background: url(/Template/anli/icon_4.png) no-repeat bottom center;
            font-size: 28px;
            color: #000;
            line-height: 40px;
        }

        .index_02 .tit h4 {
            font-size: 20px;
            color: #ccc;
            line-height: 30px;
            letter-spacing: .2em;
        }

    .index_02 .mian .hd {
        padding: 30px 0;
        text-align: center;
    }




    .index_02 .mian .bd .box .gg {
        position: relative;
        height: 722px;
        overflow: hidden;
    }

        .index_02 .mian .bd .box .gg > div {
            position: absolute;
            overflow: hidden;
        }

            .index_02 .mian .bd .box .gg > div > a {
                display: block;
            }

                .index_02 .mian .bd .box .gg > div > a > img {
                    width: 100%;
                    background: url(../images/loading.gif) no-repeat center;
                    -webkit-transition: all .8s;
                    transition: all .8s;
                }

                .index_02 .mian .bd .box .gg > div > a > span {
                    position: absolute;
                    left: 0;
                    bottom: -477px;
                    width: 100%;
                    height: 477px;
                    padding: 6px 20px 0 20px;
                    background: url(/Template/anli/icon_5.png) repeat;
                    box-sizing: border-box;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

                    .index_02 .mian .bd .box .gg > div > a > span font {
                        display: block;
                        font-size: 13px;
                        color: #f5f5f5;
                        line-height: 26px;
                    }

                        .index_02 .mian .bd .box .gg > div > a > span font:first-child {
                            font-size: 16px;
                        }

            .index_02 .mian .bd .box .gg > div:hover > a > span {
                bottom: 0;
            }

            .index_02 .mian .bd .box .gg > div:hover > a > img {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
            }

        .index_02 .mian .bd .box .gg .a1 {
            top: 0;
            left: 0;
            width: 390px;
            height: 477px;
        }

            .index_02 .mian .bd .box .gg .a1 a {
                width: 390px;
                height: 477px;
                background-position: top left;
                -webkit-transition: all 5.5s;
                transition: all 5.5s;
            }


        .index_02 .mian .bd .box .gg .a2 {
            top: 0;
            left: 405px;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a3 {
            top: 246px;
            left: 405px;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a4 {
            bottom: 0;
            left: 405px;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a5 {
            bottom: 0;
            right: 0;
            width: 390px;
            height: 477px;
            background-position: top left;
            -webkit-transition: all 5.5s;
            transition: all 5.5s;
        }

        .index_02 .mian .bd .box .gg .a6 {
            bottom: 0;
            left: 0;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a7 {
            top: 0;
            right: 0;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a1:hover a {
            background-position: top right;
        }

        .index_02 .mian .bd .box .gg .a5:hover {
            background-position: top right;
        }

        .index_02 .mian .bd .box .gg .aa p {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 213px;
        }

            .index_02 .mian .bd .box .gg .aa p em {
                visibility: hidden;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 1;
                width: 100%;
                height: 100%;
                background: url(../images/icon_68.png) repeat;
                -webkit-transition: all .5s;
                transition: all .5s;
                /*opacity: 0;*/
                visibility: inherit;
                opacity: 1;
            }

            .index_02 .mian .bd .box .gg .aa p font {
                display: inline-block;
                position: relative;
                z-index: 2;
                width: 245px;
                height: 72px;
                font-size: 24px;
                /*color: #ccc;*/
                line-height: 72px;
                vertical-align: middle;
                -webkit-transition: all .3s;
                transition: all .3s;
                background: url(../images/icon_74.png) no-repeat top center;
                color: #fff;
            }

                .index_02 .mian .bd .box .gg .aa p font i {
                    display: block;
                    font-size: 20px;
                    color: #fff;
                    line-height: 0;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                    -webkit-transform: translateY(30px);
                    transform: translateY(30px);
                    opacity: 0;
                }



            .index_02 .mian .bd .box .gg .aa:hover p font i {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }

    .index_02 .mian .bd .box .kk {
        margin-top: 40px;
        padding: 25px 0;
        text-align: center;
    }

        .index_02 .mian .bd .box .kk a {
            display: inline-block;
            width: 200px;
            height: 50px;
            background: #3f4a55;
            font-size: 16px;
            color: #fff;
            text-align: center;
            line-height: 50px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .index_02 .mian .bd .box .kk a:hover {
                background: #E1112A;
            }

/*index_03*/
.index_03 {
    padding: 50px 0;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

    .index_03 .tit {
        margin-bottom: 15px;
        text-align: center;
    }

        .index_03 .tit h3 {
            padding-bottom: 13px;
            background: url(/Template/anli/icon_4.png) no-repeat bottom center;
            font-size: 28px;
            color: #000;
            line-height: 40px;
        }

        .index_03 .tit h4 {
            font-size: 20px;
            color: #ccc;
            line-height: 30px;
            letter-spacing: .2em;
        }

    .index_03 .mian {
        position: relative;
        overflow: hidden;
        margin-top: 40px;
    }

        .index_03 .mian ul li {
            float: left;
            width: 287px;
            padding: 0 50px;
        }

            .index_03 .mian ul li a {
                display: block;
            }

                .index_03 .mian ul li a .a1 {
                    width: 287px;
                    height: 178px;
                    overflow: hidden;
                }

                    .index_03 .mian ul li a .a1 img {
                        width: 100%;
                        -webkit-transition: all .5s;
                        transition: all .5s;
                    }

                .index_03 .mian ul li a .a2 {
                    padding: 8px 15px;
                    border: 1px solid #e4e4e4;
                    border-top: none;
                }

                    .index_03 .mian ul li a .a2 h5 {
                        line-height: 26px;
						text-align:center;
                    }

                    .index_03 .mian ul li a .a2 h4 {
                        font-size: 13px;
                        color: #999;
                        line-height: 21px;
                    }

                .index_03 .mian ul li a .a3 {
                    padding: 0 15px;
                    border: 1px solid #e4e4e4;
                    border-top: none;
                    line-height: 40px;
                }

                    .index_03 .mian ul li a .a3 span {
                        float: left;
                        width: 50%;
                        font-size: 13px;
                        color: #999;
                    }

                        .index_03 .mian ul li a .a3 span font {
                            color: #E1112A;
                        }

                        .index_03 .mian ul li a .a3 span i {
                            display: inline-block;
                            width: 20px;
                            height: 20px;
                            background: no-repeat top left;
                            vertical-align: middle;
                        }

                        .index_03 .mian ul li a .a3 span.b1 i {
                            background-image: url(../images/icon_6.png);
                        }

                        .index_03 .mian ul li a .a3 span.b2 i {
                            background-image: url(../images/icon_7.png);
                        }

        .index_03 .mian .kk {
            margin-top: 40px;
            padding: 25px 0;
            text-align: center;
        }

            .index_03 .mian .kk a {
                display: inline-block;
                width: 200px;
                height: 50px;
                background: #3f4a55;
                font-size: 16px;
                color: #fff;
                text-align: center;
                line-height: 50px;
                -webkit-transition: all .5s;
                transition: all .5s;
            }

                .index_03 .mian .kk a:hover {
                    background: #E1112A;
                }

        .index_03 .mian ul li:hover a .a1 img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .index_03 .mian .prev, .index_03 .mian .next {
            position: absolute;
            top: 50%;
            z-index: 99;
            width: 39px;
            height: 80px;
            margin-top: -130px;
            overflow: hidden;
            text-indent: -999px;
            cursor: pointer;
            background: url(../images/btn.png) no-repeat;
        }

        .index_03 .mian .prev {
            left: 0;
        }

        .index_03 .mian .next {
            right: 0;
            background-position: -39px 0;
        }