@charset "UTF-8";
/*导航条-pc*/
.page-wrap{padding-top:60px}
.pc-header{position:fixed;top:0;left:0;width:100%;background:rgba(16,18,40,.9);color:#999;z-index:999}
.logo{float:left;width:7rem;margin-top:.5rem;margin-right:2rem}
.pc-header .nav{float:right;border-top:1px solid #313c46}
.pc-header .nav li{float:left;padding:0 32px;position:relative}
.pc-header .nav li>a{display:block;line-height:60px;height:60px;color:#fff;text-align:center;position:relative}
.pc-header .nav li>a:before{content:"";position:absolute;top:-1px;left:0;width:0%;height:2px;background:#db0f31;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.pc-header .nav li a.current{width:30px;padding:0 32px}
.pc-header .nav li.current>a,.pc-header .nav li:hover>a{color:#db0f31;font-weight:700}
.pc-header .nav li.current>a:before,.pc-header .nav li:hover>a:before{width:100%}
.pc-header .nav li:hover div{display:block}
.pc-header .nav li div{display:none;position:absolute;top:60px;left:50%;margin-left:-60px;width:120px;background:rgba(16,18,40,.7);text-align:center}
.pc-header .nav li div a{display:block;line-height:34px;height:34px;color:#fff;font-size:13px}
.pc-header .nav li div a:hover{background:rgba(16,18,40,.8)}
.app-banner{display: none!important;}

/****手机端菜单***/
.mb-header{position:fixed;width:100%;height: 60px;background: rgba(16, 18, 40, .9);top:0;right:0;z-index:999}
.mb-header .mb-logo{float:left;display:block;margin-left:1rem}
.mb-header .mb-logo img{margin:0;display:block;height:3rem;margin-top:.4rem}
.mb-nav-ico{position:absolute;right:1rem;top:50%;margin-top:-.5rem;width:2rem;height:1.4rem;cursor:pointer}
.mb-nav-ico .line{position:absolute;left:0;display:block;height:3px;width:100%;background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.mb-nav-ico .line:nth-child(1){top:0}.mb-nav-ico .line:nth-child(2){top:50%;margin-top:-2px}
.mb-nav-ico .line:nth-child(3){bottom:0}
.mb-nav-ico.active .line:nth-child(2){opacity:0}
.mb-nav-ico.active .line:nth-child(1){top:50%;margin-top:-1px;transform:rotate(-45deg)}
.mb-nav-ico.active .line:nth-child(3){top:50%;margin-top:-1px;transform:rotate(45deg)}
.shade{display:none;position:fixed;width:100%;height:100%;right:0;top:0;z-index:999;display:none;background:0 0}
.menu{position:fixed;left:100%;top:0;width:70%;height:100%;text-align:left;z-index:11111;overflow-y:scroll;background:#fff;-webkit-box-shadow:0 0 30px rgba(26,24,24,.1) inset;box-shadow:0 0 30px rgba(26,24,24,.1) inset}
.menu li{position:relative}
.menu li>span{display:block;position:relative;padding:0 .1rem 0 3rem;height:3rem;line-height:3rem;color:#767676;font-size:.9rem;border-bottom:1px solid #e9e9e9}
.menu li:nth-child(1)>span{border-top:1px solid #e9e9e9}
.menu ul li>span::before{content:'';position:absolute;left:1rem;top:50%;margin-top:-.3rem;width:.6rem;height:.6rem;border:2px solid #0a2444;border-radius:100%}
.menu ul li a{color:#322e2d}
.menu ul li>span.default::after{content:'';position:absolute;right:.666666rem;top:50%;width:.8rem;height:.8rem;margin-top:-.3rem;background:url(../img/menu_bg.png) no-repeat;background-size:cover}
.menu-slide a{color:#7c7d7d}.menu-slide{display:none}
.menu-slide a{position:relative;display:block;padding:0 1rem 0 3rem;height:2.5rem;line-height:2.5rem;font-size:.8rem;color:#7c7d7d;border-bottom:1px solid #e9e9e9}
.menu-slide a::before{content:'';position:absolute;left:1rem;top:50%;margin-top:-.3rem;width:.8rem;height:.8rem;background:url(../img/menu_bg3.png) no-repeat;background-size:cover}
.menu-slide a.active,.menu-slide a:hover{background:#0a2444;color:#fff}
.menu li>span.active a{color:#0a2444}
.menu li>span.active::before{color:#fff;background:#0a2444;border-color:#0a2444}
.menu li>span.active::after{content:'';position:absolute;right:.666666rem;top:50%;width:.32rem;height:.32rem;margin-top:-.16rem;background:url(../img/menu_bg2.png) no-repeat center}

.container{max-width: 77em;margin: 0 auto;}
.ab-btn{ text-align: right;}
.ab-btn a{ display: inline-block;border-radius:1.875rem; height:3.125rem; margin-top: 2rem; width: 18%; line-height: 3.125rem; background: #fff; color: #333;text-align: center;}
.ab-btn a:hover{ background: #db0f31; color: #fff;}
.title{padding-top: 3rem;margin-bottom: 2rem;text-align: center;padding-bottom: 1rem;border-bottom: 1px #f6f6f6 solid;}
.title h2{ font-size: 1.875rem; font-weight: 400;}
.title p{ color: #999; padding-top: .5rem;}

.owl-item{float: left;}
.service-list{ font-size: 0; padding-bottom: 2rem;}
.service-list li{padding:0 1rem 2rem; font-size: inherit; text-align: center;}
.service-list{ font-size: 0; padding-bottom: 2rem;}
.service-list li:hover {border-radius: 25px;background-image: linear-gradient(#fff, #f7f7f7);}
.service-list h3{ font-size: 1.5rem; font-weight: 400;  margin-bottom: .5rem;}
.service-list i{ display: inline-block; width: 5rem;height: 5rem;transition: all .4s;transform: rotate(0deg);}
.service-list li p{ font-size: 0.875rem; color: #999;}
.service-list li:hover i{color: #F13A3A;}
.icon-1{background: url("../img/web-icon.png") center center no-repeat;}
.icon-2{background: url("../img/gyj_icon.png") center center no-repeat;}
.icon-3{background: url("../img/fwy_icon.png") center center no-repeat;}
.icon-4{background: url("../img/sj_icon.png") center center no-repeat;}
.service-list li:hover i { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }

/* 解决方案 */
.programme-box{ background: #f1f1f1; padding-bottom: 3rem; }
.ff-list{ font-size: 0; }
.ff-list li{ display:inline-block; position: relative; background: #000; overflow: hidden; }
.ff-list li img{ width: 100%;max-width: 100%;}
.fa-txt{ font-size: 4rem; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; opacity: 0; transition: all .4s; }
.ff-list li a:hover img{ opacity: .3; transform: scale(1.2,1.2);}
.ff-list li a:hover .fa-txt{ opacity: 1; font-size: 1.25rem; }

/* 案例 */
.case-list .item{ position: relative; margin: 0 .5rem; overflow: hidden;}
.case-list .item img{ width: 100%; height: auto; display: block;}
.case-box{padding-bottom: 3rem;}
.case-list .item .name-t{ background: #fff; height: 3rem; line-height: 3rem; text-align: center;background:#f1f1f1}/* box-shadow: 0 2px 6px #000; */
.case-abs{ text-align: center; position: absolute;left: 0; top: 0; bottom: 3rem; right: 0; background: rgba(0,0,0,0);transition: all .4s; }
.case-abs h3{ padding-top: 30%;color: hsla(0,0%,100%,0); font-size: 3rem; font-weight: 400;transition: all .4s; }
.case-abs p{color: hsla(0,0%,100%,0);transition: all .4s; font-size: 2rem; }
.case-list .item a:hover .case-abs{background: rgba(0,0,0,.8);}
.case-list .item a:hover .case-abs h3{color: hsla(0,0%,100%,1); font-size: 1.5rem;}
.case-list .item a:hover .case-abs p{color: hsla(0,0%,100%,1);font-size: inherit;}
#owl-case .owl-controls{ margin-top: 1.5rem !important;}
#owl-case .owl-controls{ margin-top: .5rem !important;}
#owl-case img { height: 16rem; }

/* 价值 */
.value-box{background: url("../img/bg2.jpg") center center no-repeat; background-attachment: fixed; background-size: cover;}
.value-txt{ width: 50%; margin-left: 50%; background: rgba(30,39,48,.8); padding: 5rem 0 5rem 3rem; color: #fff;}
.value-txt h2{ font-size: 2.375rem; padding-bottom: .5rem; font-weight: 400;}
.value-txt .ab-btn{ text-align: center;}
.value-txt .ab-btn a{ min-width: 10rem;}

/* 新闻 */
.zx-list {padding-bottom: 3rem;}
.zx-list .textlist{width:65%;height:22rem;border:1px solid #ddd}
.zx-list .newsimg .txt{padding-top: 10px}
.zx-list .newsimg{position:relative;width:33%; height: 22rem; border:1px solid #ddd;background:#f9f9f9}
.zx-list .newsimg:before{display:block;content:" ";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px) ;height:160px;background:#db0f31}
.zx-list  a{position:relative;display:block;padding:15px 15px 0;}
.zx-list  img{width:100%;}
/* .zx-list  a:hover img{transform: scale(1.2, 1.2);} */
.zx-list  h6{color:#5a5a5a;font-weight:700;transition:all .5s}
.zx-list p{color:#999;font-size:inherit;line-height:24px;text-align:justify;padding-top:5px}
.zx-list .newsimg:hover h3{color:#db0f31}
.zx-list .textlist .item .time{display:block;width:4rem;margin-right:10px;color:#db0f31;text-align:center}
.zx-list .textlist .item .time b{display:block;font-size: 2.25rem;line-height:45px}
.zx-list .textlist .item .time span{font-size: 12px;line-height:22px}
.zx-list .textlist .item:hover h3{color:#db0f31}

/* 联系 */
.lx-list li{ display: inline-block; width: calc(25% - 1rem); height: 6rem; padding: 1rem; border:1px #ddd solid; font-size: inherit;}
.lx-list li + li{ margin-left: 1rem;}
.lx-list li i{ float: left; font-size: 3rem; padding: 0 1rem;}
.lx-list li p span{ display: block; font-size: 0.875rem; color: #999;}
.gh-img{ width: 72px; height: 72px; display: inline-block; }

/* 二维码浮窗 */
.left_box{position:fixed;top:40%;right:0;width:48px;z-index:9;border:1px solid #eee;}
.left_box li{height:48px;width:100%;background-size:28px;background-repeat: no-repeat;background-position: center;background-color:#fff;cursor: pointer;position:relative;}
.left_box li+li{border-top:1px solid #eee;}
.kf_ewm{background-image:url(../img/codeMain.png);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
/* .kf_ewm:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(../img/codeMain.png);} */
.returntop{display:none;background-image:url(../img/retrun.png);}
.kf_img{top:0;right:48px;position:absolute;transition: all 0.5s;padding:5px;background:#fff;width:150px;min-height:150px;border-radius:6px;margin-top:-50px;display:none;border:1px solid #eee;text-align:center;}
.kf_ewm:hover .kf_img{display:block;}

.none-text{ padding-top: 100px; text-align: center; height: 200px;}
.mb-header{ display: none; }

/* 底部 */
.footer{ background: #1b252e; padding: 2rem 0; color: #8b939d; font-size: 0.875rem; text-align: center; }
.b-nav{ padding: 1rem 0; text-align: center; border-top: 1px #313a43 solid;}
.b-nav a{ display: inline-block; padding: 0 2rem; color: #8b939d;}
.b-nav a:hover{ color: #D80808;}

/* 案例列表 */
.icase .list{width: 108%;}
.icase .item{float: left;margin-right:2%;width:32%;overflow: hidden;position: relative;margin-bottom: 20px;}
.icase .item:nth-child(3n){margin-right:0}
.icase .item img{width: 100% ;height: 100%;display: block;transition:all .5s}
.icase .item a{display: block;}
.icase .item .txt{position: absolute;left: 0;top:0;width:100%;height: 100%;text-align: center;background:url(../img/jbhei.png) repeat-x left bottom;}
.icase .item .txt h6{color: #fff;padding-top:70%;}
.icase .item .txt span{width:50px;height: 50px;display: block;background: url(../img/search.png) repeat left top;position: absolute;left: 50%;margin-left: -25px;top:10%;margin-top: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.icase .item:hover .txt{background: rgba(0,0,0,.6) repeat left top;}
.icase .item:hover h6{padding-top:60%;}
.icase .item:hover span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;top: 50%;}
.icase .item:hover img{transform:scale(1.1)}

/*解决方案 列表*/
.solution-list{padding-top:2rem; }
.solution li{float:left;width:32%; margin-right:2%; margin-bottom: 2rem;}
.solution li:nth-child(3n){margin-right:0}
.solution li .img{position:relative;width:100%;height:285px;overflow:hidden}
.solution li .img img{display:block;width:100%;height:100%;transition:all .5s}
.solution li .img .bg{position:absolute;top:0;width:100%;height:100%;background:url(../img/more.png) center no-repeat;background-color:rgba(215,15,49,.8);opacity:0;transition:all .5s}
.solution li .txt{border:1px solid #ddd;border-top:0;padding:20px 64px;text-align:center;border-bottom:2px solid #db0f31}
.solution li .txt span{position:relative;display:block;width:58px;height:48px;margin:auto;overflow:hidden}
.solution li .txt span:after{display:block;content:" ";position:absolute;left:50%;margin-left:-43px;top:50%;margin-top:-1px;bottom:7px;width:86px;height:1px;background:#ddd;transform:rotate(-40deg)}
.solution li .txt span i{position:relative;display:inline-block;color:#999;font-size: 1.75rem;line-height:32px;font-family:Arial;margin:8px 0;background:#fff;z-index:1}
.solution li .txt h3{color:#333;font-size: 1.1rem;line-height:24px;font-weight:700;padding-top:15px}.solution li .txt p{color:#5a5a5a;font-size:inherit;line-height:20px;padding-top:15px;padding-bottom:37px}
.solution li:hover .bg{opacity:1}
.solution li:hover .img img{transform:scale(1.1)}

/***新闻列表*/
.subnav ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: 2rem 0;}
.subnav ul li{ margin: 0 5px 10px;}
.subnav ul li a{ display: flex; justify-content: center; align-items: center; padding: 0 10px; min-width: 120px; height: 38px; font-size: 1rem; color: #000; background: #fff; border:solid 1px #e2e2e2;}
.subnav ul li.active a{ color: #fff; background: #db0f31; border-color: #db0f31;}
.subnav ul li a:hover{border-color: #db0f31;}

/***文章列表*/
.article-picture ul li{ margin-bottom: 30px;}
.article-picture ul li a{ display: flex; align-items: center; padding: 20px; border:solid 1px #e9e9e9; box-shadow: 5px 10px 15px rgba(0,0,0,0.1);}
.article-picture ul li a .imgbox{ width: 245px; overflow: hidden;}
.article-picture ul li a .imgbox span{ display:block; padding-top: 207px;}
.article-picture ul li a .textbox{ padding-left: 20px; width: calc(100% - 245px);}
.article-picture ul li a .textbox .h6{ margin-bottom:5px;  color: #333; font-weight: bold; line-height:24px;}
.article-picture ul li a .textbox .time{ margin-bottom:5px; font-size: 12px; color: #b1b1b1; line-height:24px;}
.article-picture ul li a .textbox .jieshao{ margin-bottom:20px; height: 75px; color: #333; line-height: 25px; overflow: hidden;}
.article-picture ul li a .textbox .more{ display: flex; justify-content: center; align-items: center; width: 95px; height: 30px; color: #fff; background: #000; border-radius: 15px;}

/* 文章详情 */
.bread-crumb{position:relative;z-index:2;height:60px;line-height:60px;color:#999;background:#f7f7f7}
.bread-crumb p{float:left;width:24px;height:24px;margin:18px 0;text-align:center;background:#db0f31;border-radius:50%}
.bread-crumb p i{display: block;padding-left: 3px; font-size: 1rem;color:#fff;line-height:24px}
.bread-crumb span{margin:0 5px 0 12px}.bread-crumb a{font-size: inherit;color:#999}
.bread-crumb a:hover,.bread-crumb a:last-child{color:#db0f31}
.detail-info{margin-top:20px;text-align:left;overflow:hidden}
.detail-info>span{position:relative;float:left;line-height:20px;color:#afafaf;margin-right:20px}
.detail-info>span>i{margin-right:5px;font-size: inherit;}.detail-info a{position:relative;float:left;line-height:20px;color:#999}
.detail-info a:hover{color:#f63756}
.detail-summ{padding:15px 20px;margin:30px 0;line-height:24px;color:#999;background:#f6fbfc;border-left:3px solid #efefef}
.piece{width:100%;height:50px;margin-top:40px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.piece-next,.piece-prev{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.piece a i{font-size: 1rem;color:#999}
.piece a span{font-size: inherit;color:#333}
.piece a:hover i,.piece a:hover span{color:#f63756}
.likes{margin:0 auto;text-align:center}
.likes-icon{position:relative;width:86px;height:86px;margin:0 auto;border:2px solid #f63756;border-radius:50px;background:#fff}
.likes-icon:hover{border:2px solid #f63756;background:#f63756}
.likes-icon a{width:100%;height:100%}
.likes-icon i{line-height:86px;color:#f63756}
.likes-icon:hover i{color:#fff}
.likes-num{padding-top:15px;font-size: 1rem;color:#999;line-height:24px}
.cases-tips,.news-tips,.service-tips,.solution-tips{position:relative;width:100%;padding-top:50px}
.cases-tips h3,.news-tips h3,.service-tips h3,.solution-tips h3,.relation-tit{position:relative;width:100%;padding-left:15px;margin:0;line-height:24px}
.cases-tips h3:before,.news-tips h3:before,.service-tips h3:before,.solution-tips h3:before,.relation-tit:before{content:"";position:absolute;top:0;left:0;width:5px;height:24px;background:#f63756}
.news-tips ul{margin-top:1rem}
.news-tips ul:after,.news-tips ul:before{content:"";display:block;clear:both;height:0;line-height:0;visibility:hidden}
.news-tips ul li{float:left;width:48%;height:30px;line-height:30px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
  box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
  .news-tips li:before{content:'◇';display:block;float:left;width:10px;height:10px;margin-right:15px;font-size: 1.5rem;color:#f63756;line-height:30px}
.news-tips ul li:nth-child(-n+2){margin-top:0}
.news-tips ul li a{font-size: 1rem}
.news-tips ul li:hover a{color:#f63756}

/* 案例详情 */
.case-detail{position:relative;height:100%;overflow:hidden;padding-bottom:60px}
.case-detail .pic{float:left;width:527px;height:425px;background:url(../img/web_bg.png) no-repeat}
.case-detail .pic img{height: 301px; padding-left:1px;padding-top:26px}
.case-detail .box{float:right;width:30rem;line-height:25px}
.case-detail .box h3{color:#f63756; font-weight: bold;}
.case-detail .box .nr{padding:15px 20px; color:#666;text-align:justify;background:#f6fbfc;border-left:3px solid #efefef}
.case-detail .box .sx{padding-top:20px;padding-bottom:40px}
.case-detail .box .zx{border:1px solid #c8c8c8;height:45px;border-radius:25px;line-height:45px;font-size: 1rem;color:#f60;text-align:center}
.case-detail .box .zx a{ color:#f60;}
.case-detail .zwpage{position:absolute;bottom:0;right:0}
.case-detail .zwpage img{margin:0 5px}

.case-wz{border-top:1px solid #666;position:relative;margin-top:30px}
.case-wz h3{width:235px;background:#fff;position:absolute;left:calc((100% - 235px)/2);top:-35px;text-align:center;color:#333}
.case-wz h3 p{font-size: 1rem;color: #666;}
.case-wz .ms{padding-top:35px;line-height:25px}
.case-wz .ms img{padding-bottom:10px}

/* 内页banner */
.inbanner{padding:0;background:no-repeat center center;-moz-background-size:cover;background-size:cover;color:#fff;position:relative}
.inbanner:before{position:absolute;left:0;top:0;width:100%;height:100%;}
.inbanner .inbanner-title{padding:3rem 0 2rem;text-align:left; color: #fff;}
.inbanner .inbanner-title h2{width:70%;font-size: 2.25rem;line-height:50px;letter-spacing:6px;font-weight:700}
.inbanner .inbanner-title>p{width:70%;margin:20px 0 30px;font-size: 1rem;line-height:24px}
.inbanner .inbanner-title h2,.banner .inbanner-title p{color:#fff}
.seemore a{display:inline-block;padding:12px 40px;font-size: 1rem;color:#fff;border:2px solid #fff;border-radius:45px;box-sizing:border-box;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px}

@media only screen and (max-width: 1100px)  {
  .case-detail{padding-bottom: 1rem;}
  .case-detail .pic{float: none; margin:  auto;}
  .case-detail .box{ width: 100%; float: none; margin: 2rem auto 0;}
  .case-detail .box .zx { font-size: inherit; margin-bottom: 1rem;}
  .case-detail .box .sx { padding: 1rem 0;}
}

@media only screen and (min-width: 50em) and (max-width: 60em) {
	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){ margin-left: 0; }	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
  .zx-list .newsimg,.zx-list .textlist{width:100%;height: auto;float: none;}
  .zx-list .textlist {border-top: none;}
}

@media only screen and (min-width: 30.0625em) and (max-width: 50em) {
  .pc-header{ display: none; }
  .mb-header{ display: block; }
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 2rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem; }
	.sub-list li a{ width: 80%;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.75rem;}
	.logo img{ height: 2.75rem;}
	.ad{ margin-top: 3.75rem;}
  .zx-list .newsimg,.zx-list .textlist{width:100%;height: auto;float: none;}
  .zx-list .textlist {border-top: none;}
  .solution li,.icase .item{ width: 48%;}
  .solution li:nth-child(3n),.icase .item:nth-child(3n){margin-right:2%}
  .solution li:nth-child(2n),.icase .item:nth-child(2n){margin-right:0}
  .solution li .txt h3{font-size: 1rem;}
  .article-picture ul li a .imgbox { width: 40%; }
  .article-picture ul li a .textbox { width: 60%; }
  .article-picture ul li a .imgbox span {padding-top: 125px;}
  .article-picture ul li a { padding: 10px;}
  .case-detail .pic{ transition: transform 0.3s ease-out; transform: scale(0.7);}
}

@media only screen and (max-width: 30em) {
  .pc-header{ display: none; }
  .mb-header{ display: block; }
	.value-txt{ width: 100%;}
	.value-txt{  padding:3rem 1rem; margin-left:0;}
	.lx-list li{ width: 100%; margin-left: 0 !important;}
	.lx-box{ padding-bottom: 2rem;}
	.title{ padding-top: 1rem; margin-bottom: 0.5rem;}
	.programme-box,.case-box{ padding-bottom: 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.75rem;}
	.logo img{ height: 2.75rem;}
	.ad{ margin-top: 3.75rem;}
  .fa-txt{ opacity: 1; font-size: inherit; }
  .zx-list .newsimg,.zx-list .textlist{width:100%;height: auto;float: none;}
  .zx-list .textlist {border-top: none;}
  .news-tips ul li a{font-size: inherit;}
  .zx-list a {padding-bottom: 15px;}
  .solution li,.icase .item{ width: 100%; margin-right: 0;}
  .article-picture ul li a .imgbox { width: 40%; }
  .article-picture ul li a .textbox { width: 60%; padding-left: 10px; }
  .article-picture ul li a .imgbox span {padding-top: 125px;}
  .article-picture ul li a { padding: 10px;}
  .article-picture ul li a .textbox .jieshao{display: none;}
  .subnav ul li a{min-width: 80px;}
  .subnav ul{margin: 1rem 0;}
  .article-picture ul li{margin-bottom: 0.8rem;}
  .case-detail .pic{ transition: transform 0.3s ease-out; transform: scale(0.65); transform-origin: left top;}
  .case-detail .box{ margin : -7rem 0 0; }
  .inbanner .inbanner-title{ padding-top: 2rem;}
  .inbanner .inbanner-title h2{font-size: 1.75rem;}
  .inbanner .inbanner-title>p{margin: 0 0 1rem;}
  .seemore a{padding: 0.5rem 2rem;}
  .zx-list .textlist .item .time b{ line-height: 36px;}
  h3,.h3{font-size: 1.2rem!important;}
  h2,.h2{font-size: 1.4rem!important;}
  .pc-banner{display: none!important;}
  .app-banner{display: block!important;}
}

@media only screen and (max-width: 21em) {
	.b-nav { display: none;}
	.al-list li{ width: 100%;}
	.al-dbox .al-list li{ width: 100%;}
}