* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * -- BASE STYLES --
 * Most of these are inherited from Base, but I want to change a few.
 */
body {
    line-height: 1.7em;
    color: #7f8c8d;
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
    color: #34495e;
}

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

/*
 * -- LAYOUT STYLES --
 * These are some useful classes which I will need
 */
.l-box {
    padding: 1em;
}

.l-box-lrg {
    padding: 2em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.is-center {
    text-align: center;
}



/*
 * -- PURE FORM STYLES --
 * Style the form inputs and labels
 */
.pure-form label {
    margin: 1em 0 0;
    font-weight: bold;
    font-size: 100%;
}

.pure-form input[type] {
    border: 2px solid #ddd;
    box-shadow: none;
    font-size: 100%;
    width: 100%;
    margin-bottom: 1em;
}

/*
 * -- PURE BUTTON STYLES --
 * I want my pure-button elements to look a little different
 */
.pure-button {
    background-color: #1f8dd6;
    color: white;
    padding: 0.5em 2em;
    border-radius: 5px;
}

a.pure-button-primary {
    background: white;
    color: #1f8dd6;
    border-radius: 5px;
    font-size: 120%;
}


/*
 * -- MENU STYLES --
 * I want to customize how my .pure-menu looks at the top of the page
 */

.home-menu {
    padding: 0.5em;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
}

.home-menu {
    background: #F1F1F1;
}

.pure-menu.pure-menu-fixed {
    /* Fixed menus normally have a border at the bottom. */
    border-bottom: none;
    /* I need a higher z-index here because of the scroll-over effect. */
    z-index: 4;
}

.home-menu .pure-menu-heading {
    color: white;
    font-weight: 400;
    font-size: 120%;
}

.home-menu .pure-menu-selected a {
    color: #38A0FA;
}

.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {

    color: #38A0FA;
}

.pure-menu-selected .pure-menu-children a.pure-menu-link {
    color: #6C6C6C;
}

.pure-menu-children .pure-menu-selected .pure-menu-link,
.pure-menu-children .pure-menu-selected .pure-menu-link:visited {

    color: #38A0FA;
}

.home-menu a {
    color: #6C6C6C;
}

.home-menu li a:hover,
.home-menu li a:focus {
    background: none;
    border: none;
    color: #38A0FA;
}


/*
 * -- SPLASH STYLES --
 * This is the blue top section that appears on the page.
 */

.splash-container {
    background: #1f8dd6;
    z-index: 1;
    overflow: hidden;
    /* The following styles are required for the "scroll-over" effect */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed !important;
}

.splash {
    /* absolute center .splash within .splash-container */
    width: 80%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 100px;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
}

/* This is the main heading that appears on the blue section */
.splash-head {
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 1em 1.6em;
    font-weight: 100;
    border-radius: 5px;
    line-height: 1em;
    font-size: 60px;
    font-family: MicrosoftYaHei;
    font-weight: 800;
}

/* This is the subheading that appears on the blue section */
.splash-subhead {
    color: white;
    letter-spacing: 0.05em;
    /*opacity: 0.8;*/
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 42px;
}

/*
 * -- CONTENT STYLES --
 * This represents the content area (everything below the blue section)
 */
.content-wrapper {
    /* These styles are required for the "scroll-over" effect */
    position: absolute;
    top: 100%;
    width: 100%;
    min-height: 12%;
    z-index: 2;
    background: white;

}

/* We want to give the content area some more padding */
.content {
    padding: 1em 1em 3em;
}

/* This is the class used for the main content headers (<h2>) */
.content-head {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 2em 0 1em;
}

/* This is a modifier class used when the content-head is inside a ribbon */
.content-head-ribbon {
    color: white;
}

/* This is the class used for the content sub-headers (<h3>) */
.content-subhead {
    color: #1f8dd6;
}

.content-subhead i {
    margin-right: 7px;
}

/* This is the class used for the dark-background areas. */
.ribbon {
    background: #2d3e50;
    color: #aaa;
}

/* This is the class used for the footer */
.footer {
    background: #111;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.mx1400 {
    max-width: 1400px;
}

.mx750 {
    max-width: 750px;
}

.ma {
    margin: 0 auto;
}

.fs30 {
    font-size: 30px;
}

.pure-menu-heading.header-logo {
    background: url(../img/home_logo@2x.png);
    width: 158px;
    height: 54px;
    margin-top: 2px;
    background-size: 100% 100%;
}

.pos-r {
    position: relative;
    margin-bottom: -7px;
    max-width: 100%;
    overflow: hidden
}

.pos-ab {
    position: absolute;
}

.pos-r .v-cen {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: unset;
    transform: translateX(50%) translateY(-50%); */
}

.pos-r video {
    box-shadow: 8px 2px 16px 0 rgba(36, 54, 72, .3);
    background: rgba(241, 241, 241, 0.5);
    width: 100%;
}

.func-list div.fun-detail:before {
    content: ' | ';
    color: #00FFFF;
    margin-right: 5px;
}

.func-list div.fun-detail {
    margin-top: 10px;
}

.pro-home-desc {
    top: 50%;
    bottom: 0;
    position: absolute;
    right: 10%;
    text-align: center;
    transform: translateY(-30%);
}

.color-w,
.color-w *,
* .color-w {
    color: #fff !important
}

li {
    list-style: none;
}

.pricing-table-list {
    padding: 0
}

.pad09 {
    padding: 0 9px
}

.pad00 {
    padding: 0
}

.mar00 {
    margin: 0
}

.mat-100 {
    margin-top: 100px;
}

.mat-50 {
    margin-top: 50px;
}

.mat-30 {
    margin-top: 30px;
}

.mat-20 {
    margin-top: 20px;
}

.mat-10 {
    margin-top: 10px;
}


.mab-50 {
    margin-bottom: 50px;
}

.mab-30 {
    margin-bottom: 30px;
}

.mab-20 {
    margin-bottom: 20px;
}

.mab-10 {
    margin-bottom: 10px;
}

.mab-100 {
    margin-bottom: 100px;
}

.pab-30 {
    padding-bottom: 30px;
}

.index-prd {
    background: white;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.prd-list {
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: -7px;
}

.txt-ac {
    text-align: center;
}

.txt-al {
    text-align: left;
}

.prd-detail .pure-u-1 div {
    font-size: 30px;
    line-height: 32px;
}

.prd-head {
    font-size: 34px;
    font-weight: bold;
    color: #6C6C6C;
    line-height: 34px;
    margin-bottom: 10px;
}

.index-case .prd-head,
.index-case .prd-info {
    color: white
}

.index-case .v-cen {
    z-index: 3
}

.index-case:hover:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    top: 0;
    background: rgba(33, 142, 255, .8);
    animation: left 0.5s;
    z-index: 2;
}

/* .index-case img{    
    transform: scale(1);
} */
.index-case:hover img {
    animation: scale 0.5s;
    transform: scale(1.1);
}

@keyframes left {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

@keyframes news-top {
    0% {
        top: 90%;
    }

    100% {
        top: 50%;
    }
}

@keyframes bg-top {
    0% {
        top: 100%;
    }

    100% {
        top: 0;
    }
}

.news-list .v-cen {
    text-align: center;
    top: 90%;
    transform: translateY(-100%);
}

.news-list .pos-r:hover .v-cen {
    transform: translateY(-50%);
    animation: news-top 0.5s;
    z-index: 3;
    top: 50%;
}

.news-list .pos-r:hover .v-cen .button-choose {
    display: inline-block;
}

.prd-list .button-choose.pure-button {
    display: inline-block;
    color: #3699FF;
    border: 2px solid #3699FF;
}

.prd-list .button-choose.pure-button:hover,
.prd-list .button-choose.pure-button:active {
    color: #fff;
    background: #3699FF;
}

.news-list .pos-r:hover:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    top: 0;
    background: rgba(33, 142, 255, .8);
    animation: bg-top 0.5s;
    z-index: 2;
}

.news-list li {
    color: white;
    font-size: 20px;
}


.news-list .news-head {
    color: white;
    font-size: 16px;
}

.news-list li.news-title {
    font-size: 28px;
    line-height: 28px;
}

.news-list li.news-info {
    font-size: 34px;
    line-height: 40px;
}


.news-list li.news-info1 {
    font-size: 24px;
    line-height: 40px;
}


.news-list li .button-choose {
    margin-top: 20px;
    display: none;
}

.button-choose.pure-button {
    background-color: rgba(0, 0, 0, 0);
    color: white;
    border: 2px solid #fff;
    border-radius: 4px;
}

.button-choose.pure-button:hover {
    background: #fff;
    color: #3699FF;
}

.foot {
    color: #6C6C6C;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #F1F1F1;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.prd-info {
    font-size: 26px;
    font-weight: bold;
    color: #6C6C6C;
    line-height: 26px;
}

.ma.line {
    width: 100%;
    max-width: 750px;
    height: 2px;
    background: rgba(54, 153, 255, 1);
    vertical-align: middle;
}

.pos-ab.left-top {
    left: 10%;
    top: 20%;
    transform: translateY(-50%);
}

.pos-ab.right-top {
    right: 10%;
    top: 20%;
    transform: translateY(-50%);
    text-align: right;
    max-width: 90%;
}

.pos-ab.left-bottom {
    left: 10%;
    bottom: 10%;
}

.pos-ab.right-bottom {
    right: 10%;
    bottom: 10%;
    text-align: right;
    max-width: 90%;
}

.use-case .case-bg {
    width: 100%
}

.fire-case .fire-case-bg {
    width: 100%
}

.use-case .uc-title {
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    line-height: 38px;
}

.use-case .uc-info {
    font-size: 30px;
    font-weight: 400;
    color: #fffefe;
    line-height: 34px;
}

.co-6c,
.co-6c * {
    color: #6c6c6c !important
}

.co-222,
.co-222 * {
    color: #222222 !important
}

.co-38A,
.co-38A * {
    color: #38A0FA !important
}

.co-888,
.co-888 * {
    color: #888888 !important
}


.cnewslit{overflow:hidden; max-width:1300px;height: auto; min-height:350px;margin: 0px auto; padding-left: 10px;padding-right: 10px;}
.cnewslit ul li{ width:48%; border-bottom:1px dashed #cbcbcb; overflow:hidden; float:left; padding:20px 0px;}


.cnewslit ul li:nth-child(2n+1) {
    margin-right: 40px;
}

.cnewslit ul li a .time{ width:7.6%; height:115px; float:left; color:#a9a9a9; margin-right:20px;}
.cnewslit ul li a .time p.p1{ text-align:center; font-size:26px; line-height:38px; padding-top:20px}
.cnewslit ul li a .time p.p2{ text-align:center; font-size:18px; line-height:25px;}
.cnewslit ul li a .pic{ width:100%;  text-align:center; float:left;overflow:hidden }
.cnewslit ul li a .pic img{ width:100%; height:100%}
.cnewslit ul li a .text{ width:100%; height: 160px; overflow:hidden;margin-top: 7px;
}
.cnewslit ul li a .text p.p1{  margin: 10px 0; line-height:35px;font-size: 32px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    color: #1C1E1E;}
.cnewslit ul li a .text p.p2{ font-size:14px; color:#666666; line-height:25px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;}
.cnewslit ul li a .text p.p3{ font-size:13px; color:#c8c8c8; padding-top:5px; line-height:25px; text-transform:uppercase}
.cnewslit ul li:hover a .time p.p1{ color:#2a62b7}
.cnewslit ul li:hover a .time p.p2{ color:#2a62b7}
.cnewslit ul li:hover a .text p.p1{ color:#2a62b7}
.cnewslit ul li:hover a .text p.p3{ color:#2a62b7}


.view_box{width: 70%;margin:20px auto;padding-bottom: 100px;}
.view_box_title{text-align: center;font-size: 28px;font-weight: bold;letter-spacing: 1px;}
.view_box_pp{text-align: center;font-size: 12px;font-family: "宋体";color: #5a5a5a;padding-top: 30px;padding-bottom: 24px;}
.view_box_pp>span+span{margin-left: 35px;}
.view_box_content{padding-top: 40px;min-height: 40vh;padding-bottom: 60px;}
.view_box_content p{text-indent: 2em;font-size: 18px;color: var(--flc);line-height: 30px;font-family: "黑体","Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";}
.view_box_content video{display: block;max-width: 100%;height: auto;}
.view_box_content img{display: block;height: auto;margin: auto;width: auto;}
.view_box_pg{line-height: 40px;font-size: 16px;color: #000;}
.view_box_pg:hover>a{color: var(--dnc);text-decoration: underline;}

img{
    object-fit: cover;
}




/*
 * -- TABLET (AND UP) MEDIA QUERIES --
 * On tablets and other medium-sized devices, we want to customize some
 * of the mobile styles.
 */
@media (min-width: 48em) {

    /* We increase the body font size */
    body {
        font-size: 16px;
    }

    /* We can align the menu header to the left, but float the
    menu items to the right. */
    .home-menu {
        text-align: left;
    }

    .home-menu ul {
        float: right;
    }

    /* We increase the height of the splash-container */
    /*    .splash-container {
        height: 500px;
    }*/

    /* We decrease the width of the .splash, since we have more width
    to work with */
    .splash {
        width: 50%;
        height: 50%;
    }

    .splash-head {
        font-size: 250%;
    }


    /* We remove the border-separator assigned to .l-box-lrg */
    .l-box-lrg {
        border: none;
    }

}

/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 * On desktops and other large devices, we want to over-ride some
 * of the mobile and tablet styles.
 */
@media (min-width: 78em) {

    /* We increase the header font size even more */
    .splash-head {
        font-size: 300%;
    }
}

body.prd {
    color: #222222
}

body.prd .machine {
    font-size: 40px;
    line-height: 50px;
}

body.prd .machine p {
    margin: 10px;
}




.f-40 {
    font-size: 40px;
    line-height: 40px;
}

.f-60 {
    font-size: 60px;
    line-height: 60px;
}

.f-36 {
    font-size: 36px;
    line-height: 36px;
}

.f-34 {
    font-size: 34px;
    line-height: 34px;
}

.f-24 {
    font-size: 24px;
    line-height: 24px;
}

.f-16 {
    font-size: 16px;
    line-height: 16px;
}

.f-26 {
    font-size: 26px;
    line-height: 26px;
}

.f-78 {
    font-size: 78px;
    line-height: 78px;

}

.f-80 {
    font-size: 80px;
    line-height: 80px;

}

.lin-30 {
    line-height: 30px;
}

.other-prd-title {}

.other-prd-data {}

img {
    width: 100%
}

p {
    margin: 0;
    letter-spacing: normal;
}

.fire-case-info-list {
    /*background: rgba(54, 153, 255, 0.7);
    box-shadow: 8px 2px 16px 0px rgba(36, 54, 72, 0.3);*/
    position: absolute;
    width: 95%;
    max-width: 1400px;
    /*height: 576px;
    padding-left: 220px;*/
    left: 0;
    right: 0;
    top: 5%;
    margin: 0 auto;
    text-align: left;
    /*transform: translateY(-50%) translateX(-50%);*/
}

.fire-case-info-list .left-img {
    width: 400px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateX(-50%);
}

.fire-case .splash-head {
    font-size: 80px;
    line-height: 88px;
    font-weight: bold;
    color: #fff;
    padding: 0;
}

.fire-case .splash-subhead {
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    color: #fff;
}

.index .splash-head {
    font-size: 80px;
    padding: 0;
}

.index .splash-head span:nth-of-type(1) {
    letter-spacing: 0.5em;
}

.index .splash-head span:nth-of-type(2) {
    letter-spacing: 0.75em;
}

.min-goto {
    display: none;
}

.mx400 {
    max-width: 400px;
    width: 100%;
}

.pat-100 {
    padding-top: 100px
}

.mat-72 {
    margin-top: 72px
}




.xw{
    width: 70%; margin: 0 auto; padding-bottom: 1%; background: #fff;
}

.xw>.title{width: 100%;margin: 0 auto;text-align: center;padding-top: 5%;font-size: 36px; color: #000;}

.xw>.title>img{width: 100%;display: block;margin: auto;}

.xw .cases::after{content: "";display: block;clear: both;}

.xw .cases .case{ width: 100%; float: left; text-align: left; font-size: 14px;margin-left: 0;padding: 0;margin-top: 5%}

/*.xw .cases .case:nth-child(2){float: right;}*/

.xw .cases .case>li{width: 45%; margin-right:5%; float: left; margin-top: 1rem; line-height: 2}

.xw .cases .case>li:nth-child(even){ margin-left:5%; margin-right: 0}

.xw .cases .case>li .ll{float: left; color: #000 ; width: 5%;
}

.xw .cases .case>li .rr{border-bottom: 1px dotted #58595e;float: left; width: 95%}
.xw .cases .case>li .rr a{
    color: #000; font-size: 16px;
}
.xw .cases .case>li .rr .time{color: #949596;float: right; font-size: 16px}


.compaybox{width:90%;height: auto;overflow: hidden;margin: 0px auto; text-align: left;max-width: 1360px}

.compayboxleft{width:100%;float: left;overflow: hidden; box-sizing: border-box; padding-right: 25px;}

.compaytop{width: 100%;height: auto;overflow: hidden;margin-top: 25px;border-bottom: 1px solid #dedede; padding-bottom: 20px}

.compaytop a .adpic{width: 40%;float: left;overflow: hidden;text-align: center;}

.compaytop a .adpic img{width: 100%;float: left;}

.compaytop a .adtxt{width: 58%;float: right;overflow: hidden; color: #333; margin-top: 0.75rem;}

.compaytop a .adtxt p.p1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.25rem;line-height: 2;}

.compaytop a .adtxt p.p2{font-size: 0.8rem;color: #DDD;margin: 0.5rem 0;}

.compaytop a .adtxt p.p3{font-size: 1rem;line-height: 30px;-webkit-line-clamp: 4;}

.compayboxright{width: 25%;float: right;overflow: hidden; margin-top: 2rem;}

.compayboxright .hxinpic{width: 100%; height: auto;overflow: hidden;margin-bottom: 1.2rem; position: relative;text-align: center; color: #fff;}

.compayboxright .hxinpic img{width: 90%; float: right;}

.compayboxright .hxinpic p.p1{position: absolute; left: 0px;right: 0px; top: 55%;font-size: 1.2rem;margin: 0px auto 1rem; }

.compayboxright .hxinpic p.p2{position: absolute; left: 0px;right: 0px; top: 65%;font-size: 14px;margin: 0px auto;}

.compayboxright .kanwpic{width: 90%; float: right; height: 10rem; margin-top: 1rem; overflow: hidden;color: #fff;background: url(../img/kanpic.jpg)no-repeat;}

.compayboxright .kanwpic p.p1{font-size: 1.2rem; margin-bottom: 0.75rem;padding-left: 1.75rem;padding-top: 2.75rem;}

.compayboxright .kanwpic p.p2{ font-size: 1rem; padding-left: 1.75rem;text-transform: uppercase;}

.company{width: 100%;margin: 10px auto 2%;}

.company a{ display: block; width: 100%}

.company .com-t{display: flex;justify-content: space-between;flex-wrap: wrap;width: 45%;    float: left;
    margin-right: 5%; border-bottom: 1px dashed #dedede;padding: 20px 0px;}

.company .com-tl>img{ width: 100%;float: left;}

.company .com-tl{width:25%; float: left;overflow: hidden; text-align: center;}

.company .com-tr{  width:80%; float:right;box-sizing: border-box; color: #333}

.company .font1{font-size:25px; color: #333333}

.company .font2{font-size: 16px;margin-bottom: 0.5rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.company .font3{font-size: 14px;color: #666;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.company .btn{font-size:14px;color: #999;width: 100px;height: 30px;border:1px solid #999;transition: all 0.3s;}

.company .btn:hover{background-color: #aaa;color: #f2f2f2;border:1px solid transparent;}

.company .com-tr .font1{margin-bottom:8px; padding-top: 12px;}

.company .com-tr .btn{margin-top: 15px;}

.company .com-c{padding: 20px 0 2%; overflow: hidden}

.company .com-c>li{width: 47%; float:left;padding: 2% 8px 2%; margin:0px 1.5% 1%;box-sizing: border-box;border-bottom: 1px solid #ebebeb;transition: transform 0.3s;position: relative;}

.company .com-c>li:hover{box-shadow: 0 0 30px 6px #ebebeb;transform: translateY(-2px);}

.company .com-c .cl{margin-right: 15px; float: left; width: 14%; text-align: right}

.company .com-c .cr{overflow: hidden; float:right; width:82% }

.company .com-c .font2{font-size:16px; color: #333;white-space:nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.company .com-c .font3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 46px;}

.company .com-c .font4{font-size: 1rem;color: #999;text-align: right;}

.company .com-c .btn{margin-top: 1rem;}

.company .com-b{display: flex;justify-content: center;flex-wrap: wrap;font-size: 1rem;}

.company .com-bl>li{display: inline-block;padding:12px;border: 1px solid #dbdbdb;text-align: center;border-radius: 6px;cursor: pointer;margin-right: 2px;transition: all 0.3s;}

.company .com-bl>li.action,.company .com-bl>li:hover,.company .com-br .btn:hover{background-color: #1b75bf;color:#fff;border:1px solid transparent;}

.company .com-br{display: flex;justify-content: center;align-items: center;}

.company .com-br,.company .com-br .btn{margin-left: 24px;}

.company .com-br .put{width: 54px;height: 40px;margin: 0 8px;border:1px solid #dbdbdb;border-radius: 6px;text-align: center;}

.company .com-br .btn{color: #333;padding:12px;width: auto;height: auto;border:1px solid #dbdbdb;border-radius: 6px;background-color: #fff;cursor: pointer;transition: all 0.3s;}


.mynav{width: 90%; height:4.8rem;margin: 0 auto;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}


.mynav .nav-l .article,

.mynav .nav-l .font{color: #999;font-size: 16px;transition: all 0.3s; width: auto}

.mynav .nav-l .font:hover,

.mynav .nav-l .font.action{color: #1b75bf;font-weight: bold;}

/* .mynav .nav-r>li{display: inline-block;position: relative;} */

.mynav .nav-r>li{float: left;position: relative; }

.mynav .nav-r>li a.font{line-height: 71px; display: inline-block;}

.mynav .nav-r>li+li{margin-left: 70px;}

.mynav .nav-r .font{display: block;color: #333;font-size: 1rem;transition: all 0.3s;cursor: pointer;}

.mynav .nav-r .font:hover,

.mynav .nav-r .font.action{color: #1b75bf;}

.mynav .nav-r .menuB .point{display: inline-block;width: 0;height: 0;border-width: 3px;border-style: solid;border-color: transparent transparent transparent #fff;margin-right: 4px;vertical-align: middle;}

.mynav .nav-r .menuB{display: none;min-width: 174px;background-color: #1b75bf;position: absolute;z-index: 2;top: 100%;}

.mynav .nav-r .menuB>li{padding: 0px 13px;cursor: pointer;transition: all 0.3s;position: relative;}

.mynav .nav-r .menuB .font1{display: block;padding: 15px 0;color: #afd6d8;border-bottom: 1px dashed #5fa8ab;font-size: 14px;}

.mynav .nav-r .menuB>li:last-child .font1{border-bottom: 1px dashed transparent;}

.mynav .nav-r .menuB .menuS{display: none;width: 100%;padding: 15px 13px;background-color: #92cfd2;position: absolute;z-index: 2;left: 100%;top: 0;font-size: 14px;}

.mynav .nav-r .menuB .menuS>li:not(:last-child){padding-bottom: 16px;}

.mynav .nav-r .menuB .menuS .font2{color: #fff;}

.mynav .nav-r .menuB>li.action,

.mynav .nav-r .menuB>li:hover{background-color: #107a80;}

.mynav .nav-r .menuB>li.action .font1,

.mynav .nav-r .menuB>li:hover .font1{border-bottom: 1px dashed transparent;}

.mynav .nav-r .menuB>li.action>.font1>.point,

.mynav .nav-r .menuB>li:hover>.font1>.point{border-color: transparent transparent transparent #1d888e;}

.mynav .nav-r .menuS>li.action>.font2,

.mynav .nav-r .menuS>li:hover>.font2{color: #1b75bf;font-weight: bold;}

.mynav .nav-r .menuS>li.action>.font2>.point,

.mynav .nav-r .menuS>li:hover>.font2>.point{border-color: transparent transparent transparent #1b75bf;}



@media (max-width: 640px) {
    .mat-72 {
        margin-top: 45px
    }
    .cnewslit ul li{
        width: 90%;
    }
    .about.first,
    .case.first {

    }
    .company .com-t{width: 100%;
      }
    .xw .cases .case>li{
        width: 100%;
        margin-right: 0%;
    }

    .xw .cases .case>li:nth-child(even) {
        margin-left: 0;
        margin-right: 0;
    }

    .xw .title{
        font-size: 24px;
    }

    .pure-menu-disabled,
    .pure-menu-heading,
    .pure-menu-link {
        padding: .3em .5em;
    }

    .pure-menu-has-children>.pure-menu-link:after {
        padding-left: .1em;
    }

    .pad09 {
        padding: 0px 20px;
    }

    .foot {
        font-size: 14px;
    }

    .pricing-table .pad09 img {
        padding: 0 10px;
    }

    .ma.line {
        max-width: 320px;
    }

    .index .splash-head {
        font-size: 40px;
    }

    .index .splash-subhead {
        font-size: 18px;
    }

    .index-case .line {
        display: none;
    }

    .index-case .prd-info {
        display: none;
    }

    .min-goto {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0
    }

    .mx400 {
        max-width: 200px;
    }

    .fs30 {
        font-size: 12px;
    }

    .f-80 {
        font-size: 30px;
        line-height: 40px;
    }

    .f-60 {
        font-size: 30px;
        line-height: 30px;
    }

    .f-78 {
        font-size: 26px;
        line-height: 26px;
    }

    .f-40 {
        font-size: 20px;
        line-height: 20px;
    }

    .f-36 {
        font-size: 18px;
        line-height: 18px;
    }

    .f-26 {
        font-size: 13px;
        line-height: 13px;
    }

    .lin-30 {
        line-height: 15px;
    }

    .f-24 {
        font-size: 12px;
        line-height: 12px;
    }

    .prd-head {
        font-size: 20px;
    }

    .prd-info {
        font-size: 16px;
    }

    .button-choose.pure-button {
        padding: 0.2em 2em;
    }

    .mat-10 {
        margin-top: 3px;
    }

    .mt10 {
        margin-top: 3px;
    }

    .mat-20 {
        margin-top: 6px;
    }

    .mat-100 {
        margin-top: 30px;
    }

    .mb30 {
        margin-bottom: 9px;
    }

    .mb10 {
        margin-bottom: 3px;
    }

    .mx1400 {
        max-width: 360px;
    }

    .pat-100,
    *.pat-100,
    * *.pat-100 {
        padding-top: 60px !important
    }

    .fire-case-info-list {
        /* max-width: 300px; */
        background: rgba(33, 142, 255, 0.5);
        padding: 10px;
    }

    .fire-case-info-list.co-6c,
    .fire-case-info-list.co-6c *,
    .use-case .co-6c,
    .use-case .co-6c * {
        color: white !important;
    }

    .pure-menu-heading.header-logo {
        background: url(../img/home_logo.png);
        width: 50px;
        height: 17px;
        background-size: 100% 100%;

    }

    /* .fire-case-info-list {
        width: 300px;
        height: 235px;
        padding-left: 60px;        
    }
    
    .fire-case-info-list .left-img {
        width: 100px;
    } */

    .fire-case .splash-head {
        font-size: 20px;
        line-height: 22px;
        padding: 0.25em;
    }

    .fire-case .splash-subhead {
        font-size: 14px;
        line-height: 16px;
    }

    body.prd .machine {
        font-size: 20px;
        line-height: 25px;
    }

    .prd-detail .pure-u-1 div {
        font-size: 15px;
        line-height: 16px;
    }

    .use-case .uc-title {
        font-size: 17px;
        line-height: 19px;
    }

    .use-case .uc-info {
        font-size: 15px;
        line-height: 17px;
    }

    .other-prd-info.pos-ab.ma.v-cen {
        top: 90px !important;
    }
}

@media (min-width:600px) and (max-width: 960px) {
    /* .fire-case-info-list {
        width: 600px;
        height: 335px;
        padding-left: 110px;        
    }
    
    .fire-case-info-list .left-img {
        width: 200px;
    } */

    .fire-case .splash-head {
        font-size: 50px;
        line-height: 55px;
    }

    .fire-case .splash-subhead {
        font-size: 25px;
        line-height: 28px;
    }
    .f-78{
        font-size: 55px;
        line-height: 55px;
    }
}
/* @media (min-width:960px) and (max-width: 1067px) {
    .index .splash-head span:nth-of-type(2) {
        letter-spacing: 0.65em;
    }
    
} */
@media (min-width:960px) and (max-width: 1136px) {
    .index .splash-head span:nth-of-type(2) {
        letter-spacing: 0.55em;
    }
    .index .splash-subhead {
        font-size: 32px; 
    }
    
    .f-78{
        font-size: 66px;
    }
}

@media (min-width:900px) and (max-width: 1365px) {

    /* .fire-case-info-list {
        width: 800px;
        height: 347px;
        padding-left: 110px;        
    } */
    .prd-info {
        font-size: 20px;
    }

    /* .fire-case-info-list .left-img {
        width: 200px;
    } */

    .fire-case .splash-head {
        font-size: 60px;
        line-height: 66px;
    }

    .fire-case .splash-subhead {
        font-size: 30px;
        line-height: 33px;
    }

    .mx1400 {
        max-width: 1280px;
    }
}


.other-prd .txt {}

.contact {
    position: fixed;
    right: 0;
    top: 50%;
    background: url(../../img/common/phone_number@2x.png);
    width: 10%;
    z-index: 20;
    background-size: 100% 100%;
    min-width: 80px;
    max-width: 200px;
}

.shebei,
.kuandai,
.shepin {
    font-size: 18px;
    line-height: 22px;
    width: 100%
}

.shebei td,
.kuandai td,
.shepin td {
    vertical-align: top;

}

.shebei th,
.kuandai th,
.shepin th {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
}

.shepin tr td:nth-of-type(1) {
    width: 106px;
}

.shebei tr td:nth-of-type(1) {
    width: 106px;
}

.kuandai tr td:nth-of-type(1) {
    width: 100px;
}

.canshu_wrap {}

.canshu_wrap table {
    border: 1px solid #6C6C6C;
}

.canshu_wrap table thead {
    border-top: 1px solid #6C6C6C;
    border-bottom: 1px solid #6C6C6C;
}

.canshu_wrap:nth-of-type(1) {
    margin-left: 2px;
}

.canshu_wrap:nth-of-type(2) {
    margin-left: -1px;
}

.canshu_wrap:nth-of-type(3) {
    margin-left: -1px;
}

.canshu_wrap td:nth-of-type(1) {
    border-right: 1px solid #6C6C6C;
}

.canshu_wrap td {
    padding-left: 5px;
    line-height: 30px;
}

.canshu_wrap.pad09 {
    padding: 0;
    padding-top: 10px;
}


@media (max-width: 1365px) {

    .shebei,
    .kuandai,
    .shepin {
        font-size: 14px;
    }

    .canshu_wrap td {
        padding-left: 5px;
        line-height: 20px;
    }

    .canshu_wrap:nth-of-type(1) {
        margin-left: 0;
    }

    .canshu_wrap:nth-of-type(2) {
        margin-left: 0;
    }

    .canshu_wrap:nth-of-type(3) {
        margin-left: 0;
    }

    .shepin tr td:nth-of-type(1) {
        width: 90px;
    }

    .shebei tr td:nth-of-type(1) {
        width: 90px;
    }

    .kuandai tr td:nth-of-type(1) {
        width: 80px;
    }
}


p{
    text-decoration:none;
}

a{
    text-decoration:none;
    color: #fff; font-size: 14px;
}