/*基础CSS*/
/*html {
  font-size: 14px;
  overflow-x: hidden;
}*/


.w-100 {
    width: 100%!important;
}
.d-block {
    display: block!important;
}
img {
    vertical-align: middle;
    border-style: none;
}


/*数据统计滚动*/
.product-number-info{background:url(../images/product_number_bg.jpg); position: relative;}
.product-number-info .product-number-inner{width: 1200px; margin:0 auto;}
.product-number-info ul{padding: 85px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 239px; height: 90px; border-left: 1px solid #66c7fd;color:#fff; padding-top:1px;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-weight: 400; font-size:36px; line-height: 1;display: inline-block; position: relative; margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 14px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:78px;}
.product-number-info li.li-5{text-align: right;}
.product-number-info li.li-5 b{padding-right: 2px;}
/*产品详情页参数样式*/
/* .parameter_1{border-left:1px solid #eee;border-right:1px solid #eee;padding-bottom:50px;padding-top:30px;}
.li1 {border-bottom:1px solid #f0f0f0;padding:0  10px 30px 10px;}
.li1 li{color:#9fa0a0;font-size: 14px;}
.li1 li span{vertical-align: top;} */
.li1 .canshu {
    margin-bottom: 15px;
    line-height: 30px;
    text-align: left;
}

.li1 li .span_fiist {
    display: inline-block;
    width: 148px;
    text-align: right;
    color: #515151;
    margin-right: 40px;
    font-weight: bold;
}

.li1 li .span_2 {
    display: inline-block;
    width: 400px;
    text-align: left;
    color: #7d7d7d;
}

/*产品详情页参数样式*/



/*产品详情页轮播图*/
#showbox {
    background: #eee;
}

#showbox span {
    background: url(../images/whitebg.png) repeat;
}

#showsum {
    left: 25px;
    margin-top: 10px;
}

#showsum span {
    border: 1px solid #ddd;
}

#showsum span.sel {
    border: 1px solid #f60;
}

.showpage {
    width: 404px;
    position: relative;
    padding-left: 30px;
}

.showpage a {
    display: block;
    width: 15px;
    border: 1px solid #ddd;
    height: 60px;
    line-height: 60px;
    background: #eee;
    text-align: center;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -62px;
    text-decoration: none;
    color: #999;
}

.showpage a#shownext {
    left: auto;
    right: 0;
}

.showpage a:hover {
    background: #ccc;
    color: #777;
}


/*首页标题样式*/
@media (min-width: 1024px){

} /*>=1024的设备*/
@media (min-width: 1100px) {
  
} /*>=1024的设备*/
@media (min-width: 1280px) {
  
} 
@media (min-width: 1360px) {
    .indextitle{
        width: 1200px; 
        margin: 0 auto;
         margin-top: 40px;
          margin-bottom: 20px;
    }
  .i-listc .leftbox {

    width: 180px;
    height: 614px;

}
.product-number-info .product-number-inner {

    width: 1200px;
    margin: 0 auto;

}
}  
@media (min-width: 1440px) {
  
} 
@media (min-width: 1680px) {

} 
@media (min-width: 1920px) {
    .indextitle{
        width: 1400px; 
        margin: 0 auto;
         margin-top: 40px;
          margin-bottom: 20px;
    }

  .i-listc .leftbox {

    width: 210px;
    height: 614px;

}
.w1400 {

    width: 1400px;
    margin: 0 auto;

}
} 

.indextitle .in_title {
    padding-top: 40px;
    padding-bottom: 20px;
}

.indextitle .in_title .entit {
    position: relative;
    width: 540px;
    margin: auto;
    font-size: 48px;
    line-height: 40px;
    font-weight: bold;
    color: #00ac94;
    text-align: center;
    margin-bottom: 10px;
}

.indextitle .in_title .tit {
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #434343;
}
.indextitle .in_title .tit1 {
    margin: 0 auto;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: #434343;
}

.indextitle .in_title .tit em {
    display: inline-block;
    width: 225px;
    height: 1px;
    margin-bottom: 8px;
    background: #cecece;
}

.indextitle .in_title .tit span {
    display: inline-block;
    margin: 0 30px;
}

/*首页标题样式*/

.neyecss {
    background-color: #f5f5f5;
}


