html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display:block;
}
body {
    position: relative;
}
body:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    height: 24px;
    background: #333;
    z-index: 99;
}
.backed {
    width:50px;
    height:50px;
    background:#f5f5f5;
    border-radius:50%;
    position: fixed;
    right:30px;
    bottom:100px;
    border: 1px solid #ececec;
    cursor: pointer;
    display:none;
    z-index: 9999;
  }
  .backed .boxs {
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  .backed  img {
    width:20px;
  }
/* HTML5 hidden-attribute fix for newer browsers */
* {
    box-sizing:border-box
}
*:focus {
    outline:none
}
*[hidden] {
    display:none;
}
body {
    line-height:1;
}
ol,ul {
    list-style:none;
}
blockquote,q {
    quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
.over-h {
    overflow:hidden;
}
a {
    text-decoration:none;
    cursor:pointer;
}
img{
    max-width: 100%;
}
.top30{
    margin-top: 30px;
}
.top40{
    margin-top: 40px;
}
.top50{
    margin-top: 50px;
}
.top60{
    margin-top: 60px;
}
.top70{
    margin-top: 70px;
}
.fl {
    float:left;
}
.fr {
    float:right
}
.img-c {
    width:100%;
    object-fit:contain
}
.text-c {
    text-align:center
}
.text-color1 {
    color:#b6b6b4
}
.text-color2 {
    color:#146fb8
}
.go {
    display:inline-block;
    line-height:45px;
    color:#fff;
    height:45px;
    width:45px;
    background-color:#1270ba;
    text-align:center;
    border-radius:50%
}
.ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.container {
    margin:0 auto;
    padding-left: 0;
    padding-right: 0;
    /*overflow:hidden;
    */
}
.trade-item.active,.type-item.active,.ep-item.active,.all-panel.active,.new-list.active,.content-item.active {
    display:block
}
#header{
    position: fixed;
    z-index: 100002;
    height:80px;
    background-color:#fff;
    position:fixed;
    width:100%;
    top:0;
    text-align:center
}
.logo {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    left:0;
    line-height:0;
    left:50px;
    text-align: left;
}
.logo img{max-width: 80%;width: 250px;}
.header-right {
    float:right;
    height:100%;
    padding-right: 50px;

}
.nav-box {
    display:inline-block;
}
.nav-box li {
    display:inline-block;
    line-height:80px;

}
.navs li.mobile{display: none;}
.nav-box li.active a{
    color: #2972b6;
    position: relative;
}
.nav-box li a:after{
    content:"";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #2972b6;
    left: 0;
    bottom: 0;
    display: none;
}
.nav-box li.active a:after{display: block;}
.nav-box li.active:hover a{color: #2972b6;}
.nav-box li:hover a,.nav-box li.current a {
    color:#2972b6
}
.nav-box li a {
    padding:0 20px;
    color:#000;
    display:inline-block
}
.tell {
    float:left;
    padding-left:32px;
    background:url(../image/icon_01.png) no-repeat center left;
    color:#0e6eb8;
    font-size:18px;
    margin:0 25px;
    font-weight:bold;
}
.search {
    float:right;
    margin-right:6px;
    margin-top: 22px;
}
.search span {
    position:relative;
}
.search input {
    border:1px solid #bcbcbc;
    padding:0 15px;
    border-radius:18px;
    width:170px;
    line-height:0;
    outline:none;
    height:35px;
    font-size:14px;
}
.search span button {
    position:absolute;
    top:50%;
    margin-top:-9px;
    right:6px;
    border:none;
    width:20px;
    height:20px;
    border-radius:15px;
    background:url('../image/search_03.png') no-repeat center;
    background-size: 15px;
    color:transparent;
    border:none;
    z-index:999999;
}
.search-list.active{display: block;}
.search-list{
    width:100%;
    position:absolute;
    left:0px;
    display: inline-block;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    height:auto;top:29px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    display: none;
    z-index: 666;
}
.search-list a{
    display:block;
    margin:0px;
    padding: 10px 0;
    font-size: 14px;
    word-break:break-all;
}
.language{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
    right: 50px;
    text-align: center;
}
.menu-btn{
    width:26px;
    position:absolute;
    right:0;
    z-index:99;
    top:50%;
    transform:translateY(-50%);
    display:none;
}
.menu-btn span {
    display:block;
    height:2px;
    background-color:#333;
    transition:all .5s ease
}
.menu-btn span:nth-child(2) {
    margin:5px 0
}
.menu {
    width:100%;
    position:fixed;
    top:80px;
    background:#fff;
    left:0px;
    z-index:3;
    color:#000;
    text-align:center;
    z-index:33;
    border-top:1px solid #bcbcbc;
    overflow:hidden;
    transition:all .8s ease;
    background: #e9e9e9;
    max-height:0px;
}
.menu.active {
    max-height:100vh;
}
.menu .enva {
    display:none;
    text-align:left;
    padding:35px;
    overflow: hidden;
}
.menu .enva:first-child{
    display: none !important;
}
.prot-link {
    color:#000;
    position: absolute;
    right: 50px;
    font-size: 16px;
}

.menu-product{
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    border-bottom:#d3d3d3 1px solid;
}
.menu-product dd,.filter h4 {
    float:left;
    padding:10px 0px;
    font-size:18px;
    color: #000;
    margin-right: 30px;
}
/*宽屏布局*/

@media (min-width: 1024px){
    .info-content{padding: 10px;}
    .page-content .row{
        max-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .container,.row[data-id="301"] {
        max-width: 87%;
        margin: 0 auto;
    }
}
@media (max-width:992px){
    .container,.row[data-id="301"] {
        max-width:100%;
    }
}
.page-wrapper{
    padding-top: 80px !important;
}
 .page-content{
    max-width:100%
}




.menu .enva .product-content{
    padding: 30px 0 30px 180px;
    border-bottom:#d3d3d3 1px solid;
    padding-left: 180px;
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 250px;
}
.product-content .parents{
    position: absolute;
    left: 0px;
    top: 10px;
    display: inline-block;
}
.ep-img{
    width: 100%;
    max-height: 100px;
    overflow: hidden;
}
.parameter{
    display: inline-block;
    /* padding-left: 120px; */
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    /* min-width: 24%; */
}
.parameter .names{
    /* position: absolute; */
    left: 0px;
    top: 0px;
    font-size: 14px;
    font-weight: bold;
}
.parameter a {
    display:inline-block;
    color:#666666;
    padding:0 10px;
    font-size: 14px;
}
.parameter a:hover{
    color: #2972b6;
}

.brand{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 30px 0 30px 180px;
}
.brand h4{
    position: absolute;
    left: 0px;
    top: 30px;
    display: inline-block;
}
/*c end*/
.product-content li {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    width:160px;
}
.product-content li.active,.menu-product dd.active {
    color:#2972b6
}
.product-ep {
}
.filter h4 {
    border:none
}
.trade-ep {
}
.trade-ep a {
    display:inline-block;
    margin-right:10px;
    max-width: 120px;
}
.more-link {
    padding:10px 40px;
    border-radius:5px;
    border:1px solid #797979;
    color:#000;
    position:absolute;
    right:50px;
    bottom: 40px;
}

/*深耕文化*/
.menu-industry{
    width: 20%;
    padding: 30px 0px;
    border-bottom:#d3d3d3 1px solid;
    float: left;
}
.menu-industry h4 {
    font-size:18px;
    margin-bottom:10px;
}
.menu-industry p{
    font-size: 14px;
    color: #000;
}
.menu-industry-list{
    padding: 30px 0;
    width: 70%;
    display:block;
    display: flex;
    flex-wrap: wrap;
    float: right;
}
.menu-industry-list li{
    display: inline-block;
    width: calc(100% / 4 - 12px);
    padding:0 0 20px 0;
    margin-right: 15px;
}
.menu-industry-list li:nth-child(4n){
    margin-right: 0px;
}
.menu-industry-list li a {
    color:#666;
    line-height: 20px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.menu-industry-list li a:hover{
    color: #0a6fba;
}
.menu-industry-list .tit {
    font-size:16px;
    margin:15px 0;
    color: #000;
    font-weight: bold;
}
.menu-industry-list p{
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
.menu-industry-list li .img-c{
    width: 100%;
    border: 2px #fff solid;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    min-height: 100px;
    object-fit: cover;
}
/*深耕文化 end*/
.main-banner {
    /* margin-top: 20px; */
}
.index-banner1 .swiper-slide img,.index-banner1 .swiper-slide video{width: 100%;display: block;}
/* .index-banner1 .swiper-slide img{
    display: none;
} */
.toggle-page {
    position:absolute;
    bottom:105px;
    width:100%;
    text-align:center;
    display:inline-block;
    color:#000;
    z-index:33;
}
.toggle-page div {
    display:inline-block;
    vertical-align:middle;
    cursor: pointer;
}
.toggle-page .swiper-pagination {
    position:static
}
.toggle-page .swiper-pagination-bullet {
    width:3px;
    height:20px;
    border-radius:0;
    margin:0 8px;
    vertical-align:middle;
    opacity:.7;
}
.toggle-page .swiper-pagination-bullet-active {
    width:4px;
    height:30px;
    background-color:#ffcc00
}
.toggle-page .prev {
    width:16px;
    height:28px;
    margin-right:10px;
    position:relative
}
.toggle-page .prev::after,.toggle-page .next::after {
    position:absolute;
    content:'';
    top:4px;
    width:13px;
    height:13px;
    border:3px solid;
    transform:rotate(-45deg);
    border-color:#3a3939  transparent transparent #3a3939;
    left:0
}
.toggle-page .next {
    width:16px;
    height:28px;
    margin-left:10px;
    position:relative
}
.toggle-page .next::after {
    border-color:transparent #3a3939  #3a3939 transparent;
    left:auto;
    right:0
}
.focus-middle  .toggle-page{bottom: 40px;}
.index-product {
    position:relative;
    z-index:2;
    background:#fff;
    border-radius:10px;
    text-align:center;
    padding:25px 0;
    box-shadow:1px 1px 3px 1px #e2dede;
    margin-top: -55px; /*修改*/
}
.new-product{
    text-align:center;
}
.new-product .titi1 {
    font-size:28px;
    display:inline-block;
    margin:30px 0;
}
.scribing {
    position:relative;
}
.scribing::after {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background:#2972b6;
    bottom:-5px;
    left:0
}
.new-prot {
    /* margin:0 30px; */
    border:1px solid #e6e6e6;
    position:relative;
}
.new-prot .fl {
    background:url(../image/1_07.png) no-repeat center;
    background-size:cover;
    width:350px;
    border-right:1px solid #e6e6e6;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
}
.new-prot .fl>p {
    position:absolute;
    font-size:36px;
    text-align:left;
    left:55px;
    top:55px;
    line-height:40px;
}
.new-prot .fl .tip {
    position:absolute;
    bottom:25px;
    padding:0 25px;
    width:100%;
}
.new-prot .tip div {
    background:#2972b6;
    padding:15px 0;
    color:#fff
}
.new-prot .tip p:nth-child(1) {
    font-size:28px;
}
.new-prot .tip p:nth-child(2) {
    margin:5px 0
}
.new-prot .fl .go {
    border:1px solid #fff;
    color: #fff;
}
.new-prot .fr {
    width:calc(100% - 350px);
    overflow:hidden;
}
.new-prot .prot-item {
    float:left;
    width:33.3%;
    padding:25px;
    text-align:left;
    height:280px;
    overflow:hidden;
    position: relative;

}
.new-prot .prot-item .go{
    border-radius: 0;
    width: auto;
    height: auto;
    display: inline-block;
    line-height: normal;
    padding: 5px 10px;
    font-size: 14px;
    color: #1270ba;
    background: #fff;
    border: 1px solid #1270ba;
    transition: all .5s ease;
}
.new-prot .prot-item .go:hover{
    background: #1270ba;
    color: #fff;
}
.new-prot .prot-item:hover .prot-tit {
    color:#1270ba
}
.new-prot .prot-item:nth-child(1),.new-prot .prot-item:nth-child(2),.new-prot .prot-item:nth-child(3) {
    border-bottom:1px solid #e6e6e6
}
.new-prot .prot-item:nth-child(1),.new-prot .prot-item:nth-child(4n),.new-prot .prot-item:nth-child(3n-1) {
    border-right:1px solid #e6e6e6
}
.new-prot .fr .text,.new-prot .fr .img {
    display:inline-block;
}
.new-prot .fr .text{
    max-width: 55%;
}
.new-prot .fr .img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
    text-align: center;
    right: 0;
    z-index: 33;
}
.new-prot .fr .img img{width: auto;}
.prot-tit {
    font-size:18px;
    margin:10px 0;
    position: relative;
    z-index: 33;
}
.prot-item .desc {
    font-size:14px;
}
.prot-item .price {
    margin:20px 0
}
.index-type {
    position:relative;
}
.index-type::before {
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background:#b5c7d1;
    top:50%;
    left:0;
    z-index:-1;
}
.index-type ul {
    display:inline-block;
    background:#fff
}
.index-type li {
    float:left;
    padding:0 35px;
    border-right:1px solid #6c6c6c;
    margin:0
}
.index-type li span {
    padding:10px 0;
    display:inline-block;
    font-size:26px;
}
.index-type li:last-child {
    border:none
}
.index-type li.active span {
    color:#2972b6;
    border-bottom:1px solid #2972b6;
    font-size: 28px;
}
.type-prot {
    padding:0 120px;
    position:relative;
}
.type-prot .swiper-slide:hover h5 {
    color:#0e6eb8;
    position:relative;
}
.type-prot .swiper-slide:hover h5::after {
    position:absolute;
    content:'';
    width:50px;
    height:2px;
    background-color:#0e6eb8;
    left:50%;
    bottom:-5px;
    margin-left:-25px;
}
.type-prot a {
    display:block;
    padding:5px;
    color:#000
}
.type-prot h5 {
    font-size:16px;
    margin:15px 0;
    position:relative;
    line-height:20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.type-prot p {
    font-size:14px;
}
.type-prot .swiper-button-next,.type-prot .swiper-button-prev {
    top:32%
}
.type-prot .swiper-button-prev {
    background:url(../image/prev1_10.png) no-repeat;
    width:50px;
    left:40px;
    background-position:left center;
}
.type-prot .swiper-button-next {
    background:url(../image/next2_13.png) no-repeat;
    width:50px;
    right:40px;
    background-position:right center;
}
.index-banner2 {
    margin-top:0
}
.main-block {
    padding:25px 0
}
.main-block .fl {
    width:49%;
    margin-right:2%;
    overflow:hidden;
    height:840px;
}
.main-block  .fr {
    width:49%;
    overflow:hidden;
}
.main-block .block-item {
    position:relative;
}
.block-item .tit {
    position:absolute;
    left:70px;
    top:70px;
}
.main-block .block-item:hover img {
    transform:scale(1.05)
}
.block-item img {
    object-fit: cover;
    height:100%;
    transition:all 0.5s ease;
}
.block-item h5 {
    font-size:18px;
    font-weight:bold
}
.block-item .tags {
    margin-top:50px;
}
.block-item .tags a {
    display:inline-block;
    color:#3f3f41;
    padding: 0 5px;
    border-right: 1px solid #b9b9bf;
    font-size: 14px;
}
.main-block  .fr .block-item:first-child {
    height:555px;
    margin-bottom:30px;
    overflow: hidden;
}
.main-block  .fr .block-item:last-child {
    height:255px;
}

.news-block {
    padding:25px 50px;
    text-align:center
}
.news-block .titles .fr {
    display:inline-block;
    overflow:hidden;
    margin-bottom:40px;
    width:50%;
    text-align:center
}
.news-block .titles ul {
    display:inline-block
}
.news-block .titles li {
    float:left;
    font-size:28px;
    padding:0 20px;
    border-right:1px solid#3f3f41
}
.news-block .titles li:last-child {
    border:none
}
.news-block .titles li span {
    padding:10px 0;
    display:inline-block
}
.news-block .titles li.active span {
    color:#2972b6;
    border-bottom:1px solid #2972b6
}
.new-list {
    width:50%;
}
.new-list li a,.new-list li p {
    display:inline-block;
    color:#000;
}
.new-list li a {
    padding:25px 0 5px;
    border-bottom:1px dotted  #a8a5a5;
    width:100%;
    text-align:left
}
.new-list li p {
    max-width:70%;
}
.news-block .img {
    margin:25px 0;
    box-shadow:1px 1px 1px#c1bcbc;
    max-width:45%;
}
footer{
    background:#333333;
}
.foot-bottom {
    text-align:left;
    font-size:14px;
    padding:35px 0 10px 0;
    color:#999
}
.foot-bottom img {
    vertical-align:middle
}
/* 产品选型-选型指导 */
.condition-block {
    padding:25px 0
}
.condition{
    padding-bottom: 30px;
}
.cond-item {
    width: 100%;
    display: inline-block;
    padding-left:115px;
    position: relative;
}
.condition .cond-item:last-child{
    margin-bottom: 0px;
}
.cond-item h3 {
    position: absolute;
    font-size:14px;
    font-weight:bold;
    background: #0d6fb8;
    width: 95px;
    left: 0px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.cond-item h3:after{
    content: "";
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #0d6fb8;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -5px;
}
.cond-item .all-model {
    max-width:100%;
    position: relative;
    padding-left: 120px;
}
.cond-item .all-model span.forChange:first-child{ position: absolute; left: 0;}
.cond-item .all-model span,.cond-item .all-model i {
    width: 100px;
    text-align:center;
    height: 35px;
    line-height: 35px;
    border:1px solid #cccccc;
    margin:0 20px 0 0;
    float:left;
    border-radius: 5px;
    margin-bottom:20px;
    font-size: 14px;
    transition:background-color .5s ease ;
}
.cond-item .all-model span:hover,.cond-item .all-model i:hover{
    cursor: pointer;
    background-color:#0d6fb8;
    color: #fff;
}
.cond-item .all-model span.active,.cond-item .all-model i.active {
    background-color:#0d6fb8;
    color: #fff;
}
.cond-recommend{
    padding-bottom: 50px;
    border-bottom:1px solid #cccccc;
}
.cond-recommend,.cond-recommend a {
    color:#999999
}
.btn_reset{ width: 95px !important; border:none !important;}
/*响应式表格*/
.table-responsive{
    min-height: .01%;
    overflow-x: auto;
}

.pod{

    top: 80px;
    left: 0px;
    width: 100%;
}
.pod>tr>:nth-child(1) {
    width: 3.06%;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    /* white-space: nowrap; */
    word-break: break-all;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
/*响应式表格完*/
.cond-tab{
    margin-top: 50px;
    border-top: 1px solid #ccc;
}
.cond-tab .table-responsive tr th,.cond-tab .table-responsive tr td {
    border:1px solid #ccc;
    width:180px;
    padding:10px 0;
    text-align:center;
    font-size: 14px;
}
/* 产品选型-分类页 */
.prot-filiter {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #eeeeee;
}
.prot-filiter h3 {
    color: #000;
    width:100%;
    font-size: 18px;
    line-height:40px;
}
.fil-list{
    display: inline-block;
    width: 100%;
}

.fil-list li {
    width: 16.66%;
    padding: 0 10px;
    float:left;
    display: inline-block;
    margin-top: 20px;
}
.fil-list li a {
    padding:0;
    display:inline-block;
    width: 100%;
    text-align: center;
}
.fil-list li a img{
    max-width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
}
.all-type-prot {
    width: 100%;
    display: inline-block;
}
.type-prot-item{
    margin-top: 30px;
}
.prot-head{
    display: block;
    width: 100%;
    font-size: 24px;
    border-bottom: 1px solid #eeeeee;
}
.prot-head h4{
    padding: 20px 0;
    border-bottom: 3px solid #0d6fba;
    display: inline-block;
}
.models{
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    position: relative;
}
.models .imgs{
    float: left;
    display: inline-block;
    width: 250px;
    top: 0px;
    left: 0px;
}
.model-all{
    float: right;
    display: inline-block;
    width: calc(100% - 300px);
}
.model-item {
    width:25%;
    display: inline-block;
    float: left;
    margin:20px 0px;
    padding: 0 20px;
    border-right: 1px solid #eeeeee;
}
.model-item a{
    display: inline-block;
    width: 100%;
    height: 90px;
    overflow: hidden;
}
.model-item a:hover{
    color:#0d6fba;
}
.model-item h3{
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.model-item a:hover h3{
    color:#0d6fba;
}
.model-item p{
    font-size: 14px;
    margin-top: 10px;
}
.match-model{
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}
.match-model a{
    display: inline-block;
    color: #000;
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 3px;
    background: #eee;
}
.match-model a:hover{
    background: #0d6fba;
    color: #fff;
}
/* 产品选型-产品详情 */
.loaction {
    padding:25px 0px;
}
.loaction a {
    color:#000
}
.cp-detail {
    width: 100%;
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee;
    margin-top: 50px;
    overflow: hidden;
}
.cp-pics {
    width:530px;
    float: left;
    display: inline-block;
}
.cp-pics .swiper-button-next,.cp-pics .swiper-button-prev{
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
.cp-pics .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image:url(../image/prev1.png)
}
.cp-pics .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image:url(../image/next1.png)
}
.cp-tits {
    float: right;
    width: calc(100% - 530px);
    padding-left: 50px;
    padding-top: 80px;
}
.cp-tits h3 {
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}
.cp-tits p {
    line-height:26px;
    font-size: 16px;
    color: #666;
    margin-bottom: 5px;
}
.cp-tits .btns{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.cp-tits .btns a,.cp-tits .btns span{
    display:inline-block;
    padding:12px 30px;
    border-radius:5px;
    color:#000;
    float: left;
    margin-right: 15px;
    text-align: center;
    cursor: pointer;
}
.cp-tits .btns span{
    margin-right: 0px;
}
/**/
.cp-info{
    margin-top: 50px;
    margin-bottom: 50px;
}
.browse .cp-info{
    margin-top: 20px;
}
.browse .info-tab li{
    width: calc(100% / 8);
    padding: 0 0px;
    float: left;
}
.browse .info-tab li a{
    padding:  15px 0;
}
.cp-tits .btns .pay {
    background-color:#ff0000;
    color:#fff;
}
.cp-tits .btns .manual {
    border:1px solid #999
}
.cp-tits .btns .compare {
    border:1px solid #999
}
.cp-tits .btns .compare.add {
    color:#0066cc;
}
.info-tab {
    background-color:#0b6fba;
    background: #f5f5f5;
}
.info-tab ul{
    padding: 10px 0px;
    box-sizing: border-box;
}
#product-title.fixed{
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 9;
}
.info-tab li {
    display:inline-block;
    color: #333;
    text-align: center;
}
.info-tab li.on{
    background-color: #ff0000;
    background-color:#0b6fba;
    color: #fff;
    border-radius: 3px;
}
.info-tab li.on a{
    background-color: #ff0000;
    background-color:#0b6fba;
    color: #fff;
    border-radius: 3px;
}
.info-tab li a{
    padding:10px  40px;
    border-radius: 3px;
    width: 100%;
color: #000;
    display:inline-block;
    text-decoration: none;
}
.info-tab li:hover{
    cursor: pointer;
}
.info-tab li.active {
    background-color:#0b6fba;
    border-radius: 5px;
    color:#fff
}
.info-tab li.active a{
    color:#fff;
    border-radius: 5px;

}
.info-content {
    padding:50px 30px;
    /* background: #f5f5f5; */
}

#product-detail.info-content .content-item{
    padding: 0px 20px;
}
.info-content>img{width: 100%;height: auto;}
/*弹出对比代码*/
.compare-box {
    position:fixed;
    left: 0;
    top:10%;
    z-index:888888;
    width:170px;
    background:#fff;
    border:1px solid #eeeeee;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.compare-box .box{position: relative;}
.compare-box .alert-tip{
    display: none;
    position: absolute;
    right: -70px;
    width: 70px;
    top: 39%;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    padding-top: 30px;
    background: url('../image/compare.png') no-repeat center 5px #0a6fba;
    background-size: 20px auto;
}
.compare-box.hiden{
    left: -170px;
}
.compare-box.hiden .alert-tip{
    display: block;
}
.compare-box-header {
    height: 35px;
    background: #0b6fba;
    line-height: 35px;
    position: relative;
}
.compare-box-header>span{
    position: absolute;
    width: 22px;
    height:22px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    top: 50%;
    right: 5px;
    margin-top: -11px;
    background: url('../image/close.png') no-repeat center;
    background-size: 21px 21px;
}

.compare-box-title {
    padding-left:10px;
    color:#fff;
    font-size:14px;
    font-weight:normal;

}
.compare-items li {
    position:relative;
    padding: 10px 5px;
    border-bottom: 1px #ededed solid;
}
.compare-items li:last-child{
    border-bottom: none;
}
.compare-items li:hover{
    border: 2px dotted #0a6fba;
}
.compare-items  .pic {
    display:block;
    text-align:center;
    position:relative;
    zoom:1;
    cursor:pointer;
    color:#000;
    margin-bottom: 20px;
    font-size: 12px;
}
.compare-items  .pic:last-child{
    margin-bottom: 0px;
}
.compare-items li:hover .del{display:block}
.compare-items .del {
    display: none;
    position:absolute;
    z-index:2;
    top:-1px;
    right:-1px;
    width:25px;
    height:25px;
    overflow:hidden;
    background-position:-12px -34px;
    cursor:pointer;
    background-color: #0a6fba;
    background-image: url(../image/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px auto;
}
.compare-items  .pic img {
    max-width: 100%;
    width: 70px;
    height: auto;
}
.compare-items  .pic .tit {
    display:block;
    height:40px;
    text-align:left;
    overflow:hidden;
    line-height:22px;
    overflow:hidden;
    word-break:break-all;
}
.compare-btn {
    padding:20px 5px 20px;
    border-top: 1px solid #ededed;
}
.compare-btn a {
    width:calc((100% - 10px) / 2);
    height:40px;
    border:0 none;
    -webkit-border-radius:2px;
    border-radius:5px;
    background:#0b6fba;
    color:#fff;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    outline:0 none;
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-size: 14px;
}
.compare-btn button{
    border-radius:5px;
    height:40px;
    line-height:40px;
    cursor:pointer;
    outline:0 none;
    width:calc((100% - 10px) / 2);
    display: inline-block;
    background: #FE7201;
    color: #ffffff;
    font-size: 14px;
    border: none;
}
/*弹出对比代码*/
/* 产品详情对比内页 */
.contrast{
    padding: 50px 0;
    margin: 0 auto;
}
.contrast .contrast_name{
    width: 200px;
    padding: 15px 10px;
    font-size: 12px;
}
.contrast .contrast_tit{
    padding: 15px 10px;
    width: 100px;
    font-size: 15px;
    font-weight: bold;
}
.contrast thead > tr > td  .contrast_name{
    font-size: 15px;
    font-weight: bold;
}
.contrast thead > tr > td,.contrast .table > tbody > tr > td{
    border:1px solid #eee;
    vertical-align: middle;
    width: 25%;
}
.contrast thead > tr > td,.contrast tbody > tr > td:first-child,.contrast .table > tbody > tr:hover > td:first-child{
    background: #f4f6f8;
    width: 10%;
}
.contrast .table > tbody > tr:hover > td{
    background: #eee;
}
/* 产品详情对比内页 end */


/* 品牌天地-联系我们 */
.contect-top{
    padding: 0 0 40px;
}
.contact-us{
    display: inline-block;
    width: 100%;
}
.contact-us .text{
    width: 50%;
    display: inline-block;
    float: left;
}
.contact-us .text h3{
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: bold;
}
.contact-us .text p{
    font-size: 14px;
    color: #666;
    padding:10px 0;
}
/* 品牌天地-关于我们 */
.contact-about{
    display: inline-block;
    width: 100%;
}

.contact-about .imgs{
    display: inline-block;
    width:584px;
    float: left;
    text-align: center;
}
.contact-about .text{
    display: inline-block;
    float: right;
    width: calc(100% - 625px);
}
.contact-about .text h3{
    font-size: 30px;
    color: #0C70BB;
    position: relative;
    padding: 35px 0 15px;
}
.contact-about .text h3::after{
    width: 88px;
    height: 2px;
    background: #0C70BB;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
}
.contact-about .text p{
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    margin-top: :;;
}
.about-banner{
    margin: 50px 0 0;
}
.about-line{
    padding-top: 30px;
    border-top: 1px solid #F5F5F5;
}

.about-name{
    position: relative;
    width: 100%;
    font-size: 36px;
    padding: 25px 0;
    font-weight: bold;
    text-align: center;
}
.about-name::after{
    width: 88px;
    height: 2px;
    background: #0C70BB;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -44px;
    content: "";
}
/*时间轴*/
.about-time{
    position: relative;
    padding-bottom: 50px;
}
.about-time::after{
    position: absolute;
    width: 140%;
    background: #F4F4F4;
    content: "";
    bottom: 0px;
    left: -20%;
    height: 438px;
}
.about-timgaxis{
    padding: 50px 110px;
    background-color: #ffffff;
    position: relative;
    z-index: 9;
}
.about-swiper{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 30px;
  box-sizing: content-box;
  margin-left: -30px;
}
.about-timgaxis .about-swiper::after{
    height: 1px;
    width: calc(100% + 60px);
    position: absolute;
    left: -30px;
    top: 50%;
    content: "";
    background: #f1f1f1;
}
.about-swiper .swiper-slide {
}
.about-swiper .swiper-slide .times{
  text-align: center;
  font-size: 18px;
  height: 180px;
  text-align: left;
  border-left: 1px solid #b8b8b8;
  padding-left: 20px ;
  position: relative;
}
.about-swiper .swiper-slide .times::after{
    position: absolute;
    content: "";
    background-color: #B8B8B8;
    left: -5px;
    top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.about-swiper .swiper-slide:nth-child(2n) .times::after{
    top: initial;
    bottom: -5px;
}
.about-swiper .swiper-slide .time-hight{
  height: 180px;
  width: 100%;
}
.about-swiper .swiper-slide h3{
    font-size: 24px;
    margin-top: 12px;
    color: #333333;
    display: inline-block;
    width: 100%;
}
.about-swiper .swiper-slide p{
    height: 105px;
    overflow: auto;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin-top: 10px;
}
.about-timgaxis .swiper-button-next,.about-timgaxis .swiper-button-prev{
    width: 60px;
    height: 60px;
    margin-top: -30px;
}
.about-timgaxis .swiper-button-next{
    right: 20px;
    background: url(../image/icon_07.png) no-repeat;
}
.about-timgaxis .swiper-button-prev{
    left: 20px;
    background: url(../image/icon_06.png) no-repeat;
}
/**/
.about-cer-img{
    text-align: center;
}
.about-woks-list{
    width: 100%;
    display: inline-block;
}
.about-woks-list .listing{
    width: calc((100% - 45px) / 4);
    margin-right: 15px;
    float: left;
    display: inline-block;
    position: relative;
    margin-top: 15px;
}
.about-woks-list .listing:nth-child(4n){
    margin-right: 0px;
}
.about-woks-list .listing .imgs img{
    display: block;
}
.about-woks-list .listing .text{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(12,112,187,.7);
    height: 47px;
    line-height: 47px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #ffffff;
    display: none;
}
.about-woks-list .listing:hover .text{
    display: block;
}
/*联系我们*/
.contact-box{
    overflow: hidden;
    box-shadow: 0 0 16px rgba(0,0,0,.08);
    border-radius: 5px;
    margin-bottom: 30px;
}
.contactUs{
    display: inline-block;
    width: 100%;
    padding: 50px;
}
.contactUs .con-l{
    float: left;
    width: calc((100% - 40px) / 2);
    display: inline-block;
}
.contact-list p{
    padding-left: 35px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    color: #666666;
    background-position: center left;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    font-size: 16px;
}
.contact-list p span{
    font-weight: bold;
    color: #333333;
}
.contact-list p.company{
    background-image: url(../image/icon_12.png);
}
.contact-list p.Address{
    background-image: url(../image/icon_08.png);
}
.contact-list p.Tel{
    background-image: url(../image/icon_09.png);
}
.contact-list p.Fax{
    background-image: url(../image/icon_10.png);
}
.contact-list p.Email{
    background-image: url(../image/icon_13.png);
}
.contact-list p.Online{
    background-image: url(../image/icon_12.png);
}
/**/
.con-r{
    width: calc((100% - 40px) / 2);
    display: inline-block;
    float: right;
}
.contact-text h3{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}
.contact-text p{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}
.con-r .post-list {
    display: inline-block;
    width: 100%;
}
.con-r .post-list .form-inline{
    width: calc((100% - 50px) / 2);
    float: left;
    padding-left: 80px;
    position: relative;
    border-bottom: 1px solid #E9E9E9;
    margin-top: 20px;
}
.con-r .post-list .form-inline:nth-child(2){
    float: right;
}
.con-r .post-list.post-list-all .form-inline{
    width: 100%;
}
.con-r .post-list .form-inline label{
   position: absolute;
   left: 0px;
   height: 40px;
   line-height: 40px;
   top: 0px;
   font-size: 16px;
   color: #333333;
}
.con-r .post-list .form-inline label span{
    color: red;
}
.con-r .post-list.post-code .form-inline{
    padding-right: 100px;
}
.con-r .post-list.post-code .form-inline span{
    position: absolute;
    right: 0;
    top: 0;
}
.con-r .post-list .form-inline input{
    margin-bottom: 0px;
    border: none;
    padding:10px 0;
}
.con-r .post-list .form-inline textarea{
    height: 40px;
    border: none;
    padding:10px 0;
}
.post-choice{
    display: inline-block;
    width: 100%;
    margin-top:20px;
    font-size: 16px;
    color: #727272;
}
.post-choice a{
    text-decoration: underline;
    color: #0c70bb;
}
.post-sub{
    width: 100%;
    display: inline-block;
}
.post-sub input,.post-sub a{
    width: 160px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    display: inline-block;
    float: left;
    padding: 0;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
}
.post-sub input{
    background: #0C70BB;
    color: #ffffff;
    margin-right: 10px;
}
.post-sub a{
    background: #F4F4F4;
    color: #333333;
}

.contact-us .maps{
    display: inline-block;
    width: 100%;
    padding-left: 30px;
}
/* 品牌天地-品质保障 */
.contact-guarantee{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.contact-border{
    border-top: 1px solid #eee;
}
.contact-guarantee .text h3{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact-guarantee .text h4{
    font-size: 18px;
    color: #999;
    margin-bottom: 20px;
}
.contact-guarantee .text p{
    line-height: 30px;
    font-size: 15px;
}
.contact-guarantee .list-imgs{
    display: inline-block;
    width: 100%;
}
.contact-guarantee .list-imgs .listing{
    width: 22.75%;
    margin-right: 3%;
    display: inline-block;
    float: left;
    margin-top: 50px;
}
.contact-guarantee .list-imgs .listing:last-child{
    margin-right: 0px;
}
.contact-guarantee .list-imgs .listing img{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 5px;
}
.contact-guarantee .list-imgs .listing p{
    font-size: 14px;
    margin-top: 20px;
}
.guarantee-text{
    position: relative;
}
.about-list .tit{
    background: #f4f4f4;
    font-size: 14px;
    padding: 20px;
    line-height: 20px;

}

/* 品牌天地-加入飞凌 */
.jion-ul{
    width: 100%;
    display: inline-block;
}
.jion-ul li{
    display: inline-block;
    width: 33.33%;
    float: left;
    padding: 15px;
}
.jion-head{
    background: #0c6eb9;
    color: #fff;
}
.job-item{
    margin-top: 10px;
}
.top-box{
    background: #f4f4f4;
    cursor: pointer;
}
.top-box li{
    font-size: 14px;
}
.job-detail{
    display: none;
}
.job-item.active .job-detail{
    display: block;
    background: #f4f4f4;
    padding: 30px;
    margin-top: -2px;
    font-size: 14px;
    line-height: 24px;
}
.job-item.active .top-box{
    background: #c5def1;
}
/*面包屑*/

.pro-name{
    font-size: 34px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    min-height: 50px;
}
.Contact-name .pro-name{
    line-height: 50px;
    margin-bottom: 0px;
    border: none;
}
.Contact-name .pro-name .breadcrumb{
    padding: 0 !important;
}
.pro-name .pro-fly{
    float: right;
    font-size: 14px;
}
.breadcrumb{
    padding: 20px 0 !important;
    margin-bottom: 0px;
}
.breadcrumb:after{
    display: none;
}
.fly-crumbs{
    display: inline-block;
    width: 100%;
}
.fly-crumbs .breadcrumb{
    float: right;
    display: inline-block;
    width: auto;
}
/*内页banner*/
.main-img {
    margin-top:0px;
}
/*分页切换*/
.change-mune{
    display: inline-block;
    width: 100%;
    margin: 20px auto 30px auto;
    background: #e8e8e8;
    padding: 10px;
}
.change-mune.block{display: block;}
.change-mune li{
    margin-right: 20px;
    display: inline-block;
}
.change-mune li:last-child{
    margin-right: 0px;
}
.change-mune li a{
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}
.change-mune li.active a{
    background: #0c70bb;
    color: #fff;
}
/* 解决方案-列表样式 */
.top30{
    margin-top: 30px;
}
.list,.article{
    border: none;
    box-shadow: none;
}
.industry{
    margin-bottom: 50px;
    display:block;
    width: 100%;
}
.industry .list-item{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.industry .list-item a{
    display: block;
    width: 100%;
}

.industry .list-item .col-imgs{
    padding-left: 40px;
}
.industry .list-item:nth-child(even) .col-imgs{
    padding-right: 40px;
    padding-left: 0px;
}
.industry .list-item .col-imgs img{
    border-radius: 5px;
    border:1px solid #eee;
}
.industry .list-item .tit{
    font-size: 16px;
    color: #282828;
}
.industry .list-item .text{
    font-size: 14px;
    color: #666;
    padding: 10px 0 40px;
    line-height: 24px;
}
.industry .list-item h4,.more-cp h3{
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.industry .list-item .imgs,.more-cp .imgs{
    display: inline-block;
    width: 100%;
}
.industry .list-item .imgs a,.more-cp .imgs a{
    display: inline-block;
    width:calc( (100% - 120px) / 4);
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,.06);
    float: left;
    display: inline-block;
    margin-right: 40px;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}
.industry .list-item .imgs a:nth-child(4n),.more-cp .imgs a:nth-child(4n){
    margin-right: 0px;
}
.industry .list-item .imgs a p,.more-cp .imgs a p{
    font-size: 18px;
    height: 52px;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 10px 0;
    text-align:left;
    padding:0 10px;
}
/*分页*/
.page {
    text-align:center;
    margin: 30px 0;
}
.page li {
    display:inline-block;
    font-size:14px;
    margin:0 5px;
}
.page li a {
    color:#000;
    padding: 5px 10px;
    border:1px solid #eee;
    border-radius:5px;
}
.page  li a.active {
    color:#fff;
    background: #0e6eb8;
    border-color: #0e6eb8;
}
/* 解决方案-内页 */
.solution.container {
    margin-top:0px;
}
.solution-content {
    margin-top: 30px;
    padding:0 40px 0px
}
.solution-content  h4 {
    font-size:24px;
    font-weight:bold;
    text-align:center;
    margin-bottom:50px;
}
.solution-content .img img {
    max-width:100%;
    object-fit:contain;
    margin:20px 0
}
.solution-content .detail p {
    line-height:26px;
    text-indent:2em
}
.more-cp {
    margin-top:50px;
    border-top: 1px solid #eee;
    padding-top: 50px;
    margin-bottom: 50px;
}
/* 项目定制-项目介绍 */
.all-header{
    display: inline-block;
    width: 100%;
}
.all-center{
    text-align: center;
}
.all-header h3{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.all-header p{
    line-height: 30px;
    font-size: 15px;
    padding: 0 50px;
}
/**/
.introduce-list{
    display: inline-block;
    width: 100%;
}
.introduce-list .listing{
    display: inline-block;
    float: left;
    width: calc(  calc(100% - 100px) / 3);
    margin-right: 50px;
    background: #f6f6f6;
    padding: 50px 30px;
    margin-top: 30px;
    border-radius: 5px;
}
.introduce-list .listing:last-child{
    margin-right: 0px;
}
.introduce-list .listing h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.introduce-list .listing:nth-child(1) h3{
    color: #77ae00;
}
.introduce-list .listing:nth-child(2) h3{
    color: #ff5400;
}
.introduce-list .listing:nth-child(3) h3{
    color: #0096d9;
}
.Pattern-list .listing{
    background: none;
    padding: 0px;
}
.introduce-list.Pattern-list .listing h3{
    color: #0096d9;
}
.introduce-list .listing p{
    font-size: 14px;
    line-height: 24px;
}
.introduce-list .listing span{
    margin-right: 10px;
    display: inline-block;
}
.process-list{
    display: inline-block;
    width: 100%;
}
.process-list .listing{
    width: calc(100% / 7);
    display: inline-block;
    float: left;
    text-align: center;
}
.process-list .listing .imgs{
    text-align: center;
    background: #0c70bb;
    border-radius: 50%;
    border:5px solid #d1e4f2;
    display: inline-block;
    margin-top: 30px;
}
.process-list .listing p{
    text-align: center;
    margin-top: 20px;
    width: 100%;
    display: block;
    color: #0c70bb;
}
/* 项目制定-软件硬件 */
.customized{
    display: inline-block;
    width: 100%;
}
.customized .listing{
    width: calc( calc(100% - 100px) / 3);
    float: left;
    display: inline-block;
    margin-top: 30px;
    border:1px solid #eee;
    margin-right: 50px;
}
.customized .listing:last-child{
    margin-right: 0px;
}
.customized .listing .imgs{
    padding: 50px 0;
    display: block;
}
.customized .listing .text{
    background: #efefef;
    padding: 50px 30px;
    display: block;
    min-height: 230px;
}
.customized .listing .text h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.customized .listing .text p{
    font-size: 14px;
    line-height: 24px;
}
.hard-other  .listing .text{
    min-height: 255px;
}
.hard-other  .listing .text .text-nam{
    display: block;
}
/* 项目定制-生产代工 */
.oem{
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    padding: 100px 100px;
}
.oem .imgs{
    width: 260px;
    float: left;
    display: inline-block;
}
.oem .text{
    float: right;
    width: calc(100% - 360px);
    display: inline-block;
    text-align: left;
}
.oem .text h3{
    margin-top: 50px;
    text-align: left;
}
.oem .text p{
    padding: 0px;
}
/*售后服务*/
.sale{
    display: inline-block;
    width: 100%;
}
.sale_list{
    width: 100%;
}
.sale_list.sale_first .name h3{
    font-size: 24px;
    color: #000;
}
.sale_list .name{
    border-bottom: 1px solid #eee;
}
.sale_list .name h3{
    color: #0e6eb8;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 20px 0;
    border-bottom: 2px solid #0e6eb8;
}
.sale_list  .text{
    padding: 30px;
    display: block;
    line-height: 30px;
    font-size: 14px;
}
.text-first{
    background: #f0f0f0;
}
.sale-down{
    margin-top: 20px;
    display: inline-block;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
    color: #0e6eb8;
    background: url(/file.php?f=source/default/wide/下载.png&t=png&o=source&s=&v=1572250578) no-repeat left center;
}
/* 技术支持-支持内容 */
.sale_50{
    display: inline-block;
    width: 100%;
}
.sale_50 .sale_list{
    width:calc( calc(100% - 40px) / 2) ;
    display: inline-block;
    float: left;
    margin-right: 40px;
    margin-top:30px;
}
.sale_50 .sale_list .text-first{
    min-height: 240px;
}
.sale_50 .sale_list:nth-child(2n){
    margin-right: 0px;
}
/* 表单 */
.inline{
    display: inline-block;
    width: 100%;
    height:1px;
    line-height: 1px;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
}
.tech-form{
    padding: 50px 0;
    border-top: 1px solid #eee;
    display: inline-block;
    width: 100%;
}
.tech-form.block{display: block;}
.tech-form .form-inline-block{
    display: inline-block;
    width: calc(calc(100% - 30px) / 2 ) ;
    float: left;
    margin-right: 30px;
    padding-left: 100px;
    position: relative;
    margin-bottom: 30px;
}
.form-block,.tech-form .form-check {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
    position: relative;
    margin-bottom: 30px;
}
.Verification{
    display: inline-block;
    width: calc(calc(100% - 30px) / 2 ) ;
    padding-left:100px;
    padding-right: 150px;
    position: relative;
    margin-bottom: 30px;
}
.tech-form .form-inline-block.from-margino{
    margin-right: 0px;
}
.tech-form .form-inline-block label,.tech-form .form-block label,.tech-form .Verification label,.tech-form .form-check span{
    position: absolute;
    left: 0px;
    height: 42px;
    line-height: 42px;
}
.tech-form .form-inline-block label span{
    color: red;
}
.tech-form .from-margino label span{
    color: red;
}
.tech-form .form-ches label{
    position: relative;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }
.tech-form .form-inline-block input,.tech-form .form-inline-block select,.tech-form .Verification input{
    width: 100%;
    height: 42px;
    line-height: 42px;
    border:1px solid #d8d8d8;
    padding: 0 10px;
    border-radius: 5px;
}
.tech-form .form-block textarea{
    width: 100%;
    min-height: 100px;
    border:1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px;
}
.tech-form .Verification span{
    position: absolute;
    right: 0px;
    top:5px;
    display: inline-block;
}
.tech-form .form-check label{
    height: 42px;
    line-height: 42px;
    display: inline-block;
    margin-right: 10px;
}
.sub{
    display: inline-block;
    width: 100%;
}
.sub input,.sub a,.sub button{
    width: 200px ;
    height: 45px;
    line-height: 45px;
    background: #0e6eb8;
    color: #fff;
    border-radius: 5px;
    border:none;
    display: inline-block;
    text-align: center;
}
.sub a{
    background: #f0f0f0;
    border-color: #d8d8d8;
    color: #000;
    margin-left: 30px;
}
.form-tit{
    padding: 0px 0 30px;
    font-size: 16px;
}
/* 新闻 */
.new-page{
    width: 100%;
}
.new-page .new-listing{
    width:calc(  calc(100% - 105px) / 4) ;
    padding:0 ;
    display:inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}
.new-page .new-listing:nth-child(4n){
    margin-right: 0px;
}
.new-page .new-listing a {
    float:left;
    display:block;
    width:100%;
    color:#000;
    margin-bottom:50px
}
.new-page .new-listing a .imgs{
    width: 100%;
    display: block;
    padding: 3px;
    border:1px solid #eee;
}
.new-page .new-listing h3{
    font-size: 16px;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    margin-top: 10px;
}
.new-page .new-listing h4{
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    overflow: hidden;
    padding: 10px 0;
}
.new-page .new-listing p{
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}
/**/
.showy{
    position: fixed;
    right: -110px;
    top:30%;
    z-index: 999;
    display: inline-block;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    height: auto;
    overflow: hidden;
    transition: right .5s ease;
}
.showy:hover{right: 0px;}
.clos{
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 10px;
    left: -15px;
    top: -15px;
    background: #0b6fba;
    border-radius: 50%;
    border:none;
    color: #fff;
    display: none;
}
.showy .listing{
    display: block;
}
.showy .listing a{
    display: inline-block;
    padding-left: 40px;
    background: #0b6fba;
    font-size: 12px;
    text-align: left;
    height:40px;
    line-height:40px;
    width: 150px;
    color: #fff;
    margin-bottom: 1px;
}
.showy .listing a.tells{
    padding-left: 0px;
    background:#fe0000;
    text-align: center;
    font-size: 14px;
    background-image: url(../image/call.png) ;
    background-repeat: no-repeat;
    background-position:10px center;
    background-size:25px auto;
    padding-left: 30px;
}
.showy .listing a.qq{
    background: url(../image/icon_02.png) no-repeat 10px center  #0b6fba;
    background-size: 15%;
}
.showy .listing a.web{
    background: url(../image/icon_03.png) no-repeat 10px center  #0b6fba;
    background-size: 15%;
}
.showy .listing a.msg{
    background: url(../image/icon_04.png) no-repeat 10px center  #0b6fba;
    background-size: 15%;
}
/*====================================================================================*/

/* 产品中心 */
#products .header {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
#products .header:after {
    font-family: ZenIcon;
    font-weight: normal;
    content: " \e6bd";
    font-size: 14px;
}
.list-products .card{
    margin-bottom: 15px;
    box-shadow: none;
    margin-top: 10px;
    border-radius: unset;
}
.list-products .card a{display: inline-block;}
.card .img{text-align: center;}
.card .text-ellipsis {position: relative;padding: 5px 0;padding-right: 70px;}
.card .btn{position: absolute; top: 5px;right: 0;background-color: #0c6fb8;border-color: #0c6fb8;}
.card .btn:hover{background-color: #0c6fb8;border-color: #0c6fb8;}
#mainContainer,#products .row > .col{padding: 0;}
.list-content{margin: 0 -10px;overflow: hidden;}
.list-content .list-item{width: 20%;float: left;padding: 0 10px;min-height: 300px;}

/*新版首頁*/
.index-prot{
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #e2dede;
    margin-top: -55px;
}
.index-prot .listing{
    padding:20px 40px;
    width: 33.33%;
    float: left;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}
.index-prot .listing:nth-child(3n){
    border-right: none;
}
.index-prot .listing:nth-child(-n+3){
    border-top: none;
}
.index-prot .listing .imgs{
    display: block;
    width: 100%;
    height: 226px;
    overflow: hidden;
}
.index-prot .listing .imgs img{
    height: 100%;
    width: auto;
    object-fit:cover;
}
.index-prot .listing h3{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-prot .listing a:hover .imgs{
    background: #f0f0f0;
}
.new-product{
    margin-top: 40px;
    padding-bottom: 40px;
}
.head-name{
    display: block;
    width: 100%;
    font-size: 34px;
    text-align: left;

}
.new-product .product-list{
    display: inline-block;
    width: 100%;
}
.new-product .product-list .listing{
    width: calc( (100% - 120px) / 4);
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,.06);
    float: left;
    display: inline-block;
    margin-right: 40px;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}
.new-product .product-list .listing:nth-child(4n){
    margin-right: 0px;
}
.new-product .product-list .listing .text{
    padding: 20px;
    text-align: left;
}
.new-product .product-list .listing .imgs{
    position: relative;
    width: 100%;
    height: 300px;
    padding: 15px 15px 0px;
    display: table-cell;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
}
.new-product .product-list .listing .imgs img{
    height: 100%;
    width: auto;
    object-fit:cover;
}
.new-product .product-list .listing.list-play .imgs{
    height: 322px;
    padding: 0px;
}
.new-product .product-list .listing.list-play .imgs img{
    height: 100%;
    width: auto;
    object-fit:cover;
}
.new-product .product-list .listing.list-play .play{
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/icon_05.png) no-repeat center rgba(0,0,0,0.06);
    top: 0;
    left: 0;
    cursor: pointer;
}
.new-product .product-list .listing .text h5{
    font-size: 18px;
    color: #368EE0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new-product .product-list .listing .text h3{
    font-size: 18px;
    height: 52px;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    color: #000000;
}
.new-product .product-list .listing .text p{
    font-size: 15px;
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:5px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
}
.new-product .product-list .listing .text a{
    font-size: 15px;
    color: #368EE0;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.playing,.playing02{
    position: fixed;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: none;
}
.playing .plasy-video,.playing02 .plasy-video{
    width: 640px;
    height: auto;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    margin-top: 15%;
    position: relative;
    max-width: 100%;
}
.playing .plasy-video > span,.playing02 .plasy-video  > span{
    position: absolute;
    width: 30px;
    height:30px;
    top: -15px;
    right: -15px;
    background: url('../image/close.png') no-repeat center #000000;
    background-size: 30px auto;
}
/**/
.our-product{
    margin-top: 40px;
    padding-bottom: 40px;
}
.our-product .our-product-list{
    display: inline-block;
    width: 100%;
}
.our-product .our-product-list .listing{
    width: calc((100% - 120px) / 4);
    margin-top: 40px;
    margin-right: 40px;
    display: inline-block;
    float: left;
}
.our-product .our-product-list .listing:nth-child(4n){
    margin-right: 0;
}
.our-product .our-product-list .listing .imgs{
    padding: 4px;
    border: 1px solid #EFEFEF;
    width: 100%;
    height:250px;
    position: relative;
}
.our-product .our-product-list .listing .imgs img{
    width: auto;
    height: 100%;
    object-fit:cover;
}
.our-product .our-product-list .listing .text{
    display: block;
    padding: 20px 4px 0;
}
.our-product .our-product-list .listing .text h3{
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
}
.our-product .our-product-list .listing .text p{
    height: 50px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #999999;
}
.our-product .our-product-list .listing .text h5{
    margin-top: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #368EE0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.our-product .our-product-list .listing:last-child{
    border: 1px solid #EFEFEF;
    height: 394px;
    display:table;
}
.our-product .our-product-list .listing:last-child a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.our-product .our-product-list .listing:last-child a h5{
    margin-top: 10px;
}
/**/
.index-why{
    background: #f0f0f0;
    padding: 40px 0;
}
.index-why .name{
    font-size: 48px;
    color: #368EE0;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
/**/
.index-news{
    margin-top: 50px;
}
.index-news .imgs{
    position:relative;
    width: auto;
    height: 318px;
    overflow: hidden;
    margin-top: 40px;
}
.index-news .imgs img{
    width: auto;
    height: 100%;
    object-fit:cover;
}
.index-news .imgs .play02{
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/icon_05.png) no-repeat center rgba(0,0,0,0.06);
    top: 0;
    left: 0;
    cursor: pointer;
}
#block281.panel  .navbtnT{
    text-align: right;
}
#block281 .navbtnT a{
    height: 30px;
    font-size: 22px;
}
#block281 .panel-body .infor-textT .panel-heading{
    display: none;
}
.information-boxT .panel-body > .ul-list > li{
    padding: 18.5px 0;
}
.information-boxT .panel-body > .ul-list > li:last-child{
    border: none;
}
#block281 .infor-textT .panel-body .ul-list > li a{
    padding-right: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    height: 22px;
}
#block281 .infor-textT .panel-body .ul-list > li .sticky{
    display: none;
}
#block281 .infor-textT .panel-body .ul-list > li a:hover{
    color:#368EE0 ;
}
/**/
#block284 .links{
    width: 100%;
}
#block284 .links li:first-child{
    border: none;
}
#block284 .links li{
    display: inline-block;
    width: 25%;
    float: left;
    border: none;
    padding: 0px;
}
#block284 .foot-top{
    padding: 50px 0 0;
}
#block284 .footer{
    background: #333333;
}
/*導航*/
.navs{
    display: inline-block;
    float: left;
}
.navs li{
    display: inline-block;
    float: left;
    height: 80px;
    width: auto;
    line-height: 80px;
    margin: 0 20px;
    position: relative;
}
.navs li a{
    color: #333333;
}
.navs li a:hover,.navs li.active a{
    color: #0C70BB;
}
.navs li.active a{
    font-weight: bold;
}
/* .navs li .ul-sec{
    position: absolute;
    left: 0px;
    top: 80px;
    display: none;
}
.navs li .ul-sec li{
    margin:0px ;
    position: initial;
    height: auto;
    line-height: initial;
}
.navs li .ul-sec li a{
    text-align: left;
    width:210px;
    padding: 20px 20px;
    background: #ffffff;
    border-bottom: 1px solid #e8ecf2;
    display: block;
    position: relative;
    color: #333333;
    font-size: 14px;
    box-sizing: border-box;
    line-height: initial;
}
.navs li .ul-sec li a.transparent::after{
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:7px solid #333333;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    content: "";
}
.navs li .ul-sec li:hover a{
    background-color: #0C70BB;
    color: #FFFFFF;
}
.navs li .ul-sec li:hover a.transparent::after{
    border-left:7px solid #ffffff;
}
.navs li .ul-sec li .ul-third{
    position: absolute;
    right: -210px;
    width: 210px;
    display: none;
    margin-top: -60px;
}
.navs li .ul-sec li .ul-third a{
    font-weight: 300;
}
.navs li .ul-sec li .ul-third li a{
    background: rgba(255,255,255,.95);
    width: 210px;
    color: #333333;
    border: none;
    font-size: 12px;
}
.navs li .ul-sec li .ul-third li a::after{
    display: none;
}
.navs li .ul-sec li .ul-third li  a.transparent::after {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #333333;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    content: "";
    z-index: 9;
    display: block;
}
.navs li .ul-sec li .ul-third li a:hover{
    color: #0C70BB;
    text-decoration: underline;
}
.navs li:hover .ul-sec{
    display: block;
}
.navs li .ul-sec li:hover .ul-third{
    display: block;
}
.navs li .ul-sec li .ul-third li .ul-four{
    width: 210px;
    position: absolute;
    right: -210px;
    display: none;
    margin-top: -56px;
}
.navs li .ul-sec li .ul-third li:hover .ul-four{
    display: block;
}

.navs li .ul-sec li .ul-third li .ul-four li a{
    background: rgba(255,255,255,.85);
} */
/*聚合页*/
.poly {
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}
.poly .poly-l{
    float: left;
    width: 226px;
    display: inline-block;
    position: relative;
    z-index: 99;
}
.poly .poly-l.fixedMenu{
    position: fixed;
    top: 90px;
}
.poly .poly-l .name{
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}
.s-side {
    width: 100%;
}
.s-side .d-firstNav{
   /* border: 1px solid #0C70BB; */
    position: relative;
    height: 46px;
    line-height: 46px;
    margin-bottom: 2px;
    cursor: pointer;
    background: #FFFFFF;
}
.s-side .d-firstNav a.first-li{
    color: #0C70BB;
    display: block;
    padding: 0 46px 0 18px;
    font-size: 14px;
}
.s-side .s-secondNav{
    width: 100%;
    height: 46px;
    line-height: 46px;
    position: relative;
    margin-bottom: 2px;
    position: relative;
    cursor: pointer;
    background: #F5F5F5;
}
.s-side .s-secondNav a.first-li:not(last-child){
color: #333;
display: block;
font-size: 13px;
margin-left: 25px;
padding: 0;
}
.s-side .s-secondNav a.first-li{
    color: #333333;
    /* padding: 0 46px 0 35px; */
    display: block;
    font-size: 13px;

}
.s-side .s-secondDrop{
    border: 1px solid #eeeded;
    margin-bottom: 2px;
}
.s-side .s-secondDrop li{
    background: #FFFFFF;
    height: 46px;
    line-height: 46px;
}
.s-side .s-secondDrop li a{
    display: block;
    padding:0  50px;
    color: #333333;
    font-size: 13px;
}
.s-side .s-secondDrop li a:hover{
    color: #0C70BB;
}
.s-firstDrop,
.s-secondDrop {
    display: none;
}
.s-side ul li div{
    padding-right: 46px;
    position: relative;
}
.s-side ul li div.d-firstNav.active{
    background: #0C70BB;
}
.s-side ul li div.d-firstNav.active a{
    color: #ffffff;
}
.s-side ul li div span{
    width: 46px;
    height: 46px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.s-side ul li div.d-firstNav span::after {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #0C70BB;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    content: "";
}
.s-side ul li div.d-firstNav.active span::after{
    border-top: 7px solid #ffffff;
}
.s-side  ul li div.s-secondNav span::after {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #5b5b5b;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    content: "";
}
.s-side .s-secondNav.active{
    background-color: #E9E9E9;
}
.s-side  ul li div.s-secondNav.active a{
    color: #0C70BB;
}
.s-side  ul li div.s-secondNav.active span::after {
    border-top: 7px solid #0C70BB;
}
.s-side  ul li ul.s-secondDrop li a.active{
    color: #0C70BB;
}
.s-side .d-firstNav a.first-li{
    padding-right: 0px;
}
/*三级菜单*/
.poly-mune{
    width: 100%;
}
.poly-mune dt{
    height: 46px;
    line-height: 46px;
    margin-bottom: 2px;
}
.poly-mune dt{
    border: 1px solid #0C70BB;
    position: relative;
}
.poly-mune dt::after{
    width:0;
    height:0;
    border-right:7px solid transparent;
    border-left:7px solid transparent;
    border-top:7px solid #0C70BB;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    content: "";
}
.poly-mune dt a{
    color: #0C70BB;
    display: block;
    padding: 0 46px 0 18px;
    font-size: 16px;
}
.poly-mune dt.active{
    background: #0C70BB;
}
.poly-mune dt.active a{
    color: #FFFFFF;
}
.poly-mune dt.active::after{
    border-top:7px solid #ffffff;
}
.poly-mune  dd{
    display: none;
    font-size: 14px;
}
.poly-mune  dd li{
    width: 100%;
    height: 46px;
    line-height: 46px;
    position: relative;
    margin-bottom: 2px;
}
.poly-mune  dd li::after{
    width:0;
    height:0;
    border-right:7px solid transparent;
    border-left:7px solid transparent;
    border-top:7px solid #5b5b5b;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    content: "";
}
.poly-mune  dd li a{
    color: #333333;
    padding: 0 46px 0 35px;
    background: #F5F5F5;
    display: block;
}
/**/
.poly .poly-r{
    float: right;
    width: calc(100% - 270px);
    display: inline-block;
}
.poly-r .name{
    font-size: 26px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
}
.poly-r .second-name{
    font-size: 24px;
    color: #0C70BB;
    border-left: 4px solid #0C70BB;
    height: 22px;
    line-height: 22px;
    display: block;
    padding-left: 20px;
    margin-top: 20px;
}
.poly-r .second-name span{
    display: inline-block;
    float: right;
}
.poly-r .poly-list{
    display: flex;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.poly-r .poly-list .listing{
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    display: inline-block;
    float: left;
    margin-top: 30px;
    background: #FFFFFF;
    box-shadow: 0 0 15px rgba(0,0,0,.06);
    border-radius: 5px;
    overflow: hidden;
}
.poly-r .poly-list .listing:nth-child(3n){
    margin-right: 0px;
}
.poly-r .poly-list .listing .imgs{
    width: 100%;
    height: 260px;
    padding: 18px 18px 0px;
    overflow: hidden;
    text-align: center;
}
.poly-r .poly-list .listing .imgs img{
    height: 100%;
    width: auto;
    object-fit:cover;
}
.poly-r .poly-list .listing .text{
    padding: 18px;
}
.poly-r .poly-list .listing .text h3{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
.poly-r .poly-list .listing .text div{
    font-size: 14px;
    height: 74px;
    line-height: 24px;
    color: #999999;
    display: block;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.poly-r .poly-list .listing .oper{
    width: 100%;
    display: inline-block;
}
.poly-r .poly-list .listing .oper a,.poly-r .poly-list .listing .oper span{
    width: 50%;
    height: 60px;
    line-height: 60px;
    float: left;
    display: inline-block;
    color: #0C70BB;
    font-size: 14px;
    border-top: 1px solid #eeeded;
    text-align: center;
    cursor: pointer;
}
.poly-r .poly-list .listing .oper a.oper-det{
    border-right: 1px solid #eeeded;
    color: #0C70BB;
}
.poly-r .poly-list .listing .oper a.oper-det:hover{
    background: #0C70BB;
    color: #FFFFFF;
}
.poly-r .poly-list .listing .oper span.oper-add{
    color: #0C70BB;
}
.poly-r .oper-more{
    width: 100%;
    display: inline-block;
    background: #F5F5F5;
    margin-top: 20px;
    height: 57px;
    line-height: 57px;
    border-radius: 5px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-bottom: 30px;
}
.poly-mune-littl{
    display: none;
}
/**/

.pro-name{
    display: inline-block;
    width: 100%;
}
.pro-name .pro-fly{
   /* width: 100%; */
    display: inline-block;
    color: #999999;
    font-size: 14px;
    font-weight: initial;
}
.pro-name .pro-fly a{
    color: #999999;
}
.pro-list{
    margin-top: -14px;
}
.pages{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.pages a{
    display: inline-block;
    margin: 0 5px;
    height: 42px;
    line-height: 40px;
    padding: 0 16px;
    color: #707479;
    border: 1px solid #cad0d9;
    border-radius: 21px;
}
.pages a.active{
    background: #0C70BB;
    border-color: #0C70BB;
    color: #FFFFFF;
}
/*行业方案*/
.browse .pro-name{
    margin-top: 30px;
    height:46px;
}
.brown-list{
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.brown-list .listing{
    display: inline-block;
    width: 100%;
}
.brown-list .listing .imgs{
    width: 50%;
    display: inline-block;
    height: 539px;
}
.brown-list .listing .imgs img{
    height: 100%;
    width: auto;
    object-fit:cover;
}
.brown-list .listing .text{
    height: 539px;
    display:table;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    padding: 35px;
    width: 50%;
}
.brown-list .listing:hover .text{
    background: #FFFFFF;
}
.brown-list .listing .text,.brown-list .listing:nth-child(2n) .imgs{
    float: right;
}
.brown-list .listing .imgs,.brown-list .listing:nth-child(2n) .text{
    float: left;
}
.brown-list .listing .text .text-table{
    display: table-cell;
    vertical-align: middle;
    text-align:left;
}
.brown-list .listing .text h3{
    font-size: 30px;
    display: block;
    color: #333333;
    height: 50px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    position: relative;
}
.brown-list .listing:hover .text h3{
    color: #0C70BB;
}
.brown-list .listing .text h3::after{
    width: 88px;
    height: 2px;
    background: #0C70BB;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.brown-list .listing .text .text-conter{
    max-height: 270px;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    /* overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9; */
    margin-top: 30px;
    overflow-x: auto;
}
/**/
footer .foot-bottom div.medias{
    width: auto;
    float: right;
    display: inline-block;
}
footer .foot-bottom div.medias a{
    margin: 0 5px;
}
@media (min-width: 768px){
    .list header {
        border: 1px solid #e5e5e5;
        overflow: hidden;
    }

}
/*big pc*/
@media (min-width: 1199px) and (max-width: 1440px) {
    .compare-items  .pic img {
        width: 50px;
    }

    .list-content .list-item{width:25%;}
    .new-product .product-list .listing .imgs{
        height: 220px;
    }
    .new-product .product-list .listing.list-play .imgs{
        height: 240px;
    }
    .our-product .our-product-list .listing .imgs{
        height: 170px;
    }
    .our-product .our-product-list .listing:last-child{
        height: 314px;
    }
    .poly-r .poly-list .listing .imgs{
        height: 240px;
    }
    /**/
    .brown-list .listing .imgs,.brown-list .listing .text{
        height: 425px;
    }

    .industry .list-item .imgs a,.more-cp .imgs a{
        display: inline-block;
        width:calc( (100% - 80px) / 3);
        background-color: #ffffff;
        border-radius: 6px;
        box-shadow: 0 0 15px rgba(0,0,0,.06);
        float: left;
        display: inline-block;
        margin-right: 40px;
        margin-top: 40px;
        overflow: hidden;
        position: relative;
    }
    .industry .list-item .imgs a:nth-child(4n),.more-cp .imgs a:nth-child(4n){
        margin-right: 40px;
    }
    .industry .list-item .imgs a:nth-child(3n),.more-cp .imgs a:nth-child(3n){
        margin-right: 0px;
    }
}
/*littil */
@media (min-width: 992px) and (max-width: 1281px){
    .compare-items  .pic img {
        width: 30px;
    }
    .logo{
        width: 180px;
    }
    .menu-industry-list li{
        width: calc(100% / 3 - 12px);
    }
    .menu-industry-list li:nth-child(3n){
        margin-right: 0px;
    }
    .menu-industry-list li:nth-child(4n){
        margin-right: 15px;
    }
    /*产品*/
    .model-item{
        width: 33.33%;
    }
    .cp-pics{
        width: 450px;
    }
    .cp-tits{
        width: calc(100% - 450px);
        padding-top: 65px;
    }
    .cp-tits .btns a,.cp-tits .btns span{
        font-size: 14px;
        padding: 12px;
    }
    .header-right .search{
        display: none;
    }

    .new-product .product-list .listing .imgs{
        height: 175px;
    }
    .new-product .product-list .listing.list-play .imgs{
        height: 196px;
    }
    .our-product .our-product-list .listing .imgs{
        height: 140px;
    }
    .our-product .our-product-list .listing:last-child{
        height: 284px;
    }
    .poly-r .poly-list .listing{
        width: calc((100% - 30px) / 2);
    }
    .poly-r .poly-list .listing:nth-child(3n){
        margin-right: 30px;
    }
    .poly-r .poly-list .listing:nth-child(2n){
        margin-right: 0px;
    }
    .poly-r .poly-list .listing .imgs{
        height: 250px;
    }
    .pro-name .pro-fly,.fly-crumbs{
        display: none;
    }
    /**/
    .brown-list .listing .imgs,.brown-list .listing .text{
        height: 425px;
    }
    /**/
    .contact-about .imgs{
        width: 40%;
    }
    .contact-about .text{
        width: calc((100% - 30px) - 40%);
    }
    .con-r .post-list .form-inline{
        width: 100%;
    }

    footer .foot-bottom div.medias{
        display: none;
    }

    .industry .list-item .imgs a,.more-cp .imgs a{
        display: inline-block;
        width:calc( (100% - 40px) / 2);
        background-color: #ffffff;
        border-radius: 6px;
        box-shadow: 0 0 15px rgba(0,0,0,.06);
        float: left;
        display: inline-block;
        margin-right: 40px;
        margin-top: 40px;
        overflow: hidden;
        position: relative;
    }
    .industry .list-item .imgs a:nth-child(2n),.more-cp .imgs a:nth-child(2n){
        margin-right: 0px;
    }
    /**/
    /* .navs .ty-list:nth-last-child(4) .ul-sec li .ul-third,.navs .ty-list:nth-last-child(3) .ul-sec li .ul-third{
        right: initial;
        left: -210px;
    } */


    .navs li .ul-sec li.ul-two a {
        font-size: 16px;
    }
}
/*pad 及手机端*/
@media screen and (max-width: 1055px) {
    .backed {
        display: none !important;
        opacity: 0 !important;
    }
    /*header*/
    .pod>tr>:nth-child(1) {
        width: 1.5%;
    }
    .pod {
        top: 70px;
        left: 0px;
        width: 100%;
    }

    #headTitle > .row > #siteTitle,.search,.menu{
        display: none !important;
    }
    #headTitle > .row > #navbarWrapper{
        width: 100%;
    }
    #headTitle.with-navbar{
        height: 70px;
    }
    #header{
        height: 70px;
        padding: 0 30px;
    }
    .container-fluid{
        position: relative;
        text-align: left;
        height: 70px;
    }
    .header-right.active{
        max-height: 100%;
    }
    .header-right{
        position: fixed;
        top: 70px;
        left:0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #ccc;
        max-height: 0;overflow: hidden;
    }
    .menu-btn{
        display: block;
    }
    .logo{
        width: 180px;
        position: relative;
        left: 0px;
        display: inline-block;
    }
    .header-right{position: fixed;
        top: 70px;
        left:0;
        width: 100%;
        background: rgba(0,0,0,.93);
        border-top: 1px solid #ccc;
        max-height: 0;
        overflow: hidden;
    }
    .language{
        margin-top: -15px;
    }
    .header-right.active{
        max-height:100vh;
        padding-right:0;
    }
    .nav-box{
        padding-top: 30px;
        width: 100%;
    }
    .nav-box li{
        display: inline-block;
        width: 100%;
        text-align: center;
        line-height: 60px;
        color: #fff;
    }
    .nav-box li a{
        color: #fff;
    }
    .menu-btn{display: block;}
    .menu-btn.active span{margin: 0;}
    .menu-btn.active span:nth-child(2){display: none}
    .menu-btn.active span:first-child{transform: rotate(-45deg);margin-bottom: -1px;}
    .menu-btn.active span:last-child{transform: rotate(45deg);margin-top: -2px}
    /*header*/
    #block284 .foot-top .fr{
        display: none;
    }
    #block284 .foot-top .fl,#block284 .links{
        width: 100%;
    }
    #block284 .links li{
        width:25%;
    }
    /*banner*/
    .page-wrapper{
        padding-top: 70px !important;
    }
    /*产品*/
    .model-item{
        width: 50%;
    }
    .cp-pics{
        width: 350px;
    }
    .cp-tits{
        width: calc(100% - 350px);
        padding-top: 50px;
    }
    .cp-tits .btns {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .cp-tits .btns a{
        width: 32.5%;
        margin-right: 0;
        font-size: 14px;
        padding: 12px 0;
        float: none !important;
    }
    .cp-tits .btns .compare {
        width: 32%;
        box-sizing: border-box;
        padding: 12px 0;
    }
    .cp-detail{
        padding-bottom: 30px;
        background: none;
    }
    /*新闻*/
    .new-page .new-listing{
        width: calc(  calc(100% - 60px) / 3);
    }
    .new-page .new-listing:nth-child(3n){
        margin-right: 0px;
    }
    .new-page .new-listing:nth-child(4n){
        margin-right: 30px;
    }
    .new-page .new-listing a .imgs{
        text-align: center;
    }
    /**/
    /*解决方案*/
    .industry .list-item .col-imgs{
        display: none;
    }
    /*单页*/
    /*关于我们*/
    .contact-about .text,.contact-about .imgs,.contact-us .text,.contact-us .maps{
        width: 100%;
    }
    .contact-about .text{
        padding: 0px;
    }
    .contact-about .imgs,.about-banner{
        text-align: center;
        margin-top: 30px;
    }
    .contact-us .maps{
        padding: 0px;
        margin-top: 30px;
    }
    .contact-guarantee .list-imgs .listing{
        width: 47.5%;
        margin-right: 5%;
    }
    .contact-guarantee .list-imgs .listing:nth-child(2n){
        margin-right: 0px;
    }
    /*定制*/
    .tech-form{
        margin-top: 30px;
    }
    .customized .listing{
        width: calc( calc(100% - 60px) / 3);
        margin-right: 30px;
    }
    .customized .listing .text{
        padding: 20px;
    }
    .oem{
        padding: 30px;
    }
    .oem .text h3{
        margin-top: 0px;
        text-align: center;
    }
    .process-list .listing{
        width: calc(88% / 7);
        margin-right: 2%;
    }
    .process-list .listing:last-child{
        margin-right: 0px;
    }
    .list-content .list-item{width:33.33333%;}
    /**/
    .poly .poly-l.fixedMenu{
        top:0 !important ;
        position: relative;
    }
    .poly .poly-l,.poly .poly-r{
        width: 100%;
        position: relative;
    }
    .poly-l .poly-mune,.poly-l .poly-img{
        display: none;
    }
    .poly-l .poly-mune-littl{
        display: inline-block;
        width: 100%;
        overflow-x: auto;
    }
    .poly-l .poly-mune-littl ul{
        display: inline-block;
        min-width: 800px;
    }
    .poly-l .poly-mune-littl ul li{
        float: left;
        display: inline-block;
        padding: 10px 20px;
    }
    .poly-l .poly-mune-littl a{
        display: inline-block;
    }
    .poly-l .poly-mune-littl a.active{
        color: #0C70BB;
    }
    .pro-name .pro-fly,.fly-crumbs{
        display: none;
    }
    /**/

    /**/
    .brown-list .listing .imgs,.brown-list .listing .text{
        height: 425px;
    }
    .con-r .post-list .form-inline{
        width: 100%;
    }
    footer .foot-bottom div.medias{
        display: none;
    }

    .browse .info-tab li{
        width: calc(100% / 3);
        padding: 0 0px;
        float: left;
    }
}
/*pad*/
@media  screen and (max-width: 992px){
    /*首页兼容*/
    #block3.panel-block .panel-body .card > .media{
        width: 200px;
        height: 161px;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #block3.panel-block .panel-body .card{
        position: relative;
        padding: 0 210px 0 30px;
        height: 210px;
    }
    .block-item .tit{
        left: 40px;
        top: 40px;
    }
    /**/
    .new-product .product-list .listing{
        width: calc( (100% - 40px) / 2);
    }
    .new-product .product-list .listing:nth-child(2n){
        margin-right: 0px;
    }
    .new-product .product-list .listing.list-play .imgs{
        height: 322px;
    }
    .new-product .product-list .listing .imgs{
        height: 300px;
    }
    .container, .row[data-id="301"]{
        max-width: 100%;
        padding: 0 40px;
    }
    .our-product .our-product-list .listing{
        width: calc((100% - 40px) / 2);
    }
    .our-product .our-product-list .listing:nth-child(2n){
        margin-right: 0px;
    }
    .our-product .our-product-list{
        margin-bottom: 30px;
    }
    .index-news .imgs img{
        width: 100%;
    }
    #block281.panel .navbtnT{
        text-align: center;
    }

    /*菜单*/
    .navs{
        display: inline-block;
        float: none;
        width:200px;
        background: #fff;
        height: 100vh;
        position: absolute;
        right: 0px;
    }
    .navs li{
        width: 100%;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }
    .navs li:hover .ul-sec{
        display: none;
    }
    #iconDivMain1{
        z-index: 333 !important;
    }
    /**/

    .poly-r .poly-list .listing{
        width: calc((100% - 30px) / 2);
    }
    .poly-r .poly-list .listing:nth-child(3n){
        margin-right: 30px;
    }
    .poly-r .poly-list .listing:nth-child(2n){
        margin-right: 0px;
    }
    .poly-r .poly-list .listing .imgs{
        height: 250px;
    }
    .industry .list-item .imgs a,.more-cp .imgs a{
        display: inline-block;
        width:calc( (100% - 40px) / 2);
        background-color: #ffffff;
        border-radius: 6px;
        box-shadow: 0 0 15px rgba(0,0,0,.06);
        float: left;
        display: inline-block;
        margin-right: 40px;
        margin-top: 40px;
        overflow: hidden;
        position: relative;
    }
    .industry .list-item .imgs a:nth-child(2n),.more-cp .imgs a:nth-child(2n){
        margin-right: 0px;
    }
}
@media screen and (max-width: 768px){
    /*首页兼容*/
    #block3.panel-block .panel-body .card > .media{
        position: relative;
        width: 100%;
    }
    #block3.panel-block .panel-body .card{
        height: auto;
        padding: 0px;
    }
    .infor-text .panel-body .cards-custom .card > .card-heading{
        font-size: 14px;
    }
    .block-item .tit{
        left: 40px;
        top: 40px;
    }
    #block284 .foot-top .fr{
        display: none;
    }
    #block284 .foot-top .fl,#block284 .links{
        width: 100%;
    }
    #block284 .links li{
        width: 33.33%;
    }
    /**/
    .container, .row[data-id="301"]{
        padding: 0 20px;
    }
    .new-product .product-list .listing,.our-product .our-product-list .listing{
        width: 100%;
        margin-right: 0px;
    }
    .index-prot .listing{
        width: 100%;
        border: none;
        border-bottom: 1px solid #f2f2f2;
    }
    .new-product .product-list .listing .imgs,.our-product .our-product-list .listing:last-child{
        height: 250px;
    }
    .index-why .name,.head-name{
        font-size: 28px;
    }
    #block281 .panel-body .container{
        padding: 0px;
    }
    #block281 .infor-textT .panel-body .ul-list > li a{
        padding-right: 0px;
    }
    .index-prot{
        margin: 0px;
        border-radius: 0px;
    }
    .playing, .playing02{
        padding: 0 10px;
    }
    .playing .plasy-video, .playing02 .plasy-video{
        padding: 10px;
        margin-top: 45%;
    }
    .playing .plasy-video > span, .playing02 .plasy-video > span{
        top: -7px;
        right: -7px;
    }
    #block295{
        display: block;
    }
    .index-news .imgs{
        height: 175px;
    }
    .page-content{
        padding: 0px;
    }
    /**/
    .poly .poly-l .name,.poly-r .name{
        font-size: 24px;
    }
    .poly-r .poly-list .listing{
        width: 100%;
        margin-right: 0px;
    }
    .brown-list .listing{
        margin-top: 30px;
    }
    .brown-list .listing .imgs, .brown-list .listing .text{
        width: 100%;
        float: none;
    }
    .brown-list .listing .imgs{
        height: 250px;
        text-align: center;
    }
    .brown-list .listing .text{
        height: auto;
        padding: 35px 10px;
    }
    .info-tab li a{
        padding: 20px;
    }
    .contactUs{
        padding: 20px;
    }
    .contactUs .con-l,.contactUs .con-r{
        width: 100%;
    }
    .contactUs .con-r{
        margin-top: 30px;
    }
    .con-r .post-list .form-inline{
        width: 100%;
    }
    .post-sub input, .post-sub a{
        width: 100%;
        margin-right: 0px;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
     .nn_box.qcfd,.ww_box .nn_box>p{padding: 0 20px;}
}
/*phone*/
@media (max-width: 767px) {
    .nn_box.qcfd,.ww_box .nn_box>p{padding: 0 20px;}
    /*首页兼容*/
    #block3.panel-block .panel-body .card > .media{
        position: relative;
        width: 100%;
    }
    #block3.panel-block .panel-body .card{
        height: auto;
        padding: 0px;
    }
    .infor-text .panel-body .cards-custom .card > .card-heading{
        font-size: 14px;
    }
    .block-item .tit{
        left: 40px;
        top: 40px;
    }
    #block284 .foot-top,.panel-block .panel-body > .ul-list > li > .pull-right{
        display: none;
    }
    .panel-block .panel-body > .ul-list > li > .pull-right{top: 0px !important;}
    #block284 .foot-top .fl,#block284 .links{
        width: 100%;
    }
    #block280 .trade-block h2{
        font-size: 24px;
        line-height: 40px;
    }
    #block3.panel>.panel-heading,#block271 .navbtn a,#block281 .navbtnT a,.prot-head{
        font-size: 18px;
    }
    #block3 .panel-body .cards-custom .card > .card-heading > strong,
    #block3 .panel-body .cards-custom .card > .card-heading > span,#block280 .all-contens h3{
        font-size: 16px;
    }
    #block3 .panel-body .cards-custom .card > .card-content,#block280 .all-contens p{
        font-size: 14px;
        line-height: 28px;
    }
    .foot-bottom{
        font-size: 12px;
        padding: 10px 20px;
    }
    .panel-body .cards-custom .card > .card-heading{
        padding: 10px !important;
    }
    #block3.panel>.panel-heading strong{
        padding: 15px 0;
    }
    .main-block .fl,.main-block .block-item{
        width: 100%;
        height: 300px !important;
        overflow: hidden;
    }
    .main-block .block-item{
        margin-top: 10px;
        margin-bottom: 0px !important;
    }
    .block-item .tit{
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        padding: 20px;
    }
    .main-block .fr{
        width: 100%;
    }
    #block280 .trade-block .content{
        padding: 0px 10px;
    }
    #block280 .trade-block ul{
        padding: 30px 0;
    }
    /*产品*/
    .fil-list li{
        width: 33.33%;
    }
    .models .imgs img{
        display: none;
    }
    .model-all{
        width: 100%;
    }
    .model-item{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #eee;
        padding: 0px;
    }
    .model-all .model-item:last-child{
        margin-bottom: 0px;
    }
    .cond-item{
        padding-left: 0px;
    }
    .cond-item .all-model{ padding: 0;}
    .cond-item .all-model span.forChange:first-child{ position: relative;}
    .btn_reset{ width: auto !important;}
    .cond-item h3{
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }
    .cond-item h3:after{
        display: none;
    }
    .cond-item .all-model span,.cond-item .all-model i{
        width: 70px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        margin:0 10px 10px 0;
    }
    .cond-recommend{
        line-height: 24px;
        font-size: 14px;
    }
    .cp-pics{
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
    }
    .cp-tits{
        width: 100%;
        padding: 0 20px;
        position: static;
        top: 0;
        transform: translateY(0);
    }
    .info-tab .parents{
        display: inline-block;
        width: 100%;
    }
    .info-tab li{
        width: 20%;
        display: inline-block;
        background-color: #0a6fba;
        text-align:center;
        float: left;
        font-size: 12px;
    }
    .info-tab li a{padding: 10px;font-size: 12px;}
    #product-title.fixed{top:70px}
    .info-content{
        line-height: 24px;
        font-size: 14px;
        padding: 30px;

    }
    .new-page .new-listing{
        width:100%;
        margin-right: 0px;
    }
    .new-page .new-listing a .imgs,.oem .imgs{
        text-align: center;
    }
    .solution-content{
        padding: 0px;
        margin-top: 0px;
    }
    .solution-content h4{
        margin-bottom: 30px;
    }
    .more-cp{
        margin: 30px 0;
    }
    .more-cp .imgs a{
        width: calc(33.33% - 10px);
    }
    .industry .list-item .imgs a{
        width: calc(50% - 10px);
    }
    .industry .list-item .imgs a:nth-child(2n){
        margin-right: 0px;
    }
    .change-mune li{
        width: calc(50% - 14px);
        margin-bottom: 10px;
    }
    .change-mune li:nth-last-child(1),.change-mune li:nth-last-child(2){
        margin-bottom: 0px;
    }
    .change-mune li:nth-child(2n){
        margin-right: 0px;
    }
    .change-mune li a{
        width: 100%;
        padding: 0;
        display: inline-block;
    }
    .industry .list-item{
        margin-top: 0px;
        border: 1px solid #eee;
        padding: 0 15px 15px;
        margin-bottom: 20px;
    }

    /*单页*/
    /*关于我们*/
    .about-list .listing .text{
        width:100%;
        margin-right: 0;
    }
    .contact-about .text h3, .about-list h4,.contact-guarantee .text h3,.oem .text h3,.all-header h3,.sale_list.sale_first .name h3{
        font-size:20px;
        line-height: 40px;
    }
    .contact-guarantee .text h4{
        font-size: 16px;
    }
    .contact-about .text p, .about-list p,.contact-guarantee .text p,.form-tit,.oem .text p,.all-header p{
        line-height: 24px;
        font-size: 14px;
    }
    .about-list{
        margin-top: 30px;
    }
    .top70,.top50,.top60{
        margin-top: 30px;
    }
    /*定制*/
    .all-header p{
        padding: 0 10px;
        text-align: left;
    }
    .customized .listing,.tech-form .form-inline-block,.oem .imgs,.oem .text,.introduce-list .listing{
        width:100%;
        margin-right:0px;
    }
    .customized .listing .text{
        min-height: inherit;
    }
    .customized .listing .imgs{
        padding: 30px 0;
    }
    .tech-form .form-inline-block,.form-block, .tech-form .form-check{
        padding-left: 0px;
        margin-bottom: 10px;
    }
    .tech-form .form-inline-block label, .tech-form .form-block label, .tech-form .Verification label, .tech-form .form-check span,.Verification{
        font-size: 13px;
        position: relative;
        width: 100%;
        display: inline-block;
    }
    .Verification{
        padding-left: 0px;
    }
    .tech-form .Verification span{
        bottom: 0px;
        top: inherit;
    }
    .sub input, .sub a, .sub button{
        width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }
    .oem .text{
        margin-top: 30px;
    }
    .Pattern-list .listing{
        width: 100%;
        margin-right: 0px;
    }
    .introduce-list .listing:first-child{
        margin-top: 0px;
    }
    .process-list .listing{
        width: 49%;
    }
    .process-list .listing:nth-child(2n){
        margin-right: 0px;
    }
    .introduce-list .listing,.sale_list .text{
        padding: 20px;
    }
    .sale_50 .sale_list{
        width: 100%;
        margin: 0px;
    }
    .list-content .list-item{width:50%;}
    section.index-banner1 .swiper-slide img{ height: 240px !important;}
    /*关于我们*/
    .about-timgaxis{
        overflow: hidden;
    }
    .contact-about .imgs,.tech-form{
        margin-top: 0px;
    }
    .about-timgaxis{
        padding:50px 10px;
    }
    .about-swiper .swiper-slide p{
        height: auto;
    }
    .about-swiper .swiper-slide .time-hight,
    .about-swiper .swiper-slide .times::after,
    .about-timgaxis .about-swiper::after,
    .about-timgaxis .swiper-button-next,
    .about-timgaxis .swiper-button-prev{
        display: none;
    }
    .about-woks-list .listing{
        width: 100%;
        margin-left: 0;
    }
    .about-woks-list .listing .text{
        display: block;
    }
    .about-name{
        font-size: 24px;
    }
    .industry .list-item .imgs a,.more-cp .imgs a{
        display: inline-block;
        width:100%;
        background-color: #ffffff;
        border-radius: 6px;
        box-shadow: 0 0 15px rgba(0,0,0,.06);
        float: left;
        display: inline-block;
        margin-right: 0px;
        margin-top: 40px;
        overflow: hidden;
        position: relative;
    }
    #product-title.fixed{
        position: relative;
    }
}
@media (max-width: 321px) {
}
.trade-block{padding: 50px 0;background:no-repeat center;color: #fff;text-align: center;background-size: 100% 100%; }
.trade-block h2{font-size: 28px;}
.trade-block .tit-desc{margin: 20px 0;font-size: 14px;}
.trade-block .content{padding: 0 50px;overflow: hidden;position: relative;}
.trade-block ul{width: 240px;padding: 60px 0;border-right: 1px solid #bfbfbf}
.trade-block li{padding: 10px 0}
.trade-block li span{display: inline-block;padding: 5px 30px}
.trade-block li.active span{background: #0384e9;border-radius: 5px;}
.trade-block .all-contens{position: absolute;left: 340px;right: 50px;top: 50%;transform: translateY(-50%);text-align: left}
.all-contens h3{font-size: 30px;margin: 15px 0}
.all-contens p{line-height: 28px;}
.all-contens a{color: #fff}
.all-contens .recommend{font-size: 14px;margin: 50px 0}
.all-contens .recommend a{margin: 0 10px;}
.all-contens .recommend a:hover{color: red;}
.all-contens  .detail{display: inline-block;padding: 10px 15px;border: 1px solid #fff;border-radius: 2px;font-size: 14px;transition: all .5s ease;}
.all-contens  .detail:hover{background: #0384e9;border: none;border: 1px solid #0384e9;}
.all-contens .more a:first-child{padding: 10px 20px;border: 1px solid #fff;margin-right: 20px;display: inline-block;}
.all-contens .more a:last-child{padding: 10px 20px;background: #0384e9;}


@media screen and (max-width: 1600px) {
    .new-prot .fl{width: 340px}
    .new-prot .fr{width: calc(100% - 340px)}
    .new-prot .prot-item{padding: 15px;}
    .new-prot .fr .text{max-width: 52%;}
    .new-prot .fr .img{max-width: 45%;}
    .new-prot .fl > p{font-size: 30px;}
    .main-banner.index-banner1 .swiper-container {
        height: auto;
    }
    .block-list .main-banner.index-banner1 {
        margin-top: 0;
    }
}
@media screen and (max-width: 1440px) {
    .new-prot .fl{width:300px;background-size: 100% 100%;}
    .new-prot .fl > p{font-size: 24px;left: 20px;top: 20px;}
    .new-prot .fl .tip{padding: 0 10px;bottom: 10px}
    .new-prot .fr{width: calc(100% - 300px)}
    .new-prot .fr .img{max-width: 42%;right: 15px;}
    .new-prot .prot-item{height: 280px;}
    .main-block .fl{height: 740px;}
    .main-block .fr .block-item:first-child{height: 505px;}
    .main-block .fr .block-item:last-child{height: 205px;}
    .block-item .tit{left: 30px;top: 30px;}
    .news-block .titles .fr{margin-bottom: 20px;}

}
@media screen and (max-width: 1025px) {
    .navs li.mobile{display: inline-block;}
    .index-banner1 .swiper-slide img{display: block;}
    .index-banner1 .swiper-slide video{display: none;}
    .toggle-page{bottom: 65px;}
    .focus-middle  .toggle-page{bottom: 15px;}
    .index-product .titi1, .index-type li span, .new-prot .tip p:nth-child(1), .trade-block h2, .news-block .titles li, .all-contens h3{font-size: 18px;}
    .new-prot .fl{float:none;position: relative;height: 300px;width: 100%}
    .new-prot .fr{float:none;width: 100%;}
    .main-block .fl{height: 640px;}
    .main-block .fr .block-item:first-child{height: 455px;}
    .main-block .fr .block-item:last-child{height: 155px;}
    .block-item .tags{margin-top: 10px;}
    .trade-block ul{width: 150px}
    .trade-block .all-contens{left: 200px;right: 0}
    .trade-block .content{padding: 0}
    .news-block{padding: 25px 0}
    .new-list li a{padding: 15px 0 5px;}
    .header-right{background: rgba(0,0,0,0.4); padding: 0 !important;}
    .header-right ul.nav-box{ width: 180px; float: right; height: 100%; background: #fff;}
    .nav-box li{ line-height: 35px; margin-bottom: 10px;}
    .nav-box li a{ color: #000;}
}
@media screen and (max-width: 801px) {
    .index-product{top:0;padding: 0;}
    .product-content li{display: inline-block;width: auto;border: none}
    .new-prot{margin: 0}
    .new-prot .fr .img{float: right}
    .news-block .titles .fr{float: none;width:100%;}
    .index-banner2{margin-top: 0}
    .index-type li.active span{font-size: 20px;}
}
@media screen and (max-width: 600px) {
    .new-prot .prot-item{width: 100%;height: auto;}
    .new-prot .prot-item:nth-child(1), .new-prot .prot-item:nth-child(3),.new-prot .prot-item:nth-child(1), .new-prot .prot-item:nth-child(2){border: none;border-bottom: 1px solid #e6e6e6}
    .prot-tit{font-size:14px;}
    .prot-item .desc{font-size: 12px}
    .block-item .tit{left: 0;top: 10px;}
    .block-item .tags a{font-size: 14px;}

}
@media screen and (max-width: 500px) {
    #header{padding: 0 10px;}
    .breadcrumb{font-size: 14px;}
    .language{font-size: 12px;right: 40px;}
    .new-prot .fr .text, .new-prot .fr .img{max-width: 58%;}
    .new-prot .fr .img{max-width: 41%;}
    .new-prot .fl > p{font-size:20px;}
    .index-product{box-shadow: none;}
    .toggle-page{bottom: 10px;}
    .index-type li{padding: 0 15px;margin: 20px 0;}
    .index-product{margin-top: 0;}
    .type-prot{padding: 0 50px}
    .type-prot .swiper-button-prev{left:5px;}
    .type-prot .swiper-button-next{right:5px;}
    .main-block .fl,.main-block .fr{float: none;width: 100%;}
    .main-block .fl{height: 340px;margin-bottom: 30px;}
    .main-block .fr .block-item:first-child{height: 255px;}
    .trade-head{overflow-y: scroll;white-space: nowrap;background-color: rgba(13, 111, 184, 0.44);}
    .trade-block ul{float: none;width:100%;padding:0;text-align: left;border: none;width: auto;}
    .trade-block li.active {background: rgba(255, 255, 255, 0.75);}
    .trade-block li.active span{background: none;color: #000;}
    .trade-block{padding: 15px 0}
    .trade-more{text-align: center;}
    .trade-block .tit-desc{font-size: 12px;}
    .trade-block .all-contens{position: static;width: 100%;transform: translateY(0)}
    .trade-block li{display: inline-block;}
    .trade-block li span{padding: 5px 15px;}
    .all-contens .recommend{margin: 25px 0}
    .trade-block .all-contens{font-size: 14px;padding: 0 10px;}
    .news-block .img,.new-list{float: none;width: 100%;max-width: none;}
    .info-tab li a {padding: 10px 0;text-align: center;}
    .tech-form .form-inline-block label, .tech-form .form-block label, .tech-form .Verification label, .tech-form .form-check span, .Verification{width: 25%;}
    .tech-form .form-inline-block input, .tech-form .form-inline-block select, .tech-form .Verification input{width: 73%;}
    .solution-content .detail p {text-indent:0em}
    .card .text-ellipsis{font-size:14px}
    .list-content .list-item{width:100%;}

    .type-prot{ padding: 0 35px;}
    .type-prot h5{ font-size: 12px;}
    .type-prot p{ font-size: 12px;}
    .block-item img{ object-position:top;}
    .cond-item .all-model span,.cond-item .all-model i{ white-space: nowrap; width: auto; min-width: 60px; padding: 0 10px;}

    .toggle-page .swiper-pagination-bullet,.toggle-page .swiper-pagination-bullet-active{ width: 2px;}
    .toggle-page .prev::after, .toggle-page .next::after{ border-width: 2px;}
    .all-jobs .phone p{ color: #000;}
    .trade-block{ background: url(../image/trade-block-bg.png) center !important; background-size: cover !important; padding: 50px 0;}
    .content.toggle{ border: none;}
    .all-contens .recommend span{ display: block; font-weight: bold; font-size: 16px; color: #72c0ff;}
    .all-contens .recommend a{ margin: 0 10px 0 0;}
    .trade-block ul{ padding: 10px 0 20px; float: left;}
    .trade-block ul li{ margin-top: 10px;}
    .trade-block .content{ padding: 0 !important;}
    .trade-more{ text-align: left;}
    .trade-more a{ background: #146fb8; border-radius: 50px !important; border:none !important; padding: 7px 15px !important; font-size: 12px !important;}


    .index-type li{ width: 33.33%; line-height: 1.4;}
    .trade-head ul li.nor_li{ padding: 10px;}


}
.showmenu{
    display: none;
}
.d-firstDrop a{
white-space: nowrap;
}


/*    xu   */
.er-navBoxs {
    width: 100%;
    position: fixed;
    top: 80px;
    background-color: #f5f5f5;
    left: 0px;
    z-index: 3;
    color: #000;
    text-align: center;
    z-index: 33;
    border-top: 1px solid #bcbcbc;
    overflow: hidden;
    transition: all .8s ease;
    padding: 35px;
    display: none;
}
.navs li .link-one {
    font-weight: bold;
    font-size: 18px;

}
.navs li .ul-sec {
    position: relative;
    top: 0;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.navs li .ul-sec li {
    float: none;
    flex: 1;
    height: auto;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}
.navs li .ul-sec li.ul-two {
    padding-right: 20px;
    box-sizing: border-box;
}
.navs li .ul-sec li.ul-two a {
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    line-height: 2.2;
    padding-bottom: 3px;
    border-bottom: 1px solid #c2c2c1;
    color: #3e3a39;
    margin: 0;
    margin-bottom: 15px;
}

.navs li .ul-sec li a {
    width: 100%;
    box-sizing: border-box;
    background: none;
    padding: 0;
}
.navs li .ul-sec li a.transparent::after {
    display: none;
}
.navs li .ul-sec li .ul-third li a.transparent::after {
    display: none;
}
.navs li .ul-sec li .ul-third {
    position: relative;
    right: 0;
    width: auto;
    display: flex;
    margin-top: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navs li .ul-sec li .ul-third li {
    width: 48%;
    flex: auto;
}
.navs li .ul-sec li .ul-third li a {
    background: none;
    font-size: 16px;
    line-height:1.8;
    font-weight: bold;
    color: #221815;
    padding: 3px 5px;
    margin-bottom: 3px;
    box-sizing: border-box;
    border: none;
}
.navs li .ul-sec li .ul-third li .ul-four {
    margin-bottom: 10px;
}
.navs li .ul-sec li .ul-third li .ul-four li {
    width: 100%;
}

.navs li .ul-sec li .ul-third li .ul-four li  a {
    display: block;
    font-size: 13px;
    color: #545454;
    line-height: 1.2;
    padding:3px 5px;
    font-weight: normal;
}

.navs li:hover .er-navBoxs {
    display: block;
}

/* 当前位置 */
.w1416 {
    width: 1480px;
    padding: 0 32px;
    margin: 0 auto;
    overflow: hidden;
}
.addr-point{
    font-size: 16px;
    color: #ababab;
    line-height: 2;
    margin-top: 32px;
    text-align: right;
}

.addr-point>a{
    color: #ababab;
}
/* 搜索结果页 */
.search-all{
    padding-bottom: 46px;
}
.search-input{
    display: flex;
    justify-content: space-between;
    width: 744px;
    margin: 85px auto 12px;
}
.search-input input{
    width: calc(100% - 160px);
    height: 54px;
    padding: 0 20px;
    border: 1px solid #a9a9a9;
    border-radius: 8px;
    font-size: 16px;
    color: #3e3a39;
}
.search-input button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 136px;
    height: 54px;
    border: 0;
    border-radius: 4px;
    font-size: 21px;
    color: #fff;
    background-color: #0057a6;
    overflow: hidden;
}
.search-input-knowledge{
    width: 366px;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    margin: 25px auto 55px;
    overflow: hidden;
}
.search-input-knowledge button{
    width: 56px;
    height: 38px;
    border-radius: 4px 0 0 4px;
}
.search-input-knowledge button img{
    height: 27px;
}
.search-input-knowledge input{
    width: calc(100% - 56px);
    height: 38px;
    border: 0;
}
.search-tag{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 744px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.5;
    color: #ff5a42;
}
.search-tag>strong{
    font-weight: normal;
}
.search-tag>span{
    margin-right: 20px;
    cursor: pointer;
}
.search-tag>span:nth-last-of-type(1){
    margin-right: 0;
}

.search-classify .product-nav-swiper{
    width: 100%;
}
.search-classify .swiper-wrapper{
    justify-content: center;
}
.search-classify .product-nav-swiper .swiper-slide{
    padding: 0 3px;
    margin: 0 75px;
}

.result-statistics{
    padding: 0 10.6%;
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #606060;
}
.search-list-other{
    padding: 0 10.6% 70px;
    margin-top: 0;
}
.search-list-other li{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 176px;
    margin-top: 68px;
}
.search-list-other li .txt{
    width: 45%;
}
.search-list-other li .txt h2{
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    transition: all .6s;
    margin: 0;
}
.search-gk{
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 2;
    color: #ababab;
    margin: 5px 0 15px;
}
.search-gk>span{
    display: flex;
    align-items: center;
    margin-left: 20px;
    line-height: 1.5;
    color: #ababab;
}
.search-gk>span strong{
    font-weight: normal;
    margin-top: 2px;
}
.search-gk>span img{
    height: 14px;
    margin-right: 6px;
}
.search-gk>span ins{
    display: flex;
    align-items: center;
    height: 26px;
    background-color: #f8f8f8;
    margin-left: 6px;
}
.search-gk>span ins>em{
    height: 19px;
    padding: 0 6px;
    background-color: #fff;
    border: 1px solid #ececf0;
    border-radius: 2px;
    margin: 0 6px;
    font-size: 12px;
    line-height: 17px;
    color: #5990d7;
    cursor: pointer;
    transition: all .6s;
}
.search-gk>span ins>em:hover{
    background-color: #5990d7;
    color: #fff;
}
.search-list-other li .txt p{
    font-size: 13px;
    line-height: 1.8;
    color: #838383;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin: 0;
}
.search-list-other li .txt a{
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    color: #2b81dc;
    margin-top: 12px;
}


.search-list-other li .img{
    width: 35.8%;
    height: 176px;
    /* border: 1px solid #bcbcbc; */
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}
.search-list-other li .img img{
    max-width: 100%;
    min-height: 174px;
    transition: all .6s;
}
.search-list-other li:hover h2{
    color: #2b81dc;
    transition: all .6s;
}
.search-list-other li .img:hover img{
    transform: scale(1.2);
    transition: all .6s;
}

.search-all .product-page a{
    color: #999;
}
.search-all .product-page a.prev{
    transform: scale(1);
    margin-right: 40px;
    color: #bcbcbc;
}
.search-all .product-page a.next{
    transform: scale(1);
    margin-left: 40px;
    color: #bcbcbc;
}
.search-all .product-page a.prev em{
    margin-right: 10px;
    transform: scaleY(1.6);
}
.search-all .product-page a.next em{
    margin-left: 10px;
    transform: scaleY(1.6);
}
.product-page {
    display: flex;
    justify-content: center;
    height: 28px;
    align-items: center;
    margin-top: 18px;
}
.product-page .pager {
    display: block !important;
}
.product-nav{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 40px;
}
.product-nav-swiper{
    width: 100%;
}
.product-nav-swiper .swiper-slide{
    width: auto;
    margin-right: 60px;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
}
.product-nav-swiper .swiper-slide a{
    color: #3e3a39;
}
.product-nav-swiper .swiper-slide:last-child{
    margin-right: 0;
}
.product-nav-swiper .swiper-slide.active{
    border-bottom: 2px solid #0057a6;
}
.product-nav-swiper .swiper-slide.active a{
    color: #0057a6;
}
.product-nav-swiper .swiper-slide a:hover{
    color: #3e3a39;
}

/* 产品详情 */
.product-list{
    display: flex;
    flex-wrap: wrap;
    padding: 28px 0;
}
.product-list li{
    width: calc(25% - 25.5px);
    background-color: #fff;
    box-shadow: 0 0 10px 4px rgba(209,209,209,.3);
    border: 1px solid #f0f0f0;
    margin: 34px 34px 0 0;
    text-align: center;
}
.product-list li:nth-of-type(4n){
    margin-right: 0;
}
.product-list li em{
    display: block;
    width: 100%;
    padding: 0 20px;
    height: 150px;
    margin: 36px auto 24px;
    overflow: hidden;
}
.product-list li em img{
    height: 150px;
    transition: all .6s;
}
.product-list li:hover em img{
    transform: scale(1.1);
    transition: all .6s;
}
.product-list li h3{
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    color: #3e3a39;
    padding: 0 40px;
    margin: 0;
    text-align: left;
    font-weight: bold;
}
.product-list li p{
    height: 140px;
    padding: 12px 40px 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #9d9d9d;
    margin-bottom: 0;
    word-break: break-all;
    overflow: hidden;
}
.product-list li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    font-size: 18px;
    border-top: 1px solid #f0f0f0;
    color: #0c70bb;
    transition: all .6s;
}
.product-list li:hover a{
    background-color: #0c70bb;
    color: #fff;
    transition: all .6s;
}
.product-list-bg .product-page{
    margin: 100px 0 68px;
}
.product-list-bg .product-page a{
    display: inline-block;
}
.product-list-bg .product-page a.prev,
.product-list-bg .product-page a.next{
    padding: 0 10px;
    border: 1px solid rgba(238,238,238,1);
    transform: scaleY(1);
}

.contrast-bg{
    display: flex;
    justify-content: space-between;
    padding: 50px 32px 94px;
}
.contrast-side{
    width: 216px;
}
.contrast-side>strong{
    display: block;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 35px;
    color: #3e3a39;
    font-weight: normal;
}
.side-list li>p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    background-color: #f3f3f3;
    color: #2b2b2b;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 2px;
    cursor: pointer;
}
.side-list li.active>p{
    border-bottom: 0;
    margin-bottom: 0;
}
.side-list li .side-sun{
    height: 0;
    overflow: hidden;
}
.side-list li .side-sun>span{
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
    margin: 14px 0;
    cursor: pointer;
}
.side-list li .side-sun>span>span{
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #7fa7c5;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    transform: scale(0.88);
    margin-left: 5px;
    font-weight: normal;
}
.side-list li .side-sun>span em{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 20px;
    background-color: #f8f9fa;
    margin-right: 7px;
}
.side-list li .side-sun>span em>ins{
    width: 13px;
    height: 13px;
    border-radius: 2px;
    border: 1px solid #767676;
}
.side-list li .side-sun>span.cur em>ins{
    background-color: #0075ff;
    background-image: url(../image/icon-yes.png);
    background-size: 100%;
    border: 0;
}
.side-list li>p em{
    font-family: "黑体";
    transform: scaleY(1.2);
    color: #323232;
}
.side-list li.active>p em{
    transform: rotate(90deg);
}
.side-list li.active .side-sun{
    height: auto;
    max-height: 208px;
    padding: 10px 6px;
}
.side-list li.active .side-sun.show{
    max-height: 100%;
}

.side-list .more-btn{
    display: none;
    font-size: 14px;
    line-height: 2;
    color: #83af76;
    text-align: left;
    text-indent: 7px;
    margin: 0px 0 15px;
    cursor: pointer;
}

.product-page-box{
    margin-top: 25px;
}

.contrast{
    width: calc(100% - 315px);
}
.contrast-statistics{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contrast-statistics .left>strong{
    display: block;
    font-size: 24px;
    line-height: 1.5;
    color: #3e3a39;
}
.contrast-statistics .left>span{
    display: block;
    font-size: 18px;
    line-height: 1.5;
    color: #3e3a39;
    margin-top: 8px;
}
.contrast-statistics .right{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 36px;
    border-radius: 4px;
    padding: 0 15px;
    background-color: #0057a6;
    color: #fff;
    font-size: 18px;
}
.contrast-statistics .right span {
    padding: 0 6px;
}
.contrast-list{
    padding: 10px 0;
    margin-top: -10px;
}
.contrast-list li{
    width: calc(33.33% - 38px);
    margin: 30px 57px 0 0;
    position: relative;
}
.contrast-list li:nth-of-type(4n){
    margin-right: 57px;
}
.contrast-list li:nth-of-type(3n){
    margin-right: 0;
}
.contrast-list li>ins{
    display: block;
    width: 21px;
    height: 21px;
    border: 2px solid #78a6d0;
    border-radius: 2px;
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
    z-index: 9;
}
.contrast-list li>ins.checked{
    background-color: #0075ff;
    background-image: url(../image/icon-yes.png);
    background-size: 100%;
}
.contrast-side-btn {
    display: none;
}

.product-contact {
    padding: 50px 0;
    font-family:Helvetica, Arial, sans-serif;
}
.product-contact .form-inline input,.product-contact .form-inline textarea{
    width: 100%;
}
.product-contact .form-inline textarea {
    min-height: 60px;
}
.product-contact .con-r {
    width: 100%;
}
@media screen and (max-width: 1600px) {

    .w1416 {
        width: 98%;
    }
}




/* 响应式手机端 */
@media (max-width: 768px) {
    .product-contact {
        padding: 20px 0;
    }
    .addr-point{
        font-size: 14px;
        margin-top: 15px;
        padding: 0 2%;
    }
    .w1416 {
        width: 100%;
        padding: 0;
    }
    .search-input{
        width: 100%;
        padding: 0 2%;
        margin: 20px 0 8px;
    }
    .search-tag{
        width: 100%;
        padding: 0 2%;
        font-size: 14px;
        line-height: 1.8;
    }
    .search-tag>span{
        margin-right: 15px;
    }
    .search-input button{
        width: 80px;
        height: 34px;
        font-size: 15px;
    }
    .search-input input{
        width: calc(100% - 90px);
        height: 34px;
        padding: 0 10px;
        font-size: 15px;
    }
    .search-classify .product-nav-swiper .swiper-slide{
        margin: 0 20px;
    }
    .result-statistics{
        padding: 0 2%;
        margin-top: 20px;
        font-size: 14px;
    }
    .search-list-other{
        padding: 0 2% 30px;
    }
    .search-list-other li .img{
        height: 100px;
    }
    .search-list-other li .img img{
        min-height: 100px;
    }
    .search-list-other li .txt{
        width: 60%;
    }
    .search-gk{
        display: none;
    }
    .search-list-other li .txt h2{
        font-size: 16px;
    }
    .search-list-other li .txt p{
        -webkit-line-clamp: 2;
        margin: 5px 0;
    }
    .search-list-other li{
        height: auto;
        margin-top: 20px;
    }
    .search-list-other li .txt a{
        margin-top: 6px;
    }
    .search-all{
        padding-bottom: 0;
    }
    .product-nav{
        align-items: center;
        padding: 0 2%;
        margin-top: 15px;
        position: relative;
    }
    .product-nav-swiper{
        width: calc(100% - 90px);
    }
    .product-nav-swiper .swiper-slide{
        font-size: 14px;
        margin-right: 20px;
    }
    .product-nav>span{
        width: 80px;
        height: 28px;
        font-size: 13px;
        color: #0c70bb;
        border: 1px solid #0c70bb;
    }



    .product-list{
        padding: 0 2% 50px;
    }
    .product-list li{
        width: calc(50% - 5px);
        margin: 10px 10px 0 0;
    }
    .product-list li:nth-of-type(2n){
        margin-right: 0;
    }
    .product-list li p{
        display: none;
    }
    .product-list li em{
        padding: 0 10px;
        margin: 0;
    }
    .page-content{
        padding: 0;
    }
    .product-list li a{
        font-size: 14px;
        height: 36px;
    }
    .product-list li h3{
        font-size: 13px;
        margin-bottom: 10px;
    }
    .product-list-bg .product-page{
        margin: 30px 0;
    }
    /* 筛选对比页 */
    .contrast-side-btn{
        display: block;
        background-color: #eb7a1e;
        border-radius: 4px;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding: 5px;
        line-height: 1.3;
        position: fixed;
        right: 2px;
        bottom: 60px;
        z-index: 99;
        cursor: pointer;
    }
    .contrast-bg{
        display: unset;
    }
    /* 筛选 */
    .contrast-side{
        width: 100%;
        height: calc(100vh - 50px);
        overflow-y: auto;
        position: fixed;
        left: 0;
        top: -100vh;
        z-index: 98;
        padding-top: 60px;
        transition: all .6s;
    }
    .contrast-side.show{
        top: 0;
        transition: all .6s;
    }
    .contrast-side strong{
        background-color: #fff;
        margin: 0;
        padding: 0 2%;
        font-size: 20px;
        line-height: 2.4;
    }
    .side-list{
        background-color: #fff;
        min-height: calc(100% - 48px);
    }
    /* 对比产品列表 */
    .contrast{
        width: 100%;
    }
    .contrast-statistics {
        padding: 15px 2%;
    }
    .contrast-statistics .left>strong{
        font-size: 17px;
    }
    .contrast-statistics .left>span{
        font-size: 15px;
        margin-top: 0;
    }
    .contrast-statistics .right{
        font-size: 15px;
    }
    .product-list li em{
        padding: 20px 0;
    }
    .product-list li em img{
        height: 90px;
    }
    .product-list li:nth-of-type(3n){
        margin-right: 10px;
    }
    .product-list li:nth-of-type(2n){
        margin-right: 0;
    }
    /* 对比框 */
    .alert-tip.show{
        bottom: 51px;
    }
    .compare-items-bg{
        flex-wrap: wrap;
    }
    .compare-items{
        width: 100%;
        flex-wrap: wrap;
        border-right: 1px solid #ddd;
    }
    .compare-items li{
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        margin: 0;
        padding: 12px;
    }
    .compare-items li:last-child{
        border: 0;
    }
    .compare-btns{
        width: 100%;
        border: 1px solid #ddd;
        border-top: 0;
        padding: 15px 0;
    }
    .compare-items li>ins{
        line-height: 40px;
    }
    /* 对比结果 */
    .result-bg{
        padding: 10px 2% 20px;
    }
    .result-title span{
        font-size: 18px;
    }
    .result-title a{
        font-size: 16px;
    }
    .result-list{
        margin-top: 20px;
        width: 900px;
    }
    .result{
        overflow-x: auto;
    }
    .result-list li>div{
        font-size: 14px;
        height: 50px;
    }
    .result-list li>div>em{
        font-size: 14px;
    }
    .result-list li>div:first-child{
        height: 180px;
    }
    .result-list li>div>ins{
        padding-top: 30px;
        height: 124px;
        margin-bottom: 10px;
    }
    .result-list li>div>ins img{
        height: 90px;
    }

    .er-navBoxs {
        display: none !important;
    }
}
.swiper-pagination-bullet-active {
    background: #fff !important;
}