@charset "utf-8";
/* CSS Document */
        /*添加banner的margin-top: 100px;*/
        .banner {
            height: 390px;
            background: url(../images/about_banner.jpg) center center no-repeat;
            margin-top: 100px;
        }
       .banner_contact {
            height: 390px;
            background: url(../images/banner_contact.jpg) center center no-repeat;
            margin-top: 100px;
        }
        .banner_download {
            height: 390px;
            background: url(../images/banner_download.jpg) center center no-repeat;
            margin-top: 100px;
        }
        .part1 {
            background: #fff;
            height: 512px;
        }

        .part .title {
            text-align: center;
            font-size: 35px;
            color: #333;
            background: url(../images/title_bg.png) center bottom no-repeat;
            padding: 40px 0 15px;
        }

        .part1 .p1_img {
            display: block;
            float: left;
            /*margin-top: 60px;*/
            width: 315px;
        }

        .part1 .text {
            float: left;
            width: 710px;
            margin-top: 15px;
            font-size: 16px;
            color: #666;
            line-height: 25px;
            margin-left: 40px;
        }

            .part1 .text .t {
                margin-top: 30px;
            }

                .part1 .text .t span {
                    background: #52aeff;
                    display: block;
                    float: left;
                    padding: 0 8px;
                    border-radius: 50%;
                    height: 16px;
                    line-height: 16px;
                    margin-top: 5px;
                }

            .part1 .text .tt {
                float: left;
                width: 660px;
                margin-left: 10px;
            }

        .part2 {
            height: 465px;
            background: #fbfbfb;
        }

            .part2 .content .box {
                width: 25%;
                float: left;
                text-align: center;
                margin-top: 70px;
            }

                .part2 .content .box .p3_img {
                    display: block;
                    margin: auto;
                }

                .part2 .content .box .t1 {
                    font-size: 18px;
                    color: #333;
                    margin-top: 30px;
                }

                .part2 .content .box .t2 {
                    font-size: 14px;
                    color: #888;
                    line-height: 25px;
                    margin: 8px 30px 0;
                }

        .part3 .content {
            margin-top: 40px;
        }

            .part3 .content .box {
                position: relative;
                width: 248px;
                height: 208px;
                overflow: hidden;
                margin-left: 22px;
                margin-bottom: 30px;
                float: left;
                border: 1px solid #f0f0f0;
            }

        .part3 {
            padding: 10px 0;
        }

            .part3 .content .box {
                cursor: default;
            }

                .part3 .content .box .c1 {
                }

                .part3 .content .box .c2 {
                    position: absolute;
                    top: 208px;
                    width: 100%;
                    height: 100%;
                    background: #fff;
                    text-align: center;
                }

                    .part3 .content .box .c2 .c2_t {
                        font-size: 16px;
                        color: #333;
                        margin-top: 38px;
                    }

                    .part3 .content .box .c2 .c2_d {
                        margin: 20px 22px 0;
                        font-size: 14px;
                        color: #888;
                        line-height: 25px;
                    }

                .part3 .content .box .p4_img {
                    display: block;
                    margin: 50px auto 0;
                    width: 70px;
                    height: 60px;
                }

                .part3 .content .box .c1_t {
                    font-size: 16px;
                    color: #888;
                    text-align: center;
                    margin-top: 20px;
                }

                .part3 .content .box:hover {
                    box-shadow: 0px 0px 8px rgba(9,9,9,0.2);
                }

            .part3 .btn {
                width: 255px;
                height: 62px;
                margin: 10px auto;
                cursor: pointer;
                line-height: 62px;
                font-size: 18px;
                color: #fff;
                background: #4fafff;
                border-radius: 5px;
                text-align: center;
            }

        /*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 */