.wrapper {
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*产品详情页样式*/
.magnifier {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/*产品详情 zxc*/



.pro-con {
    width: 100%;
    padding: 20px 0 20px;
    background: #fff;
}

.pro-tit {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 10px;
}

.xcpublic-bg {
    margin: 10px 0 25px;
    padding: 10px 10px 25px;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .3);
}

.magnifier .bigimg {
    width: 100%;
    border: 1px solid #d2d2d2;
    position: relative;
}

.magnifier .bigimg img {
    display: block;
    width: 100%;
    height: auto;
}

div.zoomdiv {
    z-index: 888;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 200px;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
}

.magnifier .zoomdiv img.bigimg {
    width: 760px;
    height: 760px;
    border: none;
}

div.jqZoomPup {
    z-index: 888;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    padding: 20px;
}

.magnifier .fl {
    position: relative;
    width: 42%;
    z-index: 8;
    display: none;
}

/* .magnifier .detailinfo{border-bottom: 1px solid #d2d2d2; overflow: hidden; padding: 0 10px;} */

.magnifier .detailinfo .more {
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
    padding: 0 10px;
}

.magnifier .detailinfo .xctitle {
    padding: 10px 0 10px;
    line-height: 24px;
    font-size: 26px;
    color: #1a1a1a;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
    font-weight: 700;
}

.magnifier .detailinfo .con {
    height: 40px;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    overflow: hidden;
    background-color: #f3f3f3;
}

.magnifier .detailinfo .more {
    font-size: 16px;
    margin: 10px 0 30px 0;
}

.magnifier .detailinfo .more a {
    color: #ea5b24;
}

.magnifier .smallimg-box {
    margin-top: 19px;
    position: relative;
    display: none;
}

.magnifier .smallimg-list {
    width: 90%;
    max-width: 544px;
    height: 126px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.magnifier .smallimg-list ul {
    position: absolute;
    left: 0;
    top: 0;
}

.magnifier .smallimg-list li {
    float: left;
    width: 126px;
    height: 126px;
    border: 1px solid #d2d2d2;
    margin-right: 13px;
    cursor: pointer;
    position: relative;
}

.magnifier .smallimg-list li img {
    display: block;
    width: 124px;
    height: 124px;
    border: none;
}

.magnifier .smallimg-list li span {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 126px;
    height: 126px;
    border: 1px solid #00ac94;
    display: none;
}

.magnifier .smallimg-list li:hover span,
.magnifier .smallimg-list li.cur span {
    display: block;
}

.magnifier .smallimg-box .prev,
.magnifier .smallimg-box .next {
    position: absolute;
    width: 30px;
    height: 126px;
    top: 0;
}

.magnifier .smallimg-box .prev {
    background: url(../images/btn4.png) 0 0 no-repeat;
    left: 0;
}

.magnifier .smallimg-box .next {
    background: url(../images/btn4.png) -30px 0 no-repeat;
    right: 0;
}

.magnifier .fr {
    width: 100%;
    overflow: hidden;
}



.xcpro-banner {
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.xcpro-banner ul {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.xcpro-banner li {
    width: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    height: 100%;
    position: relative;
}

.xcpro-banner li img {
    display: block;
    max-width: 70%;
    margin: 0 auto;
}

.xcpro-banner li .xctitle {
    font-size: 16px;
    color: #0a1a1a;
    text-align: center;
    height: 32px;
    line-height: 32px;
}

.xcpro-banner .xcprev,
.xcpro-banner .xcnext {
    position: absolute;
    width: 32px;
    height: 61px;
    top: 50%;
    margin-top: -30px;
    z-index: 90;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 20px auto;
}

.xcpro-banner .xcprev {
    background-image: url(../images/cimg03.png);
    left: 10px;
}

.xcpro-banner .xcprev:hover {
    background-image: url(../images/cimg05.png);
}

.xcpro-banner .xcnext {
    background-image: url(../images/cimg04.png);
    right: 10px;
}

.xcpro-banner .xcnext:hover {
    background-image: url(../images/cimg06.png);
}

.xcpro-banner .dot {
    bottom: 4px;
}



.list-top {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f8f8f8;
    text-align: center;
}

.list-top ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

.list-top ul li {
    float: left;
    width: 33.3%;
    background: url(../images/line5.gif) no-repeat right center;
}

.list-top ul li:last-child {
    background: none;
}

.list-top ul li a {
    font-size: 16px;
}

.list-top ul li.cur a {
    color: #00ac94;
}

.list-bottom {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
}

.list-bottom ul {
    background: #fff;
    color: #333;
    font-size: 16px;
    line-height: 30px;
}

.list-bottom ul>li {
    text-align: center;
}

.tab {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 14px;
}

.tab a {
    color: #ea5b24;
}

.tab tr td {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    text-align: left;
    padding-left: 30px;
    width: 20%;
}

.tab tr td:nth-of-type(1) {
    padding-left: 30px;
}

.tab tr td:nth-of-type(2) {
    background: #f6f6f6;
}

.tab tr td:nth-of-type(3),
.tab tr td:nth-of-type(4),
.tab tr td:nth-of-type(5) {
    display: none;
}



.content {}

.content .tit1 {
    font-size: 20px !important;
    color: #333;
    line-height: 50px;
    padding-bottom: 20px;
}

.content img {
    max-width: 100%;
}

.content,
.content3 {
    padding-bottom: 30px;
}

.content3 {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
}



.content table {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 14px;
}

.content table a {
    color: #ea5b24;
}

.content table tr td {
    border-bottom: 1px solid #dcdcdc !important;
    padding: 10px 0;
    text-align: left;
    padding-left: 20px;
}

.content table tr td:nth-of-type(1) {
    padding-left: 30px;
}

.content table tr td:nth-of-type(2) {
    background: #f6f6f6;
}



/* .content:nth-child(1){ padding:0px 15px;} */



.relation {
    padding: 70px 0;
    background: #f8f8f8;
}

.relation-tit {
    font-size: 26px;
}



.relation ol {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
}

.relation ol li {
    padding-bottom: 20px;
}

.relation ol li div {
    border: 1px solid #dcdcdc;
    background: #fff;
    padding-bottom: 10px;
}

.relation ol li div:hover {
    border-color: #ea5b24;
}

.relation ol li div img {
    display: block;
    width: 40%;
    margin: auto;
}

.relation ol li div p {
    font-size: 18px;
    color: #ea5b24;
    padding-top: 10px;
    margin: 0 10px;
    border-top: 1px solid #e6e6e6;
}

.relation ol li div span {
    display: block;
    color: #707070;
    font-size: 14px;
    margin: 0 10px;
}

.relation ol li div p,
.relation ol li div span,
.apply ol li div p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.applywarp {
    background: #f8f8f8
}

.apply {
    padding: 70px 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.apply ol {
    width: 100%;
    height: 100%;
    padding-top: 50px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.apply ol li {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.apply ol li div {
    text-align: left;
}

.apply ol li div p {
    font-size: 16px;
    color: #333;
    padding: 20px 0;
    background: url(../images/line6.gif) no-repeat 0 58px;
}

.apply ol li div span {
    display: block;
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    color: #707070;
    overflow: hidden;
}

.apply ol li div img {
    display: block;
    width: 100%;
}



.uswrap {
    padding: 70px 10px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.us {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    color: #707070;
}

.us-tit1 {
    max-width: 960px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    color: #0f0f0f;
}

.us-tit2 {
    width: 86px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 35px auto;
    background: #ea5b24;
    color: #fff;
    font-size: 14px;
}



.us dl {
    max-width: 890px;
    margin: 0 auto;
}

.us dl dt,
.us dl dd {
    padding: 20px 0;
}

.us dl dt h3 {
    font-size: 22px;
    line-height: 40px;
    color: #0f0f0f;
}

.us dl dt h3 span {
    font-size: 28px;
}

.us dl dt p,
.us dl dd p {
    font-size: 14px;
}

.us dl dd h3 {
    font-size: 18px;
    color: #0f0f0f;
}

.us dl dd h3 span {
    font-size: 22px;
}

.magnifier .fl {
    display: block;
    height: 500px;
}

.magnifier .fr {
    padding-left: 10px;
    width: 58%;
}

.magnifier .smallimg-box {
    display: block;
}

.xcpro-features:nth-child(2n) dt {
    float: left;
}

.xcpro-features:nth-child(2n+1) dt {
    float: right;
}

.xcpro-features dt {
    width: 454px;
    height: 262px;
}

.xcpro-features dt img {
    width: 454px;
    height: 262px;
}

.xcpro-features:nth-child(2n) dd {
    float: right;
}

.xcpro-features:nth-child(2n+1) dd {
    float: left;
}

.xcpro-features dd {
    width: 622px;
    height: 262px;
    padding-top: 69px;
}

.xcpro-banner {
    display: none;
}

.xcpublic-bg {
    margin: 20px 0 50px;
    padding: 58px 32px 45px;
}

.magnifier .bigimg img {
    height: 428px;
    width: auto;
    max-width: 428px;
}

/* .magnifier .detailinfo .xctitle{ padding-bottom: 20px; line-height: 40px; font-size: 26px; margin-bottom: 15px;} */

.magnifier .detailinfo {
    margin-bottom: 55px;
    padding: 0;
}

.magnifier .detailinfo .more {
    margin: 10px 0 20px 0;
}

.relation ol li div img {
    width: 100%;
}

/*响应PC区域*/

@media (min-width: 1200px) {

    .main {
        /* background:#ccc; */
    }



    .magnifier .fl {
        width: 500px;
    }

    .magnifier .fr {
        padding-left: 10px;
        width: 500px;
    }

    .magnifier .detailinfo .more {
        margin: 10px 0 10px 0;
    }

    .magnifier .detailinfo .con .chqrcode img {
        width: 100px;
        height: 100px;
    }

    .magnifier .bigimg img {
        height: 490px;
        max-width: 490px;
    }

    .xcpublic-bg {
        margin: 20px 0 50px;
        padding: 58px 32px 45px;
    }

    /* .magnifier .detailinfo .xctitle{ padding-bottom: 40px; line-height: 40px; font-size: 26px; margin-bottom: 30px;}
   */
    .magnifier .detailinfo {
        margin-bottom: 70px;
        padding: 0 0 0 20px;
    }

    .magnifier .detailinfo .con .jiage {
        /*   background-color: #ebebeb; */
        font-size: 30px;
        color: rgb(237, 37, 56);
    }




    .internet-con {
        margin-top: 0;
    }

}



@media (max-width: 640px) {

    .content table {
        min-width: 650px;
    }

}



/*新产品详情页样式结束*/


/*首页导航栏样式开始*/
.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.header1 nav.fr {
    float: right;
}

.header1 {
    z-index: 9;
    height: 100px;
    position: relative;
    background: #fff;
    width: 100%;
    box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.2);
}

.header1 h1 {
    margin: 10px;
    padding: 0;
    width: 280px;
    margin-left: 100px;
}

.header1 h1 img {
    max-width: 140%;
}

.header1 nav {
    float: left;
    height: 100px;
    line-height: 100px;

    margin-left: 150px;
    margin-right: 120px;
}

.header1 nav li {
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s 0s cubic-bezier(0.86, 0.5, 1, 1);
    margin-right: 66px;
}

.header1 nav li>a {
    padding-right: 22px;
    color: #000;
    display: block;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.header1 nav li .j-btn {
    width: 9px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header1 nav li .j-btn img {
    width: 100%;
}

.header1 nav li:last-child {
    margin-right: 0;
}

.header1 nav li:hover>a,
.header1 nav li.cur>a {
    color: #00ac94;
}

.header1 nav li:hover .j-btn,
.header1 nav li.cur .j-btn {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.header1 .pc-sub-nav {
    background: #f5f5f5;
    position: absolute;
    top: 100px;
    padding: 0;
    height: 0;
    width: 100%;
    left: 0;
    visibility: hidden;

    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .6s .3s;
    transition: all .6s .3s;
    line-height: 50px;
}

.header1 .pc-sub-nav .list {
    -webkit-transition: all .6s;
    transition: all .6s;
    left: 50%;
    /* margin-left: -700px; */
    padding: 15px 0;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.header1 .pc-sub-nav .list .nlist {
    text-align: center;
}

.header1 .pc-sub-nav a {
    padding: 18px 18px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    position: relative;
}

.header1 .pc-sub-nav a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
    width: 1px;
    height: 15px;
    background: #666;
}

.header1 .pc-sub-nav a p {
    font-size: 16px;
    color: #333;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.header1 .pc-sub-nav a:last-child:before {
    width: 0;
}

.header1 .pc-sub-nav a:hover p {
    color: #00ac94;
}

.header1 .pc-sub-nav.on {
    height: auto;
    visibility: visible;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.header1 .pc-sub-nav .list.on {

    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.header1 .header-right {

    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding-right: 20px;

}

.header1 .header-right .langbox {
    width: 115px;
    height: 80px;
    font-size: 14px;
    line-height: 80px;

    color: #000;
    cursor: pointer;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.header1 .header-right .langbox .sp1 {
    width: 24px;
    height: 80px;
    display: block;
    background: url(../images/img3.png) no-repeat left center;
}

.header1 .header-right .langbox .sp {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}

.header1 .header-right .langbox .j-btn {
    width: 9px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header1 .header-right .langbox .j-btn img {
    width: 100%;
}

.header1 .header-right .langbox.cur {
    color: #029c6a;
}

.header1 .header-right .langbox.cur .j-btn {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.header1 .header-right .langbox .lg-nav {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    position: absolute;
    top: 90px;
    visibility: hidden;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    background: #f5f5f5;
    width: 100%;
}

.header1 .header-right .langbox .on {

    visibility: visible;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;



}

.header1 .header-right .langbox .lg-nav a {
    line-height: 35px;
    text-align: center;
    color: #333;
}

.header1 .header-right .langbox .lg-nav a:hover {
    color: #029c6a
}







.header1 .header-right .search-btn {
    width: 65px;
    height: 80px;
    line-height: 80px;
    background: #ededed;
    text-align: center;
    cursor: pointer;
}

.header1 .header-right .search-btn img {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.hvr-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.hvr-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #00ac94;
    left: 0%;
    right: 0;
    width: 0%;
    bottom: 0;
    height: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.hvr-left:hover:before,
.hvr-left.cur:before {
    width: 100%;
     content: "";
    position: absolute;
    z-index: -1;
    background: #00ac94;
    left: 0%;
    right: 0;
    
    bottom: 0;
    height: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
   
}



/*首页导航栏样式结束*/





/*首页轮播图样式新*/


 @media (min-width: 1360px) {
.apple-banner {
    width: 100%;
    height: 420px;
    overflow: hidden;
    z-index: -100;
}
.apple-banner .swiper-container {
    /* margin-top: -40px; */
    width: 100%;
    height: 420px;
}

.apple-banner .swiper-container img{
  width: 100%;
  height: 420px;
    object-fit: cover;
}

} 
 @media (min-width: 1440px) {
.apple-banner {
    width: 100%;
    height: 550px;
    overflow: hidden;
    z-index: -100;
}
.apple-banner .swiper-container {
    /* margin-top: -40px; */
    width: 100%;
    height: 550px;
}

.apple-banner .swiper-container img{
  width: 100%;
  height: 550px;
    object-fit: cover;
}
 }
 @media (min-width: 1680px) {
 	.apple-banner {
    width: 100%;
    height: 670px;
    overflow: hidden;
    z-index: -100;
}
.apple-banner .swiper-container {
    /* margin-top: -40px; */
    width: 100%;
    height: 670px;
}
.apple-banner .swiper-container img{
 
   width: 100%;
  height: 670px;
    object-fit: cover;
}

 }

 @media (min-width: 1850px) {
.apple-banner {
    width: 100%;
    height: 690px;
    overflow: hidden;
    z-index: -100;
}
.apple-banner .swiper-container {
    /* margin-top: -40px; */
    width: 100%;
    height: 690px;
}
.apple-banner .swiper-container img{
  position:relative; 
  left:50%;
   margin-left:-952px;
   width: 100%;
  height: 690px;
    object-fit: cover;
}

} 



/*.swiper-button-prev,
.swiper-button-next {
    width: 15%;
    height: 100%;
    top: 0;
    background: none;
}*/

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev span,
.swiper-button-next span {
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -32px;
    border-radius: 100%;
    background: rgba(180, 180, 180, 0.25) url(../images/arrows.png) no-repeat center 17px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.swiper-button-next span {
    background: rgba(180, 180, 180, 0.25) url(../images/arrows.png) no-repeat center -71px;
    left: auto;
    right: 20px;
}

.swiper-button-prev:hover span,
.swiper-button-next:hover span {
    opacity: .6;
}


/*分页器*/
.apple-banner .swiper-pagination {
    top: auto;
    bottom: 50px;
    background: none;
}

.apple-banner .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 30px;
    margin: 0 3px;
    cursor: pointer;
    background: none;
    border-radius: 0;
    opacity: 1;
}

.apple-banner .swiper-pagination-bullet span {
    width: 50px;
    height: 3px;
    display: block;
    background: rgba(128, 128, 128, 0.2);
}

.apple-banner .swiper-pagination-bullet-active span {
    background: gray;
}

.apple-banner .autoplay .swiper-pagination-bullet-active span {
    background: rgba(128, 128, 128, 0.2);
}

.apple-banner .swiper-pagination-bullet i {
    background: #00ac94;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    display: block;
}

.apple-banner .autoplay .firsrCurrent i {
    transition: transform 2.9s linear;
    transform: scaleX(1);
}

.apple-banner .autoplay .current i {
    transition: transform 4s linear;
    transform: scaleX(1);
}

.apple-banner .autoplay .replace span {
    background: #00ac94;
}





/*首页轮播图样式新*/

/*首页解决方案样式新*/

.i-listc .leftbox table {
    width: 100%;
    height: 153.5px;
}

.i-listc .leftbox table tr,
.i-listc .leftbox table tbody {
    width: 100%;
}

.i-listc .leftbox .li-item .td1 {
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    width: 40%;
    overflow: hidden;
}

.i-listc .leftbox .li-item .td1 img {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.i-listc .leftbox .li-item .td1 .p-12-en {
    position: absolute;
    width: 100%;
    bottom: .6rem;
    text-align: center;
    color: #2d2d2d;
    opacity: .5;
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    text-transform: uppercase;
}

.i-listc .leftbox .li-item .td2 {
    background: #fafafa;
    padding: 0 40px 0 .7rem;
    position: relative;
    width: 60%;
}

.i-listc .leftbox .li-item .td2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 0;
    background: #00ac94;
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.i-listc .leftbox .li-item .td2 .p-18-en {
    margin-bottom: 5px;
    position: relative;
    color: #333;
    z-index: 2;
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.i-listc .leftbox .li-item .td2 .p-18 {
    line-height: 1.2;
    color: #333;
    position: relative;
    z-index: 2;
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    font-size: 20px;
}

.i-listc .leftbox .li-item .td2 .j-btn {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: .5rem;
    width: 11px;
    height: 20px;
    background: url(../images/z14.png) no-repeat center;
    background-size: 11px 20px;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.i-listc .leftbox .li-item:hover .td1 img,
.i-listc .leftbox .li-item.cur .td1 img {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.i-listc .leftbox .li-item:hover .td1 .p-12-en,
.i-listc .leftbox .li-item.cur .td1 .p-12-en {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.i-listc .leftbox .li-item:hover .td2:before,
.i-listc .leftbox .li-item.cur .td2:before {
    width: 100%;
}

.i-listc .leftbox .li-item:hover .td2 .p-18-en,
.i-listc .leftbox .li-item.cur .td2 .p-18-en {
    color: #fff;
}

.i-listc .leftbox .li-item:hover .td2 .p-18,
.i-listc .leftbox .li-item.cur .td2 .p-18 {
    color: #fff;
}

.i-listc .leftbox .li-item:hover .td2 .j-btn,
.i-listc .leftbox .li-item.cur .td2 .j-btn {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.i-listc .rightbox {
    width: 85%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.i-listc .rightbox .img-item {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.i-listc .rightbox .img-item img {
    width: 100%;
}

.i-listc .rightbox .img-item .titlebox {
    opacity: 0;
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
    -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.i-listc .rightbox .titlebox {
    padding: 200px 0 0 60px;
width: 600px;
margin: 0 auto;
text-align: center;
}

.i-listc .rightbox .h-36 {
    margin-bottom: 20px;
    font-size: 30px;
    color: #fff;
}

.i-listc .rightbox .orderbtn {

    font-size: 20px;
    width: 4rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 2rem;
    text-align: left;
    text-indent: .75rem;
    color: #fff;
    background: transparent;
    display: block;
    margin-right: 12px;
    position: relative;
    margin-top: 1rem;
    margin-left: 4.5rem;
    background: transparent;
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.6s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.6s 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    transition: background 0.6s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.6s 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}

.i-listc .rightbox .orderbtn:hover {
    background: rgba(2, 156, 106, 0.4);
    box-shadow: inset 0px 0px 0px 2px #029c6a;
}
@media only screen and (min-width: 1024px) {
.i-listc .rightbox {
height:614px;
}
}
.i-listc .rightbox .orderbtn1:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 7px;
    top: 50%;
    margin-top: -3px;
    right: .75rem;
    background: url(../images/img16.png) no-repeat center;
    background-size: 10px 7px;
}

.i-listc .rightbox .img-item.active {
    z-index: 3
}

.i-listc .rightbox .img-item.active .titlebox {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.js-m-top {
    opacity: 1;
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all 1.5s cubic-bezier(0.69, 0.1, 0.12, 1.02);
    transition: all 1.5s cubic-bezier(0.69, 0.1, 0.12, 1.02);
}

.js-m {
    opacity: 1;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.js-m.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.js-m.js-m-2 {
    opacity: 1;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.js-m.js-m-2.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


/*首页解决方案样式*/

/*首页解决方案样式*/

/*产品中心样式新*/

.w1400 {
    /* width: 92%; */
}

.col-000 {
    color: #000 !important;
}

.tit-40 {
    font-size: 1rem;
    line-height: 1.5;
}

.col-4c {
    color: #4c4c4c !important;
}

.li-img .img {
    overflow: hidden;
}

.li-img .img img {
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.li-img:hover .img img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}




@media (min-width: 1024px){

} /*>=1024的设备*/
@media (min-width: 1100px) {
  
} /*>=1024的设备*/
@media (min-width: 1280px) {
  
} 
@media (min-width: 1360px) {
    .product-number-info ul {

    padding: 10px 45px 45px 10px;

}

  .n-products .ulbox {
    margin-top: .75rem;
    width: 1220px;
    margin: 0 auto;
}

.n-products .ulbox .li-item {
    margin-bottom: 1%;
   
    float: left;
  
    background: #fff;
    display: block;
    background: #fff;
    width: 23%;
    margin-right: 1%;
    margin-bottom: 2%;
    margin-left: 1%;
}
.product-number-info .product-number-inner {

    width: 1200px;
    margin: 0 auto;

}
.product-number-info li {

    float: left;
    width: 280px;
    height: 90px;
    border-left: 1px solid #939393;
    color: #3c3c3c;
    color: #00ac94;
    padding-top: 1px;
    text-align: center;

}
.topright .fl{
    margin-left: 0;
}

}  

@media (min-width: 1440px) {
  
} 
@media (min-width: 1680px) {

} 

@media (min-width: 1920px) {
    .n-products .ulbox {
    margin-top: .75rem;
    width: 1420px;
    margin: 0 auto;
}
.product-number-info ul {

    padding: 10px 45px 45px 0;

}
.n-products .ulbox .li-item {
    margin-bottom: 1%;
   
    float: left;
   /*  border: 1px solid #e7e7e7; */
    background: #fff;
    display: block;
   /*  box-shadow: 0 2px 5px rgba(0, 0, 0, .1); */
    background: #fff;
    width: 23%;
    margin-right: 1%;
    margin-bottom: 2%;
    margin-left: 1%;
}
.product-number-info .product-number-inner {

    width: 1400px;
    margin: 0 auto;

}
.product-number-info li {
    float: left;
    width: 327px;
    height: 90px;
    border-left: 1px solid #939393;
    /* color: #3c3c3c; */
    color: #00ac94;
    padding-top: 1px;

    text-align: center;
}
.topright .fl{
    margin-left: 100px;
}

} 

.n-products {
    padding: 1rem 0;

  background-color: #f5f5f5;
  width: 100%;

}


.n-products .products-form {
    width: 200px;
    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    border-radius: 42px;
    border-radius: 42px;
    border: 1px solid #d3d3d3;
}

.n-products .products-form .text {
    width: 140px;
    border: none;
    background: none;
    height: 40px;
    line-height: 22px;
    padding: 10px 0;
    font-size: 14px;
    color: #666;
}

.n-products .products-form .submit {
    width: 30px;
    height: 42px;
    background: url(../images/img2.png) no-repeat center center;
    border: none;
}





/* .n-products .ulbox .li-item:nth-child(3n) {
  margin-right: 0;
} */
.n-products .ulbox .bot {
    padding: 10px 10px 10px 10px;

   /*  border-top: 1px solid #e7e7e7; */

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    text-align: center;
}

.n-products .ulbox .sp1 {
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 80px);
    color: #333;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.n-products .ulbox .sp2 {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding-right: 20px;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.n-products .ulbox .sp2:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
    width: 15px;
    height: 22px;
    background: url(../images/img18-1.png) no-repeat right center;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.n-products .ulbox .sp2:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
    height: 22px;
    margin-top: -11px;
    background: url(../images/img18.png) no-repeat right center;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.n-products .ulbox .li-item:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.n-products .ulbox .li-item:hover .bot {
 /*    background: #00ac94; */
}

.n-products .ulbox .li-item:hover .sp1 {
    color: #00ac94;
    margin-left: 5px;
}

.n-products .ulbox .li-item:hover .sp2 {
    color: #00ac94;
}

.n-products .ulbox .li-item:hover .sp2:before {
    opacity: 0;
    -webkit-transform: translate(100%, 0%);
    -ms-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
}

.n-products .ulbox .li-item:hover .sp2:after {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

/*产品中心样式新*/

/* 首页滚动数字样式 */

 @media (min-width: 1360px) {

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 10px 0 10px;
}
.product-number-info li b i {
    font-style: normal;
    font-size: 50px;
}
.product-number-info li b em {
    font-style: normal;
    font-size: 18px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
    color: #939393;
}
.product-number-info ul {
    padding: 5px 10px 10px 0;
}

} 

 @media (min-width: 1850px) {
.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 10px 0 10px;
}
.product-number-info li b i {
    font-style: normal;
    font-size: 70px;
}
.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
    color: #939393;
}
.product-number-info ul {
    padding: 5px 45px 45px 0;
}

} 

.product-number-info {
  
    position: relative;
    background-color: #e5e5e5;
}




.q {
    zoom: 1;
}



.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 10px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
    color: #939393;
}



.product-number-info li b sup {
    position: absolute;
    font-size: 20px;
    right: -15px;
    top: -3px;
}

.product-number-info li.li-2 b,
.product-number-info li.li-2 p {
    /*   padding-left: 70px; */
}



.product-number-info li.li-3 b,
.product-number-info li.li-3 p {
    /*  padding-left: 70px; */
}

.product-number-info li.li-4 b,
.product-number-info li.li-4 p {
    /* padding-left: 78px; */
}

.product-number-info li.li-5 {
    text-align: right;
}

/* 首页滚动数字样式 */

.cpcss {
    background-color: #fff;
    margin-top: 20px;
}

.cpcss .view {
    border: 1px solid #d2d2d2;
    margin: 20px 0 0 20px;
    height: 480px;
    width: 480px;
    margin: 0 auto;
}

.cpcss .view img {
    height: 478px;
    width: 480px;
}

.preview {
    position: relative;
    width: 440px;
    /*left: 30px;*/
    margin: 0 auto;
}

.preview .swiper-slide {
    width: 87.5px;
    height: 70px;
    margin: 0 3px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.preview .swiper-slide img {
    display: inline-block;
    height: 100%;
}

.preview .active-nav {
    border: 1px solid #F00;
}

.preview .arrow-left {
    background: #fff url(../images/feel3.png) no-repeat left center;
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 70px;
    z-index: 10;
}

.preview .arrow-right {
    background: #fff url(../images/feel4.png) no-repeat right center;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 70px;
    z-index: 10;
}

@media only screen and (max-width: 768px) {
    .view .swiper-slide {
        height: 200px;
    }

    .preview {
        display: none;
    }

    .view .arrow-left,
    .view .arrow-right {
        height: 200px;
        display: block;
    }
}



/* 公司简介边栏样式开始*/
.submian .subleft .leftnews {
    margin-bottom: 10px;
}

.submian .subleft .leftnews .title {
    height: 42px;
    padding-left: 52px;
    padding-top: 18px;
}

.submian .subleft .leftnews .leftnewscomt {
    background: #fff;
    padding: 10px;
}

.submian .subleft .leftnews .leftnewscomt ul li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
}

.submian .subleft .leftnews .leftnewscomt ul li a {
    font-size: 14px;
    display: block;
    padding-left: 10px;
}

.submian .subleft .leftnews .leftcont {
    background: #fff;
    padding: 10px;
}

.submian .subleft .leftnews .leftcont h2 {
    font-size: 16px;
    font-weight: bold;
    color: #1048a0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.submian .subleft .leftnews .leftcont span {
    line-height: 24px;
    font-size: 12px;
    padding-top: 10px;
    display: block;
    border-bottom: 1px solid #f2f2f2;
}

.submian .subleft .leftnews .leftcont p {
    font-size: 18px;
    color: #333;
    padding-top: 10px;
    line-height: normal;
}

.submian .subleft .leftnews .leftcont p i {
    font-size: 22px;
    color: #1048a0;
    display: block;
}

.submian .subleft {
    width: 300px;
}

.submian .subleft .title {
    margin-bottom: 10px;
    height: 142px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 280px;
    border: 2px solid #e7e7e7;

}

.submian .subleft .title h2 {
    line-height: 102px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.submian .subleft .title i {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-left: 13px;
    padding-top: 2px;
}

.submian .subleft .bort9 {
    border-top: 9px solid #007eb9;
    border-radius: 5px 5px 0px 0px;
}

.submian .subleft .bor9 {}

.submian .subleft .lefta {
    width: 300px;
    /*margin-bottom: 10px;*/
    margin: 10px 10px 10px 10px;
}

.submian .subleft .lefta .comt {
    background: #fff;
    text-align: center;
    width: 280px;
}

.submian .subleft .lefta .comt ul {
    border: 1px solid #ddd;
}



.submian .subleft .lefta .comt ul li a {
    background: #fff 213px center no-repeat;
    border-top: 1px solid #eaeaea;
    line-height: 60px;
    height: 60px;
    display: block;
    color: #363636;
    font-size: 16px;
    position: relative;
    z-index: 1;

}

.submian .subleft .lefta .comt ul li a::after {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00ac94;
    transform: scaleX(0);
    transform-origin: 0%;
    transition: transform 1s ease-in-out;
}

.submian .subleft .lefta .comt ul li a:hover::after {
    transform: scaleX(1);
    transition: transform 0.4s ease-in-out;
}

.submian .subleft .lefta .comt ul li a:hover {
    color: #fff;
    z-index: 2;
}


/* 公司简介边栏样式结束*/



/* 新闻详情页右边栏样式*/
.textright {
    text-align: left;
}

.textright .list {
    width: 100%;

}

.textright .rightitem {
    float: left;
    width: 375px;
    height: 471px;

    transition: all 0.2s linear 0s;
    margin-bottom: 10px;
    margin-left: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff;
}

.textright .rightitem a {
    display: block;
    padding: 0;
    color: #333;
}

.textright .rightitem .img {
    width: 375px;
    height: 281px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.textright .rightitem .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out 0s;
    display: block;
}

.textright .rightitem:hover .img img {
    transform: scale(1.1, 1.1);
}

.textright .rightitem .txt {
    padding: 30px 40px 0;
}

.textright .rightitem h3 {
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.textright .desc {
    line-height: 24px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    padding-top: 10px;
}

.textright .sjdmor {
    display: block;
    color: #666;
    font-family: arial;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.textright .rightitem:hover {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.textright .rightitem:hover h3 {
    color: #00ac94;
}

.n-xinwen {
    width: 100%;
}

.n-xinwen .textright .rightitem {
    width: 280px;
    height: 240px;
}

.n-xinwen .textright .rightitem:nth-child(4n) {
    margin-right: 0;
}

.n-xinwen .textright .rightitem .img {
    width: 280px;
    height: 185px;
}

.n-xinwen .textright .rightitem .txt {
    padding: 10px;
    text-align: center;
}

.n-xinwen .textright .rightitem .txt .desc {
    height: 40px;
    padding-top: 5px;
    margin-bottom: 15px;
    line-height: 22px;
}

.n-xinwen .textright .rightitem span {
    padding-top: 5px;
}

/* 新闻详情页右边栏样式结束*/

/*产品侧边栏样式*/
.textright {
    text-align: left;
}

.textright .list {
    width: 100%;

}

.textright .cprightitem {
    float: left;
    width: 375px;
    height: 471px;

    transition: all 0.2s linear 0s;
    margin-bottom: 10px;
    margin-left: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff;
}

.textright .cprightitem a {
    display: block;
    padding: 0;
    color: #333;
}

.textright .cprightitem .img {
    width: 375px;
    height: 281px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.textright .cprightitem .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out 0s;
    display: block;
}

.textright .cprightitem:hover .img img {
    transform: scale(1.1, 1.1);
}

.textright .cprightitem .txt {
    padding: 30px 40px 0;
}

.textright .cprightitem h3 {
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.textright .desc {
    line-height: 24px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    padding-top: 10px;
}

.textright .sjdmor {
    display: block;
    color: #666;
    font-family: arial;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.textright .cprightitem:hover {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.textright .cprightitem:hover h3 {
    color: #00ac94;
}

.n-xinwen {
    width: 100%;
}

.n-xinwen .textright .cprightitem {
    width: 280px;
    height: 240px;
}

.n-xinwen .textright .cprightitem:nth-child(4n) {
    margin-right: 0;
}

.n-xinwen .textright .cprightitem .img {
    width: 280px;
    height: 185px;
}

.n-xinwen .textright .cprightitem .txt {
    padding: 10px;
    text-align: center;
}

.n-xinwen .textright .cprightitem .txt .desc {
    height: 40px;
    padding-top: 5px;
    margin-bottom: 15px;
    line-height: 22px;
}

.n-xinwen .textright .cprightitem span {
    padding-top: 5px;
}


.n-xinwen .textright .cprightitem .img {
    width: 280px;
    height: 280px;
}

.n-xinwen .textright .cprightitem {
    width: 280px;
    height: 340px;
}


.navleft {
    width: 300px;
    float: left;
    background-color: #fff;
}

.ewm {
    padding: 10px 10px 0 10px;
}

.ewm img {
    border: 2px solid #e7e7e7;
}


.newsright {
    width: 880px;
    float: right;
    margin-left: 20px;
    padding: 40px 40px 40px 40px;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    min-height: 900px;
}

.chanpinclass {
    width: 880px;
    /*  float: left; */
    margin-right: 20px;
    padding: 40px 40px 40px 40px;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    min-height: 900px;
    margin: 0 auto;
}


.chanpinyew {

    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/*产品侧边栏样式*/

/*专题页面底部推荐新闻样式*/

.n-project {
    width: 100%;
    padding: 45px 0 20px;
}

.n-project .con {
    overflow: hidden;
    position: relative;
}

.n-project .gridlist {
    width: 105%;
    *padding-bottom: 30px;
}

.n-project.n-yewu {
    padding-bottom: 30px;
}

.n-project .txtlistbox {}

.n-project .txtlistbox li {
    width: 590px;
    float: left;
}

.n-project .txtlistbox li:nth-child(2n) {
    float: right;
}

.n-project.n-yewu .gridlist .item {
    margin-right: 26px;
}

.txtlistbox .item {
    border: 1px solid #ddd;
    margin-bottom: 16px;
    transition: all 0.2s linear 0s;
    +margin-bottom: 18px;
}

.txtlistbox .item a {
    display: block;
    padding: 28px;
}

.txtlistbox .item h3 {
    font-size: 18px;
    vertical-align: top;
}

.txtlistbox .item p {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #666;
}

.txtlistbox .item .time {
    display: block;
    width: 90px;
    height: 66px;
    border-right: 1px solid #ddd;
    line-height: 20px;
    margin-right: 30px;
    color: #666;
    vertical-align: middle;
    *zoom: 1;
}

.txtlistbox .item .time b {
    color: #666;
    display: block;
    font-size: 48px;
    line-height: 48px;
}

.txtlistbox .item:hover {
    border: 1px solid #00ac94;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

/*专题页面底部推荐新闻样式*/


/********.toolbar*********/
.toolbar {
    width: 50px;
    position: fixed;
    right: 1%;
    top: 44%;
    z-index: 999;
}

.toolbar dd {
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
    position: relative;
    background: url(../images/black20.png) repeat 0 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 7px 0 0 7px;
    background: url(../images/rightfixicon.png) no-repeat 0 0;
}

.toolbar dd.gottop {
    display: none;
}

.toolbar .slide-tel {
    display: block;
    width: 0;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-family: arial;
    color: #FFF;
    position: absolute;
    padding: 0 0 0 50px;
    top: 0;
    right: 0;
    overflow: hidden;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .0s ease-in-out 0s;
    -moz-transition: all .0s ease-in-out 0s;
    transition: all .0s ease-in-out 0s;
}

.toolbar .pop {
    position: absolute;
    right: 90px;
    top: -51px;
    background: #00ac94;
    display: none;
}

.toolbar .pop-code {
    width: 140px;
    height: 160px;
}

.toolbar .pop-code img {
    width: 120px;

    height: 120px;

    display: block;

    margin: 0 auto;

    padding: 10px;
}

.toolbar .pop-code h3 {
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

.toolbar .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.toolbar .qq span {
    background-position: 0 -47px;
}

.toolbar .qq a {
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: block;
}

.toolbar .qq:hover {
    background: #00ac94;
}

.toolbar .tel span {
    background-position: 0 0;
}

.toolbar .tel:hover {
    background: #00ac94;
}

.toolbar .code span {
    background-position: 0 -95px;
}

.toolbar .code:hover {
    background: #00ac94;
}

.toolbar .top span {
    background-position: 0 -142px;
}

.toolbar .top:hover {
    background: #00ac94;
}

.subright .searchList {
    border-top: 1px solid #ddd;
}

.subright .searchList li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.subright .searchList li:first-child {
    border-top: none;
}

.subright .searchList li:hover a h2 {
    color: #1048a0;
    font-weight: bold;
}

.leftprocomt {
    padding-top: 10px;
}

.leftprocomt li {
    float: left;
    text-align: center;
    width: 117px;
    margin-right: 10px;
}

.leftprocomt li img {
    width: 117px;
    height: 87px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.leftprocomt li p {
    line-height: 30px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.leftprocomt li:hover img {
    -webkkit-filter: brightness(105%);
    filter: brightness(105%);
}

.leftprocomt li:hover p {
    color: #1048a0;
}



/*产品列表页面样式*/
.ipro {
    position: relative;
    overflow: hidden;
    padding: 30px 20px 0 20px;
    background-color: #fff;
}

.ipro .list {
    width: 108%;
}

.ipro .item {
    /*float: left;
  width: 347px;
  display: block;
  height: 290px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;*/

    width: 270px;
    height: 280px;
    margin-right: 26px;
    margin-top: 20px;
    float: left;
    transition: all 0.2s linear 0s;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff;

}


.ipro .item:hover h3 {
    color: #00ac94;
}

/*.ipro .item:hover .time .day span {
  background: #6d6d6d;
}
.ipro .item:hover .time .day strong {
  background: #ff0000;
  color: #fff;
}*/



.ipro .item a {
    display: block;
    position: relative;
    width: 100%;
    height: 290px;
}

.ipro .item img {
    /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/
    width: 100%;
    height: 100%;
    display: block;
}

.ipro .item:hover {

    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

/*.ipro .item:hover img {
  transform: scale(1.06, 1.06);
  
}
*/

.ipro .item h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-indent: 30px;
    font-weight: normal;
    font-size: 16px;
    height: 65px;
    line-height: 65px;
    background: url(../images/black60.png) repeat;
    color: #fff;
}

.ipro .item em {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 2;
    width: 32px;
    height: 26px;
    background-position: -190px 0;
    display: block;
    margin-right: 30px;
    vertical-align: middle;
}

.ipro .item:hover h3 {
    /*background: url(../images/ipro_t.png) repeat-x left top;*/
}

/*产品列表页面样式结束*/

/*解决方案列表页样式*/
.textlist {
    background-color: #fff;
}

.textlist .list {
    width: 100%;
    padding-bottom: 30px !important;
    padding: 20px 20px 0 20px;
}

.textlist .caselist {
    float: left;
    width: 560px;
    height: 480px;
    margin-right: 10px;
    margin-left: 10px;
    transition: all 0.2s linear 0s;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff;
}

.textlist .caselist a {
    display: block;
    padding: 0;
    color: #333;
}

.textlist .caselist .img {
    width: 559px;
    height: 368px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.textlist .caselist .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out 0s;
    display: block;
}

.textlist .caselist:hover .img img {
    transform: scale(1.1, 1.1);
}

.textlist .caselist .txt {
    padding: 10px 10px 0;
    text-align: center;

}

.textlist .caselist h3 {
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.textlist .caselist h4 {
    font-size: 22px;
    text-align: right;
    color: #e95151;
    padding-right: 20px;
}



.textlist .price {
    font-size: 16px;
    text-align: right;
    color: #e95151;
    padding-right: 20px;
}
}

.textlist .price strong {
    font-size: 30px;
}

.textlist .caselist .desc {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    /* padding-top: 10px; */
    border-top: 1px solid #ddd;
}

.textlist .sjdmor {
    display: block;
    color: #666;
    font-family: arial;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.textlist .caselist:hover {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.textlist .caselist:hover h3 {
    color: #00ac94;
}


/*解决方案列表页样式*/
/*新闻页面底部推荐产品样式*/



.textlist {
    background-color: #fff;
}

.textlist .list {
    width: 100%;
    padding-bottom: 30px !important;
    padding: 20px 20px 0 20px;
}

.textlist .item {
    float: left;
    width: 270px;
    height: 324px;
    margin-right: 10px;
    margin-left: 10px;
    transition: all 0.2s linear 0s;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff;
}

.textlist .item a {
    display: block;
    padding: 0;
    color: #333;
}

.textlist .item .img {
    width: 268px;
    height: 268px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.textlist .item .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out 0s;
    display: block;
}

.textlist .item:hover .img img {
    transform: scale(1.1, 1.1);
}

.textlist .item .txt {
    padding: 10px;
    text-align: center;

}

.textlist .item h3 {
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.textlist .item h4 {
    font-size: 22px;
    text-align: right;
    color: #e95151;
    padding-right: 20px;
}



.textlist .price {
    font-size: 16px;
    text-align: right;
    color: #e95151;
    padding-right: 20px;
}
}

.textlist .price strong {
    font-size: 30px;
}

.textlist .desc {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    /* padding-top: 10px; */
    border-top: 1px solid #ddd;
}

.textlist .sjdmor {
    display: block;
    color: #666;
    font-family: arial;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.textlist .item:hover {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.textlist .item:hover h3 {
    color: #00ac94;
}

/*新闻页面底部推荐产品样式结束*/

/*底部推荐栏目样式*/
.n-dbtj .cj {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 20px 20px 0 20px;
    height: 450px;
}

.n-dbtj .dbtjlist .dbtjitem {
    width: 285px;
    height: 340px;
    margin-right: 5px;

}

.n-dbtj {
    width: 100%;
    padding: 45px 0 20px;
    padding-bottom: 20px;
    background-color: #f5f5f5;
}

.n-dbtj .dbtjlist .dbtjitem .img {
    width: 285px;
    height: 285px;
}

.textlist {}

.n-dbtj .cj .dbtjlist .list {
    width: 100%;
    padding-bottom: 30px !important;

}

.dbtjlist .dbtjitem {
    float: left;
    width: 375px;
    height: 471px;
    margin-right: 37px;
    transition: all 0.2s linear 0s;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff;
}

.dbtjlist .dbtjitem a {
    display: block;
    padding: 0;
    color: #333;
}

.dbtjlist .dbtjitem .img {
    width: 375px;
    height: 281px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.dbtjlist .dbtjitem .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out 0s;
    display: block;
}

.dbtjlist .dbtjitem:hover .img img {
    transform: scale(1.1, 1.1);
}

.dbtjlist .dbtjitem .txt {
    padding: 10px 10px;
    text-align: center;
}

.dbtjlist .dbtjitem h3 {
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dbtjlist .desc {
    line-height: 24px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    padding-top: 10px;
}

.dbtjlist .sjdmor {
    display: block;
    color: #666;
    font-family: arial;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.dbtjlist .dbtjitem:hover {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.dbtjlist .dbtjitem :hover h3 {
    color: #00ac94;
}

/*底部推荐栏目样式*/


/*产品详情页buttn*/
.list-top {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f8f8f8;
    text-align: center;
}

.list-top ul {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 10px;
}

.list-top ul li {
    float: left;
    width: 33.3%;
    background: url(../images/line5.gif) no-repeat right center;
}

.list-top ul li:last-child {
    background: none;
}

.list-top ul li a {
    font-size: 16px;
}

.list-top ul li.cur a {
    color: #00ac94;
}

.list-bottom {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    background-color: #f5f5f5;
}

.list-bottom ul {

    background: #fff;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    /*    width: 880px;
   
 padding: 10px; */
}

.list-bottom ul>li {
    text-align: center;
}

.tab {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 14px;
}

.tab a {
    color: #ea5b24;
}

.tab tr td {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    text-align: left;
    padding-left: 30px;
    width: 20%;
}

.tab tr td:nth-of-type(1) {
    padding-left: 30px;
}

.tab tr td:nth-of-type(2) {
    background: #f6f6f6;
}

.tab tr td:nth-of-type(3),
.tab tr td:nth-of-type(4),
.tab tr td:nth-of-type(5) {
    display: none;
}

/*产品详情页buttn结束*/


/* 首页小banner样式开始 */

/*slip*/

.fl {
    float: left;
}

.index_slip {
    height: 180px;
    background: url("../images/ixbannerbg1.png") no-repeat center center;
}

.index_slip .slip_tit {
    width: 772px;
}

.index_slip .slip_tit .tit1 {
    padding-top: 50px;
    font: bold 32px "microsoft yahei";
    color: #64c5ff;
}

.index_slip .slip_tit .tit2 {
    margin-top: 14px;
    font-size: 24px;
    color: #fff;
}

.index_slip .slip_btn {
    display: block;
    margin-left: 124px;
    margin-top: 64px;
    width: 202px;
    height: 57px;
    background: url("../images/ixbanner-btn.png") no-repeat;
    font: bold 20px "microsoft yahei";
    line-height: 56px;
    text-align: center;
    color: #10479f;
}

.index_slip1 {
    background: url("../images/ixbannerbg.jpg") no-repeat center center;
}

.index_slip1 .slip_tit {
    width: 900px;
}

.index_slip1 .slip_btn {
    margin-left: 94px;
}

.index_slip .slip_btn:hover {
    background: url("../images/ixbanner-btn1.png") no-repeat;
}

.index_slip1 .slip_btn:hover {
    background: url("../images/ixbanner-btn1.png") no-repeat;
}

/*产品优势*/
#floor_3_main {
    height: 606px;
    background: #fff;
}

#floor_3_main .proAdvant {
    margin-top: 60px;
}

#floor_3_main .proAdvant .list {
    width: 106%;
}

#floor_3_main .proAdvant .list li {
    float: left;
    width: 278px;
    margin-right: 120px;
}

#floor_3_main .proAdvant .list li a {
    display: block;
}

#floor_3_main .proAdvant .list li:first-child {
    margin-left: 60px;
}

#floor_3_main .proAdvant .list li .img {
    width: 134px;
    height: 150px;
    margin: 0 auto;
    transition: all .5s;
    margin-left: 72px;
}

#floor_3_main .proAdvant .list li .title {
    margin-top: 30px;
}

#floor_3_main .proAdvant .list li .tit {
    font-size: 24px;
    text-align: center;
    color: #1048a0;
}

#floor_3_main .proAdvant .list li .cont {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #666;
}

#floor_3_main .proAdvant .list li:hover .img {
    margin-top: -10px;
    transition: all .5s;
}

#floor_3_main .proAdvant .list li:hover .tit {
    font-weight: bold;
}

/* 首页小banner样式结束 */

/* 顶部二维码 */
.hearder-bg {
    background: #f2f2f2;
    /*  border-bottom: 1px solid #dedede; */
    height: 30px;
    width: 100%;
    min-width: 1200px;
}

.w1100 {
    width: 1200px;
    margin: 0 auto;
    height: 30px;
}

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

ul.toplogin {
    float: right;
}

.toplogin li {
    float: left;
    line-height: 30px;
    margin: 0 8px;
    font-size: 13px;
    position: relative;
}

.toplogin li a {
    color: #333;
}

.toplogin li a:hover {
    color: #00ac94;
}

.wechat {
    display: none;
    width: 150px;
    height: 200px;
    position: absolute;
    background: #f2f2f2;
    text-align: center;
    top: 30px;
    z-index: 1000;
    left: -38px;
    box-shadow: 2px 2px 2px #c2c2c2
}

.wechat p {
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 20px;
}

.wechat img {
    width: 90%;
    margin: 10px auto;
}

/* 顶部二维码结束 */




/*copyright*/
.fr {
    float: right;
}

.copyright {
    height: 57px;
    line-height: 57px;
    color: #999999;
    font-size: 12px;
    background: #101010;
    border-top: 1px solid #434343;
    text-align: center;
}

.copyright span {
    margin: 0 12px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.copyright a {
    color: #999999;
}

.copyright a:hover {
    color: #fff;
}


.wfoot1200 {
    width: 1200px;
    margin: 0 auto;
}

/*footer*/
.footer {
    display: block;
}

.footer {
    width: 100%;
    color: #fff;
    padding: 30px 0 20px;
    background: #191919;
}

.footer .links {
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    border-bottom: 1px solid #434343;
}

.footer .links span {
    color: #f9f9f9;
    display: inline-block;
}

.footer .links a {
    display: inline-block;
    color: #f9f9f9;
    padding-right: 10px;
}

.footer .links a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.footer .contact {
    width: 360px;
    float: left;
}

.footer .contact .fewm {
    width: 100px;
    height: 100px;
    background: #ddd;
    float: left;
}

.footer .contact .fewm img {
    display: block;
    margin: 6px;
    width: 88px;
    height: 88px;
}

.footer .contact .contact_info {
    margin-left: 16px;
    float: left;
}

.footer .contact .contact_info p {
    font-size: 14px;
    color: #fff;
    line-height: 14px;
}

.footer .contact .contact_info .tel {
    margin-top: 10px;
    margin-bottom: 12px;
    font: normal 30px "arial";
    color: #fff;
    line-height: 24px;
}

.footer .contact .contact_info .p2 {
    margin-bottom: 6px;
}

.footer .bNav {
    width: 840px;
  
        padding-left: 80px;
}

.footer .bNav .item {
    float: left;
    line-height: 26px;
}

.footer .bNav .item h3 {
    margin-bottom: 24px;
    padding: 0 34px;
    border-right: 1px solid #fff;
}

.footer .bNav .item:first-child h3 {
    border-left: 1px solid #fff;
}

.footer .bNav .item h3 a {
    color: #fff;
    font-size: 18px;
    text-indent: 0px;
}

.footer .bNav .item h3 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.footer .bNav .item a {
    color: #ccc;
    display: block;
    font-size: 12px;
    line-height: 26px;
    text-indent: 40px;
}

.footer .bNav .item a:hover {
    color: #fff;
}




li {
    list-style: none;
}

a {
    color: #212529
}

a:hover {
    text-decoration: none;
}

p,
dl,
dt,
dd,
ul {
    margin: 0px;
    padding: 0px;
}

.red {
    color: red;
}

.text-secondary a {
    color: #6c757d;
}


.card,
.figure {
    margin: 15px 0;
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    font-size: 14px;
}

.navbar-brand {
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.shadow-sm-top {
    box-shadow: 0 -.125rem .25rem rgba(0, 0, 0, .075) !important;
}


/*上下外边距*/
.mt-6,
.my-6 {
    margin-top: 4rem !important;
}

.mt-7,
.my-7 {
    margin-top: 5rem !important;
}

.mt-8,
.my-8 {
    margin-top: 6rem !important;
}

.mt-9,
.my-9 {
    margin-top: 7rem !important;
}

.mt-10,
.my-10 {
    margin-top: 8rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 5rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 6rem !important;
}

.mb-9,
.my-9 {
    margin-bottom: 7rem !important;
}

.mb-10,
.my-10 {
    margin-bottom: 8rem !important;
}

/*上下内边距*/
.pt-6,
.mp-6 {
    padding-top: 4rem !important;
}

.pt-7,
.py-7 {
    padding-top: 5rem !important;
}

.pt-8,
.py-8 {
    padding-top: 6rem !important;
}

.pt-9,
.py-9 {
    padding-top: 7rem !important;
}

.pt-10,
.py-10 {
    padding-top: 8rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 5rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: 6rem !important;
}

.pb-9,
.py-9 {
    padding-bottom: 7rem !important;
}

.pb-10,
.py-10 {
    padding-bottom: 8rem !important;
}

/*边框*/
.border-top-dashed {
    border-top: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
    border-right: 1px dashed #dee2e6 !important;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
    border-top: 1px dashed #dee2e6 !important;
}

/*字距*/
.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.ls-4 {
    letter-spacing: 4px;
}

.ls-5 {
    letter-spacing: 5px;
}

/*分页*/
/*分页样式*/
.pglist {
    padding: 30px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}

.pglist a {
    color: #666;
    padding: 0 15px;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #edebeb;
}

.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}

.pglist a:hover,
.pglist .hover {
    display: inline-block;
    color: #fff;
    background: #00ac94;
    border-color: #00ac94;
}

/*
.page-num:not(:disabled) {
  cursor: pointer;
}
.page-num, .page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #17a2b8;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
  text-decoration: none;
}
.page-num-current {
  z-index: 1;
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.page-num-current:hover {
  color: #fff;
}
*/

/*其他*/
.pages {
    min-height: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.code,
.code img {
    height: 100px;
}

.position,
.position a {
    color: #999;
}

/*.content {
  color: #666;
  line-height: 2;
}
.content img, .content iframe {
  max-width: 100% !important;
}
.content li {
  list-style: disc outside none;
  margin-left: 20px;
}
*/



/*产品轮播*/
/*.view {
  max-width: 500px;
}
.view .swiper-slide {
  height: 300px;
  max-width: 500px;
  padding: 0 3px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.view .swiper-slide img {
  height: 100%;
}
.view .arrow-left {
  background: url(../images/index_tab_l.png) no-repeat left center;
  position: absolute;
  left: 10px;
  width: 28px;
  height: 300px;
  z-index: 10;
  display: none;
}
.view .arrow-right {
  background: url(../images/index_tab_r.png) no-repeat right center;
  position: absolute;
  right: 10px;
  width: 28px;
  height: 300px;
  z-index: 10;
  display: none;
}
.preview {
  position: relative;
  width: 440px;
  left: 30px;
}
.preview .swiper-slide {
  width: 87.5px;
  height: 70px;
  margin: 0 3px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.preview .swiper-slide img {
  display: inline-block;
  height: 100%;
}
.preview .active-nav {
  border: 1px solid #F00;
}
.preview .arrow-left {
  background: #fff url(../images/feel3.png) no-repeat left center;
  position: absolute;
  left: -20px;
  top: 0;
  width: 20px;
  height: 70px;
  z-index: 10;
}
.preview .arrow-right {
  background: #fff url(../images/feel4.png) no-repeat right center;
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
  height: 70px;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
  height: 200px;
}
.preview {
  display: none;
}
.view .arrow-left, .view .arrow-right {
  height: 200px;
  display: block;
}
}*/
/*在线客服*/
.online {
    position: fixed;
    bottom: 150px;
    right: 10px;
    width: 60px;
    z-index: 999;
    color: #999;
}

.online a {
    color: #666;
}

.online a:hover {
    text-decoration: none;
}

.online dl {
    background: #27a8e1;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}

.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.online dl dd i {
    font-size: 25px;
}

.online dl:hover {
    background: #1781bd;
}

.online dl dt {
    position: absolute;
    top: 0px;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
    padding: 10px 15px;
    font-weight: normal;
}

.online dl dt h3 {
    display: block;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.online dl dt h3 i {
    margin-right: 5px;
}

.online dl dt h3 span {
    float: right;
    cursor: pointer;
}

.online dl dt input {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    padding: 3px 5px;
    width: 100%;
}

.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #28a7e1;
    color: #fff;
    cursor: pointer;
}







/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
    .card-img-200 {
        height: 200px;
        overflow: hidden;
    }

    .card-img-180 {
        height: 180px;
        overflow: hidden;
    }

    .card-img-150 {
        height: 150px;
        overflow: hidden;
    }

    .card-img-120 {
        height: 120px;
        overflow: hidden;
    }

    .card-img-100 {
        height: 100px;
        overflow: hidden;
    }
}

/*sm屏幕以下*/
@media only screen and (max-width: 576px) {
    .page-num {
        display: none;
    }

    .head-sm-height {
        height: 61px !important;
    }
}

/*********响应式样式******************/

/*行距*/
.lh-1 {
    line-height: 1;
}

.lh-2 {
    line-height: 2;
}

.lh-3 {
    line-height: 3;
}

.lh-4 {
    line-height: 4;
}

/*字体大小*/
.fs-12 {
    font-size: .857rem;
}

.fs-14 {
    font-size: 1rem;
}

.fs-16 {
    font-size: 1.142rem;
}

.fs-18 {
    font-size: 1.285rem;
}

.fs-20 {
    font-size: 1.428rem;
}

.fs-22 {
    font-size: 1.571rem;
}

.fs-24 {
    font-size: 1.714rem;
}

.fs-26 {
    font-size: 1.857rem;
}

.fs-28 {
    font-size: 2rem;
}

.fs-30 {
    font-size: 2.142rem;
}

.fs-32 {
    font-size: 2.286rem;
}

.fs-34 {
    font-size: 2.429rem;
}

.fs-36 {
    font-size: 2.571rem;
}

.fs-38 {
    font-size: 2.714rem;
}

.fs-40 {
    font-size: 2.857rem;
}

/*高度*/
.h-5px {
    height: 5px;
}

.h-10px {
    height: 10px;
}

.h-15px {
    height: 15px;
}

.h-20px {
    height: 20px;
}

.h-25px {
    height: 25px;
}

.h-30px {
    height: 30px;
}

.h-35px {
    height: 35px;
}

.h-40px {
    height: 40px;
}

.h-45px {
    height: 45px;
}

.h-50px {
    height: 50px;
}

.h-55px {
    height: 55px;
}

.h-60px {
    height: 60px;
}

.h-65px {
    height: 65px;
}

.h-70px {
    height: 70px;
}

.h-75px {
    height: 75px;
}

.h-80px {
    height: 80px;
}

.h-85px {
    height: 85px;
}

.h-90px {
    height: 90px;
}

.h-95px {
    height: 95px;
}

.h-100px {
    height: 100px;
}

.h-110px {
    height: 110px;
}

.h-120px {
    height: 120px;
}

.h-130px {
    height: 130px;
}

.h-140px {
    height: 140px;
}

.h-150px {
    height: 150px;
}

.h-160px {
    height: 160px;
}

.h-170px {
    height: 170px;
}

.h-180px {
    height: 180px;
}

.h-190px {
    height: 190px;
}

.h-200px {
    height: 200px;
}

.h-210px {
    height: 210px;
}

.h-220px {
    height: 220px;
}

.h-230px {
    height: 230px;
}

.h-240px {
    height: 240px;
}

.h-250px {
    height: 250px;
}

.h-260px {
    height: 260px;
}

.h-270px {
    height: 270px;
}

.h-280px {
    height: 280px;
}

.h-290px {
    height: 290px;
}

.h-300px {
    height: 300px;
}

.h-310px {
    height: 310px;
}

.h-320px {
    height: 320px;
}

.h-330px {
    height: 330px;
}

.h-340px {
    height: 340px;
}

.h-350px {
    height: 350px;
}

.h-360px {
    height: 360px;
}

.h-370px {
    height: 370px;
}

.h-380px {
    height: 380px;
}

.h-390px {
    height: 390px;
}

.h-400px {
    height: 400px;
}

.h-410px {
    height: 410px;
}

.h-420px {
    height: 420px;
}

.h-430px {
    height: 430px;
}

.h-440px {
    height: 440px;
}

.h-450px {
    height: 450px;
}

.h-460px {
    height: 410px;
}

.h-470px {
    height: 470px;
}

.h-480px {
    height: 480px;
}

.h-490px {
    height: 490px;
}

.h-500px {
    height: 500px;
}

/*sm屏幕以上*/
@media only screen and (min-width: 576px) {

    /*行距*/
    .lh-sm-1 {
        line-height: 1;
    }

    .lh-sm-2 {
        line-height: 2;
    }

    .lh-sm-3 {
        line-height: 3;
    }

    .lh-sm-4 {
        line-height: 4;
    }

    /*字体大小*/
    .fs-sm-12 {
        font-size: .857rem;
    }

    .fs-sm-14 {
        font-size: 1rem;
    }

    .fs-sm-16 {
        font-size: 1.142rem;
    }

    .fs-sm-18 {
        font-size: 1.285rem;
    }

    .fs-sm-20 {
        font-size: 1.428rem;
    }

    .fs-sm-22 {
        font-size: 1.571rem;
    }

    .fs-sm-24 {
        font-size: 1.714rem;
    }

    .fs-sm-26 {
        font-size: 1.857rem;
    }

    .fs-sm-28 {
        font-size: 1rem;
    }

    .fs-sm-30 {
        font-size: 2.142rem;
    }

    .fs-sm-32 {
        font-size: 2.286rem;
    }

    .fs-sm-34 {
        font-size: 2.429rem;
    }

    .fs-sm-36 {
        font-size: 2.571rem;
    }

    .fs-sm-38 {
        font-size: 2.714rem;
    }

    .fs-sm-40 {
        font-size: 2.857rem;
    }

    /*高度*/
    .h-sm-5px {
        height: 5px;
    }

    .h-sm-10px {
        height: 10px;
    }

    .h-sm-15px {
        height: 15px;
    }

    .h-sm-20px {
        height: 20px;
    }

    .h-sm-25px {
        height: 25px;
    }

    .h-sm-30px {
        height: 30px;
    }

    .h-sm-35px {
        height: 35px;
    }

    .h-sm-40px {
        height: 40px;
    }

    .h-sm-45px {
        height: 45px;
    }

    .h-sm-50px {
        height: 50px;
    }

    .h-sm-55px {
        height: 55px;
    }

    .h-sm-60px {
        height: 60px;
    }

    .h-sm-65px {
        height: 65px;
    }

    .h-sm-70px {
        height: 70px;
    }

    .h-sm-75px {
        height: 75px;
    }

    .h-sm-80px {
        height: 80px;
    }

    .h-sm-85px {
        height: 85px;
    }

    .h-sm-90px {
        height: 90px;
    }

    .h-sm-95px {
        height: 95px;
    }

    .h-sm-100px {
        height: 100px;
    }

    .h-sm-110px {
        height: 110px;
    }

    .h-sm-120px {
        height: 120px;
    }

    .h-sm-130px {
        height: 130px;
    }

    .h-sm-140px {
        height: 140px;
    }

    .h-sm-150px {
        height: 150px;
    }

    .h-sm-160px {
        height: 160px;
    }

    .h-sm-170px {
        height: 170px;
    }

    .h-sm-180px {
        height: 180px;
    }

    .h-sm-190px {
        height: 190px;
    }

    .h-sm-200px {
        height: 200px;
    }

    .h-sm-210px {
        height: 210px;
    }

    .h-sm-220px {
        height: 220px;
    }

    .h-sm-230px {
        height: 230px;
    }

    .h-sm-240px {
        height: 240px;
    }

    .h-sm-250px {
        height: 250px;
    }

    .h-sm-260px {
        height: 260px;
    }

    .h-sm-270px {
        height: 270px;
    }

    .h-sm-280px {
        height: 280px;
    }

    .h-sm-290px {
        height: 290px;
    }

    .h-sm-300px {
        height: 300px;
    }

    .h-sm-310px {
        height: 310px;
    }

    .h-sm-320px {
        height: 320px;
    }

    .h-sm-330px {
        height: 330px;
    }

    .h-sm-340px {
        height: 340px;
    }

    .h-sm-350px {
        height: 350px;
    }

    .h-sm-360px {
        height: 360px;
    }

    .h-sm-370px {
        height: 370px;
    }

    .h-sm-380px {
        height: 380px;
    }

    .h-sm-390px {
        height: 390px;
    }

    .h-sm-400px {
        height: 400px;
    }

    .h-sm-410px {
        height: 410px;
    }

    .h-sm-420px {
        height: 420px;
    }

    .h-sm-430px {
        height: 430px;
    }

    .h-sm-440px {
        height: 440px;
    }

    .h-sm-450px {
        height: 450px;
    }

    .h-sm-460px {
        height: 410px;
    }

    .h-sm-470px {
        height: 470px;
    }

    .h-sm-480px {
        height: 480px;
    }

    .h-sm-490px {
        height: 490px;
    }

    .h-sm-500px {
        height: 500px;
    }
}

/*md屏幕以上*/
@media only screen and (min-width: 768px) {

    /*行距*/
    .lh-md-1 {
        line-height: 1;
    }

    .lh-md-2 {
        line-height: 2;
    }

    .lh-md-3 {
        line-height: 3;
    }

    .lh-md-4 {
        line-height: 4;
    }

    /*字体大小*/
    .fs-md-12 {
        font-size: .857rem;
    }

    .fs-md-14 {
        font-size: 1rem;
    }

    .fs-md-16 {
        font-size: 1.142rem;
    }

    .fs-md-18 {
        font-size: 1.285rem;
    }

    .fs-md-20 {
        font-size: 1.428rem;
    }

    .fs-md-22 {
        font-size: 1.571rem;
    }

    .fs-md-24 {
        font-size: 1.714rem;
    }

    .fs-md-26 {
        font-size: 1.857rem;
    }

    .fs-md-28 {
        font-size: 2rem;
    }

    .fs-md-30 {
        font-size: 2.142rem;
    }

    .fs-md-32 {
        font-size: 2.286rem;
    }

    .fs-md-34 {
        font-size: 2.429rem;
    }

    .fs-md-36 {
        font-size: 2.571rem;
    }

    .fs-md-38 {
        font-size: 2.714rem;
    }

    .fs-md-40 {
        font-size: 2.857rem;
    }

    /*高度*/
    .h-md-5px {
        height: 5px;
    }

    .h-md-10px {
        height: 10px;
    }

    .h-md-15px {
        height: 15px;
    }

    .h-md-20px {
        height: 20px;
    }

    .h-md-25px {
        height: 25px;
    }

    .h-md-30px {
        height: 30px;
    }

    .h-md-35px {
        height: 35px;
    }

    .h-md-40px {
        height: 40px;
    }

    .h-md-45px {
        height: 45px;
    }

    .h-md-50px {
        height: 50px;
    }

    .h-md-55px {
        height: 55px;
    }

    .h-md-60px {
        height: 60px;
    }

    .h-md-65px {
        height: 65px;
    }

    .h-md-70px {
        height: 70px;
    }

    .h-md-75px {
        height: 75px;
    }

    .h-md-80px {
        height: 80px;
    }

    .h-md-85px {
        height: 85px;
    }

    .h-md-90px {
        height: 90px;
    }

    .h-md-95px {
        height: 95px;
    }

    .h-md-100px {
        height: 100px;
    }

    .h-md-110px {
        height: 110px;
    }

    .h-md-120px {
        height: 120px;
    }

    .h-md-130px {
        height: 130px;
    }

    .h-md-140px {
        height: 140px;
    }

    .h-md-150px {
        height: 150px;
    }

    .h-md-160px {
        height: 160px;
    }

    .h-md-170px {
        height: 170px;
    }

    .h-md-180px {
        height: 180px;
    }

    .h-md-190px {
        height: 190px;
    }

    .h-md-200px {
        height: 200px;
    }

    .h-md-210px {
        height: 210px;
    }

    .h-md-220px {
        height: 220px;
    }

    .h-md-230px {
        height: 230px;
    }

    .h-md-240px {
        height: 240px;
    }

    .h-md-250px {
        height: 250px;
    }

    .h-md-260px {
        height: 260px;
    }

    .h-md-270px {
        height: 270px;
    }

    .h-md-280px {
        height: 280px;
    }

    .h-md-290px {
        height: 290px;
    }

    .h-md-300px {
        height: 300px;
    }

    .h-md-310px {
        height: 310px;
    }

    .h-md-320px {
        height: 320px;
    }

    .h-md-330px {
        height: 330px;
    }

    .h-md-340px {
        height: 340px;
    }

    .h-md-350px {
        height: 350px;
    }

    .h-md-360px {
        height: 360px;
    }

    .h-md-370px {
        height: 370px;
    }

    .h-md-380px {
        height: 380px;
    }

    .h-md-390px {
        height: 390px;
    }

    .h-md-400px {
        height: 400px;
    }

    .h-md-410px {
        height: 410px;
    }

    .h-md-420px {
        height: 420px;
    }

    .h-md-430px {
        height: 430px;
    }

    .h-md-440px {
        height: 440px;
    }

    .h-md-450px {
        height: 450px;
    }

    .h-md-460px {
        height: 410px;
    }

    .h-md-470px {
        height: 470px;
    }

    .h-md-480px {
        height: 480px;
    }

    .h-md-490px {
        height: 490px;
    }

    .h-md-500px {
        height: 500px;
    }
}


/*lg屏幕以上*/
@media only screen and (min-width: 992px) {

    /*行距*/
    .lh-lg-1 {
        line-height: 1;
    }

    .lh-lg-2 {
        line-height: 2;
    }

    .lh-lg-3 {
        line-height: 3;
    }

    .lh-lg-4 {
        line-height: 4;
    }

    /*字体大小*/
    .fs-lg-12 {
        font-size: .857rem;
    }

    .fs-lg-14 {
        font-size: 1rem;
    }

    .fs-lg-16 {
        font-size: 1.142rem;
    }

    .fs-lg-18 {
        font-size: 1.285rem;
    }

    .fs-lg-20 {
        font-size: 1.428rem;
    }

    .fs-lg-22 {
        font-size: 1.571rem;
    }

    .fs-lg-24 {
        font-size: 1.714rem;
    }

    .fs-lg-26 {
        font-size: 1.857rem;
    }

    .fs-lg-28 {
        font-size: 2rem;
    }

    .fs-lg-30 {
        font-size: 2.142rem;
    }

    .fs-lg-32 {
        font-size: 2.286rem;
    }

    .fs-lg-34 {
        font-size: 2.429rem;
    }

    .fs-lg-36 {
        font-size: 2.571rem;
    }

    .fs-lg-38 {
        font-size: 2.714rem;
    }

    .fs-lg-40 {
        font-size: 2.857rem;
    }

    /*高度*/
    .h-lg-5px {
        height: 5px;
    }

    .h-lg-10px {
        height: 10px;
    }

    .h-lg-15px {
        height: 15px;
    }

    .h-lg-20px {
        height: 20px;
    }

    .h-lg-25px {
        height: 25px;
    }

    .h-lg-30px {
        height: 30px;
    }

    .h-lg-35px {
        height: 35px;
    }

    .h-lg-40px {
        height: 40px;
    }

    .h-lg-45px {
        height: 45px;
    }

    .h-lg-50px {
        height: 50px;
    }

    .h-lg-55px {
        height: 55px;
    }

    .h-lg-60px {
        height: 60px;
    }

    .h-lg-65px {
        height: 65px;
    }

    .h-lg-70px {
        height: 70px;
    }

    .h-lg-75px {
        height: 75px;
    }

    .h-lg-80px {
        height: 80px;
    }

    .h-lg-85px {
        height: 85px;
    }

    .h-lg-90px {
        height: 90px;
    }

    .h-lg-95px {
        height: 95px;
    }

    .h-lg-100px {
        height: 100px;
    }

    .h-lg-110px {
        height: 110px;
    }

    .h-lg-120px {
        height: 120px;
    }

    .h-lg-130px {
        height: 130px;
    }

    .h-lg-140px {
        height: 140px;
    }

    .h-lg-150px {
        height: 150px;
    }

    .h-lg-160px {
        height: 160px;
    }

    .h-lg-170px {
        height: 170px;
    }

    .h-lg-180px {
        height: 180px;
    }

    .h-lg-190px {
        height: 190px;
    }

    .h-lg-200px {
        height: 200px;
    }

    .h-lg-210px {
        height: 210px;
    }

    .h-lg-220px {
        height: 220px;
    }

    .h-lg-230px {
        height: 230px;
    }

    .h-lg-240px {
        height: 240px;
    }

    .h-lg-250px {
        height: 250px;
    }

    .h-lg-260px {
        height: 260px;
    }

    .h-lg-270px {
        height: 270px;
    }

    .h-lg-280px {
        height: 280px;
    }

    .h-lg-290px {
        height: 290px;
    }

    .h-lg-300px {
        height: 300px;
    }

    .h-lg-310px {
        height: 310px;
    }

    .h-lg-320px {
        height: 320px;
    }

    .h-lg-330px {
        height: 330px;
    }

    .h-lg-340px {
        height: 340px;
    }

    .h-lg-350px {
        height: 350px;
    }

    .h-lg-360px {
        height: 360px;
    }

    .h-lg-370px {
        height: 370px;
    }

    .h-lg-380px {
        height: 380px;
    }

    .h-lg-390px {
        height: 390px;
    }

    .h-lg-400px {
        height: 400px;
    }

    .h-lg-410px {
        height: 410px;
    }

    .h-lg-420px {
        height: 420px;
    }

    .h-lg-430px {
        height: 430px;
    }

    .h-lg-440px {
        height: 440px;
    }

    .h-lg-450px {
        height: 450px;
    }

    .h-lg-460px {
        height: 410px;
    }

    .h-lg-470px {
        height: 470px;
    }

    .h-lg-480px {
        height: 480px;
    }

    .h-lg-490px {
        height: 490px;
    }

    .h-lg-500px {
        height: 500px;
    }
}





.slogan {
    background: #1E1A19;
    overflow: hidden;
}

.slogan .sloganbox .text .content {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

.slogan .unit {
    width: 25%;
    border-right: 1px solid rgba(91, 91, 91, 0.7);
    border-bottom: none;
}

.slogan .unit:first-child {
    border-left: 1px solid rgba(91, 91, 91, 0.7);
}

.slogan .sloganbox {
    position: relative;

}



.slogan .sloganbox .text {
    /* top: -5px; */
    /*    padding-left: 80px; */
    line-height: 30px;
    height: 30px;
    padding-top: 10px
}

.slogan .sloganbox .text .subject {
    font-size: 30px;
}

.slogan .sloganbox .text .content {
    display: block;
    line-height: 30px;
}

.slogan .sloganbox {
    /*   padding: 32px; */
}

.slogan .sloganbox .icon {

    width: 88px;
    height: 88px;
    float: left;
    padding: 5px 0 0 50px;
}

.slogan .sloganbox .text {

    padding-left: 150px;
}

.slogan .sloganbox .text .subject {
    font-size: 30px;
    color: #fff;
}


.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 1400px;
    height: 90px;
    margin: 0 auto;
}


/*关于我们页面样式*/
.w {
    width: 1400px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.page_culture .worth__detail .card {
    display: flex;
    height: 450px;
    align-items: stretch;
    margin-bottom: .24rem
}

.page_culture .worth__detail .card .desc,
.page_culture .worth__detail .card .img {
    flex: 1;
    position: relative;
    background: #fff
}

.page_culture .worth__detail .card img {
    display: block;
    width: 100%;
    height: 100%
}

.page_culture .worth__detail .card .title {
    position: absolute;
    top: 2rem;
    left: .85rem;
    font-size: 1rem;
    letter-spacing: .02rem;
    color: #111
}

.page_culture .worth__detail .card .content {
    position: relative;
    top: 4rem;
    left: .85rem;
    width: 15rem;
    font-size: 0.4rem;
    letter-spacing: .01rem;
    color: #111;
    opacity: .8;
}

.page_culture {
    padding-top: 1rem;
    background-color: #f1f1f1
}

.page_culture .card {
    padding: .3rem;
    margin: .3rem auto;
    width: 1400px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 .32rem .04rem rgba(50, 50, 50, .07)
}

.page_culture .card img {
    height: 3.3rem
}

.page_culture .card .title {
    font-weight: 600;
    margin-top: .5rem;
    font-size: .42rem;
    line-height: 1rem;
    letter-spacing: .02rem;
    color: #111
}

.page_culture .card .content {
    margin-top: .28rem;
    font-size: .26rem;
    line-height: 0.7rem;
    letter-spacing: .01rem;
    color: #111;
    opacity: .9;
    margin-bottom: .3rem
}

.page_culture .worth .title {
    margin-top: 1rem;
    font-size: 1rem;
    letter-spacing: .02rem;
    color: #111;
    text-align: center;
    line-height: 1em;
}

.page_culture .worth .sub_title {
    margin-top: .6rem;
    font-size: .8rem;
    letter-spacing: .02rem;
    color: #111;
    text-align: center;
    line-height: 1em;
}

.page_culture .worth .content {
    margin: .6rem auto 0;
    height: 1.5rem;
    font-size: .4rem;
    letter-spacing: .01rem;
    color: #111;
    opacity: 1;
    text-align: center;
}



/*解决方案 智慧家庭样式*/

.w1600 {
    width: 83.3vw;
    margin: 0 auto;
}

.bgef {
    background-color: #efefef;
}

.family-list1 {
    padding-bottom: 3.2rem;
}

.family-list1 .list1-mains {
    height: 600px;
}

.family-list1 .family-hd01 {
    display: none;
}

.family-list1 .swiper-slide {
    background: #fff;
    position: relative;
    transition-duration: .8s;
}

.family-list1 .list1-h5 {
    font-size: 26px;
    line-height: 24px;
    color: #000;
    transition-delay: .6s;
    transition-duration: .8s;
    opacity: 1;
    transform: translateY(30px);
}

.family-list1 .list1-h5:after {
    display: block;
    content: "";
    background-color: #000;
    margin: 14px 0;
    width: 32px;
    height: 1px;
}

.family-list1 .list1-detail {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    transition-duration: .8s;
    transition-delay: .8s;
    opacity: 1;
    transform: translateY(30px);
}

.family-list1 .list1-txts {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/family-list1-bg2.png) no-repeat center;
    width: 640px;
    height: 280px;
    padding: 52px 30px 40px 5rem;
}

.family-list1 .list1-banner-wrap {
    position: relative;
}

.family-list1 .bgImg {
    height: 600px;
}

.family-list1 .swiper-slide-active .list1-h5,
.family-list1 .swiper-slide-active .list1-detail {
    opacity: 1;
    transform: translateY(0);
}

.family-list1 .scroll-wrap {
    height: 120px;
}

.moudle-titles1 {
    text-align: center;
    padding: 50px 0 44px;
}

.moudle-titles1 .moudle-h6 {
    font-size: 24px;
    line-height: 1.2;
    color: #4d4948;
    margin-bottom: 12px;
}

.moudle-titles1 .moudle-h5 {
    font-size: 36px;
    line-height: 1.2;
    color: #333;
}

.moudle-titles3 .moudle-h4 {
    font-size: 48px;
    line-height: 1.2;
    padding-bottom: 6px;
    color: #333;
}

.moudle-titles1 .moudle-font18 {
    font-size: 18px;
    line-height: 1.2;
    color: #888;
    margin-top: 14px;
}

.moudle-titles1 .s-red {
    color: #e60039;
}

.moudle-titles1 .h5-s0,
.moudle-titles1 .s-red {
    position: relative;
}

.moudle-titles1 .h5-s0:after,
.moudle-titles1 .s-red:after {
    position: absolute;
    content: "";
    display: block;
    width: 89px;
    height: 60px;
    top: -24px;
    right: -18px;
    z-index: 0;
    background: url({pboot:sitetplpath}/images/bg-ico1.png) no-repeat center;
}

.moudle-titles2 {
    text-align: center;
    padding: 70px 0 48px;
}

.moudle-titles2 .moudle-h5 {
    font-size: 36px;
    line-height: 1.2;
    color: #4d4948;
}

.moudle-titles2 .moudle-h5:after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin: 16px auto 0;
    background: #666;
}

.moudle-titles2.white .moudle-h5 {
    color: #fff;
}

.moudle-titles2.white .moudle-h5:after {
    background: #fff;
}

.app .flexBox.center {
    justify-content: center;
}

.moudle-titles3 {
    text-align: center;
    padding: 64px 0 56px;
    color: #333;
}

.moudle-titles3 .moudle-h5 {
    font-size: 36px;
    line-height: 1.5;
}

.moudle-titles3 .moudle-h6 {
    font-size: 30px;
    line-height: 1.5;
    color: #666;
}

.moudle-titles3 .moudle-detail {
    font-size: 14px;
    line-height: 2;
    margin-top: 12px;
}

.moudle-titles3.white {
    color: #fff;
}

.moudle-titles3.white .moudle-h5,
.moudle-titles3.white .moudle-h6 {
    color: #fff;
}

.moudle-titles4 {
    text-align: center;
    padding: 70px 0 48px;
}

.moudle-titles4 .moudle-h5 {
    font-size: 36px;
    line-height: 1.2;
    color: #4d4948;
}

.moudle-titles4 .moudle-h5:after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin: 16px auto 0;
    background: #666;
}

.moudle-titles4.white .moudle-h5 {
    color: #fff;
}

.moudle-titles4.white .moudle-h5:after {
    background: #fff;
}

.bgImg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.family-list2 {
    padding-bottom: 3.4rem;
}

.family-list2 .list2-mains1 {
    position: relative;
    padding-left: 200px;
}

.family-list2 .right-bg {
    position: relative;
    opacity: 0;
    transition-duration: .3s;
}

.family-list2 .right-bg.cur {
    opacity: 1;
    transition-duration: .5s;
}

.family-list2 .list2-mains2 {
    position: relative;
    padding-left: 412px;
    margin-top: 12px;
}

.family-list2 .list2-nav-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    background-color: #fff;
}

.family-list2 .list2-nav-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e60039 !important;
}

.family-list2 .scroll-wrap {
    height: 100%;
}

 @media (min-width: 1360px) {

.family-list2 .nav-item {
    cursor: pointer;
    transition-duration: .3s;
    border-bottom: 1px solid #efefef;
    font-size: 20px;
    padding: 16px 40px 16px 28px;
    line-height: 40px;
    color: #4d4948;
    background: url(../images/family-list2-prev1.png) no-repeat top 30px right 30px;
}

.family-list2 .nav-item:hover,
.family-list2 .nav-item.cur {
    color: #e60039;
    background: url(../images/family-list2-prev1on.png) no-repeat top 30px right 30px;
}
} 

 @media (min-width: 1850px) {

.family-list2 .nav-item {
    cursor: pointer;
    transition-duration: .3s;
    border-bottom: 1px solid #efefef;
    font-size: 20px;
    padding: 29px 40px 29px 28px;
    line-height: 40px;
    color: #4d4948;
    background: url(../images/family-list2-prev1.png) no-repeat top 44px right 30px;
}

.family-list2 .nav-item:hover,
.family-list2 .nav-item.cur {
    color: #e60039;
    background: url(../images/family-list2-prev1on.png) no-repeat top 44px right 30px;
}
}



.family-list2 .right-mains {
    position: relative;
}

.family-list2 .list2-mains1 {
    min-height: 15rem;
    position: relative;
    z-index: 2;
}

.family-list2 .right-bg,
.family-list2 .list2-nav-wrap {
    height: 14.8rem;
}

.family-list2 .points-wrap {
    z-index: 2;
}

.family-list2 .points-close {
    right: 16px;
    top: 16px;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.family-list2 .points-mains {
    z-index: 2;
    display: none;
    width: 290px;
    height: 180px;
    position: absolute;
    background: #e60039 url(../images/family-list2-en.png) no-repeat top 36px right 16px;
    padding: 38px 20px 16px 24px;
    color: #fff;
}

.family-list2 .points-mains .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff !important;
    width: 1px !important;
}

.family-list2 .points-item {
    position: absolute;
}

.family-list2 .points-item.cur .points-num {
    background-color: #e60039;
    color: #fff;
}

.family-list2 .points-num {
    width: 36px;
    height: 36px;
    cursor: pointer;
    background-color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    color: #474444;
    transition-duration: .3s;
}

.family-list2 .points-name {
    font-size: 20px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}

.family-list2 .points-name:after {
    content: "";
    display: block;
    background: #fff;
    height: 1px;
    margin: 10px 0 12px;
    width: 24px;
}

.family-list2 .points-detail {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.family-list2 .l-t .points-mains {
    top: 45px;
    left: 36px;
}

.family-list2 .l-b .points-mains {
    bottom: 45px;
    left: 36px;
}

.family-list2 .r-t .points-mains {
    top: 45px;
    right: 36px;
}

.family-list2 .r-b .points-mains {
    bottom: 45px;
    right: 36px;
}

.family-list2 .list2-left2 {
    cursor: default;
    padding-top: 1rem;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 390px;
    background: url(../images/family-list2-bg3.jpg) no-repeat center;
    background-size: cover !important;
}

.family-list2 .left2-mains {
    width: 194px;
    margin-left: 1.4rem;
}

.family-list2 .list2-banner {
    overflow: hidden;
}

.family-list2 .left2-h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
}

.family-list2 .left2-h2:after {
    content: "";
    display: block;
    background: #fff;
    height: 1px;
    margin: .4rem 0 .8rem;
    width: 48px;
}

.family-list2 .left2-more {
    display: inline-block;
    width: 32px;
    height: 32px;
    transition-duration: .3s;
    background: #fff url(../images/left2-more.png) no-repeat center;
}

.family-list2 .pro-name {
    position: absolute;
    font-size: 18px;
    line-height: 2;
    bottom: 6px;
    left: 0;
    width: 100%;
    color: #333;
    text-align: center;
}

.family-list3 .list3-banner {
    overflow: hidden;
}

.family-list3 .swiper-slide {
    display: inline-block;
    transition-duration: .5s;
}

.family-list3 .swiper-slide:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.family-list3 .swiper-slide:hover .case-h5 {
    color: #e60039;
}

.family-list3 .case-address {
    position: absolute;
    width: 100%;
    text-align: right;
    height: 40px;
    bottom: 0;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
}

.family-list3 .case-txts {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: .5rem .9rem;
}

.family-list3 .case-h5 {
    font-size: 20px;
    line-height: 24px;
    color: #666;
    transition-duration: .5s;
}

.family-list3 .case-detail {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    margin: 6px 0 10px;
    height: 40px;
}

.family-list3 .case-more {
    font-size: 12px;
    line-height: 20px;
    color: #e60039;
}

.family-list4 {
    position: relative;
    padding-left: 41.65vw;
}

.family-list4 .list4-left {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 50%;
}

.family-list4 .m-img {
    display: none;
}

.family-list4 .list4-right {
    background: url(../images/family-list4-bg2.png) no-repeat top 1.7rem right;
    background-size: 4rem;
    padding: 2.5rem 0 2.6rem;
}

.family-list4 .right-mains {
    width: 414px;
    margin-left: 3.25rem;
}

.family-list4 .list4-h2 {
    font-size: 36px;
    line-height: 1.5;
    color: #4b4848;
}

.family-list4 .list4-h2:after {
    content: "";
    display: block;
    background: #2f2e2e;
    height: 2px;
    margin: 22px 0 36px;
    width: 48px;
}

.family-list4 .tr {
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.family-list4 .td {
    flex: 0 0 49%;
    position: relative;
}

.family-list4 .code-td,
.family-list4 .province-td {
    flex: 0 0 100%;
}

.family-list4 .form-input {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;
    border: none;
    padding: 0;
    background: none;
}

.family-list4 .user-input {
    text-indent: 22px;
    background: url(../images/user-input.png) no-repeat left center;
}

.family-list4 .tele-input {
    text-indent: 22px;
    background: url(../images/tele-input.png) no-repeat left center;
}

.family-list4 .form-section {

    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;

}

.family-list4 .province-section {
    z-index: 2;
}

.family-list4 select {
    display: block;
    width: 100%;
    background: none;
    border: none;
    color: #666;
    height: 40px;
    line-height: 40px;
}

.family-list4 .captcha {
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    max-height: 100%;
    width: 100px;
}

.family-list4 .options-wrap {
    position: absolute;
    z-index: 3;
    width: 100%;
    max-height: 240px;
    top: 100%;
    left: 0;
    display: none;
    background: #fff;
    color: #333;
    height: auto;
    line-height: 40px;
    padding: 0 10px;
    transition-duration: .3s;
}

.family-list4 .options-scroll {
    max-height: 240px;
}

.family-list4 .options-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.family-list4 .form-input::placeHolder,
.family-list4 .form-textarea::placeHolder {
    color: #333;
}

.family-list4 .list4-submit {
    width: 100%;
    display: block;
    height: 64px;
    line-height: 64px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    background-color: #2f2e2e;
    margin-top: 1.1rem;
    border: none;
    transition-duration: .3s;
}

.family-list4 .list4-submit:hover {
    background: #e60039;
}

.family-list4 .form-textarea {
    display: block;
    width: 100%;
    height: 100px;
    line-height: 25px;
    padding: 0;
    border: none;
    background: none;
    font-size: 14px;
    color: #333;
}

.solution-list1 {
    padding-bottom: 1rem;
}

.solution-list1 .swiper-btns-wrap5 {
    transform: translateY(10px);
    opacity: 0;
    transition-duration: .5s;
}

.solution-list1 .solution-list1-banner:hover .swiper-btns-wrap5 {
    transform: translateY(0);
    opacity: 1;
}

.solution-list1 .swiper-slide {
    color: #4d4948;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding: 1.6rem 10px 1rem;
    background: #fff;
}

.solution-list1 .pro-h5 {
    margin-top: .9rem;
}

.solution-list1 .img-wrap {
    display: inline-block;
    width: 170px;
}


.family-hd01 {
    width: 920px;
    height: 60px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition-duration: .5s;
}

.family-hd01:after {
    z-index: 1;
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    left: 0;
    top: 14px;
    background: url(../images/after-line1.png) repeat-x center;
}

.family-hd01 .swiper-pagination-bullet {
    width: 110px !important;
    height: 60px !important;
    position: relative;
    z-index: 2;
    padding-top: 38px;
    text-align: center;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    font-size: 14px;
    line-height: 22px;
    color: transparent;
    opacity: 1;
    background-color: none !important;
    transition-duration: .3s;
}

.family-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-size: 30px !important;
    color: #fff;
}

.mCSB_scrollTools {
    width: 10px !important;
}

.wel-list2 .mCSB_scrollTools {
    width: 100% !important;
}
.inner-banner {
  position: relative; 
  z-index: -1;
}
  .inner-banner .pc-img {
    position: relative;
    z-index: 2;
    height: 17.875rem; }
  .inner-banner .banner-titles {
    position: absolute;
    text-align: center;
    z-index: 2;
    width: 1280px;
    left: 50%;
    top: 50%;
    height: auto;
    color: #fff;
    font-size: 14px;
    transform: translate(-50%, -50%); }
  .inner-banner .ban-en {
    font-size: 68px;
    font-family: "Arial";
    letter-spacing: 2px;
    transition-delay: .2s;
    line-height: 1.8; }
  .inner-banner .ban-cn {
    font-size: 24px;
    line-height: 1.1;
    transition-duration: .8s;
    transition-delay: .4s; }
    .inner-banner .ban-cn:after {
      content: "";
      display: block;
      height: 2px;
      width: 0px;
      margin: 30px auto 0;
      background: #fff;
      transition-delay: 1s;
      transition-duration: .8s; }
    .inner-banner .ban-cn.animate:after {
      width: 48px; }



/* 焦点图 透明过度
------------------------------ */
.slide_fade{overflow:hidden;position:relative;margin:20px auto;width:1600px;height:800px;background:#bbb;}
.slide_fade .box{overflow:hidden;position:relative;width:1600px;height:700px;background:#000;z-index:4;}
.slide_fade .box a{color:#fff;}
.slide_fade .box a:hover{text-decoration:none;}
.slide_fade .list{overflow:hidden;height:9999px;}
.slide_fade .list li{position:relative;width:960px;height:270px;}
.slide_fade .list img{_vertical-align:top;}
.slide_fade .txt{cursor:pointer;position:absolute;top:20px;left:45px;font:14px/24px "\5fae\8f6f\96c5\9ed1";}
.slide_fade .txt h3{font:40px/80px "\5fae\8f6f\96c5\9ed1";}


.slide_fade .btn{position:absolute;bottom:0;left:0;height:97px;background:#fff;z-index:5;}
.slide_fade .btn a{color:#555;text-decoration:none;}
.slide_fade .btn li{overflow:hidden;float:left;width:246px;height:90px;margin:0 0 0 12px;padding-top:7px;color:#333;line-height: 70px; border-left: 1px solid #efefef;}
.slide_fade .btn li:last-child{border-right: 1px solid #efefef;}
.slide_fade .btn li:first-child{margin-left:0;}
.slide_fade .btn .selected{position:relative;top:-3px;border-top:3px solid #f32465;}
.slide_fade .btn h3{padding:4px 0 0 0;font:12px/20px "\5b8b\4f53";text-indent:2px;}
.slide_fade .btn p{color:#999;font:12px/20px "\5b8b\4f53";text-indent:2px;}
.slide_fade .btn p a{color:#999;}
.slide_fade .btn p a:hover{text-decoration:underline;}


.office-list1 {
  padding-bottom: 2rem; }
  .office-list1 .pro-hd02 {
    display: none; }
  .office-list1 .list1-banner {
    overflow: hidden; }
  .office-list1 .swiper-item {
    position: relative;
    overflow: hidden; }
    /*.office-list1 .swiper-item:nth-child(2n-1) {
      margin-bottom: 16px; }*/
    .office-list1 .swiper-item:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2;
      background: url(../images/office-list11-bg.png) no-repeat center;
      background-size: cover !important; }
  .office-list1 .list1-h5 {
    z-index: 3;
    font-size: 18px;
    line-height: 2;
    bottom: 10px;
    left: 0;
    width: 100%;
    position: absolute;
    padding: 0 32px;
    color: #fff; }

.swiper-banner0 {
  overflow: hidden; }

.office-list2 {
  padding: 1.8rem 0 4.8rem; }
  .office-list2 .swiper-slide {
    text-align: center;
    color: #fff;
    padding: 0 32px; }
  .office-list2 .ico-wrap {
    width: 100px;
    height: 100px;
    margin: 0 auto 1.2rem;
    border: 1px solid #fff;
    padding: 21px;
    border-radius: 50%; }
  .office-list2 .ico-h5 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px; }
  .office-list2 .ico-detail {
    font-size: 14px;
    line-height: 24px; }

.office-list3 .office-list3-mains {
  position: relative;
  padding-right: 37.5vw;
  margin-bottom: 2.5rem; }
.office-list3 .list3-right {
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 1;
  position: absolute; }
.office-list3 .list3-left {
  position: relative;
  z-index: 2; }

 @media (min-width: 1360px) {
    .office-list3 .list3-left .img100{
        width: 600px;
    }

} 


 @media (min-width: 1850px) {
.office-list3 .list3-left .img100{
       width: 100%;
    }
} 



.office-list3 .img-h5 {
  text-align: center;
  font-size: 20px;
  line-height: 54px;
  color: #4b4848; }
.office-list3 .item-detail {
  font-size: 14px;
  line-height: 22px;
  color: #888; }
.office-list3 .item-h5 {
  font-size: 20px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 10px;
  position: relative; }
  .office-list3 .item-h5:before {
    position: absolute;
    content: "";
    display: block;
    right: 100%;
    top: 50%;
    width: 32px;
    margin-right: 8px;
    height: 1px;
    background: #e60039; }
.office-list3 .right-item {
  margin-top: 1.3rem; }
  .office-list3 .right-item:first-child {
    margin-top: 0; }
.office-list3 .right-mains {
  height: 100%;
  padding: 2rem 3.3rem; }
.office-list3 .scroll-wrap {
  height: 100%; }
.office-list3 .mCSB_inside > .mCSB_container {
  padding-left: 40px !important; }
.office-list3 .right-ico-wrap {
  margin-top: .7rem;
  justify-content: flex-start; }
.office-list3 .ico-item {
  padding-top: 21px;
  border: 1px solid #dcdcdc;
  flex: 0 0 96px;
  height: 96px;
  margin-right: 18px;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  text-align: center; }
.office-list3 .ico-wrap {
  width: 40px;
  margin: 0 auto 6px; }
.office-list3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #e60039 !important; }

  .flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solution-list1 {
  padding-bottom: 1rem;
}
.solution-list1 .swiper-btns-wrap5 {
  transform: translateY(10px);
  opacity: 0;
  transition-duration: .5s;
}
.solution-list1 .solution-list1-banner:hover .swiper-btns-wrap5 {
  transform: translateY(0);
  opacity: 1;
}
.solution-list1 .swiper-slide {
  color: #4d4948;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  padding: 1.6rem 10px 1rem;
  background: #fff;
}
.solution-list1 .pro-h5 {
  margin-top: .9rem;
}
.solution-list1 .img-wrap {
  display: inline-block;
  width: 170px;
}
.swiper-btns-wrap5 {
  position: absolute;
  z-index: 3;
  height: 1px;
  overflow: visible;
  width: 100%;
  left: 0;
  top: 50%; }
  .swiper-btns-wrap5 .btn {
    position: absolute;
    display: block;
    width: 27px;
    height: 50px;
    margin-top: -25px;
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100%;
    overflow: hidden; 
border: 0;
    padding: 0; 

}
    .swiper-btns-wrap5 .btn:focus {
      outline: none; }
  .swiper-btns-wrap5 .prev {
    left: 1.5rem;
    background-image: url(../images/prev4.png); }
    .swiper-btns-wrap5 .prev:hover {
      background-image: url(../images/prev4on.png); }
  .swiper-btns-wrap5 .next {
    right: 1.5rem;
    background-image: url(../images/next4.png); }
    .swiper-btns-wrap5 .next:hover {
      background-image: url(../images/next4on.png); }

      .flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.can-hover .img-wrap {
  overflow: hidden; }
  .can-hover .img-wrap .img100 {
    transition: all 1s ease; }
.can-hover:hover .img-wrap .img100 {
  transform: scale3D(1.1, 1.1, 1.1); }




/*导航栏新样式*/


 @media (min-width: 1360px) {
    .topright .logo img{
        width: 350px;
        height: 56px;
        margin-left: 50px;
    }
.topright{
    height: 60px;
line-height: 60px;
width: 100%;
overflow: visible;
margin: 0 auto;
background: #fff;
}
#nav li {
    float: left;
    display: inline-block;
    list-style: none;
    font-size: 12px;
    text-align: center;
    position: relative;
    height: 60px;
    color: #fff;
   
}
#nav li a {

    position: relative;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-decoration: none;
    line-height: 60px;
    display: block;
    padding: 0;
    width: 100px;
    text-align: center;

}

/* #nav li:first-child{border-left: 1px solid#082b60;} */

#nav li.hover a, #nav li:hover a {
    color: #fff;
    background: #00ac94;
    line-height: 60px;
    text-decoration: none;
}
.top .toprig .item h4 {
    display: block;
    font-size: 16px;
}
} 
 @media (min-width: 1680px) {
.topright .logo img{
        width: 461px;
        height: 76px;
        margin-left: 100px;
    }
.topright{
    height: 80px;
line-height: 80px;
width: 100%;
overflow: visible;
margin: 0 auto;
background: #fff;
}

#nav li {
    float: left;
    display: inline-block;
    list-style: none;
    font-size: 16px;
    text-align: center;
    position: relative;
    height: 80px;
    color: #fff;
   
}
#nav li a {

    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-decoration: none;
    line-height: 80px;
    display: block;
    padding: 0;
    width: 150px;
    text-align: center;

}

/* #nav li:first-child{border-left: 1px solid#082b60;} */



 
#nav li.hover a, #nav li:hover a {
/* color: #3fb150;
border: 1px solid #3fb150; */
}
#nav li.hover a, #nav li:hover a {
    color: #fff;
    background: #00ac94;
    line-height: 80px;
    text-decoration: none;
}
.top .toprig .item h4 {
    display: block;
    font-size: 30px;
}
 }

 @media (min-width: 1681px) and(max-width: 1899px){
 	.topright .logo img{
        width: 461px;
        height: 76px;
        margin-left: 100px;
    }
.topright{
    height: 80px;
line-height: 80px;
width: 100%;
overflow: visible;
margin: 0 auto;
background: #fff;
}

#nav li {
    float: left;
    display: inline-block;
    list-style: none;
    font-size: 16px;
    text-align: center;
    position: relative;
    height: 80px;
    color: #fff;
   
}
#nav li a {

    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-decoration: none;
    line-height: 80px;
    display: block;
    padding: 0;
    width: 150px;
    text-align: center;

}

/* #nav li:first-child{border-left: 1px solid#082b60;} */



 
#nav li.hover a, #nav li:hover a {
/* color: #3fb150;
border: 1px solid #3fb150; */
}
#nav li.hover a, #nav li:hover a {
    color: #fff;
    background: #00ac94;
    line-height: 80px;
    text-decoration: none;
}
.top .toprig .item h4 {
    display: block;
    font-size: 30px;
}
 	
 }


 @media (min-width: 1850px) {
     .topright .logo img{
        width: 461px;
        height: 76px;
        margin-left: 100px;
    }
.topright{
    height: 80px;
line-height: 80px;
width: 100%;
overflow: visible;
margin: 0 auto;
background: #fff;
}

#nav li {
    float: left;
    display: inline-block;
    list-style: none;
    font-size: 16px;
    text-align: center;
    position: relative;
    height: 80px;
    color: #fff;
   
}
#nav li a {

    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-decoration: none;
    line-height: 80px;
    display: block;
    padding: 0;
    width: 150px;
    text-align: center;

}

/* #nav li:first-child{border-left: 1px solid#082b60;} */



 
#nav li.hover a, #nav li:hover a {
/* color: #3fb150;
border: 1px solid #3fb150; */
}
#nav li.hover a, #nav li:hover a {
    color: #fff;
    background: #00ac94;
    line-height: 80px;
    text-decoration: none;
}
.top .toprig .item h4 {
    display: block;
    font-size: 30px;
}
} 


#nav{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#nav .navlist {
    position: relative;
    display: block;
    margin: 0 auto;
}



/*导航栏下拉*/

#nav ul .subnav {
    position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    z-index: 99999999;
}

#nav ul li:hover .subnav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
#nav ul .subnav {
    background: #fff;
    border-top: 1px solid #00ac94;  
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 99999999;
}
#nav ul .subnav a {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
    max-width: 100%;
    border: 0 none;
    border-bottom: 1px solid #00ac94;
    border-radius: initial;
    background-color: #fff;
 
}
#nav ul .subnav a:hover {
    color: #fff;
    background: #00ac94;
    text-indent: 3px;
}


/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  /* padding: 8px 12px; */
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #00ac94;
    border: 1px solid #00ac94;
    color: #fff;
}
.pagination a.page-num-current {
  color: #fff;
  background: #00ac94;
  border: 1px solid #00ac94;
}
/* ----- PB分页数字条效果 结束 ----- */



/*一站式服务开始*/
.index .title{text-align: center;width: 100%;}
.index .title h3{font-size:30px;font-weight:normal;display:block;line-height:30px;}
.index .title h4{color:#cccccc;font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 20px;line-height: 40px;}
.index .title h3 b{display:inline-block;font-weight:bold;color:#3366ad;}
.index .title em{width:60px;height:24px;margin:0 auto;background-position:0 -124px;}
.index .floor_2 .title{color: #fff;position: absolute;left: 0;top:80px;z-index: 3;}
.index .floor_2 .title h4{color: #fff;}
.index .floor_2 .title h3 b{color: #fff;}
.index .floor_2 .title em{background-position:0 -158px;}

.index .floor_1{padding-top:74px;padding-bottom:74px;position: relative;}
.index .fuwu{width:600px;height:700px;background: url(../images/ysbg.jpg) no-repeat left top;margin:0 auto;padding-top:148px;}
.index .floor_1 .item{position:absolute;width:360px;padding-right:31px;}
.index .floor_1 .item a{display:block;position:relative;padding-left:80px;padding-top: 38px;}
.index .floor_1 .item a:hover{color:#3366ad;}
.ys_ico{background: url(../images/ys_ico.png) no-repeat;}

.index .floor_1 .item h3{font-size:20px;font-weight:bold;line-height:20px;}
.index .floor_1 .item h3:hover{color:#3366ad;}
.index .floor_1 .item p{line-height:20px;color:#666;float:left;width:130px;padding-top:8px;}
.index .floor_1 .item span{width:96px;height:60px;display:block;float:left;margin-right:22px;}
.index .floor_1 .item .xian{width:0;height: 92px;position: absolute;top: 0;display:none;}
.index .floor_1 .item .xian em{width: 188px;height: 92px;display: block;}
.index .floor_1 .it1 span{background-position: 0 0;}
.index .floor_1 .it2 span{background-position:-100px 0;}
.index .floor_1 .it3 span{background-position:-200px 0;}
.index .floor_1 .it4 span{background-position:-300px 0;}
.index .floor_1 .it5 span{background-position:-400px 0;}
.index .floor_1 .it6 span{background-position:-500px 0;}
.index .floor_1 .hover.it1 span{background-position: 0 -70px;}
.index .floor_1 .hover.it2 span{background-position:-100px -70px;}
.index .floor_1 .hover.it3 span{background-position:-200px -70px;}
.index .floor_1 .hover.it4 span{background-position:-300px -70px;}
.index .floor_1 .hover.it5 span{background-position:-400px -70px;}
.index .floor_1 .hover.it6 span{background-position:-500px -70px;}
.index .floor_1 .it4,.index .floor_1 .it5,.index .floor_1 .it6{padding-right:0;padding-left:31px;text-align: right;}
.index .floor_1 .it1 .xian,.index .floor_1 .it2 .xian,.index .floor_1 .it3 .xian{left: -9%;}
.index .floor_1 .it5 .xian,.index .floor_1 .it6 .xian{left:171px;top: -1px;}
.index .floor_1 .it4 .xian{left: 173px;top: -1px;}
.index .floor_1 .it1 em,.index .floor_1 .it2 em,.index .floor_1 .it3 em{background-position:0 -140px;}
.index .floor_1 .it4 em,.index .floor_1 .it5 em,.index .floor_1 .it6 em{background-position:0 -240px;}
.index .floor_1 .it4 a,.index .floor_1 .it5 a,.index .floor_1 .it6 a{padding-left:0;padding-right:80px;}
.index .floor_1 .it4 span,.index .floor_1 .it5 span,.index .floor_1 .it6 span{float: right;margin-right:0;margin-left:22px;}


.index .floor_1 .it1{right: 0;top:72px;}
.index .floor_1 .it2{right:-58px;top:287px;}
.index .floor_1 .it3{right:1px;top:506px;}
.index .floor_1 .it4{left: 0;top:72px;}
.index .floor_1 .it5{left:-58px;top:287px;}
.index .floor_1 .it6{left:1px;top:506px;}

.index .floor_1_main,.index .floor_2_main,.index .floor_3_main,.index .floor_4_main{width:100%;height: 750px;}
.index .floor_2_main{background:url({pboot:sitetplpath}/images/youshi.jpg) no-repeat center top;height:674px;overflow: hidden;}
.index .floor_4_main{background:url({pboot:sitetplpath}/images/flo2.jpg) no-repeat center top;height: 818px;overflow: hidden;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}


/*关于我们*/
.n-about .listb {
    background: #f5f5f5;
    padding: 1.75rem 0;
}
.tac {
    text-align: center;
}
.tit-bold {
    font-weight: bold;
}
.col-000 {
    color: #000 !important;
}
.tit-48 {
    font-size: 0.8rem;
    line-height: 1.6;
}
.tit-20 {
    font-size: 20px;
    line-height: 1.2;
}
.col-666 {
    color: #666 !important;
    line-height: 2;
}
.n-about .listb .dlbox {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.n-about .listb .li-item {
  width: 50%;
  padding: 1.8rem;
}
.n-about .listb .li-item .img {
  width: 60px;
  height: 60px;
  margin-right: 1rem;
}
.n-about .listb .li-item .img img {
  width: 100%;
}
.n-about .listb .li-item .tit-24 {
  font-size: 24px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 15px;
}
.n-about .listb .li-item .text {
  width: calc(100% - 120px);
}
.n-about .listb .li-item:nth-child(1) {
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.n-about .listb .li-item:nth-child(2) {
  border-bottom: 1px solid #dadada;
}
.n-about .listb .li-item:nth-child(3) {
  border-right: 1px solid #dadada;
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
}


/*解决方案智慧消防样式*/
.case-su{

    width: 100%;

    padding-bottom: 85px;
    background-color: #fff;

}

.case-su h3{

    font-size: 30px;color: #000;

    text-align: center;

    padding: 35px 0 40px;

}

.case-su-cont{

     width: 100%;

}

.case-su-cont .case-dt{

    width: 100%;

    border: 1px solid #d0d0d0

}

.case-su-cont .case-dt .rigth{

    width: 25%;

}

.case-su-cont .case-dt .left{

    width: 75%;

}

.case-su-cont .case-dt .rigth p{

    display: inline-block

}

.case-su-cont .case-dt .rigth img{



    filter: contrast(8%);

    -webkit-filter:contrast(8%);

    -moz-filter: contrast(8%);

    -ms-filter: contrast(8%);

    -o-filter: contrast(8%);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    margin-right: 6px;



}

.case-su-cont .case-dt .rigth li{

    padding: 12px 8%;

    border-right: 1px solid #d0d0d0;

    border-bottom: 1px solid #d0d0d0;

    font-size: 16px;color: #666;

    cursor: pointer;

    position: relative;

}

.case-su-cont .case-dt .rigth li:last-of-type{

    border-bottom: none

}

.case-su-cont .case-dt .rigth li::before{

    content: '';

    width: 0;

    height: 100%;

    display: block;

    background: #009cc2;

    position: absolute;

    display:block;

    left: 0;

    top: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    z-index: -1;

}

.case-su-cont .case-dt .rigth .action::before{

    width: 100%;

}

.case-su-cont .case-dt .rigth .action{

    color: #fff !important

}

.case-su-cont .case-dt .rigth .action img{

    filter: contrast(100%);

    -webkit-filter:contrast(100%);

    -moz-filter: contrast(100%);

    -ms-filter: contrast(100%);

    -o-filter: contrast(100%);

}

.case-su-cont .case-dt .left .case-page{

    width: 100%;

    padding: 45px 8%;

    overflow-y: auto;

}



.case-su-cont .case-dt .left .case-page h6{

    font-size: 24px;color: #333;

    margin-bottom: 10px;

}
.case-ys{

    width: 100%;

    background: #f0f0f0;

    padding-bottom: 60px;

  

}

.case-ys1{

    padding-bottom: 20px;

}

.case-ys h3{

    text-align: center;

    font-size: 30px;

    color: #000;

    padding: 35px 0 40px;

}

.case-ys  li{

    width: 30%;

    margin-right: 5%;

    float: left;

    text-align: center;

    margin-bottom: 18px;

    padding: 10px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.case-ys li:nth-of-type(3n){

    margin-right: 0;

}

.case-ys  li h5{

    font-size: 18px;color: #333;

    padding: 12px 0 16px;

}

.case-ys  li h6{

    font-size: 14px;color: #666666;

    min-height: 79px

}

.case-ys  li:hover{

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px); 

}
 .case-su-new{
      width: 100%;
      border: 1px solid #d0d0d0;
  }
  .case-su-new .toWith .rigth img{
    filter: contrast(8%);
    -webkit-filter: contrast(8%);
    -moz-filter: contrast(8%);
    -ms-filter: contrast(8%);
    -o-filter: contrast(8%);
    margin-right: 12px;
  }
  .case-su-new .toWith{
      position: relative;
      border-bottom: 1px solid #d0d0d0;
  }
  .case-su-new .toWith:last-of-type{
    border-bottom:none;
  }
  .case-su-new .toWith::before{
      content: '';
      width: 1px;
      height: 100%;
      display: block;
      background: #d0d0d0;
      left: 25%;
      top: 0;
      position: absolute
  }
  .case-su-new .toWith .rigth p{
      display: inline-block;
      font-size: 16px;
  }
  
  .case-su-new .toWith .rigth{
         width: 25%;
         display: inline-block;
         vertical-align: middle;
         padding: 15px 25px;
         text-align: center;
  }
  .case-su-new .toWith .left{
      width: 74%;
      display: inline-block;
      vertical-align: middle;
      padding: 10px 5%;
  }