img{
            width: 100%;
        }
        .layui-body{
            background: #EDF3FD;
            padding: 15px;
        }
        .layui-body-content{
            background: #fff;
        }
        .layui-table-cell{
            text-align:center;
            height: auto;
            white-space: normal;
        }
        .iframe-box{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
        }
        .iframe-box iframe{
            width: 100%;
            height: 100%;
        }
        .iframe-box .iframe-close{
            position: absolute;
            top: 20px;
            right: 20px;
            color: #fff;
            cursor: pointer;
        }
        .iframe-box .iframe-close i{
            font-size: 35px;
        }
        .video-box{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
        }
        .video-box video{
            width: 100%;
            height: 100%;
            background: #000;
        }
        .video-box .video-close{
            position: absolute;
            top: 20px;
            right: 20px;
            color: #fff;
            cursor: pointer;
            z-index: 1;
        }
        .video-box .video-close i{
            font-size: 35px;
        }
        @media (max-width: 989px){
            .body-container{
                padding-top: 50px;
            }
        }
        @media screen and (max-width: 475px){
            .page-introduce{
                margin: 60px auto 30px !important;
            }
            .page-introduce>div:nth-child(1){
                display: none;
            }
            .page-introduce>div:nth-child(2){
                display: none;
            }
        }
        body{
            background: url('/template/default/html/images/1519ecb7fcee43a3a0f6f87b8be22080.gif') no-repeat;
            background-size: 100%;
        }
        .page-introduce{
            margin: 150px auto 20px;
            width: 85vw;
            max-width: 1440px;
            color: #fff;
        }
        .page-introduce>div:nth-child(1){
            font-size: 32px;
            font-weight: 700;
            line-height: 1.4em;
        }
        .page-introduce>div:nth-child(2){
            margin-top: 10px;
            line-height: 1.7em;
            font-size: 16px;
            font-weight: 400;
        }
        .page-introduce>div:nth-child(3){
            padding: 10px 0;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a{
            color: #fff !important;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a:last-child{
            color: rgba(255,255,255,0.64) !important;
        }
        .page-container{
            background: #fff;
        }
        .news-box{
            margin: 0 auto;
            padding: 70px 0;
            width: 85vw;
            max-width: 1440px;
        }
        .news-title{
            text-align: center;
            line-height: 1.8em;
            font-size: 2em;
            color: #666;
        }
        .news-info{
            text-align: center;
            font-size: 16px;
            color: #666;
            line-height: 1.8em;
        }
        .news-content{
            margin-top: 40px;
            overflow: hidden;
        }
        .news-content img{
            width: unset;
            max-width: 100%;
        }
        .btn-group{
            margin-top: 50px;
        }
        .btn-group .btn{
            padding: 5px 14px;
            max-width: 40%;
            border-radius: 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            border: 1px solid #ddd;
        }
        .btn-pre{
            float: left;
        }
        .btn-next{
            float: right;
        }