@charset "utf-8";
/* CSS Document */
/*添加.banner{margin-top: 100px;}*/
        .banner {
            margin-top: 100px;
        }

            .banner .b1 {
                height: 289px;
                background: url(../images/banner_01.jpg) center center no-repeat;
            }

            .banner .b2 {
                height: 268px;
                background: url(../images/banner_02.jpg) center center no-repeat;
            }

            .banner .b3 {
                height: 256px;
                background: url(../images/banner_03.jpg) center center no-repeat;
            }

        .part .title {
            text-align: center;
            font-size: 40px;
            padding-top: 40px;
        }

        .part .tit {
            text-align: center;
            font-size: 16px;
            color: #888;
        }

        .part .solid {
            width: 80px;
            height: 2px;
            background: #000;
            margin: 20px auto;
        }

        .part1 {
            background: #fff;
        }

            .part1 .content {
                margin-top: 50px;
            }

            .part1 .c-box {
                text-align: center;
                width: 33.33%;
                float: left;
                margin-bottom: 40px;
                cursor: pointer;
            }

            .part1 .thumb {
                width: 98px;
                height: 98px;
                margin: auto;
            }

            .part1 .thumb1 {
                background: url(../images/p1_10.png) center center no-repeat;
            }

            .part1 .thumb2 {
                background: url(../images/p1_20.png) center center no-repeat;
            }

            .part1 .thumb3 {
                background: url(../images/p1_30.png) center center no-repeat;
            }

            .part1 .thumb4 {
                background: url(../images/p1_40.png) center center no-repeat;
            }

            .part1 .thumb5 {
                background: url(../images/p1_50.png) center center no-repeat;
            }

            .part1 .thumb6 {
                background: url(../images/p1_60.png) center center no-repeat;
            }

            .part1 .c-box:hover .thumb1 {
                background: url(../images/p1_11.png) center center no-repeat;
            }

            .part1 .c-box:hover .thumb2 {
                background: url(../images/p1_21.png) center center no-repeat;
            }

            .part1 .c-box:hover .thumb3 {
                background: url(../images/p1_31.png) center center no-repeat;
            }

            .part1 .c-box:hover .thumb4 {
                background: url(../images/p1_41.png) center center no-repeat;
            }

            .part1 .c-box:hover .thumb5 {
                background: url(../images/p1_51.png) center center no-repeat;
            }

            .part1 .c-box:hover .thumb6 {
                background: url(../images/p1_61.png) center center no-repeat;
            }

            .part1 .c-box .t {
                font-size: 20px;
                color: #333;
                margin-top: 15px;
            }

            .part1 .c-box .desc {
                font-size: 14px;
                line-height: 22px;
                color: #999;
                margin: 10px 30px;
            }
        /*-------------*/
        .part2 {
            background: #f5f5f5;
        }

            .part2 .border-right {
                border-right: 1px dashed #dcdcdc;
            }

            .part2 .content {
                margin-top: 60px;
            }

            .part2 .c-box {
                text-align: center;
                width: 33%;
                float: left;
                margin-bottom: 40px;
                cursor: pointer;
            }

                .part2 .c-box .t {
                    font-size: 20px;
                    color: #333;
                    margin-top: 15px;
                }

                .part2 .c-box .desc {
                    font-size: 14px;
                    line-height: 22px;
                    color: #999;
                    margin: 10px 30px;
                }
        /*-------------*/
        .part4 {
            background: #fff;
        }

            .part4 .content {
                margin-top: 30px;
            }

            .part4 .c-box {
                padding-bottom: 40px;
                cursor: pointer;
            }

            .part4 .w40 {
                width: 40%;
            }

            .part4 .w50 {
                width: 50%;
            }

            .part4 .border-right {
                border-right: 1px solid #efefef;
            }

            .part4 .thumb {
                width: 75px;
                height: 75px;
            }

            .part4 .thumb1 {
                background: url(../images/p4_00.png) center center no-repeat;
            }

            .part4 .thumb2 {
                background: url(../images/p4_10.png) center center no-repeat;
            }

            .part4 .thumb3 {
                background: url(../images/p4_20.png) center center no-repeat;
            }

            .part4 .thumb4 {
                background: url(../images/p4_30.png) center center no-repeat;
            }

            .part4 .thumb5 {
                background: url(../images/p4_40.png) center center no-repeat;
            }

            .part4 .thumb6 {
                background: url(../images/p4_50.png) center center no-repeat;
            }

            .part4 .thumb7 {
                background: url(../images/p4_60.png) center center no-repeat;
            }

            .part4 .thumb8 {
                background: url(../images/p4_70.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb1 {
                background: url(../images/p4_01.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb2 {
                background: url(../images/p4_11.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb3 {
                background: url(../images/p4_21.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb4 {
                background: url(../images/p4_31.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb5 {
                background: url(../images/p4_41.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb6 {
                background: url(../images/p4_51.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb7 {
                background: url(../images/p4_61.png) center center no-repeat;
            }

            .part4 .c-box:hover .thumb8 {
                background: url(../images/p4_71.png) center center no-repeat;
            }

            .part4 .info {
                width: 330px;
                margin-left: 20px;
            }

            .part4 .c-box .t {
                font-size: 20px;
                color: #333;
            }

            .part4 .c-box .desc {
                font-size: 14px;
                line-height: 22px;
                color: #999;
                margin-top: 10px;
            }
        /*------------------------*/
        .part3 {
            background: url(../images/part3_bg.png) center bottom no-repeat #f5f5f5;
            padding-bottom: 100px;
        }

            .part3 .tit {
                margin: 0 100px;
                line-height: 25px;
            }

            .part3 .c-box {
                width: 25%;
                float: left;
                margin-top: 40px;
            }

                .part3 .c-box img {
                    display: block;
                    margin: auto;
                }
        /*------------*/
        .part5 {
            padding-bottom: 40px;
        }

            .part5 .content {
                margin-top: 60px;
            }

            .part5 .thumb {
                width: 398px;
            }

                .part5 .thumb img {
                    width: 100%;
                }

            .part5 .info-box {
                width: 560px;
                margin-left: 80px;
            }

                .part5 .info-box .thumb {
                    width: 90px;
                    height: 90px;
                }

                .part5 .info-box .thumb1 {
                    background: url(../images/p5_10.png) center center no-repeat;
                }

                .part5 .info-box .thumb2 {
                    background: url(../images/p5_20.png) center center no-repeat;
                }

                .part5 .info-box .thumb3 {
                    background: url(../images/p5_30.png) center center no-repeat;
                }

            .part5 .c-box:hover .thumb1 {
                background: url(../images/p5_11.png) center center no-repeat;
            }

            .part5 .c-box:hover .thumb2 {
                background: url(../images/p5_21.png) center center no-repeat;
            }

            .part5 .c-box:hover .thumb3 {
                background: url(../images/p/p5_31.png) center center no-repeat;
            }

            .part5 .info-box .info {
                width: 450px;
                margin-left: 20px;
            }

            .part5 .c-box {
                margin-bottom: 30px;
            }

                .part5 .c-box .t {
                    font-size: 20px;
                    color: #333;
                    margin-top: 5px;
                }

                .part5 .c-box .desc {
                    font-size: 14px;
                    line-height: 22px;
                    color: #999;
                    margin-top: 10px;
                }

        /*AddStart 2017-3-3 YY-添加头部实现过度效果代码*/
        .w1200 {
            width: 1200px;
            margin: 0 auto;
        }

        .top {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 99;
            background: rgba(255,255,255,0.9);
            padding-top: 0;
        }

            .top .logo {
                float: left;
                margin-left: 60px;
            }

        .nav {
            float: left;
        }

            .nav li {
                float: left;
                margin-left: 35px;
                color: #333;
            }

        .large .w1200 {
            padding: 15px 0 20px;
            height: 59px;
            overflow: hidden;
        }

        .large .nav li {
            line-height: 66px;
            padding: 0 8px;
            font-size: 16px;
        }

            .large .nav li.on {
                border-bottom: 4px solid #24A5FF;
            }

        .small {
            padding: 10px 0;
            height: 50px;
        }

            .small .nav {
                padding-top: 3px;
            }

                .small .nav li {
                    font-size: 14px;
                }

                    .small .nav li:hover, .small .nav li.on {
                        border: none;
                    }

                .small .nav a {
                    display: inline-block;
                    line-height: 30px;
                    font-size: 14px;
                }

        .top, .w1200, a, img, li {
            transition: all 0.8s;
            -moz-transition: all 0.8s;
            -webkit-transition: all 0.8s;
            -o-transition: all 0.8s;
        }
        /*AddStart 2017-3-3 YY-修改的footer css代码*/
        .footer {
            padding-top: 20px;
            padding-bottom: 0;
        }

            .footer .bottom_box {
                background: #2d2d2d;
                padding: 30px 0;
            }

            .footer .bottom {
                width: 1000px;
                margin: auto;
            }

                .footer .bottom .li {
                    width: 200px;
                }

                .footer .bottom .t1 {
                    color: #999;
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                .footer .bottom .t2 a {
                    color: #5d5d5d;
                    font-size: 14px;
                    line-height: 28px;
                }

                .footer .bottom .t2.qrcode img {
                    width: 110px;
                    margin-right: 30px;
                }

            .footer .copy {
                text-align: center;
                line-height: 25px;
                color: #888;
                font-size: 14px;
                padding: 20px 0;
                background: #000;
            }

                .footer .copy a {
                    color: #888;
                }

        /*AddEnd */