.body_bg {
            background: url(../images/boby_bg.png) no-repeat top center #0C55A8;
        }

        .container {
            width: 1400px;
        }

        .logo {
            width: 300px;
            margin-top: 29px;
        }

        .text {

            margin-top: 20px
        }

        .yingyan {
            border-radius: 10px;
            background: rgba(255, 255, 255, 1);
            box-shadow: 7px 16px 44px rgba(0, 83, 179, 0.5);
            padding: 28px 40px 74px;
            position: relative;
            box-sizing: border-box;
        }

        .yy_main {
            border-radius: 6px;
            background: linear-gradient(180deg, rgba(186, 218, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
            padding: 36px 17px 16px;
            font-size: 20px;
            font-weight: 700;
            text-indent: 2em;
            line-height: 40px;
            color: rgba(0, 88, 189, 1);
        }

        .yingyan::before {
            position: absolute;
            content: '';
            display: block;
            width: 90%;
            height: 117px;
            background: url(../images/bt_bg.png) no-repeat center center /100% 100%;
            bottom: -75px;
        }

        .main {
            box-sizing: border-box;
            margin-top: 32px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 1);
            box-shadow: 7px 16px 44px rgba(0, 83, 179, 0.5);
            padding: 83px 40px 75px;
            margin-bottom: 50px;
        }

        .ty_title {
            height: 80px;
            background: url(../images/ty_title.png) no-repeat left center;
            font-size: 30px;
            font-weight: 700;
            line-height: 80px;
            letter-spacing: 2px;
            text-align: center;
            color: rgba(255, 255, 255, 1);
        }

        .main p {
            font-size: 20px;
            line-height: 48px;
            color: rgba(56, 56, 56, 1);
            text-indent: 2em;
        }

        .pic {
            margin-top: 40px;
            margin-bottom: 40px;
            text-align: center;
        }

        @media(max-width: 1500px) {
            .container {
                width: 1200px;
            }
        }

        @media(max-width: 1200px) {
            .container {
                width: 100%;
                margin: 0;
          
            }

            .text img {
                width: 100%;
            }
        }

        @media(max-width: 480px) {
            .ty_title {
                padding-top: 18px;
                font-size: 18px;
                line-height: 28px;
            }
             .container {
               padding: 0 15px;
          
               box-sizing: border-box;
            }
        }