<style type="text/css">
        mip-lightbox {
            max-height: 100%;
            overflow: auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        mip-lightbox a {
            color: #fff
        }

        mip-lightbox .mip-lightbox-countdown {
            position: absolute;
            top: 5px;
            right: 5px
        }

        #mip-lightbox-mask {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(0, 0, 0, .8);
            z-index: 10000 !important;
            display: none
        }
    </style>
    <style type="text/css">
        .mip-nav-wrapper {
            height: 72px
        }

        .mip-nav-wrapper.show {
            opacity: 1 !important
        }

        .mip-nav-wrapper .hr-xs {
            display: none
        }

        mip-nav-slidedown #bs-navbar {
            margin-bottom: 0;
            margin-right: 0;
            float: right
        }

        mip-nav-slidedown #bs-navbar a,
        mip-nav-slidedown #bs-navbar mip-link,
        mip-nav-slidedown #bs-navbar span {
            white-space: nowrap;
            margin: 15px;
            padding: 10px;
            color: #666
        }

        mip-nav-slidedown #bs-navbar a:focus,
        mip-nav-slidedown #bs-navbar a:hover,
        mip-nav-slidedown #bs-navbar mip-link:focus,
        mip-nav-slidedown #bs-navbar mip-link:hover,
        mip-nav-slidedown #bs-navbar span:focus,
        mip-nav-slidedown #bs-navbar span:hover {
            text-decoration: none;
            background: transparent;
            color: #000
        }

        mip-nav-slidedown #bs-navbar .navbar-nav {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-top: 10px;
            margin-right: -25px
        }

        mip-nav-slidedown #bs-navbar .navbar-nav li {
            list-style: none;
            line-height: 50px
        }

        mip-nav-slidedown #bs-navbar .navbar-nav li.active a,
        mip-nav-slidedown #bs-navbar .navbar-nav li.active mip-link,
        mip-nav-slidedown #bs-navbar .navbar-nav li.active span {
            color: #000;
            font-weight: 700
        }

        mip-nav-slidedown .navbar-wise-close {
            display: none
        }

        mip-nav-slidedown .navbar-brand {
            float: none;
            display: inline-block;
            margin: 15px 0 10px;
            height: 41px;
            background-size: 100% auto;
            position: absolute;
            font-size: 26px
        }

        mip-nav-slidedown .navbar-brand:active,
        mip-nav-slidedown .navbar-brand:hover {
            color: hsla(0, 0%, 100%, .85)
        }

        mip-nav-slidedown .navbar-header {
            float: left
        }

        mip-nav-slidedown .navbar-toggle {
            display: none
        }

        
            .mip-nav-wrapper {
                height: 44px
            }

            .mip-nav-wrapper .navbar-static-top a {
                margin: 0
            }

            .mip-nav-wrapper #bs-navbar {
                height: 0;
                -webkit-transition: height .3s;
                transition: height .3s;
                width: 100%;
                left: 0;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
                z-index: 1000;
                border: 0;
                float: none;
                position: absolute;
                background-color: #fff
            }

            .mip-nav-wrapper #bs-navbar .navbar-nav {
                margin: 0;
                min-height: 283px;
                height: 100%;
                display: block
            }

            .mip-nav-wrapper #bs-navbar .navbar-nav li {
                padding: 5px 0
            }

            .mip-nav-wrapper #bs-navbar .navbar-nav a,
            .mip-nav-wrapper #bs-navbar .navbar-nav mip-link,
            .mip-nav-wrapper #bs-navbar .navbar-nav span {
                text-align: center;
                color: #333;
                font-size: 18px;
                padding: 0;
                margin: 0 auto;
                display: block
            }

            .mip-nav-wrapper .navbar-header {
                float: none;
                overflow: hidden
            }

            .mip-nav-wrapper .container>.navbar-collapse {
                padding: 0;
                background-color: #fff
            }

            .mip-nav-wrapper .navbar-brand {
                margin: 5px 0 0;
                height: 33px;
                font-size: 23px
            }

            .mip-nav-wrapper .navbar-static-top .navbar-brand {
                left: 50%;
                margin-left: -30px
            }

            .mip-nav-wrapper .navbar-toggle {
                display: block;
                margin: 8px 0;
                padding: 5px;
                border: 0;
                background: transparent;
                float: right
            }

            .mip-nav-wrapper .navbar-toggle .icon-bar {
                height: 2px;
                width: 23px;
                background: #999;
                display: block
            }

            .mip-nav-wrapper .navbar-toggle .icon-bar .icon-bar {
                margin-top: 6px
            }

            .mip-nav-wrapper .hr-xs {
                display: block !important;
                border-color: #eee;
                margin: 0 10px;
                border-top: 0
            }

            .mip-nav-wrapper .navbar-wise-close {
                display: block;
                text-align: center;
                margin: 20px 0
            }

            .mip-nav-wrapper #navbar-wise-close-btn {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                border: 1px solid #d4d4d4;
                display: inline-block;
                position: relative
            }

            .mip-nav-wrapper #navbar-wise-close-btn:before {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .mip-nav-wrapper #navbar-wise-close-btn:after,
            .mip-nav-wrapper #navbar-wise-close-btn:before {
                content: "";
                width: 1px;
                height: 25px;
                display: inline-block;
                position: absolute;
                background: #d4d4d4;
                top: 7px
            }

            .mip-nav-wrapper #navbar-wise-close-btn:after {
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .mip-nav-wrapper #navbar-wise-close-btn.down {
                background: #f3f3f3
            }

            .mip-nav-wrapper .sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                border: 0
            }
        

        @media screen and (min-width:768px) {
            mip-nav-slidedown #bs-navbar li .navbar-more:after {
                content: "";
                position: relative;
                display: inline-block;
                top: 1px;
                border: 4px solid transparent;
                border-top-color: #666;
                left: 3px
            }

            mip-nav-slidedown #bs-navbar li:hover .navbar-more:after {
                border-color: transparent transparent #666;
                top: -3px
            }

            mip-nav-slidedown #bs-navbar li>ul {
                display: none;
                list-style: none;
                position: absolute;
                background: #fff
            }

            mip-nav-slidedown #bs-navbar li:hover>ul {
                display: inherit;
                z-index: 10
            }
        }
    </style>
    <style type="text/css">
        mip-form {
            position: relative
        }

        mip-form .visible {
            display: block
        }

        mip-form #mip-form-cross {
            position: absolute;
            display: block;
            padding: 6px;
            width: 20px;
            height: 20px;
            right: 0;
            background:  no-repeat 50%;
            z-index: 100;
            background-size: 100% 100%;
            background-origin: content-box
        }

        mip-form input,
        mip-form select,
        mip-form textarea {
            border: 1px solid #f1f1f1;
            padding: 6px;
            display: block;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            resize: none;
            font-size: 16px
        }

        mip-form input[type=datetime],
        mip-form input[type=email],
        mip-form input[type=input],
        mip-form input[type=number],
        mip-form input[type=tel],
        mip-form input[type=text],
        mip-form input[type=url] {
            padding-right: 30px
        }

        mip-form form {
            position: relative
        }

        mip-form input[type=checkbox],
        mip-form input[type=radio] {
            display: inline
        }

        mip-form label {
            display: block
        }

        mip-form div {
            display: none;
            color: #ec1f5c;
            font-size: 12px;
            text-align: left;
            padding: 0 10% 0 3%
        }

        mip-form div[mip-mustache-rendered] {
            display: block
        }

        mip-form input[type=submit] {
            border: 1px solid #f1f1f1;
            border-radius: 5px;
            color: #333;
            background-color: #d8d7d7
        }

        mip-form [submit-error],
        mip-form [submit-success] {
            display: none
        }
    </style>
    <style type="text/css">
        mip-history.mip-history-default {
            padding: 10px;
            margin: 10px;
            background: #eee;
            -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
        }

        mip-history.mip-history-default :hover {
            background-color: rgba(0, 0, 0, .1)
        }
    </style>
    
    <style mip-custom="">
        /*公用*/
        * {
            margin: 0px;
            padding: 0px;
            font-weight: normal
        }

        html {
            height: 100%
        }

        body {
            font-family: arial, helvetica, sans-serif;
            height: 100%;
            background: #fff
        }

        a {
            text-decoration: none;
            text-shadow: none;
            font-weight: normal
        }

        ul {
            list-style: none
        }

        hr {
            margin: 20px 0
        }

        textarea,
        button {
            outline: none;
            -webkit-appearance: none
        }

        img {
            border: 0;
            display: block
        }

        input[type="text"],
        input[type="button"],
        input[type="checkbox"],
        input[type="submit"],
        input[type="reset"],
        select {
            -webkit-appearance: none;
            outline: none
        }

        /* 常用 */
        .fl {
            float: left
        }

        .fr {
            float: right
        }

        .hd {
            overflow: hidden
        }

        .clear,
        .clearfix {
            clear: both;
            overflow: hidden
        }

        .red-text {
            color: #f00
        }

        .middle-text {
            text-align: center;
            font-size: 20px
        }

        .divider {
            background-color: #f6f6f6;
            height: 8px
        }

        .hiddenmessage {
            display: none !important
        }

        .showmessage {
            display: block !important
        }

        @-webkit-keyframes scale-three2 {
            0% {
                transform: scale(1);
                opacity: .8;
            }

            100% {
                transform: scale(1.5);
                opacity: 0;
            }
        }

        @-webkit-keyframes rotation {
            from {
                -webkit-transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
            }
        }


            /* 头部 */
            header {
                background-color:#008000;
                color: #fff;
            }

            header .mip-nav-wrapper {
                position: relative;
                height: 50px
            }

            header .mip-nav-wrapper .topbtn {
                position: absolute;
                top: 14px;
                left: 16px;
                width: 12px;
                z-index: 10000;
            }

            header .mip-nav-wrapper .navbar-header {
                text-align: center
            }

            header .mip-nav-wrapper .navbar-brand {
                display: block;
                margin-top: 0;
                width: 120px;
                margin-left: -60px;
                left: 50%;
                color: #fff;
                font-size: 18px;
                height: 50px;
                line-height: 50px
            }

            header .mip-nav-wrapper .navbar-toggle {
                margin: 12px
            }

            header .mip-nav-wrapper .navbar-toggle .icon-bar {
                background: #fff
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li {
                position: relative;
                border-bottom: 1px solid #e7e7e7
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li.active {
                padding: 0
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li.active>span {
                padding: 5px 0
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li:nth-last-of-type(1) {
                border: 0
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li:nth-last-of-type(1):before {
                display: none
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li:before {
                background:  no-repeat 50%;
                position: absolute;
                right: 18px;
                top: 18px;
                content: " ";
                display: block;
                width: 25px;
                height: 25px;
                background-size: 60%
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li.active:before {
                background:  no-repeat 50%;
                position: absolute;
                right: 18px;
                top: 18px;
                content: " ";
                display: block;
                width: 25px;
                height: 25px;
                background-size: 60%
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li>ul {
                display: none;
                background: #fbfbfb
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li.active>ul {
                display: block
            }

            header .mip-nav-wrapper mip-nav-slidedown #bs-navbar .navbar-nav li.active a,
            header .mip-nav-wrapper mip-nav-slidedown #bs-navbar .navbar-nav li.active mip-link,
            header .mip-nav-wrapper mip-nav-slidedown #bs-navbar .navbar-nav li.active span {
                color: #333;
                font-weight: normal
            }

            header .mip-nav-wrapper #bs-navbar .navbar-nav>li>ul>li {
                border-top: 1px dashed #e7e7e7
            }

        

        /* pc控制 */
        .mip-fixedlayer {
            display: none !important
        }

        /* 幻灯 */
        .box-banner {
            position: relative;
            overflow: hidden
        }

        .box-banner .mip-carousel-indicator-wrapper {
            position: absolute;
            bottom: 10px;
            width: 100%
        }

        /* 菜单 */
        .box-nav ul {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            margin-top: 8px;
            margin-bottom: 16px
        }

        .box-nav ul li {
            flex: auto;
            padding: 8px 0;
            border: 1px solid #efefef;
            text-align: center;
            margin-top: 8px;
            margin-right: 8px;
            width: 20%
        }

        .box-nav ul li:nth-of-type(4n 1) {
            margin-left: 8px
        }

        .box-nav ul li i {
            margin: 0 auto
        }

        .box-nav ul li i.ico {
            width: 48px;
            height: 48px;
            background-size: 48px;
            display: block;
            background-repeat: no-repeat;
            background-image: ;
            border-radius: 50%
        }

        .box-nav ul li i.i-1 {
            background-color: #f98e5a;
            background-position: 0 0
        }

        .box-nav ul li i.i-2 {
            background-color: #34ab93;
            background-position: 0 -48px
        }

        .box-nav ul li i.i-3 {
            background-color: #294d7d;
            background-position: 0 -96px
        }

        .box-nav ul li i.i-4 {
            background-color: #11c7d8;
            background-position: 0 -144px
        }

        .box-nav ul li i.i-5 {
            background-color: #f98e5a;
            background-position: 0 0
        }

        .box-nav ul li i.i-6 {
            background-color: #34ab93;
            background-position: 0 -48px
        }

        .box-nav ul li i.i-7 {
            background-color: #294d7d;
            background-position: 0 -96px
        }

        .box-nav ul li i.i-8 {
            background-color: #11c7d8;
            background-position: 0 -144px
        }

        .box-nav ul li p {
            margin-top: 8px
        }

        /* 主体 */
        .box-container {}

        .box-wrapper {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 8px;
            padding-left: 8px;
            margin-right: auto;
            margin-left: auto
        }

        .box-container .box-item {
            padding: 0 8px;
            margin-bottom: 16px
        }

        .box-container .box-title {
            padding: 10px 0;
            height: 25px;
            line-height: 25px;
            border-bottom: 1px solid #efefef
        }

        .box-container .box-title span.title {
            position: relative;
            font-size: 16px;
            height: 25px;
            line-height: 26px;
            color:#008000;
            padding-left: 10px;
            box-sizing: border-box;
            font-weight: 500
        }

        .box-container .box-title span.title::before {
            content: '';
            position: absolute;
            width: 3px;
            height: 16px;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            background-color:#008000
        }

        .box-container .box-title span.more {
            margin-right: 3px;
            height: 25px;
            line-height: 26px
        }

        .box-container .box-title span.more a {
            color: #666;
            vertical-align: middle
        }

        .box-container .picbox .box-con {}

        .box-container .picbox .box-con ul {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            /*justify-content:space-between;*/
            align-items: flex-start
        }

        .box-container .picbox .box-con > ul > li {
            display: flex;
            margin-top: 8px;
            padding-right: 8px;
            box-sizing: border-box;
            flex-basis: calc(33.33333333%);
            align-items: center;
            flex-direction: column
        }

        .box-container .picbox .box-con ul li:nth-of-type(3n),
        .box-container .picbox .box-con ul li:nth-last-of-type(1) {
            padding-right: 0
        }

        .box-container .picbox .box-con ul li .mip-img-subtitle {
            color: #333
        }

        .box-container .picbox .box-con ul li .pic,
        .box-container .picbox .box-con ul li .text {
            margin: 0 auto;
            overflow: hidden
        }

        .box-container .picbox .box-con ul li .pic {
            overflow: hidden
        }

        .box-container .picbox .box-con ul li .pic mip-img {
            height: 90px
        }

        .box-container .tabbox mip-vd-tabs .mip-vd-tabs-nav {
            padding: 0;
            height: 46px;
            line-height: 46px;
            font-size: 16px;
            font-weight: 500
        }

        .box-container .tabbox mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-li {
            height: 46px;
            line-height: 46px
        }

        .box-container .tabbox mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected {
            border-bottom: 1px solid#008000;
            color:#008000
        }

        .box-container .tabbox mip-vd-tabs section {
            border-bottom: 1px solid #eee
        }

        .box-container .tabbox .mip-vd-tabs-content {
            padding: 8px 0 0
        }

        .box-container .tabbox .mip-vd-tabs-content ul li {
            font-size: 15px;
            line-height: 1.625;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .box-container .tabbox .mip-vd-tabs-content ul li:before {
            content: "";
            display: inline-block;
            width: 5px;
            height: 5px;
            background-color: #666;
            border-radius: 50%;
            margin-right: 8px;
            vertical-align: middle
        }

        .box-container .tabbox .mip-vd-tabs-content ul li span {
            vertical-align: middle;
            line-height: 1.625
        }

        .box-container .tabbox .mip-vd-tabs-content ul li a {
            color: #555
        }

        .box-container .tabbox .mip-vd-tabs-content ul li span.subtime {
            float: right
        }

        .box-container .listbox .box-con {
            padding: 8px 0 0
        }

        .box-container .listbox .box-con > ul > li {
            display: flex;
            overflow: hidden;
            padding: 8px 0;
            border-bottom: #efefef 1px solid
        }

        .box-container .listbox .box-con > ul  > li:nth-of-type(1) {
            padding-top: 0
        }

        .box-container .listbox .box-con ul li .pic {
            width: 124px;
            height: 88px;
            overflow: hidden
        }

        .box-container .listbox .box-con ul li .text {
            flex: 1;
            margin-left: 8px;
            font-size: 15px
        }

        .box-container .listbox .box-con ul li .text p.other {
            font-size: 14px;
            height: 32px;
            line-height: 32px;
            color: #999;
            margin-top:20px;
        }

        .box-container .listbox .box-con ul li .text p.other span {
            vertical-align: middle
        }

        .box-container .listbox .box-con ul li .text p.other .time:before {
            content: "";
            display: inline-block;
            background:  no-repeat 50%;
            width: 15px;
            height: 15px;
            margin-right: 3px;
            background-size: 100%;
            vertical-align: -2px
        }

        .box-container .listbox .box-con ul li .text p.other .lanmu {
            float: right;
            margin-right: 8px
        }

        .box-container .listbox .box-con ul li .text p.other .lanmu a {
            color: #999
        }

        .box-container .listbox .box-con a.more {
            text-align: center;
            display: block
        }

        .box-container .listbox .box-con a.more p {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            line-height: 48px;
            font-size: 16px
        }

        .box-container .tagbox .box-con {
            padding: 8px 0 0
        }

        .box-container .tagbox .box-con ul {
            display: flex;
            flex-wrap: wrap
        }

        .box-container .tagbox .box-con ul li {
            flex: auto;
            height: 16px;
            line-height: 16px;
            margin-bottom: 12px;
            text-align: center;
            border-right: 1px solid #eee;
            width: 20%;
            overflow: hidden
        }

        .box-container .tagbox .box-con ul li:nth-of-type(4n),
        .box-container .tagbox .box-con ul li:nth-last-of-type(1) {
            border-right: 0
        }

        .box-container .tagbox .box-con ul li a.current {
            color: #f00;
        }

        .box-container .conbox .box-con {
            padding: 8px 0 0;
            font-size: 16px;
            color: #333
        }

        .box-container .conbox .box-con img {
            max-width: 100%;
            height: auto !important
        }

        .box-container .conbox .box-arthead {
            padding: 8px 0;
            border-bottom: 1px solid #efefef
        }

        .box-container .conbox .box-arthead.pic {
            padding: 16px 0 0;
        }

        .box-container .conbox .box-arthead .title {
            font-size: 20px;
            margin-bottom: 8px
        }

        .box-container .conbox .box-arthead .pic-title {
            text-align: left;
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 16px
        }

        .box-container .conbox .box-arthead .l-box .price {
            color: #f70;
            font-size: 12px
        }

        .box-container .conbox .box-arthead .l-box .price .num {
            font-size: 16px
        }

        .box-container .conbox .box-arthead .r-box .item {
            color: #999;
            margin-left: 5px;
            vertical-align: bottom;
            color: #999;
            font-size: 12px
        }

        .box-container .conbox .box-arthead .author {
            height: 24px;
            line-height: 24px;
            margin-bottom: 8px;
            color: #999;
            font-size: 12px
        }

        .box-container .conbox .box-arthead .mobile {
            border-top: #eee 1px solid;
            line-height: 48px
        }

        .box-container .conbox .box-arthead .mobile span {
            color: #999
        }

        .box-container .conbox .box-arthead .mobile .num {
            color: #333
        }

        .box-container .conbox .box-arthead .mobile i.btn-phone {
            display: block;
            width: 32px;
            height: 32px;
            margin-top: 8px;
            background:  center no-repeat;
            background-size: 80%
        }

        .box-container .artbox h1,
        .box-container .artbox h2,
        .box-container .artbox h3 {
            font-size: 16px;
            font-weight: bold
        }

        .box-container .conbox .box-arthead p {
            color: #999;
            font-size: 12px;
        }

        .box-container .conbox .box-arthead span.dot {
            margin: 0 4px
        }

        .box-container .conbox .box-arthead span.lm a {
            color: #999
        }

        .box-container .conbox .box-con .shuoming {
            line-height: 20px;
            padding: 10px;
            width: 100%;
            color: #999;
            background-color: #fafafa;
            clear: both;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            text-align: center;
            font-size: 12px;
            margin-top: 16px
        }

        .box-container .conbox .box-con .showmore {
            text-align: center
        }

        .box-container .conbox .box-con .showmore .mip-showmore-btn {
            margin-top: 16px;
            background: #fff;
            padding: 8px 36px;
            border: 1px solid #efefef
        }

        .box-container .conbox .box-con .biaodan-box {
            width: 100%
        }

        .box-container .conbox .box-con .biaodan-box .submitbtn {
            background:#008000
        }

        .box-container .conbox .box-con .biaodan-box .title {
            color: #333
        }

        /* 底部 */
        .footer-solution-box {
            background-color: #fff
        }

        .footer-solution-box .solution-box-top {
            margin-bottom: 15px;
            padding-top: 15px
        }

        .footer-solution-box .solution-box-top .pc-botton {
            text-align: center;
            font-size: 14px
        }

        .footer-solution-box .solution-box-top .pc-botton a:nth-of-type(2) {
            color:#008000
        }

        .footer-solution-box .solution-box-top .pc-botton span {
            margin: 0 10px
        }

        .footer-solution-box .solution-box-top .pc-botton img {
            width: auto;
            height: auto
        }

        .footer-solution-box .solution-box-top .footer-phone {
            padding: 15px 0;
            text-align: center
        }

        .footer-solution-box .solution-box-top .footer-phone .mobile-num {
            margin: 8px auto 0;
            padding-left: 18px;
            font-size: 14px;
            line-height: 1em;
            color: #666;
            background:  left center no-repeat;
            background-size: 12%
        }

        .footer-solution-box .solution-box-bottom {
            overflow: hidden;
            padding: 8px 4px;
            border-top: 1px solid #eee;
            margin-bottom: 3px
        }

        .footer-solution-box .solution-box-bottom .box-flex .common-title-p {
            margin: 0;
            font-size: 14px;
            color:#008000;
            margin-bottom: 5px
        }

        .footer-solution-box .solution-box-bottom .box-flex {
            float: left;
            margin: 8px 0;
            width: 25%;
            border-right: 1px solid #eee;
            box-sizing: border-box
        }

        .footer-solution-box .solution-box-bottom .box-flex:nth-last-of-type(1) {
            border: none
        }

        .footer-solution-box .solution-box-bottom .box-flex p {
            font-size: 14px;
            color: #8f8f94;
            text-align: center
        }

        .footer-tips-box {
            text-align: center;
            padding: 18px 0;
            background: #eee
        }

        .footer-tips-box .copy-right-wrap {
            font-size: 14px;
            color: #8f8f94;
            padding: 3px 0 3px
        }

        .footer-tips-box .copy-right-wrap p {
            line-height: 18px
        }

        .footer-nav-box {
            display: flex;
            background-color:#008000;
            padding: 8px 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box
        }

        .footer-nav-box a,
        .footer-nav-box div {
            display: flex;
            flex: auto;
            text-align: center;
            width: 50%;
            height: 32px;
            line-height: 32px;
            color: #fff;
            justify-content: center
        }

        .footer-nav-box div {
            border-left: 1px solid #efefef
        }

        .footer-nav-box i.btn-phone {
            display: block;
            width: 32px;
            height: 32px;
            background:  center no-repeat;
            background-size: 80%
        }

        .footer-nav-box i.btn-price {
            display: block;
            width: 32px;
            height: 32px;
            background:  center no-repeat;
            background-size: 80%
        }

        /* 分页 */
        .pagination {
            padding-top: 16px;
            text-align: center
        }

        .pagination ul li{
            display: inline-block !important;
            padding: 5px;
            line-height: 20px;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
            flex: 1;
        }

        /* 表单 */
        .fixed-inputform {
            overflow: visible;
            top: 16% !important;
            left: 5% !important
        }

        .fixed-outside {
            overflow: visible;
            top: 15% !important;
            left: 3% !important
        }

        .fixed-outside .outside {
            background: #fff;
            width: 94%;
            height: 450px;
            opacity: .2;
            border-radius: 16px;
            z-index: 998
        }

        .fixed-close {
            top: 10% !important;
            right: 5% !important
        }

        .fixed-close .close {
            width: 20px;
            ;
            height: 20px;
        }

        .biaodan-box {
            background: #fff;
            width: 90%;
            height: 432px;
            border-radius: 12px;
            z-index: 999
        }

        .biaodan-box .input-name {
            width: 65%
        }

        .biaodan-box .input-name input {
            width: 70%
        }

        .biaodan-box .money {
            display: block;
            position: absolute;
            top: -4px;
            left: -5px;
            width: 65px;
            height: 65px
        }

        .biaodan-box .title {
            height: 60px;
            line-height: 78px;
            text-align: center;
            color: #e44b46;
            font-size: 18px
        }

        .biaodan-box .subtitle {
            height: 13px;
            line-height: 13px;
            color: #666;
            text-align: center;
            font-size: 12px
        }

        .biaodan-box ul {
            min-height: 100px;
            width: 88%;
            margin: 0 auto;
            margin-top: 20px
        }

        #contentli {
            height: 82px
        }

        .biaodan-box ul li {
            height: 40px;
            padding: 1px 0;
            border: 1px solid #c0c5cb;
            margin-bottom: 16px;
            border-radius: 4px
        }

        .biaodan-box ul li p {
            float: left;
            line-height: 40px;
            height: 40px;
            font-size: 14px;
            overflow: hidden
        }

        .biaodan-box ul li p i {
            width: 42px;
            height: 40px;
            float: left
        }

        .biaodan-box ul li p input {
            border: none;
            outline: 0;
            padding: 0;
            margin: 0;
            font-size: 14px;
            height: 40px
        }

        .biaodan-box ul li:nth-child(1) p i {
            background:  no-repeat 10px center;
            background-size: 26px 18px
        }

        .biaodan-box ul li:nth-child(2) p i {
            background:  no-repeat 10px center;
            background-size: 26px 18px
        }

        .biaodan-box ul li:nth-child(3) p i {
            background:  no-repeat 10px center;
            background-size: 26px 18px
        }

        .biaodan-box ul li:nth-child(4) p i {
            background:  no-repeat 10px center;
            background-size: 26px 18px
        }

        .biaodan-box input[type="radio"] {
            vertical-align: middle;
            margin-bottom: 1px
        }

        .biaodan-box .input-phone {
            width: 100%
        }

        .biaodan-box .sexna {
            background: 0 0
        }

        .biaodan-box .nan {
            display: inline-block;
            width: 13px;
            height: 13px;
            background:  no-repeat;
            background-size: 100% 100%
        }

        .biaodan-box .nv {
            display: inline-block;
            width: 13px;
            height: 13px;
            background:  no-repeat;
            background-size: 100% 100%
        }

        .biaodan-box .chanpin {
            width: 200px
        }

        .biaodan-box .input-liuyan {
            height: 82px
        }

        .biaodan-box .content {
            padding: 8px 0 10px;
            width: 82%;
            height: 58px;
            margin-top: 2px;
            border: none;
            resize: none;
            outline: 0;
            font-size: 14px;
            line-height: 20px
        }

        .biaodan-box .submit {
            width: 88%;
            height: 40px;
            background: #e44b46;
            text-align: center;
            line-height: 40px;
            margin: 0 auto;
            padding: 0;
            color: #fff;
            font-size: 14px;
            border-radius: 4px
        }

        .biaodan-box .submitbtn {
            display: block;
            width: 88%;
            height: 40px;
            background: #e44b46;
            text-align: center;
            line-height: 40px;
            margin: 0 auto;
            padding: 0;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            border: 0;
            outline: 0;
            margin: 0 auto;
            cursor: pointer
        }

        /* 表单弹窗 */
        #biaodan-confirm .wrapper {
            margin: 0 auto;
            text-align: center;
            top: 33%;
            width: 90%;
            line-height: 1.5;
            background-color: hsla(0, 0%, 100%, .95);
            z-index: 10002
        }

        #biaodan-confirm .mask {
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .5)
        }

        #biaodan-confirm .toast {
            border: 1px solid #efefef;
            margin: 0 auto;
            background: #fff;
            color: #000;
            text-align: center;
            white-space: nowrap;
            font-size: 14px;
            line-height: 100%;
            height: auto
        }

        #biaodan-confirm .confirm-title {
            position: relative;
            padding: 20px 20px 10px;
            margin-bottom: -25px;
            text-align: center
        }

        #biaodan-confirm .confirm-title div {
            margin: 0;
            padding: 0;
            font-weight: 400px;
            font-size: 18px
        }

        #biaodan-confirm .confirm-content {
            margin: 25px 20px;
            color: #666;
            text-align: center;
            font-size: 14px
        }

        #biaodan-confirm .confirm-footer-btn {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: relative;
            display: inline-block;
            outline: none;
            margin: 0;
            padding: 0;
            height: 44px;
            line-height: 44px;
            color:#008000;
            font-size: 17px;
            font-weight: 400;
            cursor: pointer;
            text-decoration: none;
            background-color: transparent
        }

        #biaodan-confirm .mip-img {
            margin-top: 10px
        }

        #biaodan-confirm .toast p {
            padding: 10px 0;
            white-space: normal;
            line-height: 1.5em
        }

        #biaodan-confirm .confirm-footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            font-size: 0;
            border-top: 1px solid #efefef
        }

        #biaodan-confirm .confirm-footer-left {
            border-left-width: 0
        }

        #biaodan-confirm .confirm-footer-bottom,
        #biaodan-confirm .confirm-footer-left,
        #biaodan-confirm .confirm-footer-right {
            border-right-width: 0;
            border-bottom-width: 0
        }

        #biaodan-confirm .confirm-footer-bottom {
            border-left-width: 0;
            border-top-width: 0
        }
    </style>
    <style>
        #sir * {
            box-sizing: border-box;
            padding: 0;
            margin: 0;
        }

        #sir.active .sir-cover {
            display: block;
        }

        #sir.active .sir-main-wrap {
            display: block;
        }

        #sir .sir-button {
            visibility: visible;
            display: inline-block;
            height: 22px;
            line-height: 22px;
            margin-right: 10px;
            padding: 0 3px;
            opacity: 0.5;
            background: white;
            font-size: 13px;
        }

        #sir .sir-button:hover {
            opacity: 1;
        }

        #sir .sir-toggle-button {
            position: fixed;
            right: 0;
            bottom: 0;
            z-index: 99999;
        }

        #sir .sir-cover,
        #sir .sir-main-wrap {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        #sir .sir-cover {
            z-index: 99997;
            background: rgba(255, 255, 255, 0.7);
        }

        #sir .sir-main-wrap {
            z-index: 99998;
            overflow-y: auto;
            background: rgba(0, 0, 0, 0.7);
        }

        #sir .sir-main {
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            list-style-type: none;
        }

        #sir .sir-main>li {
            box-sizing: border-box;
            width: 10%;
            min-width: 168px;
            min-height: 100px;
            max-height: 200px;
            border: 2px solid transparent;
            box-shadow: 0 0 1px 1px white;
            background: rgba(0, 0, 0, 0.5);
            overflow: hidden;
        }

        #sir .sir-main>li>a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

        #sir .sir-main>li:hover img {
            transform: scale(1.5);
        }

        #sir .sir-main>li img {
            transition: transform .3s;
            max-width: 100%;
        }

        #sir .sir-tools {
            position: fixed;
            bottom: 0;
            right: 100px;
            display: flex;
        }

        #sir .sir-download-program {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            background-color: inherit;
            border: 1px solid white;
            font-size: 20px;
            display: none;
        }

        #sir .sir-download-program.active {
            display: flex;
        }
        
h2{
        font-size: 24px;
    line-height: 1.5;
    background-color: #f1f1f1;
    padding: 3px 0 3px 8px;
    margin: 20px 0;
    color: #0088ff;
}  
.list{
    margin: 0 8px;
}
.list li{
        border-bottom: 1px solid #ddd;
    padding: 10px 10px;
}
.list li h2, .list li h3{
        font-size: 14px;
    height: 1.08rem;
    margin-bottom: .4rem;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.4;
    color: #000000;
    word-break: break-all;
    height: auto;
}
.list li p span{
        margin-right: 5px;
    color: #999;
}

        .line-height{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}
.overline{
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
}
.wd33{
    width: 33.3333%;
}
.wd33 > div{
    width: 100%;
}
.wd33 img{
    height: 90px;
}
.box-arthead  img{
    width: 100%;
    height: 240px;
}
.pagination1{
    padding: 5px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    
}

.pagination1 ul {
    display: flex;
    width: 95%;
    justify-content: space-between;
    
}
.pagination1 ul li {
    flex: 1;
    border: 1px solid #ddd;
    padding: 5px 2px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
table{
    width: 100% !important;
}

.box-con p{
    margin: 10px;
}


    </style>