@charset "utf-8";

b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}

abbr,acronym,fieldset,img{border:0}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}

q:after,q:before{content:''}

i{font-style:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

caption,td,th{text-align:left;font-weight:400;}

a,button,img{border:none;text-decoration:none;}

a,button{text-decoration:none;}

button:focus,input:focus{outline:0;}

textarea{font-family:"Microsoft YaHei";}

img{border:none;outline:0;max-width:100%;height:auto;width:auto;}

a{color:#333;text-decoration:none;outline:0; cursor: pointer;}

ol,ul{list-style:none;}

table{word-break:break-all;word-wrap:break-word;}

body,html{ background: #ffffff; height: 100%;}

body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:0.24rem;font-weight:400;color:#333;width:100%;}

select::-ms-expand{display:none;}

::-webkit-input-placeholder{color:#999;}

::-moz-placeholder{color:#999;}

:-ms-input-placeholder{color:#999;}

.clear{clear:both;}

.w10{width:100%; padding: 0rem 0.1rem; box-sizing: border-box;}

.w20{width:100%; padding: 0rem 0.2rem; box-sizing: border-box;}

.w24{width:100%; padding: 0rem 0.24rem; box-sizing: border-box;}

.w30{width:100%; padding: 0rem 0.3rem; box-sizing: border-box;}

.w40{width:100%; padding: 0rem 0.4rem; box-sizing: border-box;}

.w100{width:100%;}

.fl{float:left;}

.fr{float:right;}

.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }

input{ border: none;}

input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 

input::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }

textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 

textarea::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }

@font-face{

    font-family: "Roboto";

    src:url(../font/Roboto-Bold.ttf);

}

.mt06{ margin-top: 0.6rem;}

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



/* ---------------------------------------首页------------------------------------------ */

/* header */

.item{ height: 1rem;}

.header { height: 1rem; background-color: #fff; width: 7.5rem; position: fixed; z-index: 100; margin-top: -1px; border-bottom: 0.02rem solid #eaeaea;}

.collapse-icon {width: 1rem; height: 1rem; background: url(../images/daoh.png) no-repeat center; display: block; float: left; background-size: 0.36rem 0.28rem; cursor: pointer;  position: relative; top: 0;left: 0rem;}

.logo { display: block; width: 2.24rem; margin: 0 auto; text-align: center;}

.logo img { display: block;height: 0.6rem; margin: 0.2rem auto 0;}

.nav-show { left: 0; box-shadow: 0 -0.05rem 0.2rem #000;}

nav { position: fixed; width: 5.6rem; height: 100%; left: -5.6rem;  top: 0; background-color: #fff; z-index: 999; transition: all .36s ease;  overflow-y: scroll;}

.nav-inner { position: relative; border-bottom: 0.01rem solid #eaeaea; padding-left: 0.3rem;}

.nav-show .nav-close { display: block;}

.nav-close { width: 1rem; height: 1rem; background: url(../images/close-icon.png) no-repeat center; background-size: 0.28rem 0.28rem; display: none; cursor: pointer;}

.nav-list .sub1-menu { transition: .36s ease; cursor: pointer;}

.nav-list .sub1 {  display: block;  height: 0.9rem;  width: 100%;  border-bottom: 0.01rem solid #eaeaea;  color: #5e5e5e; font-size: 0.28rem; line-height: 0.9rem; padding-left: 0.3rem; position: relative;}

.sub1 .one-list {color: #555; line-height: 0.9rem; padding-right: 0.5rem; display: block; }

.nav-list .cross { width: 0.14rem; height: 0.26rem; position: absolute; right: 0.4rem; top: 0.29rem; background: url(../images/heise.png) no-repeat center; background-size: cover;}

.nav-list .sub2-menu { background-color: #fff; padding-top: 0.01rem; display: block;  border-bottom: 0.01rem solid #eaeaea;}

.nav-list .sub2 { display: block; font-size: 0.28rem;  color: #888;  background: #fff url(../images/heise.png) no-repeat 0.56rem center; height: 0.78rem; line-height: 0.78rem; padding-left: 0.88rem; margin-bottom: 0.01rem; background-size: 0.12rem;}

.sub1 i { display: inline-block; vertical-align: middle; width: 0.04rem; height: 0.3rem; background-color: #aaa; margin-right: 0.2rem;}

/* banner */

.banner{ height: auto;}

.banner img{ width: 100%; height: auto;}

/* 电话咨询 */

.phoneCode { padding: 0.2rem 0;background: #f5f5f5;}

.phoneCode-form { width: 7.1rem; margin: 0 auto; overflow: hidden; border-radius: 0.04rem;}

.input-co { width: 4.5rem;}

.phoneCode-form input { width: 4.5rem; height: 0.8rem; background: #fff; color: #999999; line-height: 0.8rem; text-indent: 0.2rem; font-size: 0.28rem; float: left;  border: none; outline: none;}

.phoneCode-form #inspect01 { text-align: center; line-height: 0.8rem; float: left; width: 2.6rem; height: 0.8rem; color: #fff; background: #ff9600; font-size: 0.28rem; outline: none;border: none;}

/* 产品系列 */

.i-main { width: 7.1rem; margin: 0 auto;}

.i-main-head { padding-top: 0.4rem;}

.i-main-title {font-size: 0.36rem;float: left; color: #222; line-height: 0.36rem;}

.i-main-head a { font-size: 0.28rem; color: #999; line-height: 0.28rem; float: right; padding-top: 0.03rem; padding-right: 0.22rem;background: url(../images/fuhh.png) no-repeat right center; background-size: 0.1rem 0.18rem;}

.i-main-pro { margin-top: 0.11rem; text-align: center;}
.i-main-pro img{ height: 2.3rem; width: 2.3rem; margin-top: 0.2rem;}
.i-main-pro ul li{ float: left; width: 2.30rem; height: 1.5rem; text-align: center; margin-right: 0.1rem; margin-bottom: 0.1rem; background: #f8f8f8;}
.i-main-pro ul li:nth-child(3n){ margin-right: 0rem;}
.i-main-pro ul li img{ height: 0.6rem; width: 0.6rem; margin-bottom: 0.05rem;}
.i-main-pro ul li p{ font-size: 0.3rem;}
.i-main-pro ul li a{ display: block; width: 100%; height: 100%;}
.i-main-pro ul{ margin-top: 0.2rem;}

.mainPro-box { width: 3.5rem; height: 3.72rem; background: #f2f2f2; border-radius: 0.04rem; margin-top: 0.1rem;}
.mainPro-box:nth-child(2n){ float: right;}

.mainPro-title { font-size: 0.3rem; text-align: center; line-height: 0.3rem; color: #222; padding-top: 0.36rem;}

.mainPro-tex { font-size: 0.18rem; color: #999; line-height: 0.18rem; text-align: center; padding-top: 0.1rem;}

.mainPro-tex span { padding: 0 0.06rem;}

.i-main-pro .ml-10 { margin-left: 0.1rem;}

/* 横幅 */

.index_hf{ height: auto; margin-top: 0.3rem; margin-bottom: 0.1rem;}

.index_hf img{ width: 100%; height: auto;}

/* 推荐案例 */

.solution-related { margin-top: 0.3rem;}

.solution-related .sol-rel-box:nth-child(odd) { margin-left: 0;}

.free .sol-rel-box { width: 3.45rem; margin-left: 0.2rem;}

.free .sol-rel-img { width: 3.45rem; height: 2.5rem; display: block;}

.free .sol-rel-img img { width: 3.45rem; height: 2.5rem;}

.sol-rel-title { font-size: 0.26rem; line-height: 1.38; color: #555; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; padding-top: 0.1rem; height: 0.82rem;}

.sol-rel-title span { color: #3460C6; width: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.i-row{ height: 0.2rem; background: #f5f5f5; margin-top: 0.2rem;}

/* 新闻资讯 */

.i-news .story-list { display: flex; justify-content: space-between; align-items: center; height: 2.36rem; border-bottom: 1px solid #eaeaea;}

.i-news .story-img { width: 2.6rem; height: 1.6rem; border-radius: 0.04rem;}

.i-news .story-img img { width: 2.6rem; height: 1.6rem; border-radius: 0.04rem;}

.i-news .story-detail { width: 4.1rem; height: 1.6rem;}

.i-news .story-detail .story-detail-title { font-size: 0.28rem !important;  color: #555555;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; width: 4rem; display: inline-block;}

.i-news .story-detail a { line-height: 0.28rem;}

.i-news .story-detail p { -webkit-line-clamp: 3; height: 1.12rem; line-height: 0.4rem;}

.i-news .story-detail p { margin: 0.1rem 0 0.2rem; font-size: 0.26rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}

/* 服务 */

.i-server.index_server{ width: 7.1rem; margin: 0.22rem auto 0.2rem; border-top: 0px solid #f5f5f5; border-left: 0px solid #f5f5f5;}

.index_server .i-server-box { width: 2.152rem; display: block;padding: 0.1rem 0;border: 4px solid #f5f5f5; margin: 0.1rem;}

.index_server .i-server-head { border: 0rem solid #f0f0f0; border-radius: 0; width: 1.24rem; height: 1.24rem; margin: 0 auto; background: url(../images/sev1.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.index_server .i-server-title { padding-bottom: .2rem; text-align: center; font-size: 0.26rem; color: #555; line-height: 0.26rem; padding-top: 0.08rem;}

.index_server .i-server-box .sev2 { background: url(../images/sev2.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.index_server .i-server-box .sev3 { background: url(../images/sev3.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.index_server .i-server-box .sev4 { background: url(../images/sev4.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.index_server .i-server-box .sev5 { background: url(../images/sev5.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.index_server .i-server-box .sev6 { background: url(../images/sev6.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

/* footer */

.footer-main { width: 7.1rem; margin: 0 auto; padding: 0.2rem 0;}

.footer-about { position: relative; width: 3.5rem; background-color: #fff;border-radius: 0.04rem; padding-top: 0.3rem;}

.footer-about-img {  width: 3.27rem;  height: 2.6rem;  background: url(../images/zzbbk-1.jpg) no-repeat center;  background-size: cover;  display: block;}

.footer-about-post { position: absolute; bottom: 0rem;width: 3.27rem; height: 0.47rem; line-height: 0.47rem;  text-align: center; background: rgba(59, 105, 210, 0.8);}

.footer-about-post a { font-size: 0.25rem; color: #ffffff;}

.footer-contact { width: 3.5rem; background-color: #fff; border-radius: 0.04rem; padding: 0.3rem 0 0.2rem; margin-left: 0.1rem;}

.footer-contact .footer-about-title { padding-bottom: 0.33rem; font-size: 0.3rem; text-align: left; line-height: 0.3rem; color: #555;}

.footer-tels { line-height: 0.4rem; font-size: 0.22rem!important; margin-top: 0.1rem; margin-bottom: .2rem;}

.footer-tels a { color: #f7494b; font-size: 0.28rem; font-weight: bold;}

.footer-tel { line-height: 0.4rem; font-size: 0.22rem; margin-top: 0.1rem; margin-bottom: .2rem;}

.footer-tel a { color: #555;}

.btn-warningwl { color: #212529; background-color: #ffc107; border-color: #ffc107; height: 0.66rem; line-height: 0.66rem; width: 1.59rem; text-align: center; border-radius: .1rem!important; font-size: 14px!important;}

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}

.btn-out-wt { border: 1px #ff9600 solid; color: #ff9600; margin-left: .1rem; height: 0.66rem; line-height: 0.66rem; width: 1.59rem; text-align: center; padding: 0rem; border-radius: .1rem!important; font-size: 14px!important;}

.footer-record { background: #f5f5f5; font-size: 0.28rem; text-align: center; color: #aaa; padding: 0rem 0.4rem 1.2rem;}

.footer-record p { padding-top: 0.2rem;}

.footer-record a { color: #999;}

/* 固定footer */

.footer-nav { position: fixed; bottom: 0; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%); border-top: 1px solid #eaeaea; z-index: 99; width: 100%; height: 1rem;}

.footer-nav a { width: 20%; float: left; height: 1rem; background: url(../images/home.png) no-repeat center 0.14rem; background-size: 0.46rem 0.46rem; font-size: 0.22rem;color: #888; text-align: center; line-height: 1.55rem; position: relative;}

.footer-nav .zz2 { background: url(../images/product.png) no-repeat center 0.14rem; background-size: 0.46rem 0.46rem;}

.footer-nav .zz3 { background: url(../images/case.png) no-repeat center 0.14rem; background-size: 0.46rem 0.46rem;}

.footer-nav .zz4 { background: url(../images/service.png) no-repeat center 0.14rem; background-size: 0.46rem 0.46rem;}

.footer-nav .zz5 { background: #ee4a45 url(../images/consultin.png) no-repeat center 0.14rem; background-size: 0.46rem 0.46rem; color: #fff; width: 20%; float: left; height: 1rem; font-size: 0.22rem; text-align: center; line-height: 1.55rem; position: relative; border: 0;}

.footer-nav1{ position: fixed; bottom: 0; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%); border-top: 1px solid #eaeaea; z-index: 99; width: 100%; height: 1rem;padding: 2% 2%;}
.footer-nav1 .sz1 {
    float: left;
    background: url(../images/home1.png) no-repeat 0.14rem;
    background-size: 0.46rem 0.46rem;
    line-height: 0.7rem;
    position: relative;
    width: 49%;
    background-color: #ee4a45;
    border: 1px solid #ee4a45;
    color: white;
    border-radius: 25px;
    text-align: center;
    padding: 0px 40px;
    font-weight: bold;
    margin-right: 2%;
    font-size: 0.3rem;
}

.footer-nav1 .sz2 {
    float: left;
    line-height: 0.7rem;
    position: relative;
    background: url(../images/service1.png) no-repeat 0.14rem;
    background-size: 0.46rem 0.46rem;
    width: 49%;
    padding: 0% 0% 0% 7%;
    border: 1px solid #ee4a45;
    text-align: center;
    color: #ee4a45;
    font-weight: bold;
    font-size: 0.35rem;
}
/* ---------------------------------------新闻中心------------------------------------------ */

.news-index-cls { width: 6.9rem; margin: 0 auto; padding-bottom: 0.2rem;}

.parIndex-dell-title { font-size: 0.36rem; color: #222; text-align: center; line-height: 1; padding-top: 0.4rem;}

.parIndex-dell-title span { display: block; width: 0.6rem; height: 0.04rem; background: #3460C6; border-radius: 0.04rem; margin: 0.2rem auto 0;}

.comp-all { display: block; margin-top: 0.3rem; padding-bottom: 0.3rem; border-bottom: 1px solid #eaeaea;}

.comp-img { width: 6.9rem; height: 3.48rem;}

.comp-img img { width: 6.9rem; height: 3.48rem; border-radius: 0.04rem;}

.comp-title { line-height: 1.3; font-size: 0.28rem; color: #555; padding-top: 0.2rem; display: block;}

.comp-tex { line-height: 1.38; font-size: 0.26rem; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-top: 0.1rem;}

.comp-list { width: 6.9rem; margin: 0 auto;}

.comp-box { display: block; padding: 0.3rem 0; border-bottom: 1px solid #eaeaea; height: 1.81rem;}

.comp-box-img { width: 2.4rem; height: 1.2rem;}

.comp-box-img img { width: 2.4rem; height: 1.2rem; border-radius: 0.04rem;}

.comp-box-cont {width: 4.3rem; margin-left: 0.2rem;}

.comp-box-tle { line-height: 1.3; font-size: 0.28rem; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; height: 0.72rem;}

.comp-box-time { font-size: 0.24rem; color: #999; text-align: right; padding-top: 0.1rem;}

.newsIndex-post { margin-top: 0.3rem;}

.newsIndex-post a { width: 6.9rem;color: #3460C6; border: 1px solid #3460C6; line-height: 0.88rem; height: 0.88rem; text-align: center; font-size: 0.3rem;display: block; border-radius: 0.04rem; background: #fff;}

.Del-news-box { padding: 0.3rem 0; display: block; border-bottom: 1px solid #eaeaea;}

.Del-news-title { font-size: 0.28rem; color: #555; line-height: 1.3; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.Del-news-tex {line-height: 1.38; color: #999; font-size: 0.26rem; margin-top: 0.1rem; display: block; height: 0.7rem;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.comp-list { width: 6.9rem;  margin: 0 auto;}

.comp-box { display: block; padding: 0.3rem 0; border-bottom: 1px solid #eaeaea;}

.comp-box-img { width: 2.4rem; height: 1.2rem;}

.comp-box-img img { width: 2.4rem; height: 1.2rem; border-radius: 0.04rem;}

.comp-box-cont { width: 4.3rem; margin-left: 0.2rem;}

.myber { width: 4.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.3; font-size: 0.28rem; color: #555; display: block;}

.comp-box-tex { color: #999; font-size: 0.26rem; line-height: 1.38; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}



/* ---------------------------------------新闻列表------------------------------------------ */

.news-list .newsIndex-comp{ margin-top: 0.3rem;}

.u-paging { margin-top: 0.4rem; margin-bottom: 0.4rem;}

.paging-inner {text-align: center;}

.u-paging .paging-inner .current {background-color: #3460C6; color: #fff; border: .01rem solid #3460C6; border-bottom: none;}
.pagination li{display:inline-block;}
.paging-inner a {display: inline-block; text-align: center; width: 1rem; height: 0.6rem; line-height: 0.6rem; vertical-align: middle; margin: 0 0.04rem; background-color: #eaeaea; color: #999999; font-size: 0.28rem; border-radius: 0.04rem;}



/* ---------------------------------------新闻详情------------------------------------------ */

/* 详情 */

.news-details-head { width: 6.9rem; margin: 0 auto; padding-top: 0.3rem; padding-bottom: 0.3rem; border-bottom: 1px solid #eaeaea;}

.news-details-title { font-size: 0.36rem; color: #222; line-height: 1.33;}

.news-details-time { font-size: 0.24rem;color: #aaa; line-height: 1;padding-top: 0.2rem;}

.news-details-tex { width: 6.9rem; color: #555; line-height: 1.5; font-size: 0.28rem; padding-top: 0.2rem; margin: 0 auto; padding-bottom: 0.4rem;}

.Del-post { background: #f5f5f5;}

.Del-post a { width: 100%; height: 0.9rem; line-height: 0.9rem; text-indent: 0.3rem; padding-right: 0.3rem; font-size: 0.26rem; color: #999; display: block; background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.Del-post span { color: #555; padding-left: 0.3rem;}

.Del-post a { margin-top: 0.1rem;}
.Del-post a .fr{float:left !important;}

/* 相关案例 */

.Del-main { width: 6.9rem; margin: 0 auto; position: relative; padding-bottom: 0.2rem;}

.Del-title { font-size: 0.32rem; color: #555; line-height: 1; border-bottom: 1px solid #eaeaea; padding-bottom: 0.2rem; padding-top: 0.4rem; position: relative;}

.Del-title span { width: 1.2rem; height: 0.04rem; background: #3460C6; position: absolute; left: 0; bottom: -0.02rem;}

.Del-news .story-list { display: flex; justify-content: space-between; align-items: center; height: 2.36rem; border-bottom: 1px solid #eaeaea;}

.story-img { width: 2.6rem; height: 1.6rem; border-radius: 0.04rem;}

.story-img img {  width: 2.6rem; height: 1.6rem; border-radius: 0.04rem;}

.story-detail { width: 4.1rem; height: 1.6rem;}

.story-detail .story-detail-title { font-size: 0.28rem !important; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 4rem; display: inline-block; line-height: 0.28rem;}

.story-detail p { height: 0.64rem; margin: 0.1rem 0 0.2rem; font-size: 0.26rem; line-height: 0.32rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.parIndex-post { margin-top: 0.4rem;}

.parIndex-post a { width: 6.9rem; height: 0.88rem; line-height: 0.88rem; text-align: center; color: #3460C6; font-size: 0.3rem;display: block; background: #fff; border: 1px solid #3460C6;  border-radius: 0.04rem;  margin: 0 auto;}



/* ---------------------------------------案例中心------------------------------------------ */

/* 分类展示 */

.parIndex-dell { width: 6.9rem; margin: 0 auto; padding-bottom: 0.4rem;}

.parIndex-dell-title { font-size: 0.36rem; color: #222; text-align: center; line-height: 1; padding-top: 0.4rem;}

.parIndex-dell-title span { display: block; width: 0.6rem; height: 0.04rem; background: #3460C6; border-radius: 0.04rem; margin: 0.2rem auto 0;}

.solution-related { margin-top: 0.3rem;}

.solution-related .sol-rel-box:nth-child(odd) { margin-left: 0;}

.sol-rel-box { width: 3.3rem; margin-left: 0.3rem;}

.sol-rel-img { width: 3.3rem; height: 2.5rem; display: block;}

.sol-rel-img img { width: 3.3rem; height: 2.5rem;}

.sol-rel-title {font-size: 0.26rem;line-height: 1.38;color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  padding-top: 0.1rem; height: 0.82rem;}

/* 客户声音 */

.swiper-container { width: 100%; height: 100%;}

.consumer { width: 6.9rem; margin: 0.3rem auto 0; background: #f8f8f8; padding: 0.3rem;}

.consumer-logo { width: 1.8rem; height: 1rem; border: 1px solid #eaeaea; border-radius: 0.04rem;}

.consumer-logo {  width: 1.8rem;  height: 1rem; border: 1px solid #eaeaea; border-radius: 0.04rem;}

.consumer-main { font-size: 0.26rem; color: #999; line-height: 1.54; margin-top: 0.2rem;}

.parIndex-dell .swiper-pagination-bullet { width: 0.4rem; height: 0.04rem; background: #AAAAAA; margin-right: 0.05rem !important; border-radius: 0;}

.parIndex-dell .swiper-pagination-bullet-active { background: #F89600;}

.swiper-slide img { width: 100%; height: 100%;}

.consumer-title { color: #222; font-size: 0.3rem; line-height: 1.2; padding-left: 0.2rem; display: block; width: 4.4rem;}

.khf-al { padding-bottom: 0.4rem !important;}

/* 体验卡松 */

.case-kh { width: 6.9rem; margin: 0.3rem auto 0; border: 0.08rem solid #f5f5f5; padding-top: 0.5rem;  padding-bottom: 0.5rem;}

.case-kh-tex { width: 6.45rem; margin: 0 auto; font-size: 0.28rem; line-height: 1.5; color: #888; text-align: center;}

.case-kh-post { width: 6.3rem; margin: 0.3rem auto 0;}

.case-kh-post a { width: 6.3rem; height: 0.88rem; background: #3460C6; color: #fff; line-height: 0.88rem; text-align: center;border: 0.04rem; font-size: 0.28rem; display: block;}

/* 解决方案 */

.fa_comment{ height: 4.15rem; background: #f5f5f5; padding-top: 0.3rem;}

.fa_comment p{ width: 7.25rem; margin: 0 auto; line-height: 0.47rem; font-size: 0.28rem; color: #7f7f7f; margin-top: 0.5rem;}

.mt0{ margin-top: 0rem;}



/* ---------------------------------------案例列表------------------------------------------ */

.cases-list { width: 6.9rem; margin: 0 auto; margin-top: 0.3rem;}

.cases-list-box { padding: 0.3rem 0; border-bottom: 1px solid #eaeaea; height: 2.4rem;}

.cases-list-img { width: 2.4rem; height: 1.8rem;}

.cases-list-img img { width: 2.4rem; height: 1.8rem;}

.cases-list-cont { width: 4.3rem; margin-left: 0.2rem;}

.cases-list-tle { font-size: 0.3rem; color: #555; line-height: 1.6;}

.cases-list-post {font-size: 0.28rem;color: #222; line-height: 1.5; background: url(../images/fuhh.png) no-repeat 1.32rem center; background-size: 0.1rem 0.18rem; margin-top: 0.3rem; display: block;}



/* ---------------------------------------案例详情------------------------------------------ */

/* 简介 */

.caseDet-head { background: #f8f8f8; padding-bottom: 0.4rem;}

.caseDet-head-tle { font-size: 0.36rem; color: #222; padding: 0.4rem 0.3rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.caseDet-head-main { width: 6.9rem; margin: 0 auto; padding-top: 0.1rem;}

.caseDet-head-main li { color: #aaa; font-size: 0.28rem; line-height: 1.25; margin-top: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.caseDet-head-main li span { color: #555;}

.case-img-box { width: 6.9rem; height: 5.12rem; margin: 0 auto; padding: 0.3rem 0;}

.case-img-box img { width: 100%; height: 100%;}

.Del-del { font-size: 0.28rem; color: #555; line-height: 1.5; margin-top: 0.3rem; padding-bottom: 0.3rem;}

/* 标签 */

.tags-module { max-width: 6.9rem; margin: 0 auto; padding: .15rem 0;}

.tags-module ul li { float: left; margin-top: .05rem;}

.tags-module ul li a { height: 0.44rem; display: inline-block; font-size: 0.24rem; color: #3460C6; text-align: center; line-height: 0.44rem;margin-left: 0.1rem; padding: 0rem 0.15rem; background: rgb(255, 255, 255); border-radius: 0.04rem; border-width: 1px; border-style: solid;border-color: #3460C6; border-image: initial;}

/* 相关产品等 */

.Del-pro { margin-top: 0.3rem;}

.Del-pro-img { width: 2.6rem; height: 2.6rem;}

.Del-pro-img img {width: 2.6rem;height: 2.6rem;}

.Del-pro-cont { margin-left: 0.3rem; width: 4rem;}

.Del-pro-tle { font-size: 0.28rem; color: #555; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 0.66rem;}

.Del-pro-main { margin-top: 0.2rem;}

.Del-pro-ico { margin-top: 0.1rem;}

.Del-pro-ico .p-tle { font-size: 0.2rem; display: inline-block; color: #3460C6; width: 1rem; height: 0.36rem; text-align: center; line-height: 0.36rem; border-radius: 0.04rem; border: 1px solid #3460C6;}

.Del-pro-ico .p-tex { font-size: 0.26rem; color: #999; padding-left: 0.2rem;}

.Del-pro-post { margin-top: 0.6rem;}

.Del-pro-post a { font-size: 0.28rem; color: #222; display: block; background: url(../images/fuhh.png) no-repeat 1.32rem center; background-size: 0.1rem 0.18rem;}

.no-top { margin-top: 0;}

.Del-solution { width: 6.9rem; margin: 0 auto; padding-bottom: 0.4rem;}

.Del-title a { position: absolute; font-size: 0.28rem; color: #999; line-height: 0.28rem; top: 0.4rem; right: 0;}



/* ---------------------------------------产品中心------------------------------------------ */

.proId-cls-tle { font-size: 0.36rem; color: #222; line-height: 1; text-align: center; padding-top: 0.3rem; padding-bottom: 0.1rem;}

.wd-proId { width: 6.9rem;}

.shop_list .sol-rel-img{ height: 3.3rem;}

.shop_list .sol-rel-img img{ height: 3.3rem;}

.shop_list .sol-rel-title{ text-align: center; font-size: 0.3rem;}



/* ---------------------------------------产品列表------------------------------------------ */

/* 简介 */

.shop_list_img{ width: 7.1rem; margin: 0 auto; margin-bottom: 0.3rem;}

.shop_list_img img{ width: 100%; height: auto;}

.shop_list_img h2{ color: #3460c6; line-height: 0.5rem; font-size: 0.35rem; margin-top: 0.4rem;}

.shop_list_img p{ font-size: 0.26rem; line-height: 0.47rem; color: #4f4f4f; margin-top: 0.2rem;}

/* 列表 */

.pro-list-wrap { background: #f6f6f6; padding-bottom: .2rem;}

.pro-content { width: 6.9rem; margin: 0 auto;}

.pro-list-menu ul { width: 7rem;}

.pro-list-menu ul li { width: 3.38rem; border: .01rem solid #e6e6e6; height: 5.59rem; margin-right: .1rem; background: #fff; float: left; margin-top: .33rem;}

.pro-list-img { position: relative;  height: 3.38rem; overflow: hidden;}

.pro-list-img img {width: 100%; height: 3.38rem;}

.pro-list-img .pro-steam { background: url(../images/m-pro-icon-steam.png) no-repeat left center; background-size: 20%;}

.pro-list-tit { width: 3.38rem; border-top: .01rem solid #e6e6e6;}

.pro-list-tit h3 { width: 3.12rem; height: .56rem; margin: 0 auto; margin-top: .12rem; line-height: 1;}

.pro-list-tit h3 a { margin: 0 auto; font-size: .24rem; line-height: .34rem; color: #333;}

.pro-list-para { width: 3.12rem; margin: 0 auto; margin-top: .06rem;}

.pro-list-para p { font-size: .24rem; color: #777; line-height: .3rem;}

.pro-list-link { width: 3.12rem; margin: 0 auto; margin-top: .25rem;}

.pro-list-link .baojia { display: inline-block; width: 1.5rem; height: .48rem; background: #ffa800; -webkit-border-radius: .05rem; -moz-border-radius: .05rem;border-radius: .05rem; font-size: .24rem; color: #fff; text-align: center; line-height: .48rem;}

.pro-list-link .xiangqing { display: inline-block; width: 1.5rem; height: .48rem; border: .01rem solid #aeaeae; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; border-radius: .05rem; font-size: .24rem; color: #aeaeae; text-align: center; line-height: .48rem; margin-left: .04rem;}

.pro-list-img .pro-list-tag { font-size: .24rem; position: absolute; left: .14rem;top: .14rem; padding-left: .42rem; color: #aeaeae; height: .28rem; line-height: .28rem;}

/* 案例 */

.pro-case-tit h2 { font-size: .3rem; color: #333; margin-top: .4rem; padding-bottom: .1rem;}

.pro-case-line02 {  border-left: 1.28rem solid #3460C6; height: .01rem; background: #aeaeae;}

.shop_case{ height: auto;}

.shop_case img{ width: 100%; height: auto; margin-bottom: 0.25rem; margin-top: 0.35rem;}

.shop_case p{ color: #575757; font-size: 0.26rem; line-height: 0.44rem;}

.shop_case p a{ color: #575757;}



/* ---------------------------------------产品详情------------------------------------------ */

/* 简介 */

.banner15-box img {
    width: 6.5rem;
    height: 6.5rem;
    margin-left: 0.5rem;
}

.pro-dlt { padding-bottom: 0.3rem;}

.pro-dlt-head { padding: 0.3rem 0; border-bottom: 1px solid #eaeaea;}

.pro-dlt-title { font-size: 0.32rem;color: #222;line-height: 1; padding-bottom: 0.12rem; margin-left: 0.3rem;}

.pro-dlt-tex { margin-left: 0.2rem;}

.pro-dlt-tex span, .pro-dlt-tex a { padding: 0rem 0.15rem; height: 0.44rem; background: #fff; border-radius: 0.04rem; border: 1px solid #ff9600; display: inline-block;  font-size: 0.24rem; color: #ff9600; text-align: center; line-height: 0.44rem; margin-left: 0.1rem;}

.pro-dlt-par { width: 6.9rem;margin: 0.1rem auto 0;}

.pro-dlt-par table { overflow: hidden;}

table {  background-color: transparent;}

table {  border-spacing: 0;  border-collapse: collapse;}

.pro-dlt-par tr td:first-child { color: #222; width: 1.5rem; text-align: left; padding-right: 0.2rem;}

.pro-dlt-par td { font-size: 0.28rem; color: #222; line-height: 0.4rem; text-align: left; vertical-align: top; max-height: 0.8rem; overflow:hidden;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 定义显示的行数 */
  text-overflow: ellipsis; width: 5.2rem; float:left;}

.pro-dlt .parDel-kel { margin-top: 0.3rem; padding-bottom: 0.2rem;}

.parDel-kel a { float: left; width: 3.7rem; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.3rem; color: #fff; border-radius: 0.04rem; background: #ff9600;}

.parDel-kel .rl {background: #eaeaea url(../images/proPhone.png) no-repeat 0.38rem center; background-size: 0.44rem 0.44rem; margin-left: 0.1rem; line-height: 1.4; text-align: left;}

.parDel-kel .xxl {font-size: 0.2rem; color: #999; line-height: 1; padding-left: 1rem;}

.parDel-kel .phone { font-size: 0.32rem;  color: #ee4a45;line-height: 1; padding-left: 1rem; display: block;}

/* 详情 */

.myDel_main { position: relative; margin: 0px auto; width: 6.9rem;}

.myDel_child.current { display: block;}

.ywl-tex { font-size: 0.28rem; color: #555; line-height: 1.5; margin-top: 0.2rem;}

.gay-post { margin-top: 0.3rem;}

.gay-post a { width: 6.9rem; height: 0.88rem; background: #fff; color: #3460c6; border: 1px solid #3460c6; line-height: 0.88rem; text-align: center; border-radius: 0.04rem; display: block; font-size: 0.3rem; margin: 0 auto;}

.Del-sever { margin-top: 0.2rem;}

.Del-sever .no-left { margin-left: 0;}

.Del-sever-box { width: 3.4rem; height: 2.98rem; padding: 0.01rem; background: #f8f8f8; border-radius: 0.04rem; margin-left: 0.1rem; margin-top: 0.1rem;}

.Del-sever-head { width: 1.36rem; height: 1.36rem; margin: 0.4rem auto 0; background: url(../images/bb1.png) no-repeat center; background-size: cover;}

.Del-sever-title { font-size: 0.28rem; color: #555; text-align: center; line-height: 1.14; padding-top: 0.3rem;}

.Del-sever-box .bb2 { background: url(../images/bb2.png) no-repeat center; background-size: cover;}

.Del-sever-box .bb3 { background: url(../images/bb3.png) no-repeat center; background-size: cover;}

.Del-sever-box .bb4 { background: url(../images/bb4.png) no-repeat center; background-size: cover;}

/* 留言 */

.myDel_main { position: relative; margin: 0px auto; width: 6.9rem;}

#fw-center { width: 6.9rem; margin: 0 auto;}

.fws-title { margin: 0.4rem 0 0.2rem; font-size: 0.36rem; line-height: 0.36rem;  color: #0a41aa; text-align: center;}

.fws-line { width: 0.6rem; height: 0.04rem; margin: 0 auto; background: #3460c6; text-align: center;}

.form-message { margin: 0.3rem 0;}

.form-message input, .form-message select { height: 0.76rem; margin-bottom: 0.2rem; line-height: 0.76rem; outline: none;}

.form-message input, .form-message textarea, .about-work select {display: block; width: 100%; background: #F2F2F2; padding: 0.2rem; font-size: 0.28rem; color: #AAAAAA; border: none;}

.form-message textarea { height: 2rem; resize: none;}

#bottom1 { display: block; width: 100%; height: 0.88rem; margin: 0.3rem 0 0.15rem; border-radius: 0.04rem; background: #3460c6; text-align: center;font-size: 0.28rem; line-height: 0.88rem; color: #FFFFFF; outline: none; border: none;}



/* ---------------------------------------服务支持------------------------------------------ */

.fws-promise { background: #fafafa; overflow: hidden;}

#fws-lists { display: flex; justify-content: space-between;}

.fws-promise ul { width: 6.5rem; margin: 0.3rem auto 0;}

.fws-promise ul li { margin-bottom: 0.4rem; text-align: center;}

.fws-promise .serve-detail { display: inline-block; width: 1.36rem; height: 1.36rem; border-radius: 100%; margin-bottom: 0.1rem; border: 0.08rem solid #3460c6; text-align: center;}

#fws-lists .promise { font-size: 0.24rem; color: #555555;}

.promise { padding-bottom: 0.4rem;}

.fws-promise .serve-detail span { display: block; font-size: 0.52rem; color: #3460c6; padding-top: 0.2rem; line-height: 0.5rem;}

.fws-promise .serve-detail p { font-size: 0.18rem; color: #aaaaaa;}

.ser-index.i-server { width: 6.9rem; margin: 0.22rem auto 0.2rem; border-top: 2px solid #f5f5f5; border-left: 2px solid #f5f5f5;}

.ser_con .i-server-box { width: 2.28rem; display: block; padding: 0.3rem 0; border-bottom: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5;}

.ser_con .i-server-head { border: 0rem solid #f0f0f0; border-radius: 0; width: 1.24rem; height: 1.24rem; margin: 0 auto; background: url(../images/sev1.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.ser_con .i-server-title { padding-bottom: .2rem; text-align: center; font-size: 0.26rem; color: #555; line-height: 0.26rem; padding-top: 0.08rem;}

.ser_con .i-server-box .sev2 { background: url(../images/sev2.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.ser_con .i-server-box .sev3 { background: url(../images/sev3.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.ser_con .i-server-box .sev4 { background: url(../images/sev4.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.ser_con .i-server-box .sev5 { background: url(../images/sev5.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.ser_con .i-server-box .sev6 { background: url(../images/sev6.jpg) no-repeat center; background-size: 0.64rem 0.64rem;}

.margin-bg { width: 7.5rem; height: 0.2rem; background: #F5F5F5;}

.fws-center { width: 100%; padding: 0 0.3rem 0.2rem;}

.fws-center .story-list { display: flex; justify-content: space-between; align-items: center; height: 2.36rem; border-bottom: 1px solid #eaeaea;}

#bottom { display: block; width: 100%; height: 0.88rem; margin: 0.3rem 0 0.15rem; border-radius: 0.04rem; background: #fff; border: 1px solid #3460c6; text-align: center; font-size: 0.28rem; line-height: 0.88rem; color: #3460c6;}



/* ---------------------------------------关于我们------------------------------------------ */

.add-flow{ padding-top: 0.4rem;}

.abouts-au { width: 6.9rem; height: 4.52rem; background: url(../images/about_bj.jpg) no-repeat center; background-size: cover; margin: 0.3rem auto 0; position: relative;}

.abouts-au-boot { width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #fff; font-size: 0.28rem; background-color: rgba(34, 34, 34, 0.5); position: absolute; bottom: 0;}

.abouts .crafts-tex { border-bottom: 1px solid #ddd; padding-bottom: 0.3rem;}

.crafts-tex { font-size: 0.28rem; line-height: 1.5; width: 6.9rem; margin: 0.3rem auto 0; color: #555;}

.auouts-au-tex { font-size: 0.28rem; color: #999; padding-left: 0.3rem; padding-top: 0.4rem;}

.crafts-about-post { width: 6.9rem; height: 0.88rem; margin: 0.3rem auto 0;}

.crafts-about-post a { width: 6.9rem; height: 0.88rem; background: #3460C6; text-align: center; line-height: 0.88rem; font-size: 0.28rem; color: #fff; display: block; border-radius: 0.04rem;}

.flow-title { font-size: 0.36rem; line-height: 1; text-align: center; color: #222;}

.flow-title span { display: block; width: 0.6rem; height: 0.04rem; margin: 0.2rem auto 0; border-radius: 0.04rem; background: #3460C6;}

.abouts .no-bor { border: none; padding-bottom: 0;}

.crafts-tex { font-size: 0.28rem; line-height: 1.5; width: 6.9rem; margin: 0.3rem auto 0; color: #555;}

.auouts-pro-box { width: 3.3rem; margin-left: 0.3rem; text-align: center; margin-top: 0.3rem;}

.auouts-pro-img { display: block; width: 3.3rem; height: 3.32rem; border-radius: 0.04rem;}

.auouts-pro-img img{ width: 3.3rem; height: 3.32rem; border-radius: 0.04rem;}

.auouts-pro-title { color: #555; text-align: center; font-size: 0.28rem; display: inline-block; margin-top: 0.1rem;}

.auouts-pro-post { margin-top: 0.4rem;}

.crafts-about-post { width: 6.9rem; height: 0.88rem; margin: 0.3rem auto 0;}

.crafts-about-post .zkp { background: #fff; color: #3460C6; border: 1px solid #3460C6; width: 6.9rem; height: 0.88rem; text-align: center; line-height: 0.88rem; font-size: 0.28rem; display: block; border-radius: 0.04rem;}

#details { margin: 0.3rem 0 0.4rem;}

#details p { font-size: 0.28rem; line-height: 0.42rem; color: #555555;}

#fws-lists { display: flex; justify-content: space-between;}

.c-list li { margin-top: 0.3rem; text-align: center;}

.serve-logo1 { background: url(../images/gye1.png) no-repeat center; background-size: cover;}

.serve-logo2 { background: url(../images/gye2.png) no-repeat center; background-size: cover;}

.serve-logo3 { background: url(../images/gye3.png) no-repeat center; background-size: cover;}

.serve-logo { width: 1.36rem; height: 1.36rem;}

.zz-radius { border-radius: 0.04rem;}

#details p { font-size: 0.28rem; line-height: 0.42rem; color: #555555;}

.serve-list { padding: 0 0.44rem;}

.zz-ideal { padding: 0 0.3rem;}

.deta-ls { padding-bottom: 0.3rem;}

.dtl { font-size: 0.28rem; color: #555; line-height: 1.5; margin-top: 0.3rem;}

.dtl span { color: #3460C6;}

.question { text-align: center; border: 0.08rem solid #F5F5F5; padding: 0.4rem; margin-bottom: 0.2rem;}

.idealist span {font-size: 0.32rem;line-height: 0.36rem; color: #222222;}

.idealist p { margin-top: 0.1rem; color: #3460C6; font-size: 0.28rem; line-height: 0.36rem;}

.zz-honor .swiper-container-wp8-horizontal, .zz-honor .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y;}

.zz-honor .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}

.honor-list { margin: 0.74rem auto 0.4rem;}

.zz-honor .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box;}

.honor .swiper-slide { padding: 0 0.15rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;  -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform;}

.honor .img-box{border: solid 0.08rem #c2d4ff; margin: 0 auto;}

.honor .swiper-slide img { width: 100%; }

.honor .swiper-slide p { font-size: 0.3rem; color: #555; text-align: center; display: block; margin-top: 0.1rem; }


.u-paging .prev {
    background: #eaeaea url(../images/jt.png) no-repeat center center;
}
.u-paging .next {
    background: #eaeaea url(../images/jt_r.png) no-repeat center center;
}




