
<!DOCTYPE html>
<html mip="">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css">
    <title><sl-tag>简介标题</sl-tag>-<sl-tag>网站标题</sl-tag></title>
<link href="<sl-tag>安装目录</sl-tag><sl-tag>网站ico</sl-tag>" rel="shortcut icon">
    <meta name="keywords" content="<sl-tag>简介keywords</sl-tag>">
    <meta name="description" content="<sl-tag>简介description</sl-tag>">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="MobileOptimized" content="width">
    <meta name="HandheldFriendly" content="true">
    <style mip-custom="">
        *{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        .clearfix{zoom:1;}
        .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
        .clearfix:after{clear:both;}
        li {
            list-style-type: none;
        }
        .mip-pagebanner {
            margin: 0 auto;
            position: relative;
        }
        .mip-center {
            width: 1200px;
            margin: 0 auto;
        }
        .mip-top-head[type="top"], mip-fixed[type="bottom"] {
            overflow: visible;
        }
        .mip-pcheader {
            height: 70px;
            width: 100%;
            z-index: 19;
            background: #fff;
            border: 1px solid #eee;
        }
        .mip-pcheader .mip-text {
            width: 100%;
            padding: 0;
        }
        .mip-logo {
            width: 25%;
            float: left;
            margin-top: 15px;
        }
        .mip-logo mip-img {
            height: 40px;
            width: 150px;
            display: block;
            transition: .5s;
        }
        .mip-logo mip-img:hover {
            transform: scale(1.1);
            transition: .5s;
        }
        .mip-nav {
            width: 75%;
            float: left;
            background: #fff;
        }
        mip-nav-slidedown #bs-navbar .navbar-nav {
            margin-right: 0;
        }
        .mip-nav #bs-navbar .navbar-nav li {
            text-align: center;
            position: relative;
        }
        .mip-nav #bs-navbar .navbar-nav li a {
            font-size: 14px;
            color: #666;
            margin: 0 15px;
            padding: 0;
            display: block;
        }
        .mip-nav #bs-navbar .navbar-nav li ul {
            padding-left: 0;
        }
        .mip-nav #bs-navbar .navbar-nav li ul li a {
            line-height: 30px;
            font-size: 14px;
            padding: 0 15px;
        }
        .mip-nav #bs-navbar .navbar-nav li ul li:first-child a {
            padding-top: 10px; 
        }
        .mip-nav #bs-navbar .navbar-nav li span {
            font-size: 14px;
            color: #2a333c;
            margin: 0 15px;
            padding: 0;
            display: block;
        }
        .mip-nav mip-nav-slidedown #bs-navbar li:last-child .navbar-more:after {
            display: none;
        }
        .mip-nav #bs-navbar li a:hover {
            color: #4e97d9;
        }
        .mip-mbtn {
            display: none;
            float: right;
            width: 44px;
            height: 44px;
            padding-top: 8px
        }
        .mip-mbtn span {
            width: 44px;
            height: 44px;
            display: block;
            background: url(<sl-tag>安装目录</sl-tag>pc/mip/images/other.png) no-repeat center;
            background-size: 100%;
            background-color: #4e97d9;
            border-radius: 10px;
        }
        .mip-mnav {
            width: 80%;
            background: #f3f3f3;
            position: relative;
            z-index: 100001;
        }
        .mip-mnav #left-sidebar {
            width: 100%;
        }
        .mip-mnav .MIP-SIDEBAR-MASK {
            z-index: 98;
        }
        .mip-mnav li {
            line-height: 40px;
            margin: 0 20px;
            border-bottom: 1px solid #ddd;
        }
        .mip-mnav li a {
            display: block;
        }


        .mip-curson {
            width: 100%;
            margin-top: 70px;
        }
        .mip-curson p {
            width: 100%;
            line-height: 120px;
            display: block;
            text-align: center;
            font-size: 35px;
            color: #fff;
            background: #62a8ea;
        }
        .mip-curson .mip-textc {
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #eee;
        }
        .mip-curson li {
            padding: 0 20px;
            display: inline-block;
        }
        .mip-curson li a {
            font-size: 16px;
            color: #90939b;
            line-height: 70px;
        }
        .mip-curson li a:hover {
            color: #62a8ea;
        }
        
        .mip-main {
            width: 100%;
            padding-bottom: 30px;
        }
        .mip-main .mip-pagecont{
            width: 100%;
        }
        .mip-main-fr {
            width: 100%;
        }
        .mip-cont-tit {
            background: #eee;
        }
        .mip-content {
            padding: 15px;
        }
        .mip-content p{
            font-size: 14px;
            color: #666;
            line-height: 180%;
            margin-top: 10px;

        }
        .mip-nav-wrapper #bs-navbar {
            height: 0;
            transition: height .3s;
            width: 100%;
            left: 0;
            z-index: 1000;
            border: 0;
            float: none;
            position: absolute;
            background-color: white;
        }
        .mip-list-tit {
            width: 98%;
            margin: 20px 1%;
            padding: 0 5px;
            display: none;
            background: #d6772e;
            border-radius: 5px;
        }
        .mip-list-tit .mip-nav-wrapper .navbar-brand {
            font-size: 16px;
            line-height: 32px;
            color: #fff;
        }
        .mip-list-tit .mip-nav-wrapper .navbar-toggle {
            background: url(<sl-tag>安装目录</sl-tag>pc/mip/images/rii.png) no-repeat center;
            width: 32px;
            height: 32px;
            background-size: 65%;
            float: right;
            border: none;
            transform: rotate(90deg);
            padding: 0;
            margin-top: 7px;
            margin-right: 5px;
            cursor: pointer;
            outline: 0;
        }
        .mip-list-tit .mip-nav-wrapper .navbar-toggle .icon-bar {
            display: none;
        }
        .mip-list-tit .mip-nav-wrapper #bs-navbar .navbar-nav a {
            font-size: 15px;
            margin-right: 15px;
            margin-top: 15px;
            width: 100%;
            display: block;
        }
        .mip-list-tit .mip-nav-wrapper #navbar-wise-close-btn {
            display: block;
            margin: 0 auto;
            margin-top: 30px;
        }



        .mip-footer{
            background: #fff;
            width: 100%;
            padding: 20px 0;
            border-top: 1px solid #eee;
        }
        .mip-footer .mip-fr {
            float: left;
            width: 70%;
        }
        .mip-footer .mip-fr ul {
            width: 25%;
            float: left;
        }
        .mip-footer .mip-fr li a {
            font-size: 14px;
            color: #5e7387;
            line-height: 28px;
            display: block;
        }
        .mip-footer .mip-fr li:first-child a {
            font-size: 18px;
            color: #2a333c;
            line-height: 40px;
            display: block;
        }
        .mip-footer .mip-fr li a:hover {
            color: #4e97d9;
            text-decoration: underline;
        }
        .mip-footer .mip-fr li:first-child a:hover {
            color: #2a333c;
            text-decoration: none;
        }
        .mip-footer .mip-fl {
            float: left;
            width: 30%;
            text-align: center;
        }
        .mip-footer .mip-fl p {
            color: #5e7387;
            font-size: 26px;
            margin-top: 15px;
        }
        .mip-footer .mip-fl span {
            color: #aaa;
            line-height: 150%;
            padding-top: 8px;
        }
        .mip-copyright {
            width: 100%;
            text-align: center;
            padding: 10px 0;
            border-top: 1px solid #eee;
        }
        .mip-copyright p {
            font-size: 14px;
            line-height: 30px;
            color: #999;
        }
        .mip-copyright p a {
            font-size: 14px;
            line-height: 30px;
            color: #999;
        }
        .mip-copyright span {
            font-size: 14px;
            line-height: 30px;
            color: #999;
        }
        .mip-copyright span a {
            font-size: 14px;
            line-height: 30px;
            color: #999;
            padding-right: 10px;
        }
        .mip-copyright span a:hover {
            color: #4e97d9;
            text-decoration: underline;
        }
        .mip-gototop-show {
            background-color: #89BCEB!important;
            background: url(<sl-tag>安装目录</sl-tag>pc/mip/images/top.png) no-repeat center;
            border: none;
        }
        .mip-footnav {
            height: 52px;
            width: 100%;
            background: #4e97d9;
            padding-top: 6px;
            display: none;
        }
        .mip-footnav li {
            width: 25%;
            float: left;
        }
        .mip-footnav li mip-img {
            display: block;
            margin: 0 auto;
            width: 23px;
            height: 23px;
        }
        .mip-footnav li span {
            display: block;
            text-align: center;
            font-size: 14px;
            color: #fff;
            padding-top: 2px;
        }


        @media screen and (max-width: 1200px) {
            .mip-center {
                width: 100%;
                padding: 0 .5%;
            }
        }

        @media screen and (max-width: 768px) {
            .mip-curson {
                margin-top: 60px;
            }
            .mip-mbtn {
                display: block;
            }
            .mip-nav {
                display: none;
            }
            .mip-pcheader {
                height: 60px;
            }
            .mip-banner .mip-carousel-preBtn {
                display: none;
            }
            .mip-banner .mip-carousel-nextBtn {
                display: none;
            }
            .mip-logo {
                width: 40%;
            }
            .mip-carousel-indicator-wrapper {
                bottom: 2px;
            }
            .mip-banner .mip-carousel-indicatorDot .mip-carousel-indecator-item {
                width: 10px;
                height: 10px;
            }
            .mip-header {
                padding: 0 2%;
                position: fixed;
                top: 0;
                left: 0;
                background: #fff;
                z-index: 99;
                height: 60px;
                border-bottom: 1px solid #eee;
            }
            .mip-banner {
                padding-top: 60px;
            }
            .mip-logo {
                margin-top: 10px;
            }
            .mip-footer .mip-fr {
                width: 100%;
                text-align: center;
            }
            .mip-footer .mip-fl {
                width: 100%;
            }
            .mip-list-tit {
                display: block;
            }
            .mip-top-head[type="top"], mip-fixed[type="bottom"] {
                height: 60px;
            }
            .mip-botfoot[type="top"], mip-fixed[type="bottom"] {
                height: auto;
            }
        }
        @media screen and (max-width: 450px) {
            .mip-copyright {
                padding-bottom: 62px;
            }
            .mip-footnav {
                display: block;
            }
            .mip-curson li {
                width: 25%;
                float: left;
                padding: 0;
                text-align: center;
                line-height: 30px;
            }
            .mip-curson li a {
                line-height: 40px;
                display: block;
                margin-top: 5px;
                font-size: 14px;
            }
        }
        @media screen and (max-width: 350px) {
            
        }
    </style>
</head>

<body>
        <sl-tag>网站顶部</sl-tag>
    
    <div class="mip-curson clearfix">
                    <p><sl-tag>简介标题</sl-tag></p>
        
        <div class="mip-textc clearfix">
            <ul>
<sl-function f="left_list">
<parameter><![CDATA[<li><a href="%左侧链接%" title="%左侧标题%" data-type="mip">%左侧标题%</a></li>]]></parameter>
<parameter><![CDATA[<sl-tag>菜单ID</sl-tag>]]></parameter>
</sl-function>
</ul>
        </div>
    </div>

    <div class="mip-main clearfix">
        <div class="mip-center">
            <div class="mip-pagecont clearfix">
                <div class="mip-main-fr">
                    <div class="mip-content">
                        <p><sl-tag>简介内容</sl-tag></p><p><br></p>                    </div>
                </div>
            </div>
        </div>
    </div>
        <sl-tag>网站底部</sl-tag>
</body>

</html>