/*大于1024像素*/

@media all and (min-width:1020px) {
    .index-title {
        height: 50px;
        border-bottom: 1px solid #888;
        margin: 20px auto 20px auto;
    }

    .index-title h2 {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        color: #333;
        font-weight: normal;
    }

    .index-title i {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        color: #333;
        font-weight: normal;
        margin: 0 6px;
    }

    .index-title em {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #666;
        text-transform: uppercase;
    }

    /*首页-公司简介*/
    .index-about-us {
        height: auto;
        overflow: hidden;
    }

    .index-about-us .company-info {
        width: 796px;
        height: 420px;
        overflow: hidden;
        float: left;
        position: relative;
    }

    .index-about-us .company-info img {
        display: block;
        width: 100%;
        min-height: 420px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        transition-duration: 0.8s;
    }

    .index-about-us .company-info:hover img {
        top: -60px;
    }

    .index-about-us .company-info .info,
    .about-video .info {
        width: 100%;
        height: 200px;
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        bottom: -80px;
        left: 0;
        z-index: 2;
        transition-duration: 0.2s;
    }

    .about-video .info {
        bottom: -10px;
        height: 150px;
    }

    .index-about-us .company-info:hover .info,
    .about-video:hover .info {
        bottom: 0;
    }

    .index-about-us .company-info .info h1,
    .about-video .info h1 {
        display: block;
        font-weight: normal;
        width: 90%;
        line-height: 40px;
        color: #fff;
        font-size: 25px;
        margin: 20px auto 0 auto;
    }

    .index-about-us .company-info .info p,
    .about-video .info p {
        display: block;
        font-weight: normal;
        width: 90%;
        line-height: 24px;
        color: #fff;
        font-size: 15px;
        margin: 8px auto 0 auto;
    }

    .index-about-us .about-video {
        width: 390px;
        height: 420px;
        overflow: hidden;
        float: right;
        position: relative;
    }

    .index-about-us .about-video img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 420px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .index-about-us .about-video i {
        display: block;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
        color: #fff;
        font-size: 58px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -45px 0 0 -45px;
        z-index: 2;
        cursor: pointer;
        transition-duration: 0.2s;
    }

    .index-about-us .about-video:hover i {
        font-size: 80px;
    }

    /*首页-产品*/
    .index-product {
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }

    .index-product .pro-item {
        display: inline-block;
        vertical-align: middle;
        width: 284px;
        height: 280px;
        background-color: #CCC;
        overflow: hidden;
        position: relative;
        margin: 5px 6px;
    }

    .index-product .pro-item img {
        display: block;
        width: 100%;
        min-height: 280px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .index-product .pro-item .info {
        width: 100%;
        height: 152px;
        position: absolute;
        padding: 20px 0 0 0;
        background: rgba(0, 0, 0, 0.2);
        bottom: -80px;
        left: 0;
        z-index: 2;
        transition-duration: 0.2s;
    }

    .index-product .pro-item:hover .info {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
    }

    .index-product .pro-item .info h2 {
        display: block;
        font-weight: normal;
        width: 90%;
        height: 30px;
        margin: 0 auto;
        line-height: 30px;
        text-align: center;
        color: #333;
        font-size: 20px;
    }

    .index-product .pro-item:hover .info h2 {
        color: #fff;
    }

    .index-product .pro-item .info h3 {
        display: block;
        font-weight: normal;
        width: 90%;
        height: 30px;
        margin: 0 auto;
        line-height: 30px;
        text-align: center;
        color: #333;
        font-size: 20px;
    }

    .index-product .pro-item:hover .info h3 {
        color: #fff;
    }

    .index-product .pro-item .info a {
        display: block;
        font-weight: normal;
        width: 180px;
        height: 42px;
        margin: 42px auto 0 auto;
        line-height: 42px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        border: 1px solid #999;
        transition-duration: 0.2s;
    }

    .index-product .pro-item .info a:hover {
        border: 1px solid #1175B3;
        background-color: #1175B3;
        color: #fff;
    }

    /*首页-应用案例*/
    .index-application-case {
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }

    .index-application-case .appcase-item {
        display: inline-block;
        vertical-align: middle;
        width: 384px;
        height: 410px;
        background-color: #CCC;
        overflow: hidden;
        position: relative;
        margin: 5px 6px;
    }

    .index-application-case .appcase-item img {
        display: block;
        width: 100%;
        min-height: 410px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        transition-duration: 0.2s;
    }

    .index-application-case .appcase-item:hover img {
        width: 106%;
        top: -3%;
        left: -3%;
    }

    .index-application-case .appcase-item .info {
        width: 100%;
        height: 110px;
        position: absolute;
        padding: 20px 0 0 0;
        background: rgba(0, 0, 0, 0.4);
        bottom: 0;
        left: 0;
        z-index: 2;
        transition-duration: 0.8s;
    }

    .index-application-case .appcase-item:hover .info {
        background-color: #1175B3;
    }

    .index-application-case .appcase-item .info h2 {
        display: block;
        font-weight: normal;
        width: 90%;
        height: 30px;
        margin: 0 auto;
        line-height: 30px;
        text-align: left;
        color: #fff;
        font-size: 22px;
    }

    .index-application-case .appcase-item .info p {
        display: block;
        font-weight: normal;
        width: 90%;
        height: 44px;
        overflow: hidden;
        margin: 10px auto 0 auto;
        line-height: 22px;
        text-align: left;
        color: #fff;
        font-size: 14px;
    }

    /*首页-新闻*/
    .index-news {
        width: 1220px;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }

    .index-news .news-item {
        display: inline-block;
        vertical-align: middle;
        width: 590px;
        height: 100px;
        margin: 6px 8px 18px 8px;
    }

    .index-news .news-item .time {
        width: 110px;
        height: 92px;
        float: left;
        padding-top: 8px;
        background-color: #DCDCDC;
        margin-right: 15px;
    }

    .index-news .news-item:hover .time {
        background-color: #1175B3;
    }

    .index-news .news-item .time span {
        display: block;
        width: 100%;
        height: 50px;
        text-align: center;
    }

    .index-news .news-item .time span em {
        display: inline-block;
        vertical-align: middle;
        height: 50px;
        line-height: 50px;
        color: #444;
        font-size: 38px;
        font-weight: bold;
    }

    .index-news .news-item:hover .time span em {
        color: #fff;
    }

    .index-news .news-item .time span dl {
        display: inline-block;
        vertical-align: middle;
        height: 50px;
        line-height: 56px;
        margin-left: 5px;
        color: #444;
        font-size: 18px;
        transition-duration: 0.2s;
    }

    .index-news .news-item:hover .time span dl {
        color: #fff;
        font-size: 24px;
    }

    .index-news .news-item .time h2 {
        width: 100%;
        height: 26px;
        line-height: 26px;
        color: #444;
        font-size: 16px;
        text-align: center;
        font-weight: normal;
    }

    .index-news .news-item:hover .time h2 {
        color: #fff;
    }

    .index-news .news-item .info {
        display: block;
        width: 465px;
        height: 100px;
        float: left;
    }

    .index-news .news-item .info h2 {
        display: block;
        width: 100%;
        height: 44px;
        overflow: hidden;
        text-align: left;
        font-weight: normal;
        line-height: 48px;
        color: #444;
        font-size: 22px;
    }

    .index-news .news-item:hover .info h2 {
        color: #1175B3;
    }

    .index-news .news-item .info p {
        display: block;
        width: 100%;
        height: 48px;
        overflow: hidden;
        text-align: left;
        font-weight: normal;
        line-height: 24px;
        color: #666;
        font-size: 15px;
    }

    .index-news .news-item:hover .info p {
        color: #1175B3;
    }

    /*关于我们*/
    .about-title {
        height: auto;
        overflow: hidden;
        margin: 10px auto 30px auto;
    }

    .about-title span {
        display: block;
        width: 160px;
        height: 30px;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        color: #333;
        font-size: 24px;
        letter-spacing: 3px;
        font-weight: bold;
    }

    .about-title i {
        display: block;
        width: 160px;
        height: 1px;
        background-color: #666;
        margin: 8px auto 0 auto;
    }

    .about-title em {
        display: block;
        width: 50%;
        height: 30px;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        color: #666;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .about-frame {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

    /*timerline css*/
    div.container {
        display: flex;
        flex: auto;
        flex-direction: column;
        max-height: 500px;
    }

    div.header {
        height: auto;
        text-align: center;
        background: slategrey;
        color: ghostwhite;
        padding: 2.3rem 1rem 2.3rem 1rem;
        position: relative;
    }

    div.header:after {
        content: "";
        position: absolute;
        bottom: -5rem;
        left: 0rem;
        height: 5.1rem;
        display: block;
        width: 100%;
        z-index: 300;
        background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
        /* IE6-9 */
    }

    div.header h1 {
        margin-top: 0.8rem;
        margin-bottom: 0.5rem;
        font-weight: 200;
        font-size: 1.6em;
        letter-spacing: 0.1rem;
        text-transform: uppercase;
    }

    @media (min-width: 62em) {
        div.header h1 {
            font-size: 1.9em;
            letter-spacing: 0.2rem;
        }
    }

    div.header h2 {
        font-size: 1.1em;
        font-weight: 400;
        color: #cfd7de;
        max-width: 30rem;
        margin: auto;
    }

    div.item {
        display: flex;
        flex: auto;
        overflow-y: auto;
        padding: 0rem 1rem 0rem 1rem;
    }

    #timeline {
        position: relative;
        display: table;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5rem;
    }

    #timeline div:after {
        content: "";
        width: 2px;
        position: absolute;
        top: 0.5rem;
        bottom: 0rem;
        left: 60px;
        z-index: 1;
        background: #C5C5C5;
    }

    #timeline h3 {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        color: #888;
        margin: 0;
        font-size: 1em;
        font-weight: 400;
    }

    @media (min-width: 62em) {
        #timeline h3 {
            font-size: 1.1em;
        }
    }

    #timeline section.year {
        position: relative;
    }

    #timeline section.year:first-child section {
        margin-top: -1.3em;
        padding-bottom: 0px;
    }

    #timeline section.year section {
        position: relative;
        padding-bottom: 1.25em;
        margin-bottom: 2.2em;
    }

    #timeline section.year section h4 {
        position: absolute;
        bottom: 0;
        font-size: 0.9em;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0;
        padding: 0 0 0 89px;
        color: #666;
    }

    @media (min-width: 62em) {
        #timeline section.year section h4 {
            font-size: 1em;
        }
    }

    #timeline section.year section ul {
        list-style-type: none;
        padding: 0 0 0 75px;
        margin: -1.35rem 0 1em;
        max-width: 32rem;
        font-size: 1em;
    }

    @media (min-width: 62em) {
        #timeline section.year section ul {
            font-size: 1.1em;
            padding: 0 0 0 81px;
        }
    }

    #timeline section.year section ul:last-child {
        margin-bottom: 0;
    }

    #timeline section.year section ul:first-of-type:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #C5C5C5;
        border: 2px solid #FFFFFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        left: 54px;
        top: 3px;
        z-index: 2;
    }

    #timeline section.year section ul li {
        margin-left: 0.5rem;
    }

    #timeline section.year section ul li:before {
        content: " ";
        margin-left: -0.5rem;
        padding-right: 0.3rem;
    }

    #timeline section.year section ul li:not(:first-child) {
        margin-top: 0.5rem;
    }

    /*timerline end*/

    .about-recruit-banner {
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }
    /*
    .about-recruit-banner img {
        width: 100%;
    }*/

    .about-recruit {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 20px auto 20px auto;
    }

    .about-recruit .item {
        width: 570px;
        height: 395px;
        overflow: hidden;
        margin-bottom: 20px;
        background-color: #EEEEEE;
    }

    .about-recruit .ar-l {
        float: left;
    }

    .about-recruit .ar-r {
        float: right;
    }

    .about-recruit .item .con {
        width: 540px;
        height: 320px;
        overflow: auto;
        padding: 15px;
        margin-bottom: 0px;
    }

    .about-recruit .item h2 {
        width: 90%;
        height: 20px;
        padding-left: 10px;
        border-left: 6px solid #1175B3;
        line-height: 20px;
        color: #333;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .about-recruit .item p {
        width: 94%;
        height: auto;
        line-height: 20px;
        color: #555;
        font-size: 14px;
        margin: 0 auto;
    }

    .about-recruit .item h4 {
        width: 94%;
        height: auto;
        line-height: 20px;
        color: #333;
        font-size: 16px;
        margin: 4px auto 6px auto;
        font-weight: normal;
    }

    .about-recruit .item h3 {
        width: 90%;
        height: 16px;
        padding-left: 10px;
        border-left: 6px solid #1175B3;
        line-height: 16px;
        color: #333;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .about-recruit .item .mailbox {
        display: block;
        height: 30px;
        padding: 0 20px;
        background-color: #1175B3;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        float: right;
        margin-right: -204px;
        transition-duration: 0.2s;
    }

    .about-recruit .item:hover .mailbox {
        margin-right: 0px;
    }

    /*==地图样式==*/
    .iw_poi_title {
        color: #CC5522;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        padding-right: 13px;
        white-space: nowrap
    }

    .iw_poi_content {
        height: 75px;
        width: 380px;
        border-top: 1px solid #1fb554;
        overflow: visible;
        word-wrap: break-word;
    }

    .iw_poi_content p {
        font: 12px arial, sans-serif;
        color: #000;
        display: block;
        padding: 2px;
    }

    #dituContent {
        width: 1200px;
        height: 500px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        border: 1px solid #ccc
    }

    .about-contact-info {
        width: 1200px;
        height: 60px;
        margin: 20px auto 20px auto;
        text-align: center;
    }

    .about-contact-info .item {
        display: inline-block;
        vertical-align: middle;
        height: 60px;
    }

    .about-contact-info .item i {
        display: block;
        float: left;
        height: 60px;
        line-height: 60px;
        color: #444;
        font-size: 40px;
    }

    .about-contact-info .item dl {
        width: 1px;
        height: 40px;
        background-color: #999;
        margin: 10px 16px;
        float: left;
    }

    .about-contact-info .item .tel {
        width: 200px;
    }

    .about-contact-info .item .address {
        width: 400px;
    }

    .about-contact-info .item .text {
        height: 60px;
        float: left;
    }

    .about-contact-info .item .text h3 {
        display: block;
        height: 30px;
        width: 100%;
        line-height: 34px;
        color: #444;
        font-size: 14px;
        text-align: left;
    }

    .about-contact-info .item .text a {
        display: block;
        width: 100%;
        height: 30px;
        line-height: 26px;
        color: #444;
        font-size: 12px;
        text-align: left;
    }

    /*解决方案*/
    .solution-main {
        height: auto;
        overflow: hidden;
        margin: 20px auto 50px auto;
        text-align: center;
    }

    .solution-main .sol-item {
        display: inline-block;
        vertical-align: middle;
        width: 576px;
        height: 280px;
        overflow: hidden;
        background-color: #FFC;
        margin: 0 10px 28px 10px;
        position: relative;
    }

    .solution-main .sol-item img {
        display: block;
        width: 100%;
        min-height: 280px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .solution-main .sol-item span {
        display: block;
        width: 100%;
        min-height: 280px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.3);
        transition-duration: 0.2s;
    }

    .solution-main .sol-item:hover span {
        background: rgba(0, 0, 0, 0.7);
    }

    .solution-main .sol-item h2 {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 30px;
        position: absolute;
        top: 90px;
        left: 0;
        z-index: 3;
        transition-duration: 0.2s;
    }

    .solution-main .sol-item:hover h2 {
        top: 80px;
        letter-spacing: 4px;
    }

    .solution-main .sol-item em {
        display: block;
        width: 200px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        color: #fff;
        font-size: 16px;
        border: 1px solid #fff;
        position: absolute;
        bottom: 80px;
        left: 50%;
        z-index: 3;
        margin: 0 0 0 -100px;
        transition-duration: 0.2s;
    }

    .solution-main .sol-item:hover em {
        bottom: 70px;
        letter-spacing: 8px;
    }

    /*新闻资讯*/
    .news-main {
        height: auto;
        overflow: hidden;
        margin: 20px auto 20px auto;
    }

    .news-main .news-item {
        width: 1200px;
        height: 150px;
        background-color: #EEEEEE;
        margin: 10px auto 20px auto;
    }

    .news-main .news-item .pic {
        display: block;
        width: 250px;
        height: 150px;
        overflow: hidden;
        float: left;
        position: relative;
    }

    .news-main .news-item .pic img {
        width: 100%;
        min-height: 150px;
        transition-duration: 0.2s;
        position: absolute;
        top: 0;
        left: 0;
    }

    .news-main .news-item:hover .pic img {
        width: 105%;
        top: -5px;
        left: -5px;
    }

    .news-main .news-item .info {
        /*height: 210px;*/
        width: 900px;
        float: right;
        margin: 30px 36px 0 0;
        transition-duration: 0.2s;
    }

    .news-main .news-item:hover .info {
        margin: 30px 46px 0 0;
    }

    .news-main .news-item .info .title {
        display: block;
        width: 100%;
        height: 36px;
        line-height: 30px;
        color: #222;
        font-size: 24px;
        overflow: hidden;
        transition-duration: 0.2s;
    }

    .news-main .news-item:hover .info .title {
        color: #1175B3;
    }

    .news-main .news-item .info p {
        display: block;
        width: 100%;
        /*height: 72px;*/
        overflow: hidden;
        line-height: 24px;
        color: #555;
        font-size: 16px;
        margin: 8px auto;
    }

    .news-main .news-item .info .see {
        display: block;
        width: 160px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        color: #444;
        font-size: 16px;
        border: 1px solid #444;
        float: right;
        transition-duration: 0.2s;
    }

    .news-main .news-item:hover .info .see {
        border: 1px solid #1175B3;
        color: #1175B3;
    }

    .news-main .news-item .info h3 {
        display: block;
        clear: both;
        width: 100%;
        height: 24px;
        padding-top: 12px;
        font-weight: normal;
    }

    .news-main .news-item .info h3 span {
        display: block;
        height: 24px;
        float: left;
        line-height: 24px;
        color: #666;
        font-size: 15px;
        font-style: italic;
    }

    /*详情页*/
    .vist-main {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 20px auto 40px auto;
    }

    .vist-main h1 {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 26px/34px 'microsoft yahei';
        color: #333;
        text-align: center;
        margin-bottom: 20px;
    }

    .vist-main .info {
        width: 100%;
        height: 30px;
        margin: 8px auto 15px auto;
    }

    .vist-main .info span {
        display: block;
        float: left;
        height: 30px;
        font: 15px/30px 'microsoft yahei';
        color: #666;
    }

    .vist-main .info dl {
        display: block;
        float: left;
        height: 30px;
        font: 15px/30px 'microsoft yahei';
        color: #888;
        margin-left: 30px;
    }

    .vist-main .info a {
        display: block;
        float: left;
        height: 30px;
        font: 15px/30px 'microsoft yahei';
        color: #1175B3;
    }

    .vist-main .info em {
        display: block;
        float: right;
        height: 30px;
        font: 15px/30px 'microsoft yahei';
        color: #666;
    }

    /*产品详情页*/
    .product-vist-content {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: -4px;
    }

    .product-vist-content img {
        width: 100%;
    }

    .product-vist-content .parameter-main {
        width: 900px;
        height: auto;
        overflow: hidden;
        margin: 20px auto 40px auto;
    }

    .product-vist-content .parameter-main h2 {
        display: block;
        width: 100%;
        height: 50px;
        font: 24px/50px 'microsoft yahei';
        color: #444;
    }

    .product-vist-content .parameter-main .param-frame {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .product-vist-content .parameter-main .param-frame .title {
        width: 100%;
        height: 56px;
        background-color: #1175B3;
        margin-bottom: 10px;
    }

    .product-vist-content .parameter-main .param-frame .title span {
        display: block;
        width: 20%;
        height: 56px;
        margin-left: 8%;
        float: left;
        text-align: left;
        font: 24px/56px 'microsoft yahei';
        color: #fff;
        letter-spacing: 15px;
    }

    .product-vist-content .parameter-main .param-frame .title em {
        display: block;
        width: 54%;
        height: 56px;
        float: right;
        text-align: left;
        font: 24px/56px 'microsoft yahei';
        color: #fff;
        letter-spacing: 15px;
    }

    .product-vist-content .parameter-main .param-frame .data {
        width: 100%;
        height: 48px;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        transition-duration: 0.2s;
    }

    .product-vist-content .parameter-main .param-frame .data:hover {
        background-color: #1175B3;
    }

    .product-vist-content .parameter-main .param-frame .data span {
        display: block;
        width: 20%;
        height: 48px;
        margin-left: 8%;
        float: left;
        text-align: left;
        font: 18px/48px 'microsoft yahei';
        color: #222;
    }

    .product-vist-content .parameter-main .param-frame .data em {
        display: block;
        width: 54%;
        height: 48px;
        float: right;
        text-align: left;
        font: 18px/48px 'microsoft yahei';
        color: #444;
    }

}

/*型号列表*/
.pn-grid {
    margin: 15px;
    grid-column-gap: var(--pico-grid-column-gap);
    grid-row-gap: var(--pico-grid-row-gap);
    display: grid;
    grid-template-columns: 1fr
}

.pn-grid {
    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
}

.pn-grid>* {
    min-width: 0
}

.pn-grid>p {
    margin-bottom: var(--pico-typography-spacing-vertical)
}

/*自定义标签样式*/
ppl {
    border-radius: 0.25rem;
    padding: .125rem .25rem;
    background-color: #279977;
    color: #ffffff;
    vertical-align: baseline
}

kccx {
    border-radius: 0.25rem;
    padding: .125rem .25rem;
    background-color: #373c44;
    color: #ffffff;
    vertical-align: baseline
